@charset "utf-8";

/*--
ex light 200
light 300
normal 400
medium 600
bold 700
--*/

/*///// common /////*/
.cf:after {
	content:'';
	display: block;
	clear: both;
}

ul,ol {
	margin: 0;
	padding: 0;
	list-style: none;
}

dl,
dl dt,
dl dd {
	margin: 0;
	padding: 0;
}

table {
	width: 100%;
	border-collapse: collapse;
	table-layout: fixed;
}

h1,h2,h3,h4,h5,h6 {
	margin: 0;
	font-weight: normal;
	font-size: 100%;
}

* {
	box-sizing: border-box;
}

/*form tag format*/
input[type='text'],
input[type='email'],
input[type='password'],
input[type='tel'],
input[type='number'],
textarea,
button {
	-webkit-appearance: none;
	appearance: none;
	outline: none;
	background-color: transparent;
	border-radius: 0;
	border: 0;
	font-size: 100%;
}

button,
input[type='submit'],
input[type='button'],
input[type='reset'] {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	cursor: pointer;
	outline: none;
	padding: 0;
	border-radius: 0;
	font-size: 100%;
}

select {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
	outline: none;
	border-radius: 0;
	font-size: 100%;
}

input[type='checkbox'],
input[type='radio'] {
	-webkit-appearance: none;
	appearance: none;
	background-color: transparent;
	border: none;
}

/* //form tag format*/
html {
	scroll-padding-top: 150px;
}

body {
	font-family: din-2014, "游ゴシック", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
	margin: 0;
	padding: 0;
	line-height: 1.8;
	width: 100%;
	color: #000;
	background: #fff;
	font-feature-settings: "palt";
	letter-spacing: 0.05em;
}

.ja {
	font-family: "游ゴシック", YuGothic, 'Yu Gothic medium', 'Hiragino Sans', Meiryo, 'sans-serif';
}

a {
	color: #000;
	text-decoration: none;
}
::selection {
    background: #7ca39a;
}
img {
	max-width: 100%;
	width: auto;
	height: auto;
	vertical-align: top;
	opacity: 1;
	transition: opacity .5s ease-in;
}

p {
	margin: 0 0 1.5em 0;
}
*:last-child {
	margin-bottom: 0!important;
}

#wrapper {
	padding-top: 180px;
	margin-bottom: 70px;
}
.inner_wrap {
	margin: 0 35px;
}
.inner_content {
	width: 90%;
	max-width: 1240px;
	margin: 0 auto;
}

/*/ pc only */
@media screen and (min-width: 769px) {
	.sp {
		display: none!important;
	}
	
	.alpha {
		transition: opacity .5s ease-in;
	}
	.alpha:hover,
	a:hover img {
		opacity: 0.6;
	}
	.alpha:hover img {
		opacity: 1;
	}
	
	body {
		font-size: 13px;
		overflow-y: scroll;
	}
	body.hidden {
		position: fixed;
	}
	
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
	.inner_wrap {
		margin: 0 3%;
	}
}

/*/ sp only */
@media screen and (max-width: 768px) {
	.pc {
		display: none!important;
	}
	#wrapper {
		padding-top: 8em;
		margin-bottom: 3.5em;
	}
	.inner_wrap {
		margin: 0 6%;
	}
	.inner_content {
		width: 100%;
		margin: 0;
		padding: 0 4%;
	}
	body {
		font-size: 3vw;
	}
	body.hidden {
		position: fixed;
	}
	
}

/*///// header /////*/
#gb_header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	padding: 0 35px;
	z-index: 999;
}
#gb_header #logo {
	margin:60px 0 0 40px;
	width: 159px;
	float: left;
	position: relative;
	z-index: 2;
}
#gb_header #logo.white svg {
	width: 100%;
	height: auto;
}
#gb_header #logo svg * {
	fill:#000;
	transition: fill 0.3 ease-in;
}
#gb_header #logo.white svg * {
	fill:#fff;
}
#gb_header #menu {
	display: block;
	margin-top: 35px;
	text-align: center;
	float: right;
	position: relative;
	z-index: 2;
}
#gb_header #menu .icon {
	width: 100%;
	height: 100%;
}
#gb_header #menu .icon svg {
	width: 45px;
	height: 53px;
	transition: transform 0.3s ease-in;
}
#gb_header #menu .icon svg * {
	stroke:#000;
}
#gb_header #menu span {
	color: #000;
	font-size: 123%;
	font-weight: 300;
	letter-spacing: 0.05em;
	display: block;
	line-height: 1;
	opacity: 1;
	transition: opacity 0.3s ease-in;
}
#gb_header #menu.white .icon svg * {
	stroke:#fff;
}
#gb_header #menu.white span {
	color:#fff;
}
#gb_header #menu.close svg {
	transform: rotate(90deg);
}
#gb_header #menu.close span {
	opacity: 0;
} 

