/*@import url(https://fonts.googleapis.com/css?family=Noto+Sans:400,400italic,700,700italic);*/
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,300italic,400italic,700,700italic);
/*@import url(https://fonts.googleapis.com/css?family=Varela+Round);*/
@font-face {
   font-family: Titlelogo;
   /*src: url('./wf/Russian.ttf') format("truetype");*/
   /*src: url('./wf/faith_and_glory_two-webfont.woff') format("woff");*/
   /*src: url('./wf/chicle-regular.woff') format("woff");*/
   /*src: url('./wf/bad_land-webfont.woff') format("woff");*/
   /*src: url('./wf/H.H.-Samuel-font-defharo.woff') format("woff");*/
   /*src: url('./wf/Mengkengs.woff') format("woff");*/
   /*src: url('./wf/im-fell-great-primer.sc.woff') format("woff");*/
   /*src: url('./wf/LocalBrewerySans.woff') format("woff");*/
   /*src: url('./wf/WasatshBrush-MVMlY.woff') format("woff");*/
   src: url('./wf/Raflesia.ttf') format("truetype");
}
@font-face {
   font-family: HHHGlogo;
   src: url('./wf/eunomia-light.woff') format("woff");
}

@charset "utf-8";
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  vertical-align: baseline;
}

*, *:before, *:after {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

html {
  line-height: 1;
  font-size: 62.5%; /*10px*/
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

html {
  -webkit-text-size-adjust: 100%;
  -ms-text-size-adjust: 100%;
}

strong {
	font-weight: bold;
}

img.res {
	max-width: 100%;
	height: auto;
}

.home-test {
	background-color: #FFFFFF;
}

@media (min-width: 1199px) {

	.home h1.titlelogo,
	.home p.copy,
	.home h2.roboto_i {
		color: #868e96;
	}

	.home h1.titlelogo a span{
		color: #868e96 !important;
	}

}

.home-test h1.titlelogo,
.home-test p.copy,
.home-test h2.roboto_i {
	text-shadow: 
    -1px -1px 0 #FFFFFF,
    1px -1px 0 #FFFFFF,
    -1px 1px 0 #FFFFFF,
    1px 1px 0 #FFFFFF;
}

/* form
**********************************/
button {
	padding: 0;
	background: no-repeat;
	border: none;
	cursor: pointer;
}
label {
	cursor: pointer;
}

/* color
**********************************/
.rd {color: #f00;}

/* link
**********************************/
a {
	text-decoration: none;
	color: #000;
	transition: color .4s;
}
a:hover {
	color: #ff404f;
}
a img {
	opacity: 1;
	transition: opacity .4s;
}
a img:hover {
	opacity: 0.6;
}
.sp a img,
.tablet a img {
	transition: none;
}
.sp a img:hover,
.tablet a img:hover {
	opacity: inherit;
}
a.ul {
	text-decoration: underline !important;
}
a.nn {
	text-decoration: none !important;
}
a.hhhglink {
	color: #f6b500;
}
.taparea {
	-webkit-tap-highlight-color:#ff404f;
}


/* float 
**********************************/
.fl {
  float: left;
}

.fr {
  float: right;
}

.clearfix {
  overflow: hidden;
  *zoom: 1;
}

.flex {
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	flex-wrap: wrap;
}
.flex.flexac {
	-webkit-align-items: center !important;
	align-items: center !important;
}
.flex.flexjc {
	-webkit-justify-content: center !important;
	justify-content: center !important;
}
.flex.flexbtw {
	-webkit-justify-content: space-between;
	justify-content: space-between;
}

/* margin 
**********************************/
.mb5 {margin-bottom: 5px !important;}
.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;}

.mt10 {margin-top: 10px !important;}
.mt20 {margin-top: 20px !important;}
.mt30 {margin-top: 30px !important;}
.mt50 {margin-top: 50px !important;}

/* padding 
**********************************/
.pb10 {padding-bottom: 10px !important;}
.pt10 {padding-top: 10px !important;}
.pl30 {padding-left: 30px !important;}

/* text-align 
**********************************/
.tc {
  text-align: center;
}
.tr {
  text-align: right;
}
.tl {
  text-align: left;
}
.bold {
	font-weight: bold;
}
.normal {
	font-weight: normal;
}

/* text-indent
**********************************/
.ti_1 {
	text-indent: -1em;
	padding-left: 1em;
}

/* text-style
**********************************/
.color-blue{
	color: #1864ab;
}
.color-lime{
	color: #94d82d;
}
.color-teal{
	color: #20c997;
}
.color-red{
	color: #f03e3e;
}
.color-orange{
	color: #fd7e14;
}
.quote {
	padding: 1em;
	background-color: #e9ecef;
	margin-bottom: 30px;
}
.quote p:last-child {
	margin-bottom: 0 !important;
}

/* font-size 
**********************************/
.fs10 {	font-size: 1.0rem !important;}
.fs11 {	font-size: 1.1rem !important;}
.fs12 {	font-size: 1.2rem !important;}
.fs13 {	font-size: 1.3rem !important;}
.fs14 {	font-size: 1.4rem !important;}
.fs15 {	font-size: 1.5rem !important;}
.fs16 {	font-size: 1.6rem !important;}
.fs17 {	font-size: 1.7rem !important;}
.fs18 {	font-size: 1.8rem !important;}
.fs20 {	font-size: 2.0rem !important;}
.fs25 {	font-size: 2.5rem !important;}
.fs30 {	font-size: 3.0rem;}
.fs35 {	font-size: 3.5rem;}
.fs40 {	font-size: 4.0rem;}
.fs50 {	font-size: 5.0rem;}
.fs60 {	font-size: 6.0rem;}
.fs80 {	font-size: 8.0rem;}

.sp .fs20 {	font-size: 1.8rem; line-height: 1.5; !important;}
.sp .fs25 {	font-size: 2.0rem; line-height: 1.5; !important;}
.sp .fs30 {	font-size: 2.4rem; line-height: 1; !important;}
.sp .fs35 {	font-size: 2.6rem; line-height: 1; !important;}
.sp .fs40 {	font-size: 2.8rem; line-height: 1; !important;}
.sp .fs50 {	font-size: 3.2rem; line-height: 1; !important;}
.sp .fs60 {	font-size: 4.0rem; line-height: 1; !important;}
.sp .fs80 {	font-size: 5.6rem; line-height: 1; !important;}

/* line-height
**********************************/
.lh40 { line-height: 4.0rem; }
.lh50 { line-height: 5.0rem; }
.lh60 { line-height: 6.0rem; }
.lh70 { line-height: 7.0rem; }
.lh75 { line-height: 7.0rem; }

.sp .lh40 { line-height: 3.2rem; }
.sp .lh50 { line-height: 4.0rem; }
.sp .lh60 { line-height: 4.8rem; }
.sp .lh70 { line-height: 5.6rem; }
.sp .lh75 { line-height: 5.8rem; }

/* font-family 
**********************************/
.titlelogo {
	font-family: Titlelogo;
	text-transform: capitalize;
}
.hhhglogo {
	font-family: HHHGlogo;
	-ms-font-feature-settings: "normal";
}
.hhhglogo a {
	font-family: HHHGlogo;
	-ms-font-feature-settings: "normal";
}
/*.noto {
	font-family: 'Noto Sans', sans-serif;
	font-weight: 400;
}
.noto_i {
	font-family: 'Noto Sans';
	font-weight: 400;
	font-style: italic;
}
.noto_b {
	font-family: 'Noto Sans';
	font-weight: 700;}
.noto_bi {
	font-family: 'Noto Sans';
	font-weight: 700;
	font-style: italic;
}*/

.roboto {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
}
.roboto_i {
	font-family: 'Roboto', sans-serif;
	font-weight: 400;
	font-style: italic;
}
.roboto_l {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
}
.roboto_li {
	font-family: 'Roboto', sans-serif;
	font-weight: 300;
	font-style: italic;
}
.roboto_b {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;}
.roboto_bi {
	font-family: 'Roboto', sans-serif;
	font-weight: 700;
	font-style: italic;
}
.varela_round {
	font-family: 'Varela Round', sans-serif;
}

/* display
**********************************/
.blc {
	display: block;
}
.inblc {
	display: inline-block;
}
.ctr {
	margin-left: auto;
	margin-right: auto;
}
.lg_br {
		display: inline;
	}
.sp_br {
	display: none;
}

.sp .sp_blc {
	display: block;
}
.sp .inblc {
	margin-bottom: 10px;
}
.sp .sp_none {
	display: none;
}

/* list
**********************************/
ol.decimal {
	list-style: decimal;
	margin-left: 40px;
}
ul.disc {
	list-style: disc;
	margin-left: 40px;
}

/* rte
**********************************/
.rte.media {
	display: flex;
	flex-wrap: wrap;
}

.rte.media .media-image{
	width: 100%;
	height: auto;
	max-width: 480px;
}

.rte.media .media-image img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
}

.rte.media .media-body{
	width: calc(100% - 0%);
	padding-right: 0px;
	padding-top: 30px;
}

.rte.media .media-title{
	font-weight: bold;
}

.media-text {
	margin-top: 30px;
}

@media screen and (max-width: 768px) {
	.rte.media .media-image{
		width: 100%;
		height: auto;
		max-width: 100%;
	}
}

/* body
**********************************/
body {
	font-family: YuGothic, 'Yu Gothic', "游ゴシック体", "游ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "MS PGothic", Arial, Helvetica, Verdana, sans-serif;
	font-size: 1.4rem;
	line-height: 1.5;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* container
**********************************/
#container {
	margin: 0 auto;
	width: 1200px;
	position: relative;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
}
#container.show {
	opacity: 1;
}
.sp #container {
	width: 100%;
	min-width: 0;
}
::selection {
    background: #333;
    color: #fff;
}

//Firefox
::-moz-selection {
    background: #333;
    color: #fff;
}

/* Header
**********************************/
#header {
	position: absolute;
	/*padding-top: 60px;*/
  /*padding-top: 40px;*/
  padding-top: 0px;
	width: 100%;
	z-index: 100;
}
#header .titlelogo {
	/*font-size: 10.0rem;*/
	font-size: calc(10.0rem * 1.3);
	line-height: 1;
	letter-spacing: 0rem;
		/*letter-spacing: 1.2rem;*/
    /*letter-spacing: 0;*/
	/*text-indent: 4px;*/
	vertical-align: bottom;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	margin-top: -15px;
	margin-top: 25px;
}
.toppage #header .titlelogo-2024 {
	text-indent: 15px;
	margin-top: -15px;
}
#header .titlelogo a {
	text-decoration: none !important;
}
#header .titlelogo a:hover {
	color: #000;
}
.pc #header .titlelogo a .wh {
	color: #fff !important;
}
#header .copy {
	/*margin-top: 20px;*/
	margin-top: 25px;
	margin-top: 5px;
	line-height: 1;
	font-size: 1.4rem;
	font-weight: bold;
	font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	-webkit-transition-delay: 0.1s;
	transition-delay: 0.1s;
}
/*#header ul {
	position: absolute;
	right: 30px;
	top: 35px;
	font-size: 2.5rem;
	z-index: 110;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	transition: transform 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}*/
