@charset "utf-8";

/* Base Layout
======================================== */
html,
body {
	font-family: "中ゴシックBBB", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-weight: 200;
	letter-spacing: 0.1em;
	height: 100%;
}
figure {
	margin: 0;
	overflow: hidden;
	position: relative;
	text-align: left;
}
img {
	max-width: 100%;
	vertical-align: top;
	width: auto;
}
a {
	color: #535454;
	outline: none;
	text-decoration: none;
	-webkit-transition: opacity 300ms;
	transition: opacity 300ms;
}
a:focus,
*:focus {
  outline: none;
}
ul,
ol,
dl > * {
	list-style: none;
	margin: 0;
	padding: 0;
}
table {
	margin: 1.5em 0;
}
table th {
	font-weight: normal;
	padding-right: 2em;
	text-align: left;
	vertical-align: top;
}
table tr > th,
table tr > td {
	padding-bottom: 0.375em;
	padding-top: 0.375em;
}
hr {
	background-color: #3e3f3f;
	border: 0;
	height: 1px;
	margin: 4em 0;
}
blockquote {
	border-left: 1px solid #7E7E7E;
	font-style: italic;
	margin: 2em auto 2em 2.5em;
	padding-left: 1.4334em;
}
b,
strong {
	font-weight: bold;
}
::-moz-selection {
	background: #535454;
	color: #FFF;
}
::selection {
	background: #535454;
	color: #FFF;
}

/* Common Layout
======================================== */
html,
body {
  -webkit-overflow-scrolling: touch;
}
body {
	background-color: #e2dcd6;
	color: #3e3f3f;
  font-feature-settings: "palt";
	overflow-x: hidden;
}
.table {
	display: table;
}
.table > * {
	display: table-cell;
	vertical-align: middle;
}
.right {
	float: right;
}
.left {
	float: left;
}
.align-center {
	text-align: center;
}
br.hide,
.hide {
	display: none;
}
.btn {
  clear: both;
}
.btn a {
  background-color: #425f5c;
  box-sizing: border-box;
  color: #f3a6a0;
  display: block;
  font-family: Karla, "中ゴシックBBB", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  margin: auto;
  max-width: 18.75em;
  padding: 1.925em 0.5em;
  text-align: center;
  -webkit-transition: background-color 0.25s, color 0.25s;
  transition: background-color 0.25s, color 0.25s;
}
html[class*='desktop'] .btn a:hover {
  background-color: #f3a6a0;
  color: #425f5c;
}

/* Loader
======================================== */
body.start > * {
  visibility: hidden;
}
body.start #loader {
  visibility: visible;
}
#loader {
	background-color: #425f5c;
  bottom: 0;
  display: table;
  height: 100%;
  left: 0;
	overflow: hidden;
  position: fixed;
  right: 0;
  top: 0;
  width: 100%;
  z-index: 100;
}
#loader .inner {
  display: table-cell;
  text-align: center;
  vertical-align: middle;
}
#loader .logo,
#loader .credit {
	opacity: 0;
}
#loader .logo {
	margin-top: -0.5em;
	margin-left: -0.25em;
	overflow: hidden;
	position: relative;
	top: -0.1em;
}
#loader .logo img {
	height: 1.9375em;
	position: relative;
	width: 9.75em;
}
#loader .progress {
	color: transparent;
	margin: 2.25em auto 1.5em;
}
#loader .progress .bar {
	background-color: #f3a6a0;
	display: inline-block;
	height: 1px;
	width: 0;
}
#loader .credit img {
	height: 0.5em;
	width: 11.5625em;
}

/* Header
======================================== */
#header {
  background-color: #425f5c;
  overflow: hidden;
	position: relative;
}
#current-time {
  position: absolute;
  left: 7.1em;
  top: 1.575em;
  z-index: 11;
}
#current-time p {
  color: #f3a6a0;
  font-family: bebas-neue, sans-serif;
  font-size: 0.875em;
  line-height: 1.1428;
  margin: 0;
}
.back-home {
	display: none;
	max-width: 7.8em;
  position: absolute;
  right: 1.875em;
  top: 1.575em;
	width: 100%;
  z-index: 11;
}
.back-home a {
	background: url(../img/arrow01_hover.png) no-repeat center left;
	background-size: contain;
  color: #f3a6a0;
	display: block;
  font-family: Karla, sans-serif;
	font-size: 0.75em;
	height: 2.5em;
	letter-spacing: 0.08em;
	line-height: 2.5em;
	position: relative;
	text-align: right;
}
.back-home a::before {
	background: url(../img/arrow01.png) no-repeat center left;
	background-size: contain;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity 0.25s;
	transition: opacity 0.25s;
}
.back-home a:hover::before {
	opacity: 0;
}
#hero {
  text-align: center;
}
#hero .logo h1 {
  font-size: 2em;
  height: 3.125em;
  left: 49.6%;
  margin: 0;
  margin-left: -5.3125em;
  position: absolute;
  top: 1.325em;
  width: 10.625em;
  z-index: 11;
}
#hero .logo h1 img {
  height: 100%;
  width: 100%;
}
#hero .catch {
  color: #f3a6a0;
  font-family: bebas-neue, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  margin: 9.5em auto 3.3em;
	position: relative;
	text-indent: -1em;
	visibility: hidden;
	z-index: 11;
}
#hero .title {
  margin-bottom: 1.875em;
  position: relative;
}
@media screen and ( min-width: 641px ) {
	.scrollStart .back-home {
		display: block;
	}
  #hero .title,
  #hero .header_img {
    margin-left: 1.875em;
    margin-right: 1.875em;
  }
}
#hero .title figure,
#hero .header_img figure {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  margin: auto;
  position: relative;
}
#hero .title figure::before,
#hero .header_img figure::before {
  content: "";
  display: block;
  padding-top: 53.732%;
  width: 100%;
}
#hero .title figure img,
#hero .header_img figure img {
  display: none;
}
#hero .title h3,
h3.stadium {
  font-family: "EB Garamond", serif;
  font-size: 3.75em;
  font-weight: normal;
  letter-spacing: 0.05em;
}
#hero .title h3 {
  color: #fff;
}
#hero .title h3 .number,
h3.stadium .number {
  font-family: bebas-neue, sans-serif;
	font-size: 2.4667em;
	font-weight: 200;
	display: inline-block;
	margin-bottom: -0.025em;
	margin-top: -0.35em;
}
#hero .title h3 .number::before,
.stadium.related .number::before {
	content: "N";
	display: inline-block;
	font-size: 67.5675%;
	position: relative;
	top: 0.15em;
	vertical-align: top;
}
#hero .title .table {
  height: 45em;
  margin-top: -22.5em;
  position: absolute;
  top: 50%;
  width: 100%;
  z-index: 1;
}
@media screen and ( min-width: 641px ) and ( max-width: 940px ) {
  #hero .logo h1 {
    font-size: 1.6em;
    top: 2.65em;
  }
  .scrollStart #hero .logo h1 {
    top: 1.875em;
  }
  #home:not(.scrollStart) #hero .logo h1 {
    top: 4.15em;
  }
  #home #hero .catch {
    position: relative;
    top: 2em;
  }
  #hero .title {
    font-size: 84%;
  }
}
@media screen and ( max-width: 820px ) {
  .scrollStart #hero .logo h1 {
		overflow: hidden;
		height: 2.1em;
  }
	.scrollStart #hero .logo h1 img {
		height: auto;
	}
  .scrollStart #current-time {
    display: none;
  }
}
@media screen and ( max-width: 640px ) {
  #current-time {
    display: none;
    left: 1.5em;
    top: 1.45em;
    font-size: 80%;
  }
  #current-time p {
    letter-spacing: 0.1em;
  }
  #current-time p br {
    display: none;
  }
  #home #current-time {
    display: block;
		left: 7.1em;
  }
	.scrollStart .back-home {
    display: none;
  }
  #home:not(.scrollStart) #hero .logo h1 {
    top: 6em;
  }
  #home .scrollStart #hero .logo h1 {
    font-size: 105%;
  }
  #home:not(.scrollStart) #hero .logo {
    background-color: transparent;
    position: absolute;
  }
  #hero .logo {
    background-color: #425f5c;
    padding-top: 3.25em;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
  }
  .scrollStart #hero .logo {
    position: fixed;
  }
  #hero .logo h1 {
		font-size: 100%;
		top: 0.7em;
  }
  #hero .catch {
    display: none;
    font-size: 0.65em;
    letter-spacing: 0.1em;
    margin: 7.3em auto 2.75em;
  }
  #home:not(.scrollStart) #hero .catch {
    display: block;
  }
  #hero .title {
    margin-bottom: 0;
    padding: 7em 0.6em 0.6em;
  }
  #hero .title figure {
    padding-top: 72.1%;
  }
  #hero .title figure::before,
  #hero .header_img figure::before {
    display: none;
  }
  #hero .title figure img {
    display: none;
  }
  #hero .title h3 {
    font-size: 2em;
  }
  #hero .title .table {
    height: auto;
    left: 0;
    margin-top: auto;
  }
}
@media screen and ( max-width: 380px ) {
  #hero .title h3 {
    font-size: 1.5em;
  }
}