/* pc */
@media screen and (min-width: 769px) {
	#gb_header #menu:hover svg {
		transform: rotate(90deg);
	}
}
@media screen and (min-width: 769px) and (max-width: 1280px) {
	#gb_header #logo {
		margin-left: 0;
	}
}

/* sp */
@media screen and (max-width: 768px) {
	html {
		scroll-padding-top: 17vw;
	}
	#gb_header {
		padding: 0;
	}
	#gb_header::selection {
    background: transparent !important;
	}
	#gb_header #logo {
		margin:1em 0 0 0;
		padding: 1em 1em 1em 4vw;
		width: 22%;
		box-sizing: content-box;
	}
	#gb_header #menu {
		margin-top: 0.6em;
		width: 6.6vw;
		padding: 1em 4vw 1em 1em;
		box-sizing: content-box;		
	}
	#gb_header #menu span {
		display: none;
	}
	#gb_header #menu .icon {
		transition: transform 0.3s ease-in;
	}
	#gb_header #menu.close .icon {
		transform: rotate(90deg);
	}
	#gb_header #menu .icon .circle {
		width: 6.6vw;
		height: 7.8vw;
		position: relative;
	}
	#gb_header #menu .icon .circle:before,
	#gb_header #menu .icon .circle:after {
		content:'';
		display: block;
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-size: 92%;
		background-repeat: no-repeat;
		background-position: center center;
		opacity: 1;
		transition: opacity 0.3s ease-in;
	}
	#gb_header #menu .icon .circle:before {
		background-image:url( '../images/icon_menu_b.png' );
		opacity: 1;
	}
	#gb_header #menu .icon .circle:after {
		background-image:url( '../images/icon_menu_w.png' );
		opacity: 0;
	}
	#gb_header #menu.white .icon .circle:before {
		opacity: 0;
	}
	#gb_header #menu.white .icon .circle:after {
		opacity: 1;
	}
}

/*///// navigation /////*/
#gb_navigation {
	display: none;
	/*display: block;*/
	position: fixed;
	top: 0;
	right: 0;
	max-width: calc(100% - 300px );
	height: 100%;
	background: #354443;
	color: #fff;
	padding: 200px 100px 50px 75px;
	overflow-y: scroll;
	margin-right: -20px;
}
#gb_navigation a {
	color: #fff;
	position: relative;
}
#gb_navigation .navi_section {
	margin-bottom: 40px;
}
#gb_navigation .navi_ttl {
	display: flex;
	align-items: flex-end;
	margin-bottom: 0.5em;
}
#gb_navigation .navi_ttl .ttl {
	font-size: 153%;
	font-weight: normal;
	line-height: 1;
}
#gb_navigation .navi_ttl span {
	line-height: 1.2;
	margin-left: 2em;
	font-size: 70%;
}
#gb_navigation .navi {
	/*display: flex;
	flex-wrap: wrap;*/
	display: grid;
	grid-template-columns: 1fr 1fr 1fr 1fr;
	margin: 60px 0 0 2em;
	max-width: 880px;
}
#gb_navigation .navi > li {
	min-width: 140px;
	margin: 2em 80px 0 0;
}
#gb_navigation .navi > li:nth-child(-n + 4) {
	margin-top: 0;
}
#gb_navigation .navi .parent {
	font-size: 153%;
	line-height: 1;
}
#gb_navigation .navi .child {
	border-top: 1px solid #fff;
	font-size: 123%;
	margin-top: 0.5em;
	padding: 0.5em 0 0 0.5em;
}
#gb_navigation .navi > li:last-child {
	grid-column-start: 1;
}