#header ul li {
	height: 37px;
}
#header ul li.neg {
	color: #666;
}
#header ul li.smp {
	display: none;
}
#hh_ban {
	display: none;
	position: absolute;
	left: 30px;
	top: 42px;
	width: 168px;
	z-index: 120;
}
#hh_ban.demo {
	display: block !important;
}
#hh_ban img {
	width: 100%;
	height: auto;
}
.wf-active #header .titlelogo,
.wf-active #header .copy {
	opacity: 1;
}
.smp_nav {
	display: none;
}
.sp #header {
	padding-top: 20px;
}
.sp #header .titlelogo {
	/*font-size: 4.0rem !important;*/
	font-size: 6.0rem !important;
	font-size: 5.2rem !important;
	/*line-height: 1.1;*/
	line-height: 0.8;
	/*letter-spacing: 0.6rem;*/
}
.sp #header .titlelogo span {
	display: block;
}
.sp #header .copy {
	/*margin-top: 10px;*/
	margin-top: 15px;
	font-weight: normal;
	font-size: 1.1rem;
}
.new .smp_nav {
  position: fixed;
  display: block;
  top: 20px;
  right: 20px;
  width: 40px;
  height: 40px;
  /*background: #111111;*/
  border: 2px solid #111;
  border-radius: 20px;
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  z-index: 120;
  cursor: pointer;
  /*opacity: 0.8;*/
}
.new .smp_nav span {
  position: absolute;
  display: block;
  width: 20px;
  height: 2px;
  background: #111;
  top: 50%;
  margin-top: -1px;
  left: 50%;
  margin-left: -10px;
  -webkit-transition: background 0.3s;
  -moz-transition: background 0.3s;
  transition: background 0.3s;
}
.new .smp_nav span::before, .new .smp_nav span::after {
  content: '';
  position: absolute;
  left: 0;
  background: inherit;
  width: 100%;
  height: 100%;
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.3s, background 0s;
  -moz-transition: -moz-transform 0.3s, background 0s;
  transition: transform 0.3s, background 0s;
}
.new .smp_nav span::before {
  top: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.new .smp_nav span::after {
  bottom: -6px;
  -webkit-transform: rotate(0);
  -moz-transform: rotate(0);
  -ms-transform: rotate(0);
  -o-transform: rotate(0);
  transform: rotate(0);
}
.new .smp_nav.menu-is-open {
	border: 2px solid #fff;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.new .smp_nav.menu-is-open span {
  background: transparent;
}
.new .smp_nav.menu-is-open span::before, .smp_nav.menu-is-open span::after {
  background: #fff;
}
.new .smp_nav.menu-is-open span::before {
  top: 0;
  transform: rotate(135deg);
  -webkit-transform: rotate(135deg);
  -moz-transform: rotate(135deg);
  -ms-transform: rotate(135deg);
  -o-transform: rotate(135deg);
}
.new .smp_nav.menu-is-open span::after {
  bottom: 0;
  transform: rotate(225deg);
  -webkit-transform: rotate(225deg);
  -moz-transform: rotate(225deg);
  -ms-transform: rotate(225deg);
  -o-transform: rotate(225deg);
}
.new #header ul {
	position: fixed;
	right: -240px;
	top: 0;
	font-size: 2.5rem;
	padding-top: 70px;
	width: 240px;
	height: 100vh;
	padding-right: 10px;
	background: #111111;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-webkit-transform: translateX(0%);
	-moz-transform: translateX(0%);
	-ms-transform: translateX(0%);
	-o-transform: translateX(0%);
	transform: translateX(0%);
	-webkit-transition: -webkit-transform 0.7s;
	-moz-transition: -moz-transform 0.7s;
	transition: transform 0.7s;
	-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
	opacity: 0.8;
}
.new #header ul li.neg {
	padding-right: 10px;
}
.new #header ul li.smp {
	display: block;
}
.new #header ul li a {
	color: #fff;
	padding-right: 10px;
}
.new #header ul li {
	padding: 10px 0;
	/*border-top: 1px solid #55da70;*/
}
.new #header ul.menu-is-open {
  -webkit-transform: translateX(-100%);
  -moz-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  -o-transform: translateX(-100%);
  transform: translateX(-100%);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}
#header ul li.hh_ban {
	display: none !important;
	margin-top: 30px;
}
.sp #header ul li.hh_ban a {
	display: block;
	float: right;
	margin-right: 10%;
	width: 126px;
	height: 150px;
	background: url(../images/hg2023.png) no-repeat;
	-webkit-background-size: 100%;
	background-size: 100%;
}
#header ul li.hh_ban a span {
	/*display: none;*/
}
.sp #header ul li.hh_ban a span {
	display: none;
}
.sp #hh_ban {
	display: none;
	position: absolute;
	left: 2%;
	top: 12px;
	width: 60px;
}
.sp #hh_ban .demo {
	display: block !important;
}
@media all and (orientation: landscape) {
	.sp #header .titlelogo span {
		display: inline;
	}
	.sp #header ul li.hh_ban {
		margin-top: 10px;
	}
	.sp #header ul li.hh_ban a {
		margin-right: 0%;
		width: 100%;
		height: inherit;
		background: none;
	}
	.sp #header ul li.hh_ban a span {
		display: block;
		font-size: 2.8rem;
		color: #f6b500;
	}
}

/* contents
**********************************/
#contents {
	position: relative;
	padding-top: 230px;
	min-height: 90vh;
	overflow: hidden;
}
.hikers #container #contents {
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}
.hikers #container.show #contents {
	opacity: 1;
}
#contents h1 {
	line-height: 1;
}
#contents h1 a {
	text-decoration: none;
}
/*.sp #contents {
	padding-top: 160px;
	min-height: 500px;
	overflow: hidden;
}*/
@media all and (orientation: landscape) {
	.sp #contents {
		padding-top: 120px !important;
	}
}


/* footer
**********************************/
#footer {
	position: relative;
	padding: 24px 0 60px 0;
	width: 100%;
    opacity: 0;
}
#footer.show {
    opacity: 1;
}
#footer .titlelogo {
	letter-spacing: 0;
}
#page_top {
	position: fixed;
	bottom: 10px;
	right: 2%;
}
#sns_nav {
	position: fixed;
	top: 330px;
	right: 20px;
}
#sns_nav a {
	display: block;
	margin-bottom: 2px;
	width: 30px;
	text-align: center;
}
#sns_nav a img {
	width: 30px;
	height: auto;
}
#sns_nav a img:hover {
	opacity: 1;
}

.sp #footer {
	position: relative;
	padding: 0px 0 20px 0;
	width: 100%;
}
.sp #footer .titlelogo {
	margin-bottom: 10px !important;
	font-size: 2.0rem !important;
	/*letter-spacing: 3px;*/
}
.sp #footer .link {
	display: none;
}
.sp #page_top {
	display: none !important;
}
.sp #sns_nav {
	right: 0;
	top: 140px;
}
.sp #sns_nav a {
	width: 20px;
}
.sp #sns_nav a img {
	width: 20px;
	height: auto;
}
.sp .dear #sns_nav,
.sp .aboutus #sns_nav,
.sp .members #sns_nav {
	top: 112px;
}
/*#sns_nav a.fb {
	background-color: #3a5897;
}
#sns_nav a.fb img {
	margin: 28px 0;
	width: 15px;
}
#sns_nav a.ig {
	background-color: #855324;
}
#sns_nav a.ig img {
	margin: 26px 0;
	width: 16px;
}*/
#footer #hhhg_fix {
	display: none;
}

.sp #footer #hhhg_fix {
	display: block;
	position: fixed;
	bottom: 44px;
}
.sp #footer #hhhg_fix a {
	display: block;
	height: 44px;
	color: #f6b500;
	text-align: center;
}
.sp #footer #hhhg_fix a .hhhglogo {
	font-size: 2.0rem;
}

@media all and (orientation: landscape) {
	.sp .dear #sns_nav,
	.sp .aboutus #sns_nav,
	.sp .members #sns_nav {
		top: 70px;
	}
}

/* insta
**********************************/
#insta {
	width: 1040px;
	margin: 0 auto 2px auto;
	padding-top: 50px;
	clear: both;
    opacity: 0;
}
#insta.show {
	opacity: 1;
}
#insta h2 {
	padding-bottom: 50px;
	letter-spacing: 0.2rem;
	text-align: center;
	/*display: none;*/
}
#insta_container {
	/*margin-left: 16px;*/
	/*display: none;*/
	display: none !important;
	width: 0;
	height: 0;
}
/*.toppage #insta h2,
.toppage #insta_container {
	display: block;
}*/
/*.sp #insta {
	width: 80%;
	margin: 20px auto;
	padding-top: 0px;
	/*display: none !important;*!/
}
.sp #insta h2 {
	font-size: 2.0rem !important;
	padding: 0px 0px 26px 0px;
}*/
/*.sp #insta_container {
	margin-left: 0;
}*/

/* hhhg_foot
**********************************/
#hhhg_foot {
	display: none;
	padding: 130px 0;
	min-width: 1200px;
	min-height: 580px;
	background: url(../images/hhhg_foot_bg.jpg) no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#hhhg_foot.demo {
	display: block !important;
}
#hhhg_foot a.logo {
	margin: 0 auto;
	width: 400px;
	height: 321px;
	text-indent: -9999px;
	background: url(../images/hhhg_foot_logo.png) no-repeat;
}
#hhhg_foot p {
	margin: 30px auto 0 auto;
	width: 300px;
	height: 65px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
}
/*#hhhg_foot p {
	margin-left:  -webkit-calc(50% - 150px);
	margin-left:  calc(50% - 150px);
}*/
.ie #hhhg_foot p {
	line-height: 1.2;
}
.ie #hhhg_foot p .fs15 {
	font-size: 1.4rem;
}
/*#hhhg_foot p+p {
	margin-left: 0;
}*/
#hhhg_foot p a {
	color: #fff;
}
#hhhg_foot p.neg {
	background-color: #000;
	opacity: 0.45;
}
#hhhg_foot p.act {
	background-color: #00b863;
	opacity: 0.95;
	transition: .3s;
}
#hhhg_foot p.act:hover {
	background-color: #e94c66;
}
#hhhg_foot p .fs20 {
	padding-top: 6px;
}
.sp #hhhg_foot {
	padding: 10px 0;
	min-width: inherit;
	min-height: inherit;
	background: url(../images/hhhg_foot_bg.jpg) no-repeat;
	-webkit-background-size: 180%;
	background-size: 180%;
}
.sp #hhhg_foot a.logo {
	margin: 0 auto;
	width: 100%;
	height: 60px;
	text-indent: 0px;
	text-align: center;
	background: none;
	color: #fff;
}
.sp #hhhg_foot a.logo .hhhglogo {
	font-size: 2.9rem;
}
.sp #hhhg_foot p {
	float: none;
	margin: 10px auto;
	width: 90%;
	height: 65px;
	color: #fff;
	text-align: center;
	border: 1px solid #fff;
}