/* Home Hero
---------------------------------------- */
#home #hero .logo {
	position: absolute;
}
#home:not(.scrollStart) #hero .logo {
	display: none;
}
#main_visual {
  position: relative;
}
#home #hero {
}
#home #main_visual {
	border-collapse: collapse;
	display: table;
	height: 100vh;
	min-height: 36.25em;
	table-layout: fixed;
	width: 100%;
}
#home #main_visual > * {
	display: table-cell;
	vertical-align: middle;
}
#home #main_visual .title {
	width: 47.25%;
}
#home #main_visual .title h2 {
	margin-bottom: 3.5em;
}
#home #main_visual .title h2 img {
	max-width: 14.4584em;
}
#home #main_visual .slide {
	width: 52.75%;
}
#home #main_visual .slide .swiper-container {
	margin: 1.875em;
	margin-left: auto;
	position: relative;
}
#home #main_visual .slide .table {
	text-align: center;
}
#main_visual figure {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	bottom: 0;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#main_visual figure::before {
	background-color: rgba(0,0,0,0.3);
	bottom: 0;
	content: "";
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
}
#main_visual figure img {
	display: none;
}
#main_visual .table {
	color: #fff;
	height: calc(100vh - 3.75em);
	margin: auto;
	max-width: 32em;
	min-height: calc(36.25em - 3.75em);
	position: relative;
	text-align: left;
	width: 100%;
}
#main_visual .table time {
  font-family: bebas-neue, sans-serif;
	font-size: 2.4375em;
}
#main_visual .table time::after {
	border-bottom: 1px solid #fff;
	content: "UPDATE";
	font-size: 46.1539%;
	display: inline-block;
	margin-left: 0.75em;
	position: relative;
	top: 0.25em;
	vertical-align: top;
}
#main_visual .table h3 {
	font-size: 3em;
	font-weight: normal;
	letter-spacing: 0.125em;
	line-height: 1.25;
	margin: 0.35em auto;
}
#main_visual .table .read-more a {
	color: #fff;
	border: 1px solid #fff;
	box-sizing: border-box;
	display: inline-block;
	font-family: Karla, "中ゴシックBBB", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Sans", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	height: 3.25em;
	line-height: 3.25em;
	margin: 1em auto;
	max-width: 11.875em;
	text-align: center;
	width: 100%;
	-webkit-transition: 0.25s;
	transition: 0.25s;
	-webkit-transition-property: background-color, border-color, color;
	transition-property: background-color, border-color, color;
}
#main_visual .table .read-more a:hover {
	background-color: #f3a6a0;
	border-color: #f3a6a0;
	color: #425f5c;
}
@media screen and ( min-width: 1280px ) {
	.page #hero .title figure,
	.archive #hero .title figure {
		max-height: 78.6vh;
	}
}
#hero .scroll {
	font-size: 10px;
	bottom: 0;
	left: 0;
	position: absolute;
}
#hero .scroll a {
	display: block;
	overflow: hidden;
	padding: 4.25em 1.05em 2em;
	position: relative;
}
#hero .scroll a::before,
#hero .scroll a::after {
	background-color: rgba(255,255,255,0.5);
	bottom: 0;
	content: "";
	display: block;
	position: absolute;
	right: 0;
	top: 0;
	width: 1px;
}
#hero .scroll a::after {
	-webkit-animation: scroll 2.4s infinite normal;
	animation: scroll 2.4s infinite normal;
}
@-webkit-keyframes scroll {
  0% {
    -webkit-transform: translate3d(0,-100%,0);
	}
	15% {
		-webkit-transform: translate3d(0,-98%,0);
	}
	85% {
		-webkit-transform: translate3d(0,98%,0);
	}
	100% {
		-webkit-transform: translate3d(0,100%,0);
	}
}
@keyframes scroll {
  0% {
    transform: translate3d(0,-100%,0);
	}
	15% {
		transform: translate3d(0,-98%,0);
	}
	85% {
		transform: translate3d(0,98%,0);
	}
	100% {
		transform: translate3d(0,100%,0);
	}
}
#hero .scroll img {
	height: 2.8em;
	width: 0.8em;
}
@media screen and ( max-width: 880px ) {
	#home #main_visual {
		height: auto;
	}
	#home #main_visual .title {
		margin: 5em auto auto;
	}
	#home #main_visual,
	#home #main_visual > * {
		display: block;
	}
	#home #main_visual .title,
	#home #main_visual .slide {
		width: 100%;
	}
	#home #main_visual .title h2 {
		font-size: 1.25em;
	}
	#home #main_visual .title .stadium {
		font-size: 200%;
		margin-left: 0;
		margin-top: 0;
		width: 100%;
	}
	#home #main_visual .slide .swiper-container {
		margin: 0.6em;
	}
  #home #main_visual .slide .swiper-container figure {
    padding-top: 100%;
  }
	#main_visual .table {
		font-size: 75%;
		height: calc(100vw - 1.2em);
		max-height: 30em;
	}
	#hero .scroll {
		display: none;
	}
}
@media screen and ( min-width: 881px ) and ( max-width: 940px ) {
	#main_visual .slide .table {
		font-size: 85%;
	}
}
@media screen and ( min-width: 641px ) and ( max-width: 880px ) {
	#main_visual .title {
		font-size: 125%;
	}
	#main_visual .slide .table {
		font-size: 95%;
	}
}
@media screen and ( max-width: 640px ) {
	#home.scrollStart #hero .logo {
		position: fixed;
	}
	#home #hero .logo {
		left: 0;
		top: 0;
		width: 100%;
	}
	#home #main_visual {
		margin-top: 0;
	}
	#home #main_visual .title {
		padding: 0;
	}
  #main_visual {
    margin-top: 12.75em;
  }
  #main_visual figure {
    padding-top: 123.733%;
  }
	#main_visual .table {
		min-height: inherit;
	}
}
@media screen and ( max-width: 380px ) {
	#main_visual .table h3 {
		font-size: 2.5em;
	}
}