/*topics*/
#gb_navigation .navi_section.topics_navi {
	margin-bottom: 80px;
}

/*store navi*/
#gb_navigation .store_navi {
	margin-top: 70px;
}
#gb_navigation .store_navi .btn {
	width: 330px;
	float: left;
	margin-left: 1em;
}
#gb_navigation .store_navi .btn:first-child {
	margin-left: 0;
}
#gb_navigation .store_navi .btn a {
	border: 1px solid #fff;
	display: block;
	padding: 1em 1em 2em 1em;
	position: relative;
}
#gb_navigation .store_navi .btn a:after {
	content:'';
	display: block;
	width: 26px;
	height: 13px;
	background: url("../images/arrow02.svg") right center no-repeat;
	background-size: auto 100%;
	position: absolute;
	top: 50%;
	right: 1em;
	transform: translateY(-50%);
	transition: width 0.3s ease-in, right 0.3s ease-in;
}
#gb_navigation .store_navi .btn strong {
	font-size: 153%;
	font-weight: normal;
	line-height: 1.2;
}
#gb_navigation .store_navi .btn span {
	display: block;
	line-height: 1.2;
	font-size: 70%;
	transition: opacity 0.3s ease-in;
	position: absolute;
}
#gb_navigation .store_navi .btn .brand {
	opacity: 1;
}
#gb_navigation .store_navi .btn .all {
	opacity: 0;
}
#gb_navigation .e_navi {
	font-size: 115%;
	font-weight: 300;
	margin-left: 0.5em;
}
#gb_navigation .e_navi li {
	line-height: 1.4;
}

/*search*/
#gb_navigation #search .search_box {
	border-bottom: 1px solid #fff;
}
#gb_navigation #search .search_box form {
	display: flex;
	padding: 0 8px 8px 8px;
}
#gb_navigation #search .search_box form input {
	color: #fff;
	flex: 1;
}
#gb_navigation #search .search_box form button {
	text-align: center;
	width: 15px;
}

/*hot tag*/
#gb_navigation .navi_section.hot_tags {
	margin-top: 45px;
}
#gb_navigation .hot_tags .tags {
	max-width: 45em;
}
#gb_navigation .hot_tags .tags li {
	display: inline-block;
	margin: 0.6em 0.3em 0 0;
}
#gb_navigation .hot_tags .tags li a {
	display: inline-block;
	font-weight: 400;
	color: #fff;
	line-height: 1;
	padding: 0.2em 0.5em;
	border: 1px solid #fff;
	border-radius: 1.5em;
}
#gb_navigation .hot_tags li a:before {
	content:'#';
}

/*pc*/
@media screen and (min-width: 769px) {
	#gb_navigation .dot a:before {
		content:'';
		display: block;
		width: 3px;
		height: 5px;
		background: #fff;
		position: absolute;
		top: 50%;
		left: -0.6em;
		transform: translateY(-50%);
		border-radius: 100%;
		opacity: 0;
		transition: opacity 0.3s ease-in;
	}
	#gb_navigation .dot a:hover:before {
		opacity: 1;
	}
	#gb_navigation .store_navi .btn a:hover .brand {
		opacity: 0;
	}
	#gb_navigation .store_navi .btn a:hover .all {
		opacity: 1;
	}
	#gb_navigation .store_navi .btn a:hover:after {
		width: 30px;
		right: calc( 1em - 4px );
	}

	/*store info*/
	#gb_navigation .navi > li:last-child {
		margin: 60px 0 0 -2em;
	}

	/*yo biotop / people*/
	#gb_navigation .navi_column {
		display: flex;
	}
	#gb_navigation .navi_column .in_column {
		display: flex;
		flex-wrap: wrap;
	}
	#gb_navigation .navi_section.yo_biotop {
		margin:0 75px 0 0;
	}
	#gb_navigation .navi_section.people,
	#gb_navigation .navi_section.side_b {
		margin: 0;
		width: 100%;
	}
	#gb_navigation .navi_section.side_b {
		margin: 2em 0 0 0
	}
	#gb_navigation .navi_section.people .navi_ttl span,
	#gb_navigation .navi_section.side_b .navi_ttl span {
		line-height: 1;
	}
	
	/*search*/
	#gb_navigation #search {
		position: absolute;
		top: 40px;
		/*right: 100px;*/
		right: 125px;
		margin: 0;
		width: 250px;
	}
	#gb_navigation #search .navi_ttl {
		margin: 0;
		position: absolute;
		top:100%;
		right: 0;
		margin-top:0.5em;
	}
	#gb_navigation #search .navi_ttl .ttl {
		font-size: 70%;
		display: inline-block;
		margin: 0;
	}
	#gb_navigation #search .navi_ttl span {
		margin: 0 0 0 0.5em;
	}

}
@media screen and (min-width: 769px) and (max-width: 1340px) {
	#gb_navigation{
		font-size: 12px;
		width: 820px;
		max-width: calc(100% - 200px );
		padding-left: 3em;
		padding-right: 3em;
	}
	#gb_navigation .navi {
		margin-left: 0;
	}
	#gb_navigation .navi > li {
		min-width: 9em;
		margin-right: 10%;
	}
	#gb_navigation .store_navi .btn {
		width: auto;
		max-width: 330px;
		min-width: 48%;
	}
	/*store info*/
	#gb_navigation .navi > li:last-child {
		margin-left: 0;
	}
	@media screen and (max-width: 941px) {
		#gb_navigation .navi {
			grid-template-columns: 1fr 1fr 1fr;
		}
		#gb_navigation .navi li:nth-child(n+4):not(:last-child) {
			margin-top: 3em;
		}
	}
}