/* toppage
**********************************/
.toppage #contents {
	position: relative;
	top: 0;
	padding-top: 0px;
}
#topimage {
	float: left;
	width: 586px;
	overflow: hidden;
}
#topimage span {
	display: block;
	float: left;
	font-size: 0;
	/*-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;*/
}
#topimage span.show {
	opacity: 1;
}
#topimage .main img {
	width: 100%;
	height: auto;
}
#topcontents {
	position: relative;
	float: right;
	width: 614px;
	opacity: 0;
	-webkit-transition: opacity 0.3s linear;
	transition: opacity 0.3s linear;
	-webkit-transition-delay: 0.3s;
	transition-delay: 2s;
}
.wf-active #topcontents {
	opacity: 1;
}
#topcontents #number {
	position: absolute;
	top: 182px;
	right: 30px;
	width: 120px;
	/*overflow: hidden;*/
}
#topcontents #number span {
	display: block;
	text-align: right;
}
#topcontents #number .year {
	float: left;
	margin-top: 22px;
	margin-left: 5px;
	font-size: 1.5rem;
}
.ie #topcontents #number .year {
	margin-left: 0px;
}
#topcontents #number .month {
	float: right;
	margin-top: -46px;
	font-size: 18.2rem;
	line-height: 1;
}
#topcontents #number.jan {
	right: 9px;
}
#topcontents #number.feb {
	right: 20px;
}
#topcontents #number.jul {
	right: 30px;
}
#topcontents #number.jul .year {
	margin-left: -6px;
}
#topcontents #number_d {
	position: absolute;
	top: 185px;
	right: 55px;/*10月*/
	width: 180px;
}
#topcontents #number_d.nov {
	right: 40px;/*11月*/
}
#topcontents #number_d span {
	display: block;
	text-align: right;
}
#topcontents #number_d .year {
	float: left;
	margin-top: 22px;/*10月*/
	margin-left: 10px;/*10月*/
	font-size: 1.5rem;
}
.ie #topcontents #number_d .year {
	margin-left: 0px;
}
#topcontents #number_d .month {
	float: right;
	font-size: 18.2rem;
	line-height: 1;
	margin-top: -46px;/*10月*/
	letter-spacing: -0.15em;/*10月*/
}
.ie #topcontents #number_d .month {
	margin-top: -16px;
}
#topcontents h2 {
	position: absolute;
	top: 230px;
	left: -51px;
	font-size: 3.5rem;
}
.ie #topcontents h2 {
	left: -61px;
}
#topcontents .text_container {
	padding: 328px 30px 50px 28px;
}
#topcontents .text_container .marker {
	padding: 0 6px;
	background-color: #96fdcb;
}
#topcontents .text_container .recommend {
	color: #f7c448;
}
.ie #topcontents .fs30 {
	font-size: 2.6rem;
}
.ie #topcontents .fs60 {
	font-size: 5.2rem;
}
.readme {
	padding-right: 90px;
	min-height: 23px;
	background: url(../images/icon_readme.png) right center no-repeat;
	-webkit-background-size: 84px 23px;
	background-size: 84px 23px;
	cursor: pointer;
}
.sp .toppage #contents {
	padding-top: 140px;
}
.sp #topimage {
	float: none;
	width: 100%;
}
.sp #topimage span.image {
	display: none !important;
	width: 50%;
}
.sp #topimage span.image2 {
	display: none !important;
	width: 100%;
}
.sp #topimage span img {
	width: 100%;
	height: auto;
}
.tablet #topimage {
	padding-top: 328px;
}
.sp #topcontents {
	position: relative;
	float: none;
	width: 100%;
	transition-delay: 1.2s;
}
.sp #topcontents #number {
	position: absolute;
	top: -120px;
	right: 2%;
	width: 100px;
	overflow: hidden;
	color: #fff;
}
.sp #topcontents #number span {
	display: block;
	text-align: right;
}
.sp #topcontents #number .year {
	float: left;
	margin-top: 102px;
	margin-left: 5px;
	font-size: 1.2rem;
}
.sp #topcontents #number .month {
	float: right;
	margin-top: 22px;
	font-size: 12rem;
	line-height: 1;
}
.sp #topcontents #number_d {
	position: absolute;
	top: -120px;
	right: 12px;/*10月*/
	width: 140px;
	overflow: inherit;
	color: #fff;
}
.sp #topcontents #number_d.nov {
	right: 0px;/*11月*/
}
.sp #topcontents #number_d span {
	display: block;
	text-align: right;
}
.sp #topcontents #number_d .year {
	float: left;
	margin-top: 102px;
	margin-left: 15px;
	font-size: 1.2rem;
}
.sp #topcontents #number_d .month {
	float: right;
	margin-top: 22px;
	font-size: 12rem;
	text-indent: -20px;/*11月*/
}
.sp #topcontents #number_d.nov .month {
	letter-spacing: -0.15em;/*11月*/
}
.sp #topcontents h2 {
	position: absolute;
	top: 30px;
	left: 3%;
	font-size: 3.5rem;
}
.sp #topcontents .text_container {
	padding: 90px 3% 50px 3%;
}
.sp #topcontents .text_container .head {
	padding-top: 20px;
}
.sp #topcontents .text_container .sp_blc {
	margin-top: 8px;
}
.sp #topcontents .fs60 {font-size: 3.2rem; line-height: 1.1;}
.sp .readme {
	display: inline !important;
	padding-right: 45px;
	-webkit-background-size: 42px;
	background-size: 42px;
    white-space: nowrap;
}

.sp .readme.wb-break-word {
   white-space: normal;
}

.sp #topcontents .sp_container {
	border-bottom: 1px solid #e5e5e5;
}


.sp #topcontents .sp_container .sp_mb10 {
	margin-bottom: 10px;
}


/* hikers
**********************************/
.hikers #index_list {
	margin: 65px auto 0 auto;
	width: 980px;
	overflow: hidden;
}
.hikers #index_list li {
	float: left;
	margin: 0 31px 31px 0;
	width: 306px;
}
.hikers #index_list li:nth-child(3n) {
	margin-right: 0;
}
.hikers #index_list li:nth-child(3n+1) {
	clear: left;
}
.hikers #index_list li a.blc {
	position: relative;
	width: 100%;
	height: 306px;
	overflow: hidden;
}
.hikers #index_list li .link {
	margin-top: 10px;
}
.hikers #index_list li .link a {
	padding: 0 10px;
	font-size: 1.4rem;
	line-height: 2.0rem;
	border-left: 1px solid #ccc;
}
.hikers #index_list li .link a .icon {
	display: inline-block;
	margin-left: 10px;
	padding: 2px 4px;
	font-size: 1.0rem;
	font-weight: bold;
	line-height:1.6rem;
	color: #fff;
	background-color: #f7c448;
}
.hikers #index_list li .link a:last-child {
	border-right: 1px solid #ccc;
}
#index_list li img {
	width: 100%;
	height: auto;
	margin-bottom: 20px;
	-moz-transition: -moz-transform 0.2s linear;
	-webkit-transition: -webkit-transform 0.2s linear;
	-o-transition: -o-transform 0.2s linear;
	-ms-transition: -ms-transform 0.2s linear;
	transition: transform 0.2s linear;
}
.hikers #index_list li img.neg {
	opacity: 0.3;
}
#index_list li a.blc:hover img {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
#index_list li a.blc .overlay {
	background-color: rgba(0, 0, 0, 0.5);
	color: #fff;
	font-size: 1.2rem;
	height: 100%;
	left: 0;
	letter-spacing: 0.8rem;
	opacity: 0;
	position: absolute;
	text-align: center;
	top: 0;
	transform: translate3d(0px, 0px, 0px);
	transition: opacity 0.2s ease 0s;
	width: 100%;
	z-index: 10;
}
#index_list li a.blc:hover .overlay {
	opacity: 1;
}
#index_list li a.blc .overlay span {
	height: 36px;
	left: 50%;
	line-height: 36px;
	margin-left: -60px;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	width: 120px;
}
#index_list li a.blc .overlay::before {
	border-top: 1px solid #fff;
	content: "";
	left: 50%;
	margin-left: -60px;
	margin-top: -18px;
	position: absolute;
	top: 50%;
	transform: scaleX(0);
	transform-origin: 0% 0% 0;
	transition: all 0.2s ease-out 0s;
	width: 120px;
	z-index: 1;
}
#index_list li a.blc .overlay::before {
	margin-top: -18px;
}
#index_list li a.blc .overlay::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 78px;
	background: #fff;
	margin-top: 17px;
	width: 50px;
	height: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: rotate(-45deg) scaleX(0);
	-webkit-transform: rotate(-45deg) scaleX(0);
	-ms-transform: rotate(-45deg) scaleX(0);
	transform: rotate(-45deg) scaleX(0);
	transform-origin: 0% 0% 0;
	transition: all 0.2s ease-out 0s;
}
#index_list li a.blc:hover .overlay::before {
	display: block !important;
	transform: scaleX(1);
}
#index_list li a.blc:hover .overlay::after {
	display: block !important;
	transform: rotate(-45deg) scaleX(1);
}

.hikers #index_list li .copy {
	margin-top: 15px;
}
.hikers #index_list li h2 {
	margin-top: 5px;
}
.hikers #contents .hikers_head {
	margin-top: 64px;
	line-height: 6.0rem;
}
.hikers #contents h2.name {
	margin-top: 64px;
	line-height: 1;
}
.hikers #contents h2.name span {
	display: inline-block;
	margin-left: 20px;
	padding-left: 10px;
	font-size: 1.8rem;
	font-weight: normal;
	border-left: 1px solid #ccc;
}
.hikers #contents .main_image {
	margin-top: 80px;
	width: 758px;
	height: 758px;
	overflow: hidden;
}
.hikers #contents .images {
	margin-top: 80px;
	width: 758px;
}
.hikers .text_container {
	margin: 74px auto 0px auto;
	width: 758px;
	line-height: 3.0rem;
	clear: both;
}
.hikers .text_container .lead {
	margin-bottom: 94px;
}
.hikers .text_container .head_left {
	display: inline-block;
	float: left;
	/*margin-left: -85px;*/
	padding: 0 20px 10px 0;
	/*width: 220px;*/
	line-height: 3.5rem;
}
.hikers .text_container p {
	margin-bottom: 30px;
	font-size: 1.5rem;
}
.hikers .pager * {
	display: inline-block;
	vertical-align: text-top;
}
.ie .hikers .pager * {
	display: inline-block;
	vertical-align: middle;
}
.hikers .pager a.current {
	color: #ff404f !important;
}
.hikers .pager .neg {
	opacity: 0.5;
}
.hikers #profile {
	padding: 20px 28px;
	width: 588px;
	line-height: 2.3rem;
	border: 2px solid #ccc;
}
.hikers #profile strong {
	padding-bottom: 5px;
}
.hikers #interviewer {
	width: 756px;
	line-height: 2.3rem;
} 
.hikers #contents_footer {
	padding-top: 30px;
	width: 756px;
	overflow: hidden;
	border-top: 2px solid #ccc;
}
.hikers #contents_footer p.current {
	float: left;
	width: 310px;
	line-height: 2.0rem;
    text-align: right;
}
.hikers #contents_footer p.next {
	float: right;
	width: 314px;
    padding-top: 30px;
	line-height: 2.0rem;
}
.hikers #contents_footer p strong {
	padding-bottom: 6px;
}
.hikers #contents_footer .arrow {
	position: relative;
	float: left;
	margin: 0 13px;
	margin-top: 20px;
	width: 102px;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.hikers #contents_footer .arrow span {
  position: absolute;
  display: block;
  width: 100%;
  height: 2px;
  background: #ccc;
  top: 50%;
  margin-top: -1px;
}
.hikers #contents_footer .arrow::before {
  content: '';
  position: absolute;
  top: 7px;
  left: -6px;
  background: #ccc;
  width: 40px;
  height: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hikers #contents_footer .arrow::after {
  content: '';
  position: absolute;
  top: 35px;
  right: -5px;
  background: #ccc;
  width: 40px;
  height: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.hikers #contents_footer .link {
	position: relative;
	float: right;
	margin-top: 50px;
	width: 51px;
	height: 22px;
	clear: both;
}
.hikers #contents_footer .link span {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ccc;
	top: 0;
	margin-top: -1px;
}
.hikers #contents_footer .link::after {
  content: '';
  position: absolute;
  top: 11px;
  right: -5px;
  background: #ccc;
  width: 36px;
  height: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sp .hikers #index_list {
	margin: 40px auto 0 auto;
	width: 100%;
	overflow: hidden;
}
.sp .hikers #index_list li {
	margin: 0 0 54px 6%;
	width: 41%;
}
.sp .hikers #index_list li:nth-child(3n+1) {
	clear: none;
}
.sp .hikers #index_list li:nth-child(2n+1) {
	clear: left;
}
.sp .hikers #index_list li a.blc {
	display: inline-block;
	height: inherit;
	font-size: 0;
	line-height: 0;
}
.sp .hikers #index_list li a.blc:hover img {
	-webkit-transform: none;
	-moz-transform: none;
	-o-transform: none;
	-ms-transform: none;
	transform: none;
}
.sp .hikers #index_list li a.blc .overlay {
	display: none;
}
.sp .hikers #index_list li .copy {
	margin-top: -10px;
}
.sp .hikers #index_list li h2 {
	margin-top: 10px;
	line-height: 1.1;
}
.sp .hikers #index_list li h2 .blc {
	padding-bottom: 6px;
}
/*.sp .hikers #contents .hikers_head {
	margin-top: 30px;
	padding: 0 3%;
	font-size: 1.6rem;
	line-height: 2.4rem;
}*/
.sp .hikers #contents h2.name {
	margin-top: 18px;
	font-size: 2.4rem;
	line-height: 3.0rem;
}
.sp .hikers #contents h2.name span {
	font-size: 1.6rem;
}
.sp .hikers #contents .main_image {
	margin-top: 40px;
	width: 100%;
	height: 100vw;
}
.sp .hikers #contents .main_image img {
	width: 100%;
	height: auto;
}
.sp .hikers .text_container {
	margin: 30px auto 0px auto;
	padding: 0 4% 30px 4%;
	width: 100%;
	line-height: 2.6rem;
}
.sp .hikers .text_container .lead {
	margin-bottom: 40px;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.sp .hikers .text_container .head_left {
	display: block;
	float: none;
	margin-left: 0px;
	padding: 0 0 30px 0;
	width: 100% !important;
	line-height: 2.5rem;
}
.sp .hikers #profile {
	padding: 20px 4%;
	width: 86%;
	line-height: 2.3rem;
	border: 2px solid #ccc;
}
.sp .hikers #profile strong {
	padding-bottom: 5px;
}
.sp .hikers #interviewer {
	width: 88%;
	line-height: 2.3rem;
} 
.sp .hikers #contents_footer {
	padding: 30px 0;
	width: 100%;
}
.sp .hikers #contents_footer p {
	float: left;
	margin: 0 auto;
	padding: 0 5%;
	width: 80%;
	line-height: 2.0rem;
}
.sp .hikers #contents_footer p.current {
    text-align: left;
}
.sp .hikers #contents_footer p.next {
	float: right;
    text-align: right;
    padding-top: 10px;
}
.sp .hikers #contents_footer p strong {
	padding-bottom: 6px;
}
.sp .hikers #contents_footer .arrow {
	position: relative;
	float: left;
	margin: 5px 25%;
	width: 50%;
	height: 44px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