/* Global
---------------------------------------- */
input[name^="switch_"] {
	display: none;
}
#btn_menu {
	cursor: pointer;
	display: block;
  height: 1.3125em;
	left: 1.875em;
  position: absolute;
	top: 1.9em;
	-webkit-transition: 0.4s opacity;
	transition: 0.4s opacity;
	width: 3.1875em;
	z-index: 11;
}
#btn_menu span {
  display: block;
  overflow: hidden;
  text-indent: 200%;
  white-space: nowrap;
}
#btn_menu::before,
#btn_menu::after,
#btn_menu span::before {
  background-color: #f3a6a0;
  content: "";
  display: block;
  height: 1px;
  position: absolute;
  right: 0;
  top: 50%;
  -webkit-transition: margin-top 400ms;
  transition: margin-top 400ms;
  width: 100%;
}
html[class*='desktop'] #btn_menu:hover::before,
html[class*='desktop'] #btn_menu:hover::after,
html[class*='desktop'] #btn_menu:hover span::before {
  -webkit-animation: hbgAnime01 400ms linear;
  animation: hbgAnime01 400ms linear;
}
html[class*='desktop'] #switch_global:checked ~ #global #btn_menu:hover::before,
html[class*='desktop'] #switch_global:checked ~ #global #btn_menu:hover::after,
html[class*='desktop'] #switch_global:checked ~ #global #btn_menu:hover span::before {
  -webkit-animation: none;
  animation: none;
}
html[class*='desktop'] #btn_menu:hover::before {
  -webkit-animation-delay: 250ms;
  animation-delay: 250ms;
}
html[class*='desktop'] #btn_menu:hover span::before {
  -webkit-animation-delay: 100ms;
  animation-delay: 100ms;
}
@-webkit-keyframes hbgAnime01 {
  0% {
    width: 100%;
  }
  40% {
    width: 0;
  }
  60% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
@keyframes hbgAnime01 {
  0% {
    width: 100%;
  }
  40% {
    width: 0;
  }
  60% {
    width: 0;
  }
  100% {
    width: 100%;
  }
}
#btn_menu::before {
  margin-top: -0.625em;
}
#btn_menu::after {
  margin-top: 0.625em;
}
#switch_global:checked ~ #global #btn_menu {
	opacity: 1;
}
html[class*='desktop'] #btn_menu:hover {
	opacity: 0.75 !important;
}
@media screen and ( max-width: 640px ) {
  #btn_menu {
    font-size: 80%;
    left: 1.55em;
    position: absolute;
    top: 1.33em;
  }
  .scrollStart #btn_menu {
    position: fixed;
  }
}
#switch_global:checked ~ #global #btn_menu::before,
#switch_global:checked ~ #global #btn_menu::after,
#switch_global:checked ~ #global #btn_menu span::before {
  background-color: #FFF;
  margin-top: 0;
}
#global {
	height: 100%;
  left: 0;
	position: absolute;
  top: 0;
	width: 0;
  z-index: 20;
}
#global .scroll {
  height: 100%;
  left: -100px;
  overflow-x: hidden;
  overflow-y: auto;
  position: fixed;
  top: 0;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
	-webkit-transition: left 0.85s, width 0.85s;
	transition: left 0.85s, width 0.85s;
  width: 0;
}
#switch_global:checked ~ #global .scroll {
	left: 0;
  width: 100%;
}
#global .inner {
  color: #FFF;
	display: table;
	height: 100%;
	position: absolute;
	top: 0;
  width: 100%;
	z-index: 10;
}
#global .inner nav::before {
	background-color: rgba(243,166,160,0.95);
	bottom: 5px;
	content: "";
	display: block;
	left: 5px;
	position: absolute;
	right: 5px;
	top: 5px;
}
#global .inner nav {
	display: table-cell;
	text-align: center;
	vertical-align: middle;
}
#global .logo h1 {
  color: #FFF;
  font-size: 2em;
  height: 3.125em;
	left: -0.4%;
  margin: 1em auto auto;
	position: relative;
  width: 10.625em;
}
#global .logo h1 img {
  height: 100%;
  width: 100%;
}
#global .catch {
  color: #FFF;
	font-family: bebas-neue, sans-serif;
  font-size: 0.75em;
  font-weight: normal;
  margin: -2.5em auto 4.5em;
	text-indent: -1em;
	visibility: hidden;
}
#global .inner nav .menu li {
	margin: 0 1.5em;
}
#global .inner nav .menu li a {
	color: #FFF;
	font-family: bebas-neue, sans-serif;
	font-size: 3em;
	font-weight: 400;
	letter-spacing: 0.075em;
}
#global .inner nav .menu li a img {
	height: 0.75em;
}
#global .inner nav .menu li a[href*='plus-j.jp'] {
	left: -0.1em;
	position: relative;
}
html[class*='desktop'] #global .inner nav .menu li a:hover {
	opacity: 0.6;
}
#global .inner nav .sns {
  margin-bottom: 4em;
}
#global .inner nav .sns li a {
  color: #FFF;
}
@media screen and ( min-width: 641px ) and ( max-width: 940px ) {
  #global .logo h1 {
    -webkit-transform: scale(0.8);
    transform: scale(0.8);
  }
  #global .inner nav .menu {
    font-size: 80%;
  }
}
@media screen and ( max-width: 640px ) {
  #global .logo h1 {
    font-size: 150%;
  }
  #global .logo h2 {
    font-size: 77%;
  }
  #global .inner nav .menu {
    font-size: 60%;
  }
	#global .inner nav .menu li {
		margin: 1.5em;
	}
}
#global .logo,
#global .catch,
#global .inner nav .menu li,
#global .sns {
  opacity: 0;
  -webkit-transform: translateX(-10%);
  transform: translateX(-10%);
  -webkit-transition: 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  transition: 1200ms cubic-bezier(0.190, 1.000, 0.220, 1.000);
  -webkit-transition-property: transform;
  transition-property: transform;
}
#global .logo {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#global .catch {
  -webkit-transition-delay: 0.1s;
  transition-delay: 0.1s;
}
#global .inner nav .menu li:nth-of-type(1) {
  -webkit-transition-delay: 0.2s;
  transition-delay: 0.2s;
}
#global .inner nav .menu li:nth-of-type(2) {
  -webkit-transition-delay: 0.3s;
  transition-delay: 0.3s;
}
#global .inner nav .menu li:nth-of-type(3) {
  -webkit-transition-delay: 0.4s;
  transition-delay: 0.4s;
}
#global .sns {
  -webkit-transition-delay: 0.5s;
  transition-delay: 0.5s;
}
#switch_global:checked ~ #global .logo,
#switch_global:checked ~ #global .catch,
#switch_global:checked ~ #global .inner nav .menu li,
#switch_global:checked ~ #global .sns {
  opacity: 1;
  -webkit-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition-property: opacity, transform;
  transition-property: opacity, transform;
}
@media screen and ( min-width: 641px ) {
  .stickyStart body::before,
  .stickyStart #hero .logo h1,
  .stickyStart #current-time,
  .stickyStart .back-home,
  .stickyStart #btn_menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 400ms;
    transition: transform 400ms;
  }
  body::before {
    background-color: #425f5c;
    content: "";
    display: block;
    height: 5.0625em;
    position: fixed;
    top: 0;
    -webkit-transform: translateY(-5.0625em);
    transform: translateY(-5.0625em);
    -webkit-transition: transform 400ms;
    transition: transform 400ms;
    width: 100%;
    z-index: 11;
  }
  .scrollStart::before,
  .scrollStart #hero .logo h1,
  .scrollStart #current-time,
  .scrollStart .back-home,
  .scrollStart #btn_menu {
    -webkit-transform: translateY(-5.0625em);
    transform: translateY(-5.0625em);
    position: fixed;
  }
  #switch_global:checked ~ #global #btn_menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: fixed;
  }
  .scrollStart #hero .logo h1 {
    font-size: 1.41em;
		height: 2.1em;
		overflow: hidden;
    top: 0.925em;
  }
	.scrollStart #hero .logo h1 img {
		height: auto;
	}
  .scrollStart.stickyStart::before,
  .scrollStart.stickyStart #hero .logo h1,
  .scrollStart.stickyStart #current-time,
  .scrollStart.stickyStart .back-home,
  .scrollStart.stickyStart #btn_menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: fixed;
  }
}
@media screen and ( max-width: 640px ) {
  .scrollStart #hero .logo,
  .scrollStart #btn_menu {
    -webkit-transform: translateY(-3.25em);
    transform: translateY(-3.25em);
  }
  .stickyStart #hero .logo,
  .stickyStart #btn_menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    -webkit-transition: transform 400ms;
    transition: transform 400ms;
    position: fixed;
  }
  #home #btn_menu {
    position: absolute;
  }
  #switch_global:checked ~ #global #btn_menu,
  #home #switch_global:checked ~ #global #btn_menu,
  #home.scrollStart.stickyStart #btn_menu {
    -webkit-transform: translateY(0);
    transform: translateY(0);
    position: fixed;
  }
}