/* sp */
@media screen and (max-width: 768px) {
	#gb_navigation{
		width: 100%;
		max-width:none;
		margin: 0;
		padding: 10em 6% 4em;
		overflow: auto;
	}
	#gb_navigation .navi_ttl {
		display: block;
		margin-bottom: 0.5em;
	}
	#gb_navigation .navi_ttl .ttl {
		font-size: 160%;
		margin-bottom: 0.2em;
	}
	#gb_navigation .navi_ttl span {
		display:block;
		margin-left: 0;
		font-size: 82%;
	}
	#gb_navigation .navi {
		display: block;
		flex-wrap: wrap;
		margin: 2em 0 0 2em;
	}
	#gb_navigation .navi > li {
		width: 100%;
		margin: 1em 0 2em;
	}
	#gb_navigation .navi > li:last-child {
		margin-right: 0;
	}
	#gb_navigation .navi .parent {
		font-size: 160%;
		line-height: 1;
	}
	#gb_navigation .navi .parent span {
		display: inline-block;
		height: 2em;
		line-height: 2em;
		border-bottom: 1px solid #fff;
		transition: width 0.5s ease-in;
		white-space: nowrap;
	}
	#gb_navigation .navi li:first-child .parent span {
		width: 3em;
	}
	#gb_navigation .navi li:nth-child(2) .parent span {
		width: 3em;
	}
	#gb_navigation .navi li:nth-child(3) .parent span {
		width: 4.5em;
	}
	#gb_navigation .navi .parent a {
		display: block;
		position: relative;
		width: 100%;
	}
	#gb_navigation .navi .parent a:after {
		position: absolute;
		top: 50%;
		right: 0;
		transform-origin:center center 0;
		transform: translateY(-50%);
		display: block;
		content:'';
		width: 1.3em;
		height: 1.3em;
		background: url("../images/arrow02.svg") center right no-repeat;
		background-size: contain;
		transition: transform 0.3s ease-in;
	}
	#gb_navigation .navi .parent.show span {
		width: 100%!important;
	}
	#gb_navigation .navi .parent.show a:after {
		transform: translateY(-50%) rotate(90deg);
	}
	#gb_navigation .navi li:last-child .parent a:after {
		display: none;
	}
	#gb_navigation .navi .child {
		border: 0;
		margin: 1em 0 0 0;
		padding: 0;
		display: none;
	}
	#gb_navigation .navi .child.show {
		display: block;
	}
	#gb_navigation .navi .child ul.all {
		margin-bottom: 0.5em;
	}
	#gb_navigation .navi .child ul li {
	min-width: 48%;
    padding-right: 2%;
    font-size: 113%;
    display: inline-block;
    white-space: nowrap;
	}

	/*store navi*/
	#gb_navigation .store_navi {
		margin: 5em 0 0 0;
	}
	#gb_navigation .store_navi .btn {
		width: 100%;
		float: none;
		margin: 0 0 1.2em 0;
	}
	#gb_navigation .store_navi .btn a {
		display: block;
		padding: 1em 1em 1em 1em;
	}
	#gb_navigation .store_navi .btn a:after {
		width: 2.5em;
		height: 2.5em;
		background-size: contain;
	}
	#gb_navigation .store_navi .btn strong {
		font-size: 160%;
	}
	#gb_navigation .store_navi .btn span {
		font-size: 82%;
		position: relative;
	}
	#gb_navigation .store_navi .btn .all {
		display: none;
	}
	#gb_navigation .e_navi {
		font-size: 121%;
		margin-left: 1em;
	}

	/*topics*/
	#gb_navigation .navi_section.topics_navi {
		margin-bottom: 4em;
	}

	/*store info*/
	#gb_navigation .store_info_navi {
		margin-bottom: 4em;
	}

	/*yo biotop*/
	#gb_navigation .navi_section.yo_biotop {
		margin-bottom: 2.5em;
	}

	/*people*/
	#gb_navigation .navi_section.people {
		margin-bottom: 3em;
	}

	/*search*/
	#gb_navigation .navi_section#search {
		margin-bottom: 4em;
	}
	#gb_navigation #search .navi_ttl .ttl {
		text-transform:uppercase;
	}
	#gb_navigation #search .search_box form {
		padding: 0 0.5em 0.5em 0.5em;
	}
	#gb_navigation #search .search_box form button {
		width: auto;
	}
	#gb_navigation #search .search_box form button img {
		width: 1em;
	}

	/*hot tags*/
	#gb_navigation .navi_section.hot_tags {
		margin: 4em 0 0 0;
	}
	#gb_navigation .hot_tags .tags li {
		margin: 0.3em 0 0 0;
	}
	#gb_navigation .hot_tags .tags li a {
		font-size: 91%;
	}
}