.sp .hikers #contents_footer .link {
	position: relative;
	float: right;
	margin-top: 20px;
	margin-right: 5%;
	width: 51px;
	height: 22px;
	clear: both;
}

/* echoes
**********************************/
.echoes #index_list {
	margin: 65px auto 0 auto;
	width: 980px;
	-webkit-justify-content: space-between;
	justify-content: space-between;
}
.echoes #index_list .box {
	margin-bottom: 30px;
	width: 306px;
}
.echoes #index_list .box .image,
.echoes #index_list .box .image1 {
	width: 100%;
	height: 306px;
	overflow: hidden;
}
/*.echoes #index_list .box .image img {
	width: auto;
	height: 100%;
	margin-left: -80px;
}
.echoes #index_list .box .image1 img {
	width: 100%;
	height: auto;
}*/
.echoes #index_list .box .image .thumb {
	display: inline-block;
	background: no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	width: 100%;
	height: 100%; 
}
.echoes #index_list .box .copy {
	min-height: 6.8rem;
	margin-top: 15px;
}
.echoes #index_list .box h2 {
	margin-top: 5px;
	font-weight: bold;
}
.echoes #index_list .box .writer {
	margin-top: 10px;
	font-weight: bold;
}
.echoes #index_list .box ul {
	margin-top: 10px;
	border-top: 1px solid #ccc;
}
.echoes #index_list .box ul li {
	padding: 4px 0;
	border-bottom: 1px solid #ccc;
}
.echoes #index_list .box ul li .flex {
    /*flex-wrap: nowrap;*/
}
.echoes #index_list .box ul li .num {
	display: inline-block;
    width: 26px;
    text-align: center;
}
.echoes #index_list .box ul li .title {
	margin-right: auto;
}
.echoes #index_list .box ul li .title.long {
    width: -webkit-calc(100% - 28px);
    width: calc(100% - 28px);
}
.echoes #index_list .box ul li .icon {
	display: inline-block;
	margin-left: auto;
	padding: 2px 4px;
	font-size: 1.0rem;
	font-weight: bold;
	color: #fff;
	background-color: #f7c448;
}
.echoes #index_list .box ul li .icon.wrap {
	margin-left: 18px;
}
.echoes .echoes_head {
	margin-top: 40px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.echoes .echoes_head span {
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	font-size: 1.8rem;
	font-weight: normal;
	border-right: 1px solid #ccc;
}
.echoes .echoes_lead {
	margin-top: 10px;
	font-size: 2.4rem;
}
.echoes .echoes_title {
	margin-top: 60px;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
}
.echoes .echoes_title span {
	display: inline-block;
	margin-right: 20px;
	padding-right: 20px;
	font-size: 1.8rem;
	font-weight: normal;
	border-right: 1px solid #ccc;
}
.echoes .echoes_title span.sub {
	border: none;
}
.echoes #contents .images {
	margin-top: 40px;
	width: 758px;
	overflow: hidden;
}
.echoes #contents .text_container .images {
	margin-top: 40px;
}
.echoes #contents .images + div.images {
	margin-top: 10px;
}

.echoes #contents .images .caption {
	font-size: 1.2rem;
	color: #333;
	line-height: 1.4;
    display: block;
}
.echoes .text_container {
	margin: 40px auto 0px auto;
	width: 756px;
	line-height: 3.0rem;
	clear: both;
}
.echoes .text_container .lead {
	margin-bottom: 40px;
}
.echoes .text_container p {
	margin-bottom: 30px;
	font-size: 1.5rem;
}
.echoes .text_container p.font-quotation {
	font-style: italic;
	display: inline-block;
	padding-left: 30px;
	font-weight: 700;
	color: #535760;
}
.echoes .text_container .fs12 {
	font-size: 1.2rem;
    line-height: 1.4;
}

.echoes .embed_container {
	margin: 40px auto 0px auto;
	width: 756px;
	line-height: 3.0rem;
	clear: both;
}

.embed{
	width: 100%;
	padding-bottom: 56.25%;
	position: relative;
}
.embed iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: ;
}

.echoes .profile_box {
	margin: 50px auto 0px auto;
	width: 756px;
}
.echoes .profile_box .profile {
	margin-bottom: 20px;
}
.echoes .profile_box .profile p {
	width: 580px;
	margin-left: auto;
}
.echoes .profile_box .group ul li {
	width: 46%;
	margin-top: 30px;
}
.echoes #contents_footer {
	margin-top: 50px;
	padding-top: 30px;
	width: 756px;
	overflow: hidden;
	border-top: 2px solid #ccc;
}
.echoes #contents_footer p.current {
	float: left;
	width: 310px;
	line-height: 2.0rem;
}
.echoes #contents_footer p.next {
	float: right;
	width: 314px;
	line-height: 2.0rem;
}
.echoes #contents_footer p strong {
	padding-bottom: 6px;
}
.echoes #contents_footer .link {
	position: relative;
	float: right;
	margin-top: 50px;
	width: 51px;
	height: 22px;
	clear: both;
}
.echoes #contents_footer .link span {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ccc;
	top: 0;
	margin-top: -1px;
}
.echoes #contents_footer .link::after {
  content: '';
  position: absolute;
  top: 11px;
  right: -5px;
  background: #ccc;
  width: 36px;
  height: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.echoes #dorui_list {
	color: #222;
	list-style: disc;
}
.echoes #dorui_list li {
	margin-left: 20px;
	list-style-type: disc;
}
.echoes #dorui_list li:first-child {
	margin-right: 20px;
	padding-right: 20px;
	border-right: 1px solid #ccc;
	list-style-type: none;
}
.echoes .result {
	padding: 20px 30px 0px 30px !important;
	border: 1px solid #e5e5e5;
}
.echoes #contents .text_container.result .images {
    width: 100%;
    margin-top: 0;
}