/* Breadcrumb
---------------------------------------- */
.breadcrumb ul {
  padding: 0.85em;
  text-align: center;
}
.breadcrumb ul li {
  display: inline-block;
  font-size: 0.625em;
}
.breadcrumb ul li::after {
  content: ">";
  padding: 0 0.5em;
}
.breadcrumb ul li:last-child::after {
  display: none;
}
html[class*='desktop'] .breadcrumb ul li a {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
html[class*='desktop'] .breadcrumb ul li a:hover {
  opacity: 0.8;
}
@media screen and ( max-width: 640px ) {
  .breadcrumb ul {
    line-height: 0.9;
    padding-bottom: 0.3em;
    padding-top: 0.3em;
  }
  .breadcrumb ul li {
    font-size: 0.5625em;
  }
}

/* Main
======================================== */
#main > div h3:first-child {
  color: #535454;
  font-family: EB Garamond, sans-serif;
  font-size: 2.25em;
  font-weight: normal;
  letter-spacing: 0.075em;
  margin-bottom: 1.09em;
  margin-top: 2.55em;
  text-align: center;
}
#main .inner {
  margin: 2em auto 0;
}
#main > div[id] {
  border-top: 1px solid #3e3f3f;
  padding-bottom: 2.25em;
}
#main > .inner:first-child {
  max-width: 43.75em;
}
.date {
  font-family: EB Garamond, serif;
  margin-top: 4.8em;
  text-align: center;
}
#main > .inner > article > h3 {
  font-family: EB Garamond, "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.875em;
  font-weight: normal;
	letter-spacing: 0.1em;
  line-height: 1.6;
  margin-bottom: 2.75em;
  margin-top: 1.3em;
  text-align: center;
}
@media screen and ( max-width: 640px ) {
  #main > div[id] {
    padding-bottom: 1.3125em;
  }
  #main > div h3:first-child {
		font-size: 1.5em;
    margin-top: 2.5em;
  }
  #main > .inner > article > h3 {
		font-size: 1.5em;
  }
}
.meta {
  line-height: 1.5;
  margin-bottom: 3.9em;
  margin-top: -1.8em;
  padding-left: 1em;
  padding-right: 1em;
}
.meta .credit {
  font-family: EB Garamond, serif;
  font-size: 0.75em;
	letter-spacing: 0.1em;
  text-align: center;
}
@media screen and ( max-width: 640px ) {
  .meta {
    margin-bottom: 4.5em;
    margin-top: -1.5em;
  }
  .meta .credit {
    font-size: 0.6875em;
  }
}
#main > .inner > article .content h4 {
  font-family: EB Garamond, "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.25em;
  font-weight: normal;
  line-height: 1.875;
  text-align: center;
}
#main > .inner > article .content > h4 {
  margin: 2.8em auto -1.4em;
}
#main > .inner > article .content h5,
#main > .inner > article .content strong {
  font-family: EB Garamond, "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.1428em;
  font-weight: normal;
  line-height: 1.875;
}
#main > .inner > article .content h6,
#main > .inner > article .content > p {
  font-size: 1.125em;
  letter-spacing: 0.1em;
  line-height: 2;
  margin: 3.4em auto;
}
#main > .inner > article .content h6 {
  font-weight: bold;
  margin: 2em auto;
}
#main > .inner > article .content img {
  height: auto;
}
#main > .inner > article .content p img[width^='900'] {
  font-size: 1.14285em;
  position: relative;
}
#main > .inner > article .content .wp-caption-text {
  font-size: 0.625em;
  letter-spacing: 0.1em;
  margin-top: 1.5em;
}
@media screen and ( max-width: 940px ) {
  .wp-caption {
    font-size: 80%;
  }
  #main > .inner > article .content p img[width^='900'] {
    font-size: 92%;
  }
  #main > .inner > article .content .wp-caption-text {
    font-size: 9px;
    margin-top: 1em;
  }
}
@media screen and ( min-width: 580px ) and ( max-width: 760px ) {
  #main > .inner > article .content p img[width^='900'] {
    left: inherit;
    margin-left: auto;
    width: auto;
  }
}
@media screen and ( max-width: 760px ) {
  .wp-caption {
    font-size: 70%;
  }
  #main > .inner > article .content > h4,
  #main > .inner > article .content > h5,
  #main > .inner > article .content > h6,
  #main > .inner > article .content > p,
  #main > .inner > article .content > blockquote,
  #main > .inner > article .content > table,
  #main > .inner > article .content ul,
  #main > .inner > article .content ol,
  #main > .inner > article .content hr {
    margin-left: auto;
    margin-right: auto;
    max-width: 40em;
  }
  #main > .inner > article .content h4 {
    font-size: 1.071em;
    line-height: 1.4;
  }
  #main > .inner > article .content h5,
  #main > .inner > article .content strong {
    font-size: 1.076em;
    line-height: 1.75;
  }
  #main > .inner > article .content h5 {
    max-width: 32em;
  }
  #main > .inner > article .content h6,
  #main > .inner > article .content > p {
    font-size: 0.8571em;
    line-height: 1.85;
    margin: 3.5em auto;
  }
  #main > .inner > article .content ul,
  #main > .inner > article .content ol {
    max-width: 37em;
  }
  #main > .inner > article .content hr {
    max-width: 35.2em;
  }
}
@media screen and ( max-width: 580px ) {
  .wp-caption {
    font-size: 60%;
  }
  #main > .inner > article .content div[id^='attachment'] {
    left: inherit !important;
    margin-left: inherit !important;
    width: auto !important;
  }
  #main > .inner > article .content p img[width^='900'] {
    font-size: 69%;
  }
  #main > .inner > article .content .wp-caption-text {
    font-size: 8px;
    line-height: 1.5;
    margin-top: 1em;
  }
}
@media screen and ( max-width: 480px ) {
  .wp-caption {
    font-size: 50%;
  }
  #main > .inner > article .content p img[width^='900'] {
    font-size: 57%;
  }
}
@media screen and ( max-width: 400px ) {
  .wp-caption {
    font-size: 45%;
  }
  #main > .inner > article .content p img[width^='900'] {
    font-size: 50%;
  }
}
@media screen and ( max-width: 360px ) {
  .wp-caption {
    font-size: 40%;
  }
  #main > .inner > article .content p img[width^='900'] {
    font-size: 52%;
  }
}
.alignleft {
  float: left;
  margin: 0.5em 1em 0.5em 0;
}
.aligncenter {
  display: block;
  margin-left: auto;
  margin-right: auto;
}
.alignright {
  float: right;
  margin: 0.5em 0 0.5em 1em;
}
#main > .inner > article .content > blockquote {
  background-color: #F2F2F2;
  border: none;
  font-family: EB Garamond, "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-style: normal;
  letter-spacing: 0.04em;
  line-height: 1.875;
  margin: 4em auto;
  padding: 3.35em 3.3em;
  position: relative;
}
#main > .inner > article .content > blockquote::before,
#main > .inner > article .content > blockquote::after {
  background: url(../img/blockquote01.png) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  height: 1em;
  position: absolute;
  width: 1.25em;
}
#main > .inner > article .content > blockquote::before {
  left: 1.25em;
  top: 1.75em;
}
#main > .inner > article .content > blockquote::after {
  bottom: 1.75em;
  right: 1.25em;
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}
#main > .inner > article .content ul,
#main > .inner > article .content ol {
  margin: 4em auto;
}
#main > .inner > article .content li {
  font-size: 0.875em;
  letter-spacing: 0.04em;
  line-height: 1.75;
  list-style-position: inside;
  margin: 0.75em auto;
  padding-left: 1.5em;
  text-indent: -1.65em;
}
#main > .inner > article .content ul li {
  list-style-type: square;
  text-indent: -1em;
}
#main > .inner > article .content ol li {
  list-style-type: decimal-leading-zero;
}
#main > .inner > article .content table {
  border-collapse: collapse;
  font-size: 1em;
  letter-spacing: 0.04em;
  width: 100%;
}
#main > .inner > article .content > table {
  font-size: 0.875em;
  width: 100%;
}
#main > .inner > article .content > table tr > th,
#main > .inner > article .content > table tr > td {
  border-bottom: 1px solid #3e3f3f;
  border-top: 1px solid #3e3f3f;
	padding-bottom: 0.75em;
	padding-top: 0.75em;
}
#main > .inner > article .content a {
  text-decoration: underline;
}
#main > .inner > article .content a:hover {
  opacity: 0.8;
  text-decoration: none;
}
#main > .inner > article .data h4,
#main > .inner > article .map h4,
#main > .inner > article .gallery h4 {
	color: #535454;
	font-family: bebas-neue, sans-serif;
	font-size: 3em;
	font-weight: normal;
	letter-spacing: 0.075em;
	margin-bottom: -0.25em;
	margin-top: 1.75em;
	text-align: center;
}
#main > .inner > article .data table {
  border-collapse: collapse;
  font-size: 1em;
  width: 100%;
}
#main > .inner > article .data table {
  font-size: 0.875em;
  width: 100%;
}
#main > .inner > article .data table tr > th,
#main > .inner > article .data table tr > td {
  border-bottom: 1px solid #3e3f3f;
  border-top: 1px solid #3e3f3f;
	padding-bottom: 1.1em;
	padding-top: 1.1em;
	vertical-align: top;
}
#main > .inner > article .data table tr > th {
	padding-left: 0.75em;
	white-space: nowrap;
}
#main > .inner > article .map h4 {
	margin-bottom: -1.15em;
	margin-top: 1em;
}
#main > .inner > article .map .gmap_area {
	height: 33.125em;
	margin: 4em auto;
}
#main > .inner > article .map .gmap_area #gmap {
	left: 0;
	margin: 0;
	position: absolute;
	right: 0;
}
#main > .inner > article .gallery {
	overflow: hidden;
}
#main > .inner > article .gallery .gallery_result {
	display: none;
}
#main > .inner > article .gallery .gallery_area,
.gallery .swiper-container {
	height: 28.75em;
}
#main > .inner > article .gallery .gallery_area {
	margin: 1.5em auto 8.5em;
}
@media screen and ( max-width: 1140px ) {
	#main > .inner > article .gallery .gallery_area,
	.gallery .swiper-container {
		height: 20em;
	}
}
@media screen and ( max-width: 760px ) {
	#main > .inner > article .data,
	#main > .inner > article .map,
	#main > .inner > article .gallery {
		font-size: 90%;
	}
	#main > .inner > article .data table {
		font-size: 0.8571em;
	}
}
@media screen and ( max-width: 640px ) {
	#main > .inner > article .data {
		padding-left: 0.6em;
		padding-right: 0.6em;
	}
	#main > .inner > article .map .gmap_area {
		height: 22.028125em;
	}
	#main > .inner > article .gallery .gallery_area,
	.gallery .swiper-container {
		height: 18em;
	}
	#main > .inner > article .gallery .gallery_area {
		position: relative;
	}
}
.gallery .swiper-container {
	left: -25%;
	overflow: visible;
	position: absolute;
	right: -25%;
}
.gallery .swiper-pagination {
	bottom: 0;
	margin: 4.75em auto;
	position: relative;
}
.gallery .swiper-pagination span {
	color: #3e3f3f;
  font-family: bebas-neue, sans-serif;
	font-size: 1.5em;
	letter-spacing: 0.1em;
	opacity: 0.8;
}
.gallery .swiper-button-prev {
	left: 16.6667%;
}
.gallery .swiper-button-next {
	right: 16.6667%;
}
.gallery .swiper-container figure {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 100%;
}
.gallery .swiper-container figure a {
	display: block;
	height: 100%;
}
.gallery .swiper-container figure img {
	visibility: hidden;
}
.gallery .swiper-container .caption {
	font-size: 0.625em;
	letter-spacing: 0.1em;
	padding: 0 1em 0 0;
	margin-top: 1.5em;
}
.gallery + .page-links {
	border-top: none;
}
.gallery + .tag-list {
	margin-top: 4em;
}
.galleryOpen #main {
	overflow-x: hidden;
}
.galleryOpen #main > .inner > article .gallery {
	overflow: visible;
}
.galleryOpen #main > .inner > article .gallery::before,
.galleryOpen #main > .inner > article .gallery::after {
	content: "";
	display: block;
	height: 1px;
	margin-bottom: -1px;
}
.galleryOpen .gallery .swiper-container figure {
	overflow: visible;
}
.galleryOpen .gallery .swiper-pagination {
	z-index: 0;
}
.gallery .swiper-button-next,
.gallery .swiper-button-prev {
  -webkit-transition: margin 0.25s;
  transition: margin 0.25s;
}
.galleryOpen .gallery .swiper-button-prev {
	margin-left: -3.125em;
}
.galleryOpen .gallery .swiper-button-next {
	margin-right: -3.125em;
}
.galleryOpen .fluidbox__overlay {
	height: 999999px;
	top: -99999px;
	width: 999999px;
}
.gallery .fluidbox__ghost {
	transition: opacity .5s 0s,transform .5s 0s,-webkit-transform .5s 0s;
}
.galleryClose .fluidbox__ghost {
	opacity: 0 !important;
}
.galleryOpen .fluidbox__ghost {
	opacity: 1;
}
@media screen and ( min-width: 481px ) and ( max-width: 640px ) {
	.gallery .swiper-container {
		left: -50%;
		right: -50%;
	}
	.gallery .swiper-button-prev {
		left: 25%;
	}
	.gallery .swiper-button-next {
		right: 25%;
	}
	.gallery .swiper-container .caption {
		padding-left: 1em;
	}
}
@media screen and ( max-width: 480px ) {
	.gallery .swiper-container {
		left: 0;
		right: 0;
	}
	.gallery .swiper-button-prev {
		left: 0;
	}
	.gallery .swiper-button-next {
		right: 0;
	}
	.gallery .swiper-container .caption {
		padding-left: 1em;
	}
}
@media screen and ( max-width: 760px ) {
  #main > .inner > article .content > blockquote {
    font-size: 0.857em;
    padding: 1.75em 1.75em 1.25em;
    margin: 3em auto;
  }
  #main > .inner > article .content > blockquote::before,
  #main > .inner > article .content > blockquote::after {
    font-size: 66%;
  }
	#main > .inner > article .gallery h4 {
		margin-top: 0.25em;
	}
	.gallery .swiper-pagination {
		margin: 2.5em auto;
	}
	.gallery + .tag-list {
    margin-top: 0;
	}
}
.page-links {
  border-top: 1px solid #3e3f3f;
  margin-top: -0.15em;
  padding: 3.25em 1.5em;
  text-align: center;
}
.page-links h4 {
  font-size: 0.875em;
  font-weight: normal;
  letter-spacing: 0.04em;
}
.page-links h4 .next {
  display: inline-block;
  margin-right: 0.35em;
  max-width: 6.571em;
  vertical-align: middle;
}
.page-links h4 .title {
  text-decoration: underline;
}
.page-links ul {
  padding: 0.25em 0 0.75em;
}
.page-links ul li {
  border: 1px solid #425f5c;
  display: inline-block;
  font-family: EB Garamond, serif;
  font-size: 1.125em;
  line-height: 1.9em;
  height: 2em;
  margin: 0.38em 0.56em;
  text-align: center;
  width: 2em;
}
.page-links ul li a {
  background-color: #425f5c;
  color: #FFF;
  display: block;
  height: 2em;
  width: 2em;
}
html[class*='desktop'] .view_all a,
html[class*='desktop'] .index-link a {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
html[class*='desktop'] .view_all a:hover,
html[class*='desktop'] .index-link a:hover {
  opacity: 0.8;
}
.tag-list {
  border-top: 1px solid #3e3f3f;
  padding: 2em 2.75em 3.3em;
  text-align: center;
}
.tag-list h4 {
  color: #535454;
  font-family: bebas-neue, sans-serif;
  font-size: 3em;
  font-weight: normal;
  letter-spacing: 0.075em;
  margin-bottom: 0.8em;
}
.tag-list ul {
  text-align: left;
  margin-bottom: 0.8em;
}
.tag-list ul li {
  display: inline-block;
  font-size: 0.75em;
  line-height: 1.2;
  margin: 0.35em 1.25em 0.35em 0;
}
.tag-list ul li a::before {
  content: "#";
}
html[class*='desktop'] .tag-list ul li a {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
html[class*='desktop'] .tag-list ul li a:hover {
  opacity: 0.6;
}
@media screen and ( max-width: 760px ) {
  .page-links,
  .tag-list,
  .share-link {
    margin-left: 5.5%;
    margin-right: 5.5%;
    padding-left: 0;
    padding-right: 0;
  }
}
@media screen and ( max-width: 640px ) {
  .page-links {
    font-size: 71.5%;
    padding-bottom: 4em;
  }
  .page-links ul {
    font-size: 94%;
  }
  .page-links ul li {
    margin: 0.38em 0.9em;
  }
  .tag-list {
    padding-bottom: 2.3em;
    padding-top: 0.9em;
  }
  .tag-list h4 {
		font-size: 2em;
  }
  .tag-list ul {
    line-height: 0.75;
    margin-left: 1em;
    margin-right: 1em;
    margin-top: 1em;
  }
  .tag-list ul li {
    font-size: 0.625em;
    margin: 0 1.25em 0 0;
  }
}

/* Archive
---------------------------------------- */
.archive .title h3 {
  margin: 2.76em auto 2.96em;
}
.archive #main .inner {
  margin-top: 3.25em;
}
.archive .related.articles {
  border-top: none;
}
@media screen and ( max-width: 640px ) {
  .archive #hero .title {
    margin-bottom: 0;
  }
  .archive #hero .title h3 {
    margin: 2.175em auto;
  }
}

