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

.m10b {
	margin: 0 0 10px;
	}
.m20b {
	margin: 0 0 20px;
	}
.m30b {
	margin: 0 0 30px;
	}		

/* ----------------------------------------------------------------------
 ALL
---------------------------------------------------------------------- */

img {
  transition-duration: 0.3s;
}
a:hover img {
  opacity: 0.6;
  transition-duration: 0.3s;
}

/*--headline--*/
.post_content h1, .post_content h2, .post_content h3, .post_content h4, .post_content h5, .post_content h6 {
    margin: 0 0 15px 0!important;
}
.post_content h2 {
	font-size: 40px;
	font-weight: normal;
}
.post_content h3.widget-title {
	font-size: 30px;
	font-weight: normal;
}

#page_header h1.animate_item {
    font-weight: normal!important;
}

/*--グローバルナビゲーション調整--*/
#global_menu > ul {
    position: relative;
    font-size: 0;
    text-align: right;
    padding: 0 50px 0 0;
}
#global_menu > ul > li > a {
    font-weight: normal!important;
    letter-spacing: 0.05em!important;
}

/*--グローバルナビ 外部リンク--*/
ul#menu-global-navi li#menu-item-2785 a,
ul#menu-global-navi li#menu-item-2786 a,
ul#menu-global-navi li#menu-item-3012 a, {    
	border-bottom: 2px solid #fff;
}
ul#menu-global-navi li#menu-item-2785 a:hover,
ul#menu-global-navi li#menu-item-2786 a:hover,
ul#menu-global-navi li#menu-item-3012 a:hover {    
	border-bottom: 2px solid #a39b8d;
}
ul#menu-global-navi li#menu-item-2785 a::after,
ul#menu-global-navi li#menu-item-2786 a::after,
ul#menu-global-navi li#menu-item-3012 a::after {    
	content: '\f35d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin: 0 0 0 10px;
}

/*--グローバルナビ 外部リンク SP--*/
ul#mobile_menu li.menu-item-2785 a,
ul#mobile_menu li.menu-item-2786 a,
ul#mobile_menu li.menu-item-3012 a {    
	font-weight: bold;
	background: #352f26;
}
ul#mobile_menu li.menu-item-2785 a:hover,
ul#mobile_menu li.menu-item-2786 a:hover,
ul#mobile_menu li.menu-item-3012 a:hover {    
	font-weight: bold;
	background: #6b5f4d;
}
ul#mobile_menu li.menu-item-2785 a::after,
ul#mobile_menu li.menu-item-2786 a::after,
ul#mobile_menu li.menu-item-3012 a::after {    
	content: '\f35d';
	font-family: 'Font Awesome 5 Free';
	font-weight: 900;
	margin: 0 0 0 10px;
}

/*--前・次の記事を見る--*/
#next_prev_post {
  display: none;
}

/*--前・次の記事を見るテキストボタン--*/
.arrow-prev {
	zoom: 90%;
}
.arrow-next {
	zoom: 110%;
}
.arrow-prev:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 1em 0 0;
  border: 5px solid transparent;
  border-left: 0 solid transparent;
  border-right: 7px solid #aaa;
}
.arrow-next:before {
  content: "";
  display: inline-block;
  width: 0;
  height: 0;
  margin: 0 0.8em 0 0;
  border: 5px solid transparent;
  border-right: 0 solid transparent;
  border-left: 7px solid #aaa;
  text-align: right;
}

/*--reCAPTCHA保護マーク--*/
.grecaptcha-badge {
	bottom: 70px!important;
    z-index: 100;
}

/* ----------------------------------------------------------------------
 index
---------------------------------------------------------------------- */

/*--headline--*/
#index_content_builder .post_content h1 {
	font-size: 40px;
	font-weight: normal;
}
#index_content_builder h2.catch {
	font-size: 34px;
    font-weight: normal!important;
}

/*-- ニュースティッカー --*/
#news_ticker_bottom {
	display:none;
}

/*--トピックス--*/
.info {
}
.info dl {
	padding: 0.3em 0 0.5em;
	border-bottom: 1px dotted #ccc;
}
.info dt {
	padding-bottom: 10px;
	width: 6em;
	font-weight: normal!important;
}
@media screen and (min-width: 480px) {
.info dt {
	clear: left;
	float: left;
}
.info dd {
	margin-left: 0.5em;
}
}



/* ----------------------------------------------------------------------
 Contents
---------------------------------------------------------------------- */

.post_content a {
  position: relative;
  display: inline-block;
  text-decoration: none;
}
.post_content a::after {
  position: absolute;
  bottom: 1px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #000000;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
.post_content a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}


/* ----------------------------------------------------------------------
 Haco-air
---------------------------------------------------------------------- */
.hacoair-photo {
  background-color: #eee;
  opacity: 0.8;
  background-size: 7px 7px;
  background-image: repeating-linear-gradient(45deg, #ddd 0, #ddd 0.7000000000000001px, #eee 0, #eee 50%);
  padding: 20px;
  margin: 20px 0;
}

/* ----------------------------------------------------------------------
 footer
---------------------------------------------------------------------- */

#footer .banner_content_inner h2.catch {
    font-weight: normal!important;
}

#footer #footer-wrapper a {
  position: relative;
  display: inline-block;
  text-decoration: none;
	color:#fff!important;
}
#footer #footer-wrapper a::after {
  position: absolute;
  bottom: 1px;
  left: 0;
  content: '';
  width: 100%;
  height: 1px;
  background: #ffffff;
  transform: scale(0, 1);
  transform-origin: right top;
  transition: transform .3s;
}
#footer #footer-wrapper a:hover::after {
  transform-origin: left top;
  transform: scale(1, 1);
}

#footer_sns {
  zoom: 180%;
  top: 17px!important;
}
@media screen and (max-width:1200px) {
  #footer_sns { margin:0 0 20px 0!important; }
}

#footer-wrapper {
  background: #222;
  padding: 40px;
  overflow: hidden;
  _zoom: 1;
}
#footer-wrapper h2 {
    color:#fff;
    font-size: 18px;
    font-weight: 450;
    padding: 0 0 20px;
}
#footer-wrapper ul li a {
    color:#ccc;
    padding: 8px;
    display: block;
    padding: 8px 0;
    font-size: 14px;
}
#footer-navi {
  float: left;
  margin: 0 0 30px;
}
#footer-movie {
  float: right;
  margin: 0 0 30px; 
}




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

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

.post_content h2 {
	font-size: 24px;
	font-weight: normal;
}
.post_content h3.widget-title {
	font-size: 24px;
	font-weight: normal;
}

#index_content_builder .post_content h1 {
	font-size: 24px!important;
}
#index_content_builder h2.catch {
	font-size: 18px;
    font-weight: normal!important;
}

}