/*
Theme Name: gcs-new
Theme URI:
Template: lightning
Description:
Author:
Tags:
Version: 0.6.1
*/

/* サイトロゴとヘッダーナビを縦に積む。中央配置も追加 */
div#site-header-container {
  display: block;
  text-align: center;
}
/* ヘッダーナビをコンテンツ幅いっぱいに広げる */
body:not(.header_scrolled) .global-nav--layout--float-right {
  display: block;
  width: 100%;
}
.global-nav-list {
  justify-content: space-between;
  width: 100%;
}
/* サイトロゴを中央配置とする */
.site-header--layout--nav-float .site-header-logo {
  display: inline-block;
  width: auto;
  margin-right: 0;
}

.site-header-container2{
	background-color:#300502;
}
.global-nav-list a{
	color:#fff !important;
}

/* TOPページカスタマイズ */
.top_01area,
.top_02area{
	display:flex;
	align-items: flex-start;
	margin-bottom:30px;
}
.top_01area{
	flex-direction: row-reverse;
}
  .top_01area img,
  .top_02area img{
	max-width:200px;
	margin:0 8px;
  }

.top_02area ul{
	margin:0 0 0 8px;
}

.showpdf{
	border:1px solid #ccc;
	padding:18px 12px;
	margin:12px 0;
}
p.free{
	display:flex;
	align-items: center;
	border:1px solid #ccc;
	margin:20px 0;

}
p.free a{
	padding-top:2px;
	padding-left:72px;
	background:url(images/free_img.png) no-repeat 4px 50%;
	color:#000099;
	font-weight:bold;
}

#sakusya{
	margin:10px 10px 30px 0;
	font-size:14px;
	font-weight:bold;
	text-align:right;
}


/* モバイルではヘッダーメニューを非表示とする */
@media (max-width: 991.98px) {
  body:not(.header_scrolled) .global-nav--layout--float-right {
    display: none;
  }
}

@media (max-width: 767px) {
  .top_01area,
  .top_02area{
	flex-wrap:wrap;
	justify-content: center;
  }
  .top_01area img{
	width:60%;

  }
  .top_01area section{
	width:100%;
	margin:8px 0;
	font-size:1.1em;
  }

}