/* Tag
---------------------------------------- */
.archive.tag .title h3::before {
  content: "#";
}
.tag .related.articles h3 {
    display: none;
}

/* Post
---------------------------------------- */
.post #hero .title .hide h3 {
  display: none;
}
.post #hero .title h3 {
  color: #FFF;
}
.post #hero .title .black h3 {
  color: #000;
}
@media screen and ( max-width: 640px ) {
  .post .date {
    font-size: 0.6875em;
    letter-spacing: 0.1em;
    margin: 4.8em auto -1.35em;
  }
  .post #main > .inner > article > h3 {
    font-size: 1.40625em;
    line-height: 1.4;
		margin-bottom: 1em;
    padding-left: 1em;
    padding-right: 1em;
  }
  .post article .content {
    font-size: 87.5%;
    padding: 0 1.9em;
  }
  .post #main > div h3:first-child {
    margin-bottom: 1.25em;
  }
}

/* Share Link
---------------------------------------- */
.share-link {
  border-top: 1px solid #3e3f3f;
  padding: 2em 0;
  text-align: center;
}
.share-link h4 {
  color: #535454;
  font-family: bebas-neue, sans-serif;
  font-size: 3em;
  font-weight: normal;
  letter-spacing: 0.075em;
  margin-bottom: 1.1em;
}
.share-link ul {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.share-link ul li {
	display: table-cell;
}
.share-link ul li a {
	color: #FFF;
	display: block;
  font-family: Karla, sans-serif;
  font-size: 0.9375em;
	padding: 0.75em;
	position: relative;
	text-align: center;
	z-index: 0;
}
.share-link ul li a::before {
	background-color: #FFF;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	-webkit-transition: opacity 0.4s;
	transition: opacity 0.4s;
	z-index: -1;
}
html[class*='desktop'] .share-link ul li a:hover::before {
	opacity: 0.9;
}
.share-link .twitter a::before {
	background-color: #5EA9DD;
}
.share-link .facebook a::before {
	background-color: #3B5998;
}
.share-link .line a::before {
	background-color: #6ECB30;
}
.share-link .pinterest a::before {
	background-color: #BD081C;
}
.share-link ul li a::after {
	background-color: #000;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
	z-index: -2;
}
.share-link .url.table {
  margin: 1.25em auto 4.25em;
  width: 100%;
}
.share-link .url .icon {
  padding-right: 0.75em;
  width: 8%;
}
.share-link .url .icon img {
  max-width: 3.75em;
}
.share-link .url input {
  -webkit-appearance: none;
  border-radius: 0;
  color: #535454;
  border: 1px solid #535454;
  font-family: Karla, sans-serif;
  font-size: 0.75em;
  letter-spacing: 0.075em;
  padding: 0.675em 1em;
  width: 96%;
}
.share-link {
  margin-top: 5.75em;
}
.page-links + .share-link,
.tag-list + .share-link {
  margin-top: 0;
}
@media screen and ( max-width: 760px ) {
  .share-link .url input {
    width: 95%;
  }
}
@media screen and ( max-width: 640px ) {
  .share-link {
    margin-top: 3em;
    padding: 1em 0 1.25em;
  }
  .share-link  h4 {
		font-size: 2em;
    margin-bottom: 1.5em;
  }
  .share-link ul {
    font-size: 0.625em;
  }
  .share-link ul li a {
    padding: 1.4em 0.75em;
  }
  .share-link .url.table {
    font-size: 60%;
    margin-top: 1.5em;
  }
  .share-link .url input {
    font-size: 104.166%;
    padding: 0.15em 0.5em;
    width: 95.5%;
  }
}

/* Related Articles
======================================== */
.related ul li .img {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  padding-top: 100%;
  position: relative;
}
.related ul li .img img {
  left: 0;
  opacity: 0;
  position: absolute;
  top: 0;
}
#main .related ul li.read-more {
  clear: both;
  float: none;
  margin-bottom: 0;
  width: 100%;
}
#main .related ul li.read-more a {
  color: #FFF;
  padding: 0.5em;
  top: 1.5em;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