/*///// footer /////*/
#gb_footer {
	background: rgba(53,68,67,0.15);
}
#gb_footer .menu {
	display: flex;
	padding-top: 40px;
}
#gb_footer .menu ul {
	margin-right: 2em;
}
#gb_footer .menu ul li a {
	font-size: 123%;
	font-weight: 300;
	line-height: 1.6;
	letter-spacing: 0.042em;
}
#gb_footer .menu ul.navi {
	margin-left: 5em;
}
#gb_footer .menu ul.insta {
	background: url("../images/icon_insta.svg") left top 0.3em no-repeat;
	background-size: auto 18px;
	padding-left: 30px;
}
#gb_footer .menu ul.fb {
	background: url("../images/icon_fb.svg") left top 0.3em no-repeat;
	background-size: auto 18px;
	padding-left: 23px;
}
#gb_footer #copyright {
	text-align: right;
	font-size: 92%;
	font-weight: 300;
	margin-top: 7em;
	padding-bottom: 35px;
}
#gb_footer #copyright span {
	display: block;
	margin-top: 0.3em;
}
#gb_footer #copyright a {
	display: inline-block;
	width: 140px;
	line-height: 1;
}

/*low*/
#gb_footer .footer_bnr {
	display: flex;
}
#gb_footer .footer_bnr .bnr {
	width: 50%;
}
#gb_footer .footer_bnr .bnr a {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	height: 26.5vw;
	overflow: hidden;
	position: relative;
	padding: 1.5em 3%;
}
#gb_footer .footer_bnr .bnr a img {
	width: 100%;
	height: 100%;
	object-fit:cover;
	position: absolute;
	top: 0;
	left: 0;
}
/*people*/
#gb_footer .footer_bnr .people .image {
	width: 50%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#gb_footer .footer_bnr .people a {
	background: #354443;
}
#gb_footer .footer_bnr .people .post {
	color: #fff; 
	height: 100%;
	margin-right: 50%;
	padding-right: 3%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