/* activities
**********************************/
.activities #index_list {
	margin: 65px auto 0 auto;
	width: 980px;
	overflow: hidden;
}
.activities #index_list li {
	float: left;
	margin: 0 28px 28px 0;
	width: 224px;
}
.activities #index_list li:nth-child(4n) {
	margin-right: 0;
}
.activities #index_list li:nth-child(4n+1) {
	clear: left;
}
.activities #index_list li a.blc {
	position: relative;
	width: 100%;
	height: 224px;
	overflow: hidden;
}
.activities #index_list li .copy {
	margin-top: 15px;
	line-height: 1.2;
}
.activities #index_list li h2 {
	margin-top: 5px;
	font-weight: bold;
}
.activities #contents .date {
	margin-top: 5px;
}
.activities #index_list li a.blc .overlay::after {
	content: '';
	position: absolute;
	top: 50%;
	right: 38px;
	background: #fff;
	margin-top: 17px;
	width: 50px;
	height: 1px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	-moz-transform: rotate(-45deg) scaleX(0);
	-webkit-transform: rotate(-45deg) scaleX(0);
	-ms-transform: rotate(-45deg) scaleX(0);
	transform: rotate(-45deg) scaleX(0);
	transform-origin: 0% 0% 0;
	transition: all 0.2s ease-out 0s;
}
.activities #index_list li a.blc:hover .overlay::after {
	display: block !important;
	transform: rotate(-45deg) scaleX(1);
}
.activities #contents h2.activities_head {
	margin-top: 64px;
	line-height: 6.0rem;
}
.activities #contents .main_image {
	margin-top: 80px;
	width: 758px;
	height: 505px;
	overflow: hidden;
}
.activities .text_container {
	margin: 74px auto 0px auto;
	width: 756px;
	line-height: 3.0rem;
	clear: both;
}
.activities .text_container .lead {
	margin-bottom: 62px;
}
.activities .text_container .head_left {
	display: inline-block;
	float: left;
	/*margin-left: -85px;*/
	padding: 0 20px 10px 0;
	/*width: 220px;*/
	line-height: 3.5rem;
}
.activities .text_container p {
	margin-bottom: 30px;
	font-size: 1.5rem;
}
.activities .text_container p:last-child {
	margin-bottom: 0;
}
.activities .text_container .instagram-media {
	margin: 0 auto 30px auto !important;
}
.activities .text_container iframe.ytb {
	display: block;
	margin: 0 auto 30px auto !important;
}
.activities #interviewer {
	width: 756px;
	line-height: 2.3rem;
} 
.activities #contents_footer {
	padding-top: 30px;
	width: 756px;
	overflow: hidden;
	border-top: 2px solid #ccc;
}
.activities #contents_footer p {
	float: left;
	width: 330px;
	line-height: 2.0rem;
}
.activities #contents_footer p strong {
	padding-bottom: 6px;
}
.activities #contents_footer .link {
	position: relative;
	float: right;
	margin-top: 50px;
	width: 51px;
	height: 22px;
}
.activities #contents_footer .link span {
	position: absolute;
	display: block;
	width: 100%;
	height: 2px;
	background: #ccc;
	top: 0;
	margin-top: -1px;
}
.activities #contents_footer .link::after {
  content: '';
  position: absolute;
  top: 11px;
  right: -5px;
  background: #ccc;
  width: 36px;
  height: 2px;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-transform: rotate(-45deg);
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.sp .activities #index_list {
	margin: 40px auto 0 auto;
	width: 100%;
}
.sp .activities #index_list li {
	float: none;
	margin: 0;
	padding: 10px 5%;
	width: 100%;
	overflow: hidden;
}
.sp .activities #index_list li:nth-child(even) {
	background-color: #f5f5f5;
}
.sp .activities #index_list li a.blc .overlay {
	display: none;
}
.sp .activities #index_list li a.blc {
	float: left;
	width: 25%;
	height: auto;
	font-size: 0;
	line-height: 0;
}
.sp .activities #index_list li img {
	margin-bottom: 0;
}
.sp .activities #index_list li .copy {
	margin-top: 0;
	margin-left: 29%;
	font-weight: normal;
}
.sp .activities #index_list li h2 {
	line-height: 1.2;
	margin-top: 6px;
	margin-left: 29%;
}
.sp .activities #contents .date {
	display: block;
	margin-top: 4px;
	text-align: right;
}
.sp .activities #contents .activities_head {
	margin-top: 30px;
	padding: 0 3%;
	font-size: 2.0rem;
	line-height: 2.4rem;
}
.sp .activities #contents .act_date {
	margin-top: 5px;
	color: #666;
}
.sp .activities #contents .main_image {
	margin-top: 40px;
	width: 100%;
	height: 66vw;
}
.sp .activities #contents .main_image img,
.sp .activities #contents .images img {
	width: 100%;
	height: auto;
}
.sp .activities .text_container {
	margin: 30px auto 0px auto;
	padding: 0 4% 30px 4%;
	width: 100%;
	line-height: 2.6rem;
}
.sp .activities .text_container .lead {
	margin-bottom: 40px;
	font-size: 1.6rem;
	line-height: 2.4rem;
}
.sp .activities .text_container iframe.ytb {
	width: 99%;
}
.sp .activities #interviewer {
	width: 92%;
	line-height: 2.3rem;
} 
.sp .activities #contents_footer {
	padding: 30px 0;
	width: 100%;
}
.sp .activities #contents_footer p {
	float: left;
	margin: 0 auto;
	padding: 0 5%;
	width: 80%;
	line-height: 2.0rem;
}
.sp .activities #contents_footer .link {
	position: relative;
	float: right;
	margin-top: 20px;
	margin-right: 5%;
	width: 51px;
	height: 22px;
	clear: both;
}

/* backnumber
**********************************/
.backnumber #index_list {
	margin: 65px auto 0 auto;
	width: 980px;
	overflow: hidden;
}
.backnumber #index_list li {
	float: left;
	width: 218px;
	height: 218px;
	margin-right: 36px;
	margin-bottom: 36px;
}
.backnumber #index_list li:nth-child(4n) {
	margin-right: 0;
}
.backnumber #index_list li a {
	display: block;
	font-size: 0;
}
.backnumber #index_list li a .thumb {
	display: inline-block;
	background: no-repeat center center;
	-webkit-background-size: cover;
	background-size: cover;
	overflow: hidden;
	width: 100%;
	height: 100%; 
}
.backnumber #index_list li.year {
	display: flex;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: center;
	align-items: center;
	border: 1px solid #e5e5e5;
	font-size: 2.0rem;
}

/* One Day
**********************************/
.oneday #index_list li .icon {
	display: inline-block;
    margin-top: 5px;
	margin-left: 10px;
	padding: 2px 4px;
	font-size: 1.0rem;
	font-weight: bold;
	line-height:1.6rem;
	color: #fff;
	background-color: #f7c448;
}
.oneday #contents .images .caption {
	font-size: 1.2rem;
	color: #333;
	line-height: 1.4;
}
.oneday #interviewer {
	width: 756px;
	line-height: 2.3rem;
}


/* dear, aboutus, members, hhhg_1709
**********************************/
.dear #contents,
.aboutus #contents,
.members #contents,
.hhhg_1709 #contents,
.hhhg_2004 #contents
 {
	position: relative;
	padding-top: 230px;
}

.dear #headimage.image1609 {background: url(../../dear/images/1609.jpg) bottom no-repeat;}
.dear #headimage.image1611 {background: url(../../dear/images/1611.jpg) bottom no-repeat;}
.dear #headimage.image1612 {background: url(../../dear/images/1612.jpg) bottom no-repeat;}
.dear #headimage.image1702 {background: url(../../dear/images/1702.jpg) bottom no-repeat;}
.dear #headimage.image1703 {background: url(../../dear/images/1703.jpg) bottom no-repeat;}
.dear #headimage.image1705 {background: url(../../dear/images/1705.jpg) bottom no-repeat;}
.dear #headimage.image1706 {background: url(../../dear/images/1706.jpg) bottom no-repeat;}
.dear #headimage.image1708 {background: url(../../dear/images/1708.jpg) bottom no-repeat;}
.dear #headimage.image1709 {background: url(../../dear/images/1709.jpg) bottom no-repeat;}
.dear #headimage.image1710 {background: url(../../dear/images/1710.jpg) bottom no-repeat;}
.dear #headimage.image1711 {background: url(../../dear/images/1711.jpg) bottom no-repeat;}
.dear #headimage.image1712 {background: url(../../dear/images/1712.jpg) bottom no-repeat;}
.dear #headimage.image1801 {background: url(../../dear/images/1801.jpg) bottom no-repeat;}
.dear #headimage.image1802 {background: url(../../dear/images/1802.jpg) bottom no-repeat;}
.dear #headimage.image1803 {background: url(../../dear/images/1803.jpg) bottom no-repeat;}
.dear #headimage.image1804 {background: url(../../dear/images/1804.jpg) bottom no-repeat;}
.dear #headimage.image1805 {background: url(../../dear/images/1805.jpg) bottom no-repeat;}
.dear #headimage.image1806 {background: url(../../dear/images/1806.jpg) bottom no-repeat;}
.dear #headimage.image1807 {background: url(../../dear/images/1807.jpg) bottom no-repeat;}
.dear #headimage.image1808 {background: url(../../dear/images/1808.jpg) bottom no-repeat;}
.dear #headimage.image1809 {background: url(../../dear/images/1809.jpg) bottom no-repeat;}
.dear #headimage.image1810 {background: url(../../dear/images/1810.jpg) bottom no-repeat;}
.dear #headimage.image1811 {background: url(../../dear/images/1811.jpg) bottom no-repeat;}
.dear #headimage.image1812 {background: url(../../dear/images/1812.jpg) bottom no-repeat;}
.dear #headimage.image1901 {background: url(../../dear/images/1901.jpg) bottom no-repeat;}
.dear #headimage.image1902 {background: url(../../dear/images/1902.jpg) bottom no-repeat;}
.dear #headimage.image1903 {background: url(../../dear/images/1903.jpg) bottom no-repeat;}
.dear #headimage.image1904 {background: url(../../dear/images/1904.jpg) bottom no-repeat;}
.dear #headimage.image1905 {background: url(../../dear/images/1905.jpg) bottom no-repeat;}
.dear #headimage.image1906 {background: url(../../dear/images/1906.jpg) bottom no-repeat;}
.dear #headimage.image1907 {background: url(../../dear/images/1907.jpg) bottom no-repeat;}
.dear #headimage.image1908 {background: url(../../dear/images/1908.jpg) bottom no-repeat;}
.dear #headimage.image1909 {background: url(../../dear/images/1909.jpg) bottom no-repeat;}
.dear #headimage.image1910 {background: url(../../dear/images/1910.jpg) bottom no-repeat;}
.dear #headimage.image1911 {background: url(../../dear/images/1911.jpg) bottom no-repeat;}
.dear #headimage.image1912 {background: url(../../dear/images/1912.jpg) bottom no-repeat;}
.dear #headimage.image2001 {background: url(../../dear/images/2001.jpg) bottom no-repeat;}
.dear #headimage.image2002 {background: url(../../dear/images/2002.jpg) bottom no-repeat;}
.dear #headimage.image2003 {background: url(../../dear/images/2003.jpg) bottom no-repeat;}
.dear #headimage.image2004 {background: url(../../dear/images/2004.jpg) bottom no-repeat;}
.dear #headimage.image2005 {background: url(../../dear/images/2005.jpg) bottom no-repeat;}
.dear #headimage.image2006 {background: url(../../dear/images/2006.jpg) bottom no-repeat;}
.dear #headimage.image2007 {background: url(../../dear/images/2007.jpg) bottom no-repeat;}
.dear #headimage.image2008 {background: url(../../dear/images/2008.jpg) bottom no-repeat;}
.dear #headimage.image2009 {background: url(../../dear/images/2009.jpg) bottom no-repeat;}
.dear #headimage.image2010 {background: url(../../dear/images/2010.jpg) bottom no-repeat;}
.dear #headimage.image2011 {background: url(../../dear/images/2011.jpg) bottom no-repeat;}
.dear #headimage.image2012 {background: url(../../dear/images/2012.jpg) bottom no-repeat;}
.dear #headimage.image2101 {background: url(../../dear/images/2101.jpg) bottom no-repeat;}
.dear #headimage.image2102 {background: url(../../dear/images/2102.jpg) bottom no-repeat;}
.dear #headimage.image2103 {background: url(../../dear/images/2103.jpg) bottom no-repeat;}
.dear #headimage.image2104 {background: url(../../dear/images/2104.jpg) bottom no-repeat;}
.dear #headimage.image2105 {background: url(../../dear/images/2105.jpg) bottom no-repeat;}
.dear #headimage.image2106 {background: url(../../dear/images/2106.jpg) bottom no-repeat;}
.dear #headimage.image2107 {background: url(../../dear/images/2107.jpg) bottom no-repeat;}
.dear #headimage.image2108 {background: url(../../dear/images/2108.jpg) bottom no-repeat;}
.dear #headimage.image2110 {background: url(../../dear/images/2110.jpg) bottom no-repeat;}
.dear #headimage.image2111 {background: url(../../dear/images/2111.jpg) bottom no-repeat;}
.dear #headimage.image2112 {background: url(../../dear/images/2112.jpg) bottom no-repeat;}
.dear #headimage.image2201 {background: url(../../dear/images/2201.jpg) bottom no-repeat;}
.dear #headimage.image2202 {background: url(../../dear/images/2202.jpg) bottom no-repeat;}
.dear #headimage.image2204 {background: url(../../dear/images/2204.jpg) bottom no-repeat;}
.dear #headimage.image2206 {background: url(../../dear/images/2206.jpg) bottom no-repeat;}
.dear #headimage.image2207 {background: url(../../dear/images/2207.jpg) bottom no-repeat;}
.dear #headimage.image2208 {background: url(../../dear/images/2208.jpg) bottom no-repeat;}
.dear #headimage.image2209 {background: url(../../dear/images/2209.jpg) bottom no-repeat;}
.dear #headimage.image2211 {background: url(../../dear/images/2211.jpg) bottom no-repeat;}
.dear #headimage.image2212 {background: url(../../dear/images/2212.jpg) bottom no-repeat;}
.dear #headimage.image2301 {background: url(../../dear/images/2301.jpg) bottom no-repeat;}
.dear #headimage.image2303 {background: url(../../dear/images/2303.jpg) bottom no-repeat;}
.dear #headimage.image2304 {background: url(../../dear/images/2304.jpg) bottom no-repeat;}
.dear #headimage.image2305 {background: url(../../dear/images/2305.jpg) bottom no-repeat;}
.dear #headimage.image2306 {background: url(../../dear/images/2306.jpg) bottom no-repeat;}
.dear #headimage.image2307 {background: url(../../dear/images/2307.jpg) bottom no-repeat;}
.dear #headimage.image2308 {background: url(../../dear/images/2308.jpg) bottom no-repeat;}
.dear #headimage.image2309 {background: url(../../dear/images/2309.jpg) bottom no-repeat;}
.dear #headimage.image2311 {background: url(../../dear/images/2311.jpg) bottom no-repeat;}
.dear #headimage.image2401 {background: url(../../dear/images/2401.jpg) bottom no-repeat;}
.dear #headimage.image2402 {background: url(../../dear/images/2402.jpg) bottom no-repeat;}
.dear #headimage.image2403 {background: url(../../dear/images/2403.jpg) bottom no-repeat;}
.dear #headimage.image2404 {background: url(../../dear/images/2404.jpg) bottom no-repeat;}
.dear #headimage.image2405 {background: url(../../dear/images/2405.jpg) bottom no-repeat;}
.dear #headimage.image2406 {background: url(../../dear/images/2406.jpg) bottom no-repeat;}
.dear #headimage.image2407 {background: url(../../dear/images/2407.jpg) bottom no-repeat;}
.dear #headimage.image2408 {background: url(../../dear/images/2408.jpg) bottom no-repeat;}
.dear #headimage.image2409 {background: url(../../dear/images/2409.jpg) bottom no-repeat;}
.dear #headimage.image2410 {background: url(../../dear/images/2410.jpg) bottom no-repeat;}
.dear #headimage.image2411 {background: url(../../dear/images/2411.jpg) bottom no-repeat;}
.dear #headimage.image2412 {background: url(../../dear/images/2412.jpg) bottom no-repeat;}
.dear #headimage.image2501 {background: url(../../dear/images/2501.jpg) bottom no-repeat;}
.dear #headimage.image2502 {background: url(../../dear/images/2502.jpg?20250206) center no-repeat;}
.dear #headimage.image2503 {background: url(../../dear/images/2503.jpg) center no-repeat;}
.dear #headimage.image2504 {background: url(../../dear/images/2504.jpg) center no-repeat;}
.dear #headimage.image2505 {background: url(../../dear/images/2505.jpg) center no-repeat;}
.dear #headimage.image2506 {background: url(../../dear/images/2506.jpg) center no-repeat;}
.dear #headimage.image2507 {background: url(../../dear/images/2507.jpg) center no-repeat;}
.dear #headimage.image2508 {background: url(../../dear/images/2508.jpg) center no-repeat;}
.dear #headimage.image2509 {background: url(../../dear/images/2509.jpg) center no-repeat;}