html[class*='desktop'] #main .related ul li.read-more a:hover {
  background-color: #535454;
}
@media screen and ( max-width: 640px ) {
  #main .related ul li.read-more a {
    padding: 0.675em;
  }
}
.related.articles {
  border-top: 1px solid #3e3f3f;
  padding-bottom: 6em;
}
.related.articles ul {
  margin: auto;
  max-width: 87.5em;
  padding: 1.75%;
}
.related.articles ul li {
  box-sizing: border-box;
  float: left;
  margin-bottom: 0.5em;
  width: 33.333%;
}
.related.articles ul li:nth-child(3n+1) {
  clear: both;
}
.related.articles ul li a {
  color: #000;
  display: block;
  padding: 5.6%;
  position: relative;
  text-align: center;
  -webkit-transition: background-color 0.5s;
  transition: background-color 0.5s;
}
.related ul li .date {
  font-size: 0.75em;
  letter-spacing: 0.09em;
  margin: 2.4em auto 2em;
}
.related ul li .date .new {
  display: inline-block;
  margin: -2.75em 0.75em -2.75em 0;
  max-width: 2.75em;
  vertical-align: middle;
}
.related ul li .feature {
  position: absolute;
  right: 2.125em;
  top: 0.875em;
  z-index: 2;
}
.related ul li .feature img {
  width: 3.75em;
}
.related.articles {
  overflow: hidden;
}
.related.articles ul li h4 {
  font-family: EB Garamond, "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 1.8125em;
  font-weight: normal;
  line-height: 1.2;
  margin: 0.45em auto 0.65em;
}
.related.articles ul li .subtitle {
  font-size: 0.875em;
  font-weight: normal;
  line-height: 1.714;
  margin: 1.4em auto 0.5em;
  min-height: 3.4em;
}
.related.articles ul li .subtitle p {
  margin: 0;
}
.related.articles ul li.no-result {
	text-align: center;
	width: 100%;
}
.related.articles ul li.no-result span {
	font-size: 125%;
	font-weight: bold;
}
@media screen and ( min-width: 781px ) and ( max-width: 1120px ) {
  .related.articles ul > li h4 br,
  .related.articles ul > li .subtitle br {
    display: none;
  }
}
@media screen and ( min-width: 641px ) and ( max-width: 940px ) {
  .related.articles ul li h4 {
    font-size: 1.5em;
  }
}
@media screen and ( max-width: 1120px ) {
  .related ul li .feature {
    font-size: 90%;
  }
}
@media screen and ( max-width: 780px ) {
  .related.articles ul li {
    width: 50%;
  }
  .related.articles ul li:nth-child(3n+1) {
    clear: inherit;
  }
  .related.articles ul li:nth-child(2n+1) {
    clear: both;
  }
}
@media screen and ( max-width: 640px ) {
  .related ul li .date {
    font-size: 0.625em;
  }
  .related.articles {
    padding-bottom: 4.6em;
  }
  .related.articles ul li .img {
    padding-top: 87%;
  }
  .related.articles ul li .date {
    margin-bottom: 1.6em;
    margin-top: 1.8em;
  }
  .related.articles ul li h4 {
    font-size: 1.375em;
    margin-bottom: 0.4em;
  }
  .related.articles ul li .subtitle {
    font-size: 0.75em;
    line-height: 1.5;
    margin-bottom: 0;
    margin-top: 0.3em;
    min-height: inherit;
  }
}
@media screen and ( min-width: 481px ) and ( max-width: 580px ) {
  .related.articles ul > li h4 br,
  .related.articles ul > li .subtitle br {
    display: none;
  }
}
@media screen and ( max-width: 480px ) {
  .related.articles ul li {
    width: 100%;
  }
}

/* Stadium
---------------------------------------- */
.stadium.related .inner > ul {
	margin-bottom: 0.75em;
}
.stadium.related .inner > ul::after {
	content: "";
	clear: both;
	display: block;
}
.stadium.related .inner > ul li {
	margin-bottom: 7.5em;
}
.stadium.related ul li .img {
  padding-top: 70%;
}
.stadium.related.articles ul li h4 {
	font-family: EB Garamond, "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
	font-size: 1.875em;
	margin: 1em auto 0.75em;
}
.stadium h4 .number {
	display: inline-block;
  font-family: bebas-neue, sans-serif;
	font-size: 2em;
	margin-right: 0.25em;
	position: relative;
	top: 0.05em;
	vertical-align: sub;
}
.stadium.related ul li a {
	color: #3e3f3f;
}
.stadium .rate dl {
	clear: right;
	float: left;
	font-size: 0.875em;
	overflow: hidden;
	width: 50%;
}
.stadium .rate > dl {
	box-sizing: border-box;
	margin: 0.15em auto;
	padding: 0 5%;
}
.stadium .rate > dl:nth-child(odd) {
	padding-right: 3%;
	width: 43.5%;
}
.stadium .rate > dl:nth-child(even) {
	padding-left: 3%;
	width: 56.5%;
}
.stadium .rate dl > * {
	float: left;
	text-align: left;
	width: 50%;
}
.stadium .rate dl dd {
	width: 30%;
}
.stadium .rate dl.type dd {
    word-break: break-all;
    max-width: 11em;
}
.stadium .rate dl dt {
  font-family: Karla, sans-serif;
	word-break: break-all;
	width: 70%;
}
/* retetype02 */
.stadium .rate.type02 > dl:nth-child(odd) {
	padding-right: 0;
	width: 53.5%;
}
.stadium .rate.type02 > dl:nth-child(even) {
	padding-left: 0;
	width: 46.5%;
}
.stadium .rate.type02 .rate_publicorder dt,
.stadium .rate.type02 .rate_happypeople dt,
.stadium .rate.type02 .rate_accomodationa dt {
	letter-spacing: 0.075em;
}
/* END retetype02 */
/* retetype03 */
.stadium .rate.type03 > dl:nth-child(odd) {
	padding-right: 0;
	width: 58.5%;
}
.stadium .rate.type03 > dl:nth-child(even) {
	padding-left: 0;
	width: 41.5%;
}
/* END retetype03 */
/* retetype05 */
.stadium .rate.type05 .rate_basketballpark dt {
	letter-spacing: 0.06em;
}
/* END retetype05 */
.stadium .rate .info {
	clear: both;
	padding-top: 1.5em;
}
.stadium .rate .info dl,
.stadium .rate .info dl > * {
	width: auto;
}
.stadium .rate .info .country {
	text-align: center;
	width: 43%;
}
.stadium .rate .info .country > * {
	display: inline-block;
	float: none;
}
.stadium .rate .info .country dd {
	font-size: 1.8em;
	vertical-align: middle;
}
.stadium .rate .info .type > *::before {
	content: "";
	display: inline-block;
	font-size: 1.8em;
	height: 1.2em;
	margin-right: 0.15em;
	vertical-align: middle;
}
.related.articles .sort {
	margin: 4.8em auto 4em;
}
.related.articles .sort ul {
    display: none;/**************************/
	text-align: center;
}
.related.articles .sort ul li {
	display: inline-block;
	float: none;
	width: auto;
}
.related.articles .sort > ul > li {
	margin-left: 2em;
	margin-right: 2em;
}
.related.articles .sort ul li span {
	color: #425f5c;
	cursor: pointer;
  font-family: Karla, sans-serif;
	font-size: 1.125em;
	font-weight: bold;
}
.related.articles .sort ul li span::after {
	background: url(../img/arrow02.png) no-repeat center;
	background-size: cover;
	content: "";
	display: inline-block;
	height: 0.6667em;
	margin-left: 0.5em;
	-webkit-transition: -webkit-transform 0.5s;
	transition: transform 0.5s;
	width: 0.6667em;
}
.related.articles .sort ul li span.active::after {
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}
.related.articles .sort ul li a {
	border: 1px solid transparent;
  font-family: Karla, sans-serif;
	line-height: 1;
	margin: 0.25em;
	opacity: 0.6;
	padding: 3px;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
	white-space: nowrap;
}
.related.articles .sort ul li a:hover {
	opacity: 0.75;
}
.related.articles .sort ul li a::after {
	background-color: #000;
	content: "";
	display: block;
	height: 1px;
  -webkit-transition: width 300ms;
  transition: width 300ms;
	width: 0;
}
.related.articles .sort ul li a:hover::after {
	width: 100%;
}
.related.articles .sort ul li.sort_country a {
	opacity: 1;
  -webkit-transition: border-color 300ms;
  transition: border-color 300ms;
}
.related.articles .sort ul li.sort_country a:hover {
	border-color: rgba(0,0,0,0.6);
}
.related.articles .sort ul li.sort_country a::after {
	display: none;
}
.related.articles .sort ul li ul {
	font-size: 0.875em;
	height: 0;
	margin-left: -0.5em;
	margin-top: 0.3em;
	max-width: none;
	opacity: 0;
	overflow: hidden;
	padding: 0;
	position: absolute;
	-webkit-transition: 0.5s opacity;
	transition: 0.5s opacity;
}
.related.articles .sort ul li span.active + ul {
	height: auto;
	opacity: 1;
}
.post .stadium.related .inner > ul li {
	margin-bottom: 3.75em;
}
.post .stadium.related.articles {
	padding-bottom: 0;
}
@media screen and ( max-width: 1340px ) {
	.stadium.related.articles ul li h4 {
		margin-top: 0.5em;
	}
	.stadium h4 .number {
		display: block;
		margin-right: 0;
	}
	.stadium .rate > dl {
		padding: 0;
	}
	.stadium .rate > dl:nth-child(odd) {
		width: 42.5%;
	}
	.stadium .rate > dl:nth-child(even) {
		width: 57.5%;
	}
	.stadium .rate .info .country {
		width: 38%;
	}
}
@media screen and ( max-width: 1180px ) {
	.stadium .rate dl {
		font-size: 0.75em;
	}
	.stadium .rate .info dl {
		margin: auto;
	}
}
@media screen and ( min-width: 781px ) and ( max-width: 1040px ) {
	.stadium .rate dl {
		font-size: 0.875em;
	}
}
@media screen and ( min-width: 481px ) and ( max-width: 640px ), screen and ( min-width: 781px ) and ( max-width: 1040px ) {
	.stadium .rate {
		margin-left: auto;
		margin-right: auto;
		max-width:13.75em;
	}
	#main .stadium .rate > dl {
		float: none;
		padding: 0;
		width: 100%;
	}
	#main .stadium .rate > dl:nth-child(odd),
	#main .stadium .rate > dl:nth-child(even) {
		padding: 0;
		width: 100%;
	}
	#main .stadium .rate > dl:nth-child(odd) dt,
	#main .stadium .rate > dl:nth-child(even) dt {
		width: 70%;
	}
	#main .stadium .rate > dl:nth-child(odd) dd,
	#main .stadium .rate > dl:nth-child(even) dd {
		width: 30%;
	}
	.stadium .rate > dl dd {
		text-align: right;
	}
	.stadium .rate .info {
		padding-top: 0.5em;
	}
	.stadium .rate .info .country {
		text-align: left;
		width: 100%;
	}
	.stadium .rate .info .type > *:first-child::before {
		margin-right: 0;
	}
}
@media screen and ( max-width: 640px ) {
	.stadium.related .inner > ul li {
		margin-bottom: 2.5em;
	}
	.related.articles .sort {
		margin: 2.8em auto 2em;
	}
	.related.articles .sort ul {
		text-align: left;
	}
	.related.articles .sort > ul > li {
		display: block;
		margin-top: 0.5em;
	}
	.related.articles .sort ul li ul {
		position: relative;
	}
	.related.articles .sort ul li ul li {
		margin-bottom: 0;
	}
}