#gb_footer .footer_bnr .people .post .ttl {
	width: 100%;
}
#gb_footer .footer_bnr .people .post .ttl .name {
	font-size: 553%;
	font-weight: 400;
	line-height: 1;
}
#gb_footer .footer_bnr .people .post .ttl .date {
	font-size: 168%;
	line-height: 1.2;
	letter-spacing: 0.025em;
	font-weight: 300;

}
#gb_footer .footer_bnr .people .post .info .num {
	font-size: 169%;
	font-weight: 300;
	display: block;
	line-height: 1.2;
}
#gb_footer .footer_bnr .people .post .info .name {
	font-size: 223%;
	font-weight: 300;
	display: block;
	line-height: 1.2;
	letter-spacing: 0.045em;
}
/*side_b*/
#gb_footer .footer_bnr .side_b .image {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	right: 0;
}
#gb_footer .footer_bnr .side_b a {
	background: #fff;
}
#gb_footer .footer_bnr .side_b .post {
	position: relative;
	z-index: 1;
	color: #fff;
	height: 100%;
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
#gb_footer .footer_bnr .side_b .post .ttl {
	width: 100%;
}
#gb_footer .footer_bnr .side_b .post .ttl .name {
	font-size: 553%;
	font-weight: 400;
	line-height: 1;
}
#gb_footer .footer_bnr .side_b .post .ttl .date {
	font-size: 168%;
	line-height: 1.2;
	letter-spacing: 0.025em;
	font-weight: 300;

}
#gb_footer .footer_bnr .side_b .post .info .num {
	font-size: 169%;
	font-weight: 300;
	display: block;
	line-height: 1.2;
}
#gb_footer .footer_bnr .side_b .post .info .name {
	font-size: 223%;
	font-weight: 300;
	display: block;
	line-height: 1.2;
	letter-spacing: 0.045em;
}

@media screen and (min-width: 1921px) {
	#gb_footer .footer_bnr {
		font-size: 20px;
	}
}
@media screen and (min-width: 1600px) and (max-width: 1920px) {
	#gb_footer .footer_bnr {
		font-size: 15px;
	}
}
@media screen and (min-width: 1101px) and (max-width: 1280px) {
	#gb_footer .footer_bnr {
		font-size: 11px;
	}
}
@media screen and (min-width: 769px) and (max-width: 1100px) {
	#gb_footer .footer_bnr {
		font-size: 10px;
	}
	/*people*/
	#gb_footer .footer_bnr .people .post {
		padding-left: 1.5em;
	}
	#gb_footer .footer_bnr .people .post .ttl .name {
		font-size: 300%;
	}
	#gb_footer .footer_bnr .people .post .info .num {
		font-size: 128%;
	}
	#gb_footer .footer_bnr .people .post .info .name {
		font-size: 128%;
	}
	/*side_b*/
	#gb_footer .footer_bnr .side_b .post {
		padding-left: 1.5em;
	}
	#gb_footer .footer_bnr .side_b .post .ttl .name {
		font-size: 300%;
	}
	#gb_footer .footer_bnr .side_b .post .info .num {
		font-size: 128%;
	}
	#gb_footer .footer_bnr .side_b .post .info .name {
		font-size: 128%;
	}
}

/* sp */
@media screen and (max-width: 768px) {
	#gb_footer .menu {
		justify-content: space-between;
		padding-top: 2em;
	}
	#gb_footer .menu ul {
		margin: 0!important;
	}
	#gb_footer .menu ul li {
		line-height: 1;
	}
	#gb_footer .menu ul li a {
		font-size: 70%;
		white-space: nowrap;
	}
	#gb_footer .menu ul.insta,
	#gb_footer .menu ul.fb {
		background-size: auto 1.3em;
		padding-left: 1.5em;
	}
	#gb_footer .menu ul.insta{
		padding-left: 2em;
	}
	#gb_footer #copyright {
		text-align: center;
		font-size: 52%;
		margin-top: 6em;
		padding-bottom: 2em;
	}
	#gb_footer #copyright span {
		display: block;
		margin-top: 0.1em;
	}
	#gb_footer #copyright a {
		display: inline-block;
		width: 30%;
		line-height: 1.6;
	}

	#gb_footer .footer_bnr {
		display: block;
	}
	#gb_footer .footer_bnr .bnr {
		width: 100%;
	}
	#gb_footer .footer_bnr .bnr a {
		width: 100%;
		height: 35vw;
		padding: 2.4vw;
	}
	/*people*/
	#gb_footer .footer_bnr .people .post {
		padding: 0 1.5em 0 0;
		margin: 0 50% 0 0;
	}
	#gb_footer .footer_bnr .people .post .ttl .name {
		font-size: 221%;
	}
	#gb_footer .footer_bnr .people .post .ttl .date {
		font-size: 65%;
	}
	#gb_footer .footer_bnr .people .post .info .num {
		font-size: 91%;
	}
	#gb_footer .footer_bnr .people .post .info .name {
		font-size: 91%;
	}
	#gb_footer .footer_bnr .people .image img {
		height: auto;
	}
	/*side_b*/
	#gb_footer .footer_bnr .side_b .post {
		padding: 0 1.5em 0 0;
		margin: 0 50% 0 0;
	}
	#gb_footer .footer_bnr .side_b .post .ttl .name {
		font-size: 221%;
	}
	#gb_footer .footer_bnr .side_b .post .ttl .date {
		font-size: 65%;
	}
	#gb_footer .footer_bnr .side_b .post .info .num {
		font-size: 91%;
	}
	#gb_footer .footer_bnr .side_b .post .info .name {
		font-size: 91%;
	}
	
}