.aboutus #headimage {background: url(../../images/aboutus.jpg) bottom no-repeat;}
.members #headimage {background: url(../../images/members.jpg) center center no-repeat;}
.hhhg_1709 #headimage {background: url(../../images/hhhg_1709.jpg) bottom no-repeat;}
.hhhg_2004 #headimage {background: url(../../images/hhhg_2004.jpg) bottom no-repeat;}

.dear #headimage,
.aboutus #headimage,
.members #headimage,
.hhhg_1709 #headimage,
.hhhg_2004 #headimage
 {
	position: absolute;
	/*top: 156px;*/
	top: 206px;
	width: 100%;
	height: 774px;
	min-width: 1200px;
	-webkit-background-size: 100% !important;
	background-size: 100% !important;
	text-indent: -9999px;
}

.ie .dear #headimage,
.ie .aboutus #headimage,
.ie .members #headimage,
.ie .hhhg_1709 #headimage,
.ie .hhhg_2004 #headimage {
	top: 206px;
}
.dear #contents h1,
.aboutus #contents h1,
.members #contents h1,
.hhhg_1709 #contents h1,
.hhhg_2004 #contents h1 {
	color: #fff;
}
.dear #number {
	position: absolute;
	top: 280px;
	left: 46%;
	left:  -webkit-calc(50% - 80px);
	left:  calc(50% - 80px);
	width: 120px;
}
.dear #number span,
.dear #number_d span {
	display: block;
	text-align: right;
	color: #fff;
}
.dear #number .year {
	float: left;
	margin-top: 22px;
	margin-left: 5px;
	font-size: 1.5rem;
}
.ie .dear #number .year {
	margin-left: 0px;
}
.dear #number.july .year {
	margin-left: -5px;
}
.dear #number .month {
	float: right;
	margin-top: -46px;
	font-size: 18.2rem;
	line-height: 1;
}
.dear #number_d {
	position: absolute;
	top: 280px;
	left: 46%;
	left:  -webkit-calc(50% - 110px);/*10月*/
	left:  calc(50% - 110px);/*10月*/
	width: 180px;
	
}
.dear #number_d .year {
	float: left;
	margin-top: 22px;
	margin-left: 5px;
	font-size: 1.5rem;
}
.ie .dear #number_d .year {
	margin-left: 0px;
}
.dear #number_d .month {
	float: right;
	margin-top: -46px;
	font-size: 18.2rem;
	line-height: 1;
	letter-spacing: -0.15em;
}
.ie .dear #number_d .month {
	margin-top: -16px;
}
.dear .text_container,
.aboutus .text_container,
.hhhg_1709 .text_container,
.hhhg_2004 .text_container {
	margin: 750px auto 0px auto;
	width: 756px;
	line-height: 3.0rem;
}
.members .text_container {
	margin: 30px auto 0px auto;
	width: 756px;
}
.dear .text_container p,
.aboutus .text_container p,
.hhhg_1709 .text_container p,
.hhhg_2004 .text_container p {
	margin-bottom: 30px;
}
.aboutus .members {
	padding-top: 30px;
}
.members .text_container ul {
	margin: 40px 0;
}
.members .text_container ul li {
	margin-bottom: 30px;
	overflow: hidden;
}
.members .text_container ul li img {
	float: left;
	margin-top: 3px;
}
.members .text_container ul li p {
	margin-left: 150px;
	line-height: 2.3rem;
}
.sp .dear #contents,
.sp .aboutus #contents,
.sp .members #contents,
.sp .hhhg_1709 #contents,
.sp .hhhg_2004 #contents {
	padding-top: 42vw;
}
.sp .dear #number {
	top: 57vw;
	width: 120px;
}
.sp .dear #number .year {
	margin-top: 2px;
	margin-left: 30px;
	font-size: 1.5rem;
}
.sp .dear #number .month {
	float: right;
	margin-top: -6px;
	font-size: 10rem;
}
.sp .dear #number_d {
	top: 57vw;
	left: 0;
	width: 100%;
}
.sp .dear #number_d .year {
	margin-top: 2px;
	width: 42%;
	text-align: right;
	font-size: 1.5rem;
}
.sp .dear #number_d .month {
	float: right;
	margin-top: -6px;
	width: 54%;
	font-size: 10rem;
	text-align: left;
	/*text-indent: -10px;*/
	text-indent: -20px;/*12月*/
}
.sp .dear #number_d.nov .month {
	letter-spacing: -0.15em;/*11月*/
}
.sp .dear #headimage,
.sp .aboutus #headimage,
.sp .members #headimage,
.sp .hhhg_1709 #headimage,
.sp .hhhg_2004 #headimage {
	top: 112px;
	height:  64.5vw;
	min-width: inherit;
}
.sp .dear .text_container,
.sp .aboutus .text_container,
.sp .members .text_container,
.sp .hhhg_1709 .text_container,
.sp .hhhg_2004 .text_container {
	margin-top: 55vw;
	margin-bottom: 0 !important;
	padding: 0 4% 30px 4%;
	width: 100%;
	line-height: 2.6rem;
}
.sp .aboutus .text_container h2,
.sp .hhhg_1709 .text_container h2,
.sp .hhhg_2004 .text_container h2 {
	font-size: 1.8rem;
	font-weight: bold;
	line-height: 3.0rem;
}
.sp .members .text_container h2 {
	font-size: 1.6rem;
	line-height: 2.8rem;
}
.sp .members .text_container h2 .fs15 {
	font-size: 1.2rem;
}
.sp .members .text_container ul {
	margin-bottom: 0;
}
.sp .members .text_container ul li img {
	width: 30%;
	max-width: 130px;
	height: auto;
}
.sp .members .text_container ul li p {
	margin-left: 35%;
	margin-bottom: 0;
}
@media all and (orientation: landscape) {
	.sp .dear #contents,
	.sp .aboutus #contents,
	.sp .members #contents,
	.sp .hhhg_1709 #contents,
	.sp .hhhg_2004 #contents {
		padding-top: 100px !important;
	}
	.sp .dear #headimage,
	.sp .aboutus #headimage,
	.sp .members #headimage,
	.sp .hhhg_1709 #headimage,
	.sp .hhhg_2004 #headimage {
		top: 70px;
	}
	.sp .dear #number,
	.sp .dear #number_d {
		top: 30vw;
	}
	.sp .dear .text_container,
	.sp .aboutus .text_container,
	.sp .members .text_container,
	.sp .hhhg_1709 .text_container,
	.sp .hhhg_2004 .text_container {
		margin-top: 58.5vw;
	}
	.sp .members .text_container ul li img {
		width: 130px;
		height: auto;
	}
	.sp .members .text_container ul li p {
		margin-left: 150px;
	}
}

/* nogawa
**********************************/
.extra #nogawa_image {
	-webkit-justify-content: center;
	justify-content: center;
}
.extra #nogawa_image div {
	width: 45%;
	margin-bottom: 40px;
	line-height: 1;
}
.extra #nogawa_image div img {
	width: auto;
	height: 500px;
}
.extra #nogawa_image div:last-child {
	width: 70%;
}
.extra #nogawa_image div:last-child img {
	width: 100%;
	height: auto;
}
.extra #nogawa_image div span {
	padding-top: 6px;
	text-align: center;
}