/* Tag Cloud
---------------------------------------- */
.tagcloud {
  line-height: 1.57;
  margin: 3.65em auto;
  max-width: 68.75em;
  padding: 0 4em;
}
.tagcloud a {
  margin-right: 0.75em;
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
html[class*='desktop'] .tagcloud a:hover {
  opacity: 0.6;
}
.tagcloud a::before {
  content: "#";
}
@media screen and ( max-width: 640px ) {
  .tagcloud {
    font-size: 72%;
    line-height: 1.675;
    text-align: center;
  }
}

/* Home
---------------------------------------- */
#home #main > div[id]:first-child {
  border-top: none;
}
#home .stadium.related {
	padding-bottom: 9.4em;
}
#home .related.articles {
  border-top: none;
}
#home .related.articles .inner > h4 {
  display: none;
}
#home #contents {
  padding-bottom: 0;
}
#home #footer {
	border-top: none;
}
@media screen and ( max-width: 640px ) {
	#home .stadium.related {
		padding-bottom: 4.4em;
	}
}

/* Related Hover
---------------------------------------- */
html[class*='desktop'] .related ul li a .img span::before,
html[class*='desktop'] .related ul li .img a span::before,
html[class*='desktop'] .related ul li a .img span::after,
html[class*='desktop'] .related ul li .img a span::after {
  background-color: #FFF;
  content: "";
  display: block;
  height: 0;
  left: 50%;
  position: absolute;
  top: 50%;
  -webkit-transition-property: height, width;
  transition-property: height, width;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  width: 0;
  z-index: 3;
}
html[class*='desktop'] .related ul li a .img span::before,
html[class*='desktop'] .related ul li .img a span::before {
  height: 1px;
  margin-left: -35px;
}
html[class*='desktop'] .related ul li a:hover .img span::before,
html[class*='desktop'] .related ul li .img a:hover span::before {
  width: 70px;
}
html[class*='desktop'] .related ul li a .img span::after,
html[class*='desktop'] .related ul li .img a span::after {
  margin-top: -35px;
  width: 1px;
}
html[class*='desktop'] .related ul li a:hover .img span::after,
html[class*='desktop'] .related ul li .img a:hover span::after {
  height: 70px;
}
html[class*='desktop'] .related ul li a .img::after,
html[class*='desktop'] .related ul li .img a::after {
  background-color: rgba(0,0,0,0);
  bottom: -1.25em;
  content: "";
  display: block;
  left: -1.25em;
  position: absolute;
  right: -1.25em;
  top: -1.25em;
  -webkit-transition-property: background-color;
  transition-property: background-color;
  -webkit-transition-duration: 0.7s;
  transition-duration: 0.7s;
  z-index: 2;
}
html[class*='desktop'] .related ul li a:hover .img::after,
html[class*='desktop'] .related ul li .img a:hover::after {
  background-color: rgba(0,0,0,0.5);
}


/* Map
---------------------------------------- */
#gmap {
  background-color: #F2F2F2;
  height: 33.125em;
  margin: 4em auto;
}
#gmap > div {
	bottom: 0;
}
@media screen and ( max-width: 640px ) {
  #gmap {
    font-size: 66.6%;
  }
}