/*///// low /////*/
.page_ttl {
	font-size: 169%;
	font-weight: 400;
	color: #646464;
	margin-bottom: 0.5em;
	letter-spacing: 0.04em;
	-webkit-font-smoothing: antialiased;
}
.page_ttl.tag {
	font-weight: 300;
}
.page_ttl span {
	margin-left: 0.5em;
}
.page_ttl span:before {
	content:'-';
}
.page_ttl.search span {
	margin-left: 0;
	font-size: 86%;
}
.page_ttl.search span:before {
	content:'';
}
/* sp */
@media screen and (max-width: 768px) {
	.page_ttl {
		font-size: 126%;
	}
}

/*///// page navi /////*/
#page_navigation {
	text-align: center;
	margin-top:130px;
}
#page_navigation ul {
	display: inline-block;
	position: relative;
}
#page_navigation ul .arrow {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	display: block;
	width: 1.2em;
	height: 1.2em;
}
#page_navigation ul .arrow a {
	background-size: contain;
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	width: 100%;
	height: 100%;
	text-indent: 200%;
	white-space: nowrap;
	overflow: hidden;
}
#page_navigation ul .arrow.prev {
	right: 100%;
	margin-right: 0.3em;
}
#page_navigation ul .arrow.prev a {
	background-image: url("../images/arrow05.svg");
}
#page_navigation ul .arrow.next {
	left: 100%;
	margin-left: 0.3em;
}
#page_navigation ul .arrow.next a {
	background-image: url("../images/arrow04.svg");
}
#page_navigation ul li {
	display: inline-block;
	margin: 0;
}
#page_navigation ul li .item,
#page_navigation ul li span {
	display: block;
	padding: 0.5em;
	line-height: 1;
	font-size: 123%;
	font-weight: 300;
	position: relative;
}
#page_navigation ul li span:after {
	content:'';
	display: block;
	width: 0.3em;
	height: 0.4em;
	background: #000;
	border-radius: 100%;
	position: absolute;
	top: 100%;
	left: 50%;
	transform: translateX(-50%);
}

/*sp*/
@media screen and (max-width: 768px) {
	#page_navigation {
		margin-top: 5em;
	}
	#page_navigation ul li .item,
	#page_navigation ul li span {
		font-size: 126%;
	}
}

/*///// post navi /////*/
#post_navigation {
	margin-top: 100px;
}
#post_navigation ul {
	display: flex;
}
#post_navigation ul li {
	width: 50%;
	text-align: right;
	padding: 0 0.5em;
}
#post_navigation ul li a {
	display: inline-block;
	width: 2.4em;
	padding: 0.5em;
	box-sizing: content-box;
}
#post_navigation ul li a img {
	width: 100%;
	height: auto;
	vertical-align: middle;
}
#post_navigation ul li:last-child {
	text-align: left;
}

/*sp*/
@media screen and (max-width: 768px) {
	#post_navigation {
		margin-top: 3em;
	}
	#post_navigation ul li {
		padding: 0 0.3em;
	}
	#post_navigation ul li a {
		width: 2em;
	}
}