@media (max-width: 1199px) {
	#container {
		margin: 0 auto;
		width: 100%;
	}
	.toppage #header .titlelogo {
		/*text-indent: -1%;*/
		margin-top: 0;
	}
	#topimage {
		width: 48%;
	}
	#topimage .image {
		width: 50%;
	}
	#topimage .image2 {
		width: 100%;
	}
	#topimage .image img,
	#topimage .image2 img {
		width: 100%;
		height: auto;
	}
	#topcontents {
		width: 52%;
	}
	#topcontents #number .month {
		margin-top: 0;
		font-size: 14rem;
	}
	#sns_nav {
		right: 0px;
	}
	#insta {
		margin-top: 40px;
		width: 100%;
	}
	#insta h2 {
		padding-bottom: 20px;
	}
	#insta_container {
		margin: 0 10%;
	}
	#insta iframe {
		max-width: 1008px;
		/*width: 80% !important;
		height: auto !important;
		margin: 0 10%;*/
	}
	#hhhg_foot {
		min-width: inherit;
		min-height: inherit;
		background: url(../images/hhhg_foot_bg.jpg) no-repeat;
		-webkit-background-size: auto 100%;
		background-size: auto 100%;
	}
	.tablet #hh_ban {
		/*display: none;*/
		position: absolute;
		left: 2%;
		top: 20px;
		width: 100px;
	}
	#topcontents .fs60 {font-size: 5.0rem; line-height: 1.1;}
	.tablet .hikers #index_list {
		margin: 40px auto 0 auto;
		width: 92%;
		overflow: hidden;
	}
	.tablet .hikers #index_list li {
		margin: 0 5% 54px 0;
		width: 30%;
	}
	.tablet .hikers #index_list li:nth-child(3n) {
		margin-right: 0;
	}
	.tablet .hikers #index_list li a.blc {
		display: inline-block;
		height: inherit;
		font-size: 0;
		line-height: 0;
	}
	.tablet .hikers #index_list li a.blc:hover img {
		-webkit-transform: none;
		-moz-transform: none;
		-o-transform: none;
		-ms-transform: none;
		transform: none;
	}
	.tablet .hikers #index_list li a.blc .overlay {
		display: none;
	}
	.tablet .hikers #index_list li .copy {
		margin-top: -10px;
	}
	.tablet .hikers #index_list li h2 {
		line-height: 1.1;
	}
	.tablet .hikers #index_list li h2 .blc {
		padding-bottom: 3px;
	}
	.tablet .hikers #contents_footer .arrow {
		position: relative;
		float: left;
		margin: 5px 35%;
		width: 30%;
		height: 44px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
	}
	/*.tablet .hikers #contents .main_image img {
		width: 100%;
		height: auto;
	}*/
	.tablet .activities #index_list {
		margin: 40px auto 0 3%;
		width: 97%;
	}
	.tablet .activities #index_list li {
		float: left;
		margin: 0;
		padding: 0 0 20px 3%;
		width: 47%;
		overflow: hidden;
	}
	.tablet .activities #index_list li:nth-child(2n+1) {
		clear: left;
	}
	.tablet .activities #index_list li a.blc .overlay {
		display: none;
	}
	.tablet .activities #index_list li a.blc {
		float: left;
		margin-right: 2%;
		width: 40%;
		height: auto;
		font-size: 0;
		line-height: 0;
	}
	.tablet .activities #index_list li .copy {
		margin-top: 0;
	}
	.tablet .activities #index_list li h2,
	.tablet .activities #contents .date {
		margin-top: 2px;
	}
	.tablet .dear #headimage,
	.tablet .aboutus #headimage,
	.tablet .members #headimage {
		position: absolute;
		top: 156px;
		width: 100%;
		height: 64.5vw;
		min-width: inherit;
	}
	.tablet .dear .text_container,
	.tablet .aboutus .text_container,
	.tablet .members .text_container {
		margin-top: 57vw;
	}
	/*.tablet #hhhg_foot {
		padding: 40px 0;
		min-width: inherit;
		min-height: 600px;
		background: url(../images/hhhg_foot_bg.jpg) no-repeat;
		-webkit-background-size: 150%;
		background-size: 150%;
	}
	.tablet #hhhg_foot p {
		float: none;
		margin: 30px auto;
		width: 300px;
		height: 65px;
		color: #fff;
		text-align: center;
		border: 1px solid #fff;
	}*/
	#hhhg_foot p {
		float: none;
		margin: 30px auto;
		width: 300px;
		height: 65px;
		color: #fff;
		text-align: center;
		border: 1px solid #fff;
	}
	.hikers .text_container {
		width: 100%;
		max-width: 758px;
		line-height: 2.6rem;
	}
	
	/* echoes
	**********************************/
	.echoes #contents .images .caption {
		display: block;
	}
	.echoes .text_container {
		width: 100%;
		max-width: 758px;
		line-height: 2.6rem;
	}
	.echoes .profile_box {
		margin: 50px auto 0px auto;
		width: 92%;
		max-width: 758px;
	}
	.echoes .profile_box .profile {
		margin-bottom: 20px;
	}
	.echoes .profile_box .profile p {
		width:  -webkit-calc(100% - 180px);
		width:  calc(100% - 180px);
		margin-left: auto;
	}
	.echoes #contents_footer {
		margin-top: 50px;
		padding-top: 30px;
		width: 756px;
		overflow: hidden;
		border-top: 2px solid #ccc;
	}
	
	.echoes #index_list {
		margin: 40px auto 0 auto;
		width: 92vw;
		/*-webkit-justify-content: center;
		justify-content: center;*/
	}
	.echoes #index_list .box {
		margin-bottom: 60px;
		width: 28vw;
		max-width: 306px;
	}
	.echoes #index_list .box:nth-child(even) {
		/*margin-left: 4vw;*/
	}
	.echoes #index_list .box .image {
		width: 100%;
		height: 28vw;
		max-height: 306px;
	}
	.echoes #index_list .box .image img {
		/*margin-left: -8vw;*/
	}
	.echoes #contents .images {
		margin-top: 40px;
		width: 100%;
		max-width: 758px;
		height: auto;
	}
	.echoes #contents .images img {
		width: 100%;
		height: auto;
	}
    .echoes #contents .images img.tate {
		width: auto;
		height: auto;
	}
	.echoes .echoes_head {
		margin-top: 40px;
		flex-direction: column;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
	}
	.echoes .echoes_head span {
		margin-right: 0px;
		margin-bottom: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		font-size: 1.6rem;
		font-weight: normal;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	.echoes .echoes_lead {
		margin-top: 10px;
		font-size: 1.6rem;
	}
	
	.echoes .profile_box {
		margin: 30px auto 0px auto;
	}
	.echoes .profile_box .profile {
		margin-bottom: 20px;
	}
	.echoes .profile_box .profile .image {
		display: block;
		margin: 0 auto;
	}
	
	/* backnumber
	**********************************/
	.backnumber #index_list {
		display: flex;
		width: 92vw;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		flex-wrap: wrap;
	}
	.backnumber #index_list li {
		float: none;
		width: 22vw;
		height: 22vw;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 2vw;
	}
	.backnumber #index_list li:nth-child(4n) {
		margin-right: auto;
	}
    
	
	@media all and (orientation: portrait) {
		
		.fs25 {	font-size: 2.0rem; line-height: 1;}
		.fs30 {	font-size: 2.4rem; line-height: 1;}
		.fs40 {	font-size: 2.8rem; line-height: 1;}
		.fs50 {	font-size: 3.4rem; line-height: 1;}
		.fs60 {	font-size: 4.0rem; line-height: 1;}
		
		.lh40 { line-height: 3.2rem; }
		.lh50 { line-height: 4.0rem; }
		.lh60 { line-height: 4.8rem; }
		.lh70 { line-height: 5.6rem; }
		.lh75 { line-height: 5.8rem; }
		
		.tablet .smp_nav {
		  position: fixed;
		  display: block;
		  top: 10px;
		  right: 10px;
		  width: 50px;
		  height: 50px;
		  background: #111111;
		  border-radius: 25px;
		  overflow: hidden;
		  text-indent: 100%;
		  white-space: nowrap;
		  z-index: 120;
		  cursor: pointer;
		}
		.tablet .smp_nav span {
		  position: absolute;
		  display: block;
		  width: 20px;
		  height: 2px;
		  background: #FFF;
		  top: 50%;
		  margin-top: -1px;
		  left: 50%;
		  margin-left: -10px;
		  -webkit-transition: background 0.3s;
		  -moz-transition: background 0.3s;
		  transition: background 0.3s;
		}
		.tablet .smp_nav span::before, .smp_nav span::after {
		  content: '';
		  position: absolute;
		  left: 0;
		  background: inherit;
		  width: 100%;
		  height: 100%;
		  -webkit-transform: translateZ(0);
		  -moz-transform: translateZ(0);
		  -ms-transform: translateZ(0);
		  -o-transform: translateZ(0);
		  transform: translateZ(0);
		  -webkit-backface-visibility: hidden;
		  backface-visibility: hidden;
		  -webkit-transition: -webkit-transform 0.3s, background 0s;
		  -moz-transition: -moz-transform 0.3s, background 0s;
		  transition: transform 0.3s, background 0s;
		}
		.tablet .smp_nav span::before {
		  top: -6px;
		  -webkit-transform: rotate(0);
		  -moz-transform: rotate(0);
		  -ms-transform: rotate(0);
		  -o-transform: rotate(0);
		  transform: rotate(0);
		}
		.tablet .smp_nav span::after {
		  bottom: -6px;
		  -webkit-transform: rotate(0);
		  -moz-transform: rotate(0);
		  -ms-transform: rotate(0);
		  -o-transform: rotate(0);
		  transform: rotate(0);
		}
		.tablet .smp_nav.menu-is-open {
		  -webkit-transform: rotate(180deg);
		  -moz-transform: rotate(180deg);
		  -ms-transform: rotate(180deg);
		  -o-transform: rotate(180deg);
		  transform: rotate(180deg);
		  opacity: 0.8;
		}
		.tablet .smp_nav.menu-is-open span {
		  background: transparent;
		}
		.tablet .smp_nav.menu-is-open span::before, .smp_nav.menu-is-open span::after {
		  background: #FFF;
		}
		.tablet .smp_nav.menu-is-open span::before {
		  top: 0;
		  transform: rotate(135deg);
		  -webkit-transform: rotate(135deg);
		  -moz-transform: rotate(135deg);
		  -ms-transform: rotate(135deg);
		  -o-transform: rotate(135deg);
		}
		.tablet .smp_nav.menu-is-open span::after {
		  bottom: 0;
		  transform: rotate(225deg);
		  -webkit-transform: rotate(225deg);
		  -moz-transform: rotate(225deg);
		  -ms-transform: rotate(225deg);
		  -o-transform: rotate(225deg);
		}
		.tablet #header ul {
			position: fixed;
			right: -30%;
			top: 0px;
			font-size: 2.5rem;
			padding-top: 56px;
			width: 30%;
			height: 100vh;
			background: #111111;
			-webkit-backface-visibility: hidden;
			backface-visibility: hidden;
			-webkit-transform: translateX(0%);
			-moz-transform: translateX(0%);
			-ms-transform: translateX(0%);
			-o-transform: translateX(0%);
			transform: translateX(0%);
			-webkit-transition: -webkit-transform 0.7s;
			-moz-transition: -moz-transform 0.7s;
			transition: transform 0.7s;
			-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
			-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
			transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
			opacity: 0.8;
		}
		.android.tablet #header ul {
			height: inherit;
		}
		.tablet #header ul li.neg {
			padding-right: 10px;
		}
		.tablet #header ul li.smp {
			display: block;
		}
		.tablet #header ul li a {
			color: #fff;
			padding-right: 10px;
		}
		.tablet #header ul li {
			padding: 10px 0;
			/*border-top: 1px solid #55da70;*/
		}
		.tablet #header ul.menu-is-open {
		  -webkit-transform: translateX(-100%);
		  -moz-transform: translateX(-100%);
		  -ms-transform: translateX(-100%);
		  -o-transform: translateX(-100%);
		  transform: translateX(-100%);
		  -webkit-transition: -webkit-transform 0.5s;
		  -moz-transition: -moz-transform 0.5s;
		  transition: transform 0.5s;
		  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
		}
		.tablet #header ul li.hh_ban {
			/*display: none;*/
			/*margin-top: 30px;*/
		}
		.tablet #header ul li.hh_ban a {
			display: block;
			float: right;
			margin-right: 10%;
			width: 90%;
			max-width: 168px;
			height: 234px;
			background: url(../images/hg2018.png) no-repeat;
			-webkit-background-size: 100%;
			background-size: 100%;
		}
		.tablet #header ul li.hh_ban a span {
			/*display: none;*/
		}
		.sp #hh_ban {
			/*display: none;*/
			/*position: absolute;
			left: 2%;
			top: 12px;
			width: 60px;*/
		}
		.tablet #hh_ban {
			/*display: none;*/
			/*position: absolute;
			left: 2%;
			top: 20px;
			width: 80px;*/
		}
		.tablet #topcontents #number_d {
			right: 35px;/*10月*/
		}
		.tablet #topcontents .fs60 {font-size: 3.7rem; line-height: 1.1;}
		.tablet .hikers .text_container,
		.tablet .hikers #interviewer,
		.tablet .hikers #contents_footer,
		.tablet .activities .text_container,
		.tablet .activities #interviewer,
		.tablet .activities #contents_footer {
			width: 80%;
		}
		.tablet .hikers .text_container .head_left {
			display: inline-block;
			float: left;
			/*margin-left: -85px;*/
			padding: 0 20px 10px 0px;
			/*width: 220px;*/
			line-height: 3.5rem;
		}
		.tablet .hikers #contents .main_image {
			width: 100%;
			height: 100vw;
		}
		.tablet .hikers #contents .main_image * {
			width: 100%;
			height: auto;
		}
		.tablet .activities #index_list li a.blc {
			width: 33%;
		}
		.tablet .activities #contents .main_image {
			width: 100%;
			height: 66vw;
		}
		.tablet .activities #contents .main_image *,
		.tablet .activities #contents .images * {
			width: 100%;
			height: auto;
		}
		.tablet #hhhg_foot {
			-webkit-background-size: 200%;
			background-size: 200%;
		}
		.tablet .dear .text_container,
		.tablet .aboutus .text_container {
			margin-top: 53vw;
			width: 82%;
		}
		
		
	}
}

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

	/* header
	**********************************/
	/*.smp_nav {
	  position: fixed;
	  display: block;
	  top: 10px;
	  right: 10px;
	  width: 50px;
	  height: 50px;
	  background: #111111;
	  border-radius: 25px;
	  overflow: hidden;
	  text-indent: 100%;
	  white-space: nowrap;
	  z-index: 120;
	  cursor: pointer;
	}
	.smp_nav span {
	  position: absolute;
	  display: block;
	  width: 20px;
	  height: 2px;
	  background: #FFF;
	  top: 50%;
	  margin-top: -1px;
	  left: 50%;
	  margin-left: -10px;
	  -webkit-transition: background 0.3s;
	  -moz-transition: background 0.3s;
	  transition: background 0.3s;
	}
	.smp_nav span::before, .smp_nav span::after {
	  content: '';
	  position: absolute;
	  left: 0;
	  background: inherit;
	  width: 100%;
	  height: 100%;
	  -webkit-transform: translateZ(0);
	  -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  transform: translateZ(0);
	  -webkit-backface-visibility: hidden;
	  backface-visibility: hidden;
	  -webkit-transition: -webkit-transform 0.3s, background 0s;
	  -moz-transition: -moz-transform 0.3s, background 0s;
	  transition: transform 0.3s, background 0s;
	}
	.smp_nav span::before {
	  top: -6px;
	  -webkit-transform: rotate(0);
	  -moz-transform: rotate(0);
	  -ms-transform: rotate(0);
	  -o-transform: rotate(0);
	  transform: rotate(0);
	}
	.smp_nav span::after {
	  bottom: -6px;
	  -webkit-transform: rotate(0);
	  -moz-transform: rotate(0);
	  -ms-transform: rotate(0);
	  -o-transform: rotate(0);
	  transform: rotate(0);
	}
	.smp_nav.menu-is-open {
	  -webkit-transform: rotate(180deg);
	  -moz-transform: rotate(180deg);
	  -ms-transform: rotate(180deg);
	  -o-transform: rotate(180deg);
	  transform: rotate(180deg);
	  opacity: 0.8;
	}
	.smp_nav.menu-is-open span {
	  background: transparent;
	}
	.smp_nav.menu-is-open span::before, .smp_nav.menu-is-open span::after {
	  background: #FFF;
	}
	.smp_nav.menu-is-open span::before {
	  top: 0;
	  transform: rotate(135deg);
	  -webkit-transform: rotate(135deg);
	  -moz-transform: rotate(135deg);
	  -ms-transform: rotate(135deg);
	  -o-transform: rotate(135deg);
	}
	.smp_nav.menu-is-open span::after {
	  bottom: 0;
	  transform: rotate(225deg);
	  -webkit-transform: rotate(225deg);
	  -moz-transform: rotate(225deg);
	  -ms-transform: rotate(225deg);
	  -o-transform: rotate(225deg);
	}*/
	#header .titlelogo {
		/*font-size: 11vw;*/
        font-size: 10vw;
	}
	#header ul {
		position: fixed;
		right: -30%;
		top: 0px;
		font-size: 2.5rem;
		padding-top: 56px;
		width: 30%;
		height: 100vh;
		background: #111111;
		-webkit-backface-visibility: hidden;
		backface-visibility: hidden;
		-webkit-transform: translateX(0%);
		-moz-transform: translateX(0%);
		-ms-transform: translateX(0%);
		-o-transform: translateX(0%);
		transform: translateX(0%);
		-webkit-transition: -webkit-transform 0.7s;
		-moz-transition: -moz-transform 0.7s;
		transition: transform 0.7s;
		-webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		-moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
		opacity: 0.8;
	}
	#header ul li.neg {
		padding-right: 10px;
	}
	#header ul li.smp {
		display: block;
	}
	#header ul li a {
		color: #fff;
		padding-right: 10px;
	}
	#header ul li {
		padding: 10px 0;
		/*border-top: 1px solid #55da70;*/
	}
	#header ul.menu-is-open {
	  -webkit-transform: translateX(-100%);
	  -moz-transform: translateX(-100%);
	  -ms-transform: translateX(-100%);
	  -o-transform: translateX(-100%);
	  transform: translateX(-100%);
	  -webkit-transition: -webkit-transform 0.5s;
	  -moz-transition: -moz-transform 0.5s;
	  transition: transform 0.5s;
	  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
	}
	#hh_ban {
		display: none !important;
	}
	#hhhg_foot {
		padding: 10vw 0;
	}
	#hhhg_foot a.logo {
		width: 70vw;
		max-width: 400px;
		height: 56vw;
		-webkit-background-size: 100% auto;
		background-size: 100% auto;
	}

	/* echoes
	**********************************/
	.echoes .echoes_head {
		font-size: 2.8rem;
		padding: 0 2vw;
	}
	.echoes .echoes_lead {
		padding: 0 2vw;
	}
	.echoes .echoes_title {
		margin-top: 30px;
		padding: 0 2vw;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-align-items: center;
		align-items: center;
		flex-direction: column;
		font-size: 2.8rem;
	}
	.echoes .echoes_title span {
		margin-right: 0px;
		margin-bottom: 10px;
		padding-right: 0px;
		padding-bottom: 10px;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	.echoes .echoes_title span.sub {
		margin-top: 10px;
		font-size: 1.4rem;
	}
	.echoes #contents .images .caption {
		padding: 0 2vw;
        /*text-align: left !important;*/
	}
	.hikers .text_container,
	.echoes .text_container {
		padding: 0 4vw;
	}
	.echoes .profile_box {
		width: 92vw;
	}
	.echoes .profile_box .group .image img {
		width: 100%;
		height: auto;
	}
	.echoes .profile_box .group ul li {
		width: 100%;
		margin-top: 20px;
	}
	
	/* hikers
	**********************************/
	.hikers #contents .images {
		margin-top: 40px;
		width: 100%;
	}
	.hikers .text_container + .images {
		margin-top: 0 !important;
	}
	.hikers .pager.mt50 {
		margin-top: 0 !important;
	}
	
	@media all and (orientation: landscape) {
		.echoes #index_list {
			width: 92vw;
		}
		.echoes #index_list .box {
			width: 40vw;
		}
	}
    
    /* oneday
	**********************************/
    .oneday #interviewer {
        width: 100%;
        padding: 0 4vw;
    }
}