/* About
---------------------------------------- */
#main #about {
	background-color: #b9aea3;
	border-top: none;
	overflow: hidden;
	padding-bottom: 0;
}
#main #about h3 {
	font-size: 3em;
	margin: 2.9em auto 1.75em;
}
#about .content {
  font-size: 0.875em;
  line-height: 2.142;
  margin: 4em auto;
  text-align: center;
}
#about .content h6 {
  font-family: EB Garamond, "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
  font-size: 0.875em;
  font-weight: normal;
}
#about .content p {
	margin: 2em auto;
}
.rating {
	border-top: 1px solid #3e3f3f;
	margin-top: 8.75em;
	padding-bottom: 9.4em;
	padding-top: 6.25em;
	position: relative;
	text-align: center;
}
.rating > * {
	margin-left: -15.7%;
	position: static;
	width: 131.4%;
}
.rating article {
	box-sizing: border-box;
	padding: 0 1.631%;
}
.rating article h4 {
  font-family: bebas-neue, sans-serif;
	font-size: 3em;
	font-weight: normal;
	margin: 1em auto 0.4em;
	white-space: nowrap;
}
.rating article h4::before {
	content: "★★★";
	display: block;
	font-size: 0.2917em;
	letter-spacing: 0.21em;
	margin-bottom: 0.5em;
	-webkit-transform: scale(0.95);
	transform: scale(0.95);
}
.rating article h4::after {
	background-color: #3e3f3f;
	content: "";
	display: block;
	height: 2px;
	font-size: 0.3334em;
	margin: 0.65em auto 0;
	width: 4em;
}
.rating article h4 .num {
	margin-right: 0.15em;
}
.rating article figure,
.rating article p {
	margin: auto;
	max-width: 25em;
}
.rating article figure {
	background-color: #383838;
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	height: 12.8125em;
}
.rating article figure img {
	visibility: hidden;
}
.rating article p {
	font-size: 0.8125em;
	letter-spacing: 0.125em;
	line-height: 1.75;
	margin: 2.125em auto;
	max-width: 30.7693em;
}
.swiper-pagination {
	z-index: 9;
}
.rating .swiper-pagination {
	box-sizing: border-box;
	margin: 2em auto auto;
	max-width: 76.1035%;
	padding: 0 3%;
	position: relative;
}
.rating .swiper-pagination .sep {
	display: inline-block;
	font-size: 90%;
	margin: auto 0.25em;
	vertical-align: baseline;
}
.rating .swiper-pagination .sep:first-of-type {
	display: none;
}
.rating .swiper-pagination-bullets {
	bottom: 0;
}
.rating .swiper-pagination-bullets .swiper-pagination-bullet {
	background: transparent;
	border-bottom: 2px solid transparent;
	border-radius: 0;
	cursor: pointer;
	color: #3e3f3f;
  font-family: bebas-neue, sans-serif;
	font-size: 1.125em;
	letter-spacing: 0.075em;
	height: auto;
	margin: auto auto 0.5em;
	padding: 0 0 0.2em;
	opacity: 1;
	width: auto;
}
.rating .swiper-pagination-bullets .swiper-pagination-bullet-active,
html[class*='desktop'] .rating .swiper-pagination-bullets .swiper-pagination-bullet:hover {
	border-bottom: 2px solid #425f5c;
	color: #425f5c;
}
.rating .swiper-button-next,
.rating .swiper-button-prev {
	margin-top: -3.125em;
}
.swiper-button-next,
.swiper-button-prev {
	background-image: url(../img/arrow01_hover.png);
	background-size: cover;
	height: 3.125em;
	left: 0;
	margin-top: -1.5625em;
	width: 3.125em;
}
.swiper-button-next {
	left: auto;
	right: 0;
	-webkit-transform: scale(-1);
	transform: scale(-1);
}
.swiper-button-next::before,
.swiper-button-prev::before {
	background: url(../img/arrow01.png) no-repeat center;
	background-size: cover;
	bottom: 0;
	content: "";
	display: block;
	left: 0;
	position: absolute;
	right: 0;
	top: 0;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
html[class*='desktop'] .swiper-button-next:hover::before,
html[class*='desktop'] .swiper-button-prev:hover::before {
	opacity: 0;
}
.bnr_link {
	background-color: #e2dcd6;
}
.bnr_link > * {
	margin: auto;
	padding: 3.25em 2%;
}
.bnr_link a {
	background-color: #425f5c;
	box-sizing: border-box;
	display: block;
	margin: auto;
	max-width: 83.875em;
	padding: 5em 3%;
	position: relative;
	text-align: center;
  -webkit-transition: background-color 0.25s;
  transition: background-color 0.25s;
}
.bnr_link a span {
	background: url(../img/bnr_plus-j01_hover.svg) no-repeat center;
	background-size: contain;
	display: block;
}
.bnr_link a:hover {
	background-color: #f3a6a0;
}
.bnr_link a img {
	max-height: 2.25em;
	max-width: 44.25em;
	position: relative;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
}
.bnr_link a:hover img {
	opacity: 0;
}
@media screen and ( max-width: 1240px ) {
	.rating article p {
		max-width: 25em;
	}
	.rating article p br {
		display: none;
	}
}
@media screen and ( max-width: 1040px ) {
	.rating .swiper-button-next,
	.rating .swiper-button-prev {
		margin-top: 21em;
		top: 0;
	}
}
@media screen and ( max-width: 860px ) {
  #about .content br.hide {
    display: inherit;
  }
  #about .content .signature {
    margin-top: 2em;
  }
  #about .content .signature br {
    display: none;
  }
}
@media screen and ( min-width: 481px ) and ( max-width: 680px ) {
	.rating .swiper-container {
		margin-left: -50%;
		width: 200%;
	}
	.rating .swiper-pagination {
		max-width: 50%;
	}
}
@media screen and ( max-width: 640px ) {
	#main #about h3 {
		margin: 1em auto 0.75em;
	}
	#about h3 span {
		display: block;
		padding: 0 0.5em;
	}
  #about .content {
    font-size: 0.75em;
    line-height: 2.1;
    margin-bottom: 2.75em;
    margin-top: 3.25em;
  }
	.swiper-button-next,
	.swiper-button-prev {
		font-size: 82%;
	}
	.rating {
		margin-top: 4em;
		padding-bottom: 3em;
		padding-top: 0.5em;
	}
	.rating .swiper-button-next,
	.rating .swiper-button-prev {
		margin-top: 18.75em;
	}
	.bnr_link > * {
		padding-bottom: 0;
	}
}
@media screen and ( max-width: 480px ) {
	.bnr_link a {
		padding-bottom: 3.5em;
		padding-top: 3.5em;
	}
}

/* 404
---------------------------------------- */
#error #hero .title .table {
  height: auto;
  margin-top: auto;
  position: relative;
  top: inherit;
}
#error #hero h3 {
  margin: 0.75em auto;
}
#error #hero h3 .number {
	margin-left: -0.125em;
}
#error #hero h3 + p {
	color: #fff;
  font-size: 0.875em;
  font-weight: bold;
  line-height: 1.75;
}
#error #hero .btn {
  margin: 2.5em auto 6.5em;
}
#error .btn a {
	border: 1px solid #f3a6a0;
}
#error #footer {
  padding-bottom: 5em;
}
@media screen and ( max-width: 640px ) {
  #error #hero h3 {
    font-size: 2em;
		margin-top: 3em;
  }
  #error #hero h3 + p {
    font-size: 0.75em;
  }
  #error #footer {
    padding-bottom: 2em;
  }
}

/* Footer
======================================== */
#footer {
  border-top: 1px solid #3e3f3f;
  padding-top: 2.85em;
	padding-bottom: 8em;
  text-align: center;
}
.sns {
  font-family: Karla, sans-serif;
  font-size: 0.9375em;
  letter-spacing: 0.05em;
  margin: 3em auto;
}
.sns > *,
.sns ul li {
  display: inline-block;
}
.sns h3 {
  font-size: 1em;
  font-weight: normal;
  margin: 0.5em 4.5em 0.5em 1.5em;
  text-decoration: underline;
}
.sns h3::after {
  content: ":";
  display: inline-block;
  padding-left: 3em;
  position: absolute;
}
.sns ul li {
  margin: 0.5em 1.5em;
}
.sns img {
  height: 1.333em;
  margin-right: 0.25em;
  vertical-align: text-bottom;
  width: 1.333em;
}
html[class*='desktop'] .sns a {
  -webkit-transition: opacity 300ms;
  transition: opacity 300ms;
}
html[class*='desktop'] .sns a:hover {
  opacity: 0.8;
}
#pagetop a {
  display: block;
  font-family: Karla, sans-serif;
  font-size: 10px;
  height: 60px;
  letter-spacing: 0.05em;
  margin: auto;
  overflow: hidden;
  -webkit-transition: opacity 0.25s;
  transition: opacity 0.25s;
  width: 60px;
}
html[class*='desktop'] #pagetop a:hover {
  opacity: 0.8;
}
#pagetop a::before {
  background: url(../img/arrow04.png) no-repeat center;
  background-size: cover;
  content: "";
  display: block;
  height: 7px;
  margin: 20px auto 18px;
  width: 12px;
}
#copyright {
  font-family: bebas-neue, sans-serif;
  font-size: 10px;
  left: 1.05em;
  margin-top: -16.75em;
  position: absolute;
  top: 50%;
	z-index: 10;
}
#copyright small {
  font-size: 1em;
}
#copyright img {
  height: 33.5em;
  width: 0.8em;
}
@media screen and ( max-width: 940px ) {
  #copyright {
    background: url(../img/copyright02.png) no-repeat center;
    background-size: contain;
    height: 0.8em;
    margin: 6em auto;
    position: relative;
    left: inherit;
    top: inherit;
    width: 33.5em;
  }
	#copyright a {
		display: block;
    height: 0.8em;
	}
  #copyright img {
    display: none;
  }
}
@media screen and ( max-width: 640px ) {
  #footer {
    padding-bottom: 2em;
  }
  .sns {
    margin: 0.75em auto 1.75em;
    position: relative;
    left: -0.5em;
  }
  .sns > *,
  .sns ul li {
    vertical-align: middle;
  }
  .sns h3 {
    font-size: 0.625em;
    margin-right: 3.5em;
  }
  .sns h3::after {
    padding-left: 2em;
  }
  .sns a {
    display: inline-block;
    height: 1.333em;
    overflow: hidden;
    white-space: nowrap;
    width: 1.333em;
  }
  .sns ul li {
    margin: 0.2em;
  }
  #pagetop a {
    -webkit-transform: scale(1.15);
    transform: scale(1.15);
  }
}
@media screen and ( max-width: 360px ) {
	#copyright {
		-webkit-transform: scale(0.9);
		transform: scale(0.9);
		width: auto;
	}
}

/* Font Setting Add 20171102
---------------------------------------- */
.related.articles ul li h4,
.taxonomy #hero .title h3,
#main > .inner > article > h3 {
  font-family: "A1明朝", "游明朝体", YuMincho, 'Yu Mincho', "Hiragino Mincho Pro", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", "serif";
}

/* Media Query
======================================== */
@media all and ( min-width: 641px ) and ( max-width: 760px ) {
	body {
		font-size: 85%;
	}
}
@media all and ( max-width: 360px ) {
	body {
		font-size: 90%;
	}
}