@charset "utf-8";

/* Responsive ---------------------------------- */

@media screen and (min-width: 768px) {
  .sp {
    display: none;
  }
}

@media screen and (min-width: 1020px) {
  .sp-tab {
    display: none;
  }
}

@media screen and (max-width: 1019px) {
  .pc {
    display: none;
  }
}

@media screen and (max-width: 767px) {
  .pc-tab {
    display: none;
  }
}

/* Reset ---------------------------------- */

img{
	max-width:100%;
	vertical-align:bottom;
}

ul,li{
	list-style:none;
	padding:0!important;
  margin:0 auto!important;
}
dl,dt,dd{
	margin: 0; padding: 0;
}
*{
	box-sizing:border-box;
}
*:focus{
	outline: none;
}
h1,h2,h3,h4,h5{
	font-size: inherit;
	font-weight: inherit;
	margin:0; padding:0;
}

.post_content li, .post_content dt, .post_content dd {
  line-height: 1.8!important;
}

/* Common ---------------------------------- */

.m-title{
  font-weight: 700;
  color: #FFF;
  background-color: #5b7db0;
  border-bottom: none!important;
  padding: 8px 16px!important;
}

.p-title{
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-size: 24px!important;
  font-weight: 700;
  text-align: left!important;
  color: #ad926a;
  border-bottom: 1px solid #ad926a;
  padding: 8px 10px!important;
}

.m-bt{
	width:300px;
	height:60px;
	margin:0 auto 30px;
}
.m-bt a{
	transition: all .6s;
	-webkit-transition: all .6s;
  position:relative;
  width:100%;
  height:100%;
  display:block;
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
  font-weight: 700;
  line-height:58px;
  text-align:center;
  text-decoration:none;
	background-color: #77654b;
	border: 2px solid #77654b;
  color:#FFF;
  padding:0 30px;
  margin-top:40px;
}
.m-bt a:hover{
  opacity:1;
  background-color:#FFF;
  color:#77654b;
}

.back-bt{
  text-align: center;
  margin-bottom: 100px;
}
.back-bt a{
	transition: all .6s;
	-webkit-transition: all .6s;
  display: inline-block;
  color:#77654b;
  padding-bottom: 5px;
  border-bottom: 1px solid #77654b;
}
.back-bt a:hover{
  opacity: .6;
}

/* Header ---------------------------------- */

#drawer_menu .menu li{
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

#page_header .headline_area.animate .headline{
  font-family: "Times New Roman", "游明朝", "Yu Mincho", "游明朝体", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "HiraMinProN-W3", "HGS明朝E", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

body.home.header_fix #header {
  background: rgba(255, 255, 255, .8)!important;
}

#bread_crumb li {
  margin: 0 10px 0 0!important;
  padding: 0 20px 0 0!important;
}

@media screen and (max-width: 767px) {
  #bread_crumb{
    padding:0 20px;
  }
  .logo_image2{
    width: 150px !important;
    height: auto;
    margin-top: 10px;
  }
  .logo_image{
    height: auto!important;
  }
  #drawer_menu_content_inner{
    padding-top: 100px!important;
  }
}

/* Index ---------------------------------- */

#index_content_builder .cb_box_content .desc{
  text-align: center;
}

@media screen and (max-width: 767px) {
  #cb_content_1 .item.desc{
    text-align: left;
  }

  .cb_free_space.num4{
    padding-bottom: 0!important;
  }
  
  #cb_content_5{
    padding-bottom: 0!important;
  }

  #cb_content_8 .item.desc{
    text-align: left;
  }
}

/* Page ---------------------------------- */

.post_content p{
  line-height: 2!important;
}

.post_content h3{
  margin-bottom: 20px!important;
}

@media screen and (max-width: 767px) {
}

/* ABOUT */
@media screen and (max-width: 767px) {
}

/* Products */
.gallery_category_sort_button li{
  margin: 0 4px!important;
}

#gallery_single_image_list{
  width: 30%!important;
}
#gallery_single_content{
  width: 70%!important;
}

#gallery_single .item_info .box{
  margin-bottom: 60px;
}

#gallery_single .item_info .box p span{
  color:#ad926a;
}

#gallery_single .item_info .box p a{
  color:#ad926a;
}

.gallery_block_list .title_area{
  background: rgba(255, 255, 255, .7)!important;
}

#products-cta{
  background-color: #f9f9f9;
  margin-bottom: 60px;
}
#products-cta .inner{
  width: 1130px;
  max-width: 100%;
  padding: 100px 0 60px;
  margin: 0 auto;
}
#products-cta p{
  line-height: 30px;
  text-align: center;
}

@media screen and (max-width: 767px) {
  #gallery_single{
    display: flex!important;
    flex-wrap: wrap-reverse!important;
  }
  #gallery_single_image_list{
    width: 100%!important;
  }
  #gallery_single_content{
    width: 100%!important;
  }
  #products-cta .inner{
    width: 100%;
    padding: 60px 0 30px;
  }
}

/* Company */
@media screen and (max-width: 767px) {
}

/* Contact ---------------------------------- */

.contact_form .caution{
  font-size: 12px;
  color: #F00;
}

.contact_form strong{
  font-size: 14px;
  color: #999;
}
.contact_form .form_s{
  width: 200px;
  display: inline-block;
  margin-bottom: 10px;
}

@media screen and (max-width: 767px) {
}

/* Footer ---------------------------------- */

#footer_top_inner{
  top:40%!important;
}
#footer_menu ul li{
  margin:0 20px!important;
}
/* #footer_logo .logo{
  margin-bottom: 30px!important;
}
.sns_button_list.color_type2 li.twitter a:before {
  color: #333!important;
}

#footer .panel-layout{
  display: none;
} */

.grecaptcha-badge{
  bottom:75px!important;
}

#cta_bt{
  position: fixed;
  right:0; bottom:80px;
  z-index: 100;
}
#cta_bt a{
  display: block;
}
#cta_bt a img{
  width: 250px;
}

@media screen and (max-width: 767px) {
  #cta_bt{
    bottom:60px;
  }
  #cta_bt a img{
    width: 150px;
  }
}