@media only screen and (max-width: 650px) {
	.lg_br {
		display: none;
	}
	.sp_br {
		display: inline;
	}
	#header .titlelogo {
		text-indent: 0;
        letter-spacing: 0.0rem;
	}
	
	/* echoes
	**********************************/
	.echoes #index_list {
		margin: 40px auto 0 auto;
		width: 92vw;
	}
	.echoes #index_list .box {
		margin-bottom: 50px;
		width: 44vw;
		max-width: inherit;
	}
	/*.echoes #index_list .box:nth-child(even) {
		margin-left: 0;
	}*/
	.echoes #index_list .box .image {
		width: 100%;
		height: 44vw;
	}
	.echoes #index_list .box .image img {
		width: 100%;
		height: auto;
		margin-left: 0;
	}
	.echoes #index_list .box .copy {
		min-height: inherit;
		font-weight: normal;
	}
    .echoes #contents .images .caption {
        /*text-align: left !important;*/
	}
	.echoes .profile_box .profile .image {
		width: 40%;
	}
	.echoes .profile_box .profile .image img {
		width: 100%;
		height: auto;
	}
	.echoes .profile_box .profile p {
		width: 55%;
	}
	.echoes #dorui_list {
		flex-direction: column;
		-webkit-align-items: center;
		align-items: center;
	}
	.echoes #dorui_list li {
		margin-left: 0px;
	}
	.echoes #dorui_list li:first-child {
		margin-right: 0px;
		padding-right: 0px;
		margin-bottom: 6px;
		padding-bottom: 6px;
		border-right: none;
		border-bottom: 1px solid #ccc;
	}
	@media all and (orientation: landscape) {
		.echoes #index_list {
			width: 92vw;
		}
		.echoes #index_list .box {
			width: 44vw;
		}
		.echoes #index_list .box .image {
			width: 100%;
			height: 44vw;
		}
	}
	
	/* hikers
	**********************************/
	.hikers #contents .hikers_head {
		margin-top: 24px;
		line-height: 4.0rem;
		padding: 0 3%;
		font-size: 2.0rem;
	}
	.hikers #contents h2.name {
		margin-top: 24px;
		line-height: 1;
	}
    .hikers #contents .hikers_sub {
        margin-top: 24px !important;
        font-size: 1.8rem;
    }
	
	/* nogawa
	**********************************/
	.extra #nogawa_image {
		-webkit-justify-content: center;
		justify-content: center;
	}
	.extra #nogawa_image div {
		width: 100%;
		margin-bottom: 40px;
		line-height: 1;
	}
	.extra #nogawa_image div img {
		width: 100%;
		height: auto;
	}
	.extra #nogawa_image div:last-child {
		width: 100%;
	}
}

@media only screen and (max-width: 479px) {
	#contents {
		padding-top: 160px;
		min-height: 500px;
		overflow: hidden;
	}
	#insta iframe .media-image-wrapper {
		margin: 0 !important;
	}
	
	/* echoes
	**********************************/
	.echoes #index_list .box {
		margin-bottom: 50px;
		width: 92vw;
		max-width: inherit;
	}
	/*.echoes #index_list .box:nth-child(even) {
		margin-left: 0;
	}*/
	.echoes #index_list .box .image {
		width: 100%;
		height: 60vw;
	}
    #contents .images img.tate {
        width: auto;
        height: 100vw !important;
    }
	
	/* backnumber
	**********************************/
	.backnumber #index_list li {
		width: 28vw;
		height: 28vw;
		margin-bottom: 3vw;
	}
}