/* @import url('https://fonts.googleapis.com/earlyaccess/sawarabimincho.css&display=swap'); */


/* Global ----------------------------------------------------------------- */
html {
	font-size: 14px;
	width: 100%;
	height: 100%;
	line-height: 2.0em;
}

body {
	min-width: auto;
color: rgba(17,17,17,1.0);
font-family: 'Noto Sans JP', 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
-webkit-text-size-adjust: 100%;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
font-feature-settings: 'liga';
width: 100%;
height: 100%;
background: rgba(255,255,255,1.0);
position: relative;
}








.img-blur {
  -webkit-animation-name: imageBlur;
  animation-name: imageBlur;
  opacity: 1;
}



#top-mainvisual .fadeeff,
#diagram-1130 .photo-out {
	opacity: 0;
	
	-webkit-animation-duration: 3s;
	animation-duration: 3s;
	
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	position: relative;
}
.img-blur-top {
  -webkit-animation-name: imageBlurTop;
  animation-name: imageBlurTop;
	-ms-animation-name: imageBlurTop;
}



.main-zoom {
  opacity: 0;
	-webkit-animation-duration: 2s;
  animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}
.main-zoomup {
 	-webkit-animation-name: MainZoomup;
  animation-name: MainZoomup;
}


.pswp__container {
  transition: 0.2s ease-in-out all;
}


@-webkit-keyframes imageBlur {
  0% {
    opacity: 0;
		/* transform: scale(0.99,0.99); */
  }
  100% {
    opacity: 1;
		/* transform: scale(1.0,1.0); */
  }
}
@keyframes imageBlur {
  0% {
    opacity: 0;
		/* transform: scale(0.99,0.99); */
  }
  100% {
    opacity: 1;
		/* transform: scale(1.0,1.0); */
  }
}


@-webkit-keyframes imageBlurTop {
  0% {
    opacity: 0;
		transform: scale(0.97,0.97);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}
@keyframes imageBlurTop {
  0% {
    opacity: 0;
		transform: scale(0.97,0.97);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}



@-webkit-keyframes MainZoomup {
  0% {
    opacity: 0;
		transform: scale(0.5,0.98);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}
@keyframes MainZoomup {
  0% {
    opacity: 0;
		transform: scale(0.5,0.98);
  }
  100% {
    opacity: 1;
		transform: scale(1.0,1.0);
  }
}






a:link,
a:visited {
	/* color: rgba(235,195,37,1.0); */
	color: rgba(17,17,17,1);
	text-decoration: none;
	vertical-align: baseline;
}
a:hover {
	text-decoration: underline;
	color: rgba(0,82,135,1.0);
}



.sp-on {
	display: inline-block;
	font-style: normal;
	font-weight: normal;
}
.pc-on {
	display: none;
}
.sp-br {
	display: inline-block;
}
.pc-br {
	display: none;
}
.table-pcon {
	display: none !important;
}

.sp-button {
}
.pc-button {
	display: none !important;
}


.pc-block {
	display: none;
}
.sp-block {
	display: block;
}

.s-text {
	font-size: 80%;
	line-height: 1.7em;
}

@media print, screen and (min-width: 768px) {
.sp-br {
	display: none;
}
.pc-br {
	display: inline-block;
}
.sp-on {
	display: none;
}
.pc-on {
	display: inline-block;
}
.table-pcon {
	display: table-cell !important;
}

.pswp__container {
  transition: 0.5s ease-in-out all;
}
}

@media print, screen and (min-width: 1024px) {

.sp-button {
	display: none !important;
}
.pc-button {
	display: table !important;
}

}


@media print, screen and (min-width: 1200px) {
.pc-block {
	display: block;
}
.sp-block {
	display: none;
}
}

@media print, screen and (min-width: 1400px) {
}












.faq-menu li a::before,
.more-down a::before {
	top: calc(50% - 8px);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 10px;
}
.faq-menu li a:hover::before,
.more-down a:hover::before {
	top: calc(50% - 8px);
	-webkit-transform: rotate(90deg);
  transform: rotate(90deg);
	right: 10px;
}
.faq-menu li a:hover,
.more-down a:hover {
	color: rgba(255,255,255,1.0);
}



.page-more a,
.more-down a {
	padding: 10px 28px 10px 20px;
}



a.more-sdown span {
	display: block;
	margin: 0px;
	padding: 0px;
}
a.more-sdown {
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
	border-radius: 18px;
	padding: 3px 18px 3px 10px;
	margin: 0px 4px;
	width: auto;
	display: inline-block;
	font-size: 11px;
	line-height: 1.4em;
}
a.more-sdown:hover {
	transform: translateY(-2px);
	text-decoration: none;
}
a.more-sdown::before {
	top: calc(50% - 6px);
	width: 12px;
	height: 12px;
}
a.more-sdown:hover::before {
	top: calc(50% - 6px);
	width: 12px;
	height: 12px;
	right: 3px;
}
a.more-sdown::before {
	top: calc(50% - 6px);
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
	right: 3px;
}

.body-text {
font-size: 14px;
line-height: 1.8em;
}
.body-text p {
display: block;
}
.catch-sub {
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
}
.diagram-block .body-text {
font-size: 15px;
line-height: 1.8em;
font-weight: bold;
}


.point-catch {
font-size: 16px;
line-height: 1.5em;
font-weight: bold;
padding: 10px;
margin: 0px 0px 20px;
background-color: rgba(255,255,0,1.00);
color: rgba(255,0,4,1.00);
}
.point-catch em {
font-size: 14px;
line-height: 1.5em;
font-weight: normal;
font-style: normal;
}

.block-space {
margin-top: 40px;
}


.indenttext {
margin: 0px 0px 0px 1em;
}
.indenttext p {
text-indent: -1em;
}


@media print, screen and (min-width: 768px) {


.list-button li {
	padding: 8px 0px;
}
.list-button li a,
.page-more a,
.faq-menu li a,
.more-down a {
	background: linear-gradient(90deg, rgba(255, 255, 255, 1.0), rgba(238, 238, 238, 1.0));
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	color: rgba(34,34,34,1.0);
	display: block;
	width: 100%;
	height: auto;
	border-radius: 25px;
	padding: 14px 10px;
	position: relative;
	transition: all 0.5s;
	font-size: 14px;
	line-height: 1.4em;
	margin: 0px auto;
}

.list-button li a::before,
.page-more a::before,
.faq-menu li a::before,
.more-down a::before {
	top: calc(50% - 8px);
	right: 5px;
}
.list-button li a:hover::before,
.page-more a:hover::before,
.faq-menu li a:hover::before,
.more-down a:hover::before {
	top: calc(50% - 8px);
	right: 5px;
}
.list-button li a:after,
.page-more a:after,
.faq-menu li a:after,
.more-down a:after {
  border-radius: 25px;
}


/* faq-menu */

.page-more a,
.more-down a {
	padding: 14px 30px 14px 25px;
}




a.more-sdown {
	box-shadow: 0px 0px 10px 2px rgba(0,0,0,0.25);
	border-radius: 20px;
	padding: 4px 20px 4px 15px;
	margin: 0px 4px;
	width: auto;
	display: inline-block;
	font-size: 13px;
	line-height: 1.4em;
}

.body-text {
font-size: 15px;
line-height: 1.8em;
}
.diagram-block .body-text {
font-size: 17px;
line-height: 1.8em;
}
.catch-sub {
font-size: 20px;
line-height: 1.5em;
font-weight: bold;
}

.point-catch {
font-size: 18px;
line-height: 1.5em;
padding: 12px 15px;
margin: 0px 0px 30px;
}
.point-catch em {
font-size: 15px;
line-height: 1.5em;
}
.block-space {
margin-top: 70px;
}

}







@media print, screen and (min-width: 1024px) {

.list-button li {
	padding: 10px 0px;
}
.list-button li a,
.page-more a,
.faq-menu li a,
.more-down a {
	background: linear-gradient(90deg, rgba(255, 255, 255, 1.0), rgba(238, 238, 238, 1.0));
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	color: rgba(34,34,34,1.0);
	display: block;
	width: 95%;
	height: auto;
	border-radius: 28px;
	padding: 14px 10px;
	font-size: 16px;
	line-height: 1.4em;
	margin: 0px auto;
}
.list-button li a:after,
.page-more a:after,
.faq-menu li a:after,
.more-down a:after {
  border-radius: 28px;
}


.page-more a,
.more-down a {
	padding: 14px 35px;
	width: 100%;
}

.body-text {
font-size: 16px;
line-height: 1.8em;
}
.diagram-block .body-text {
font-size: 19px;
line-height: 1.8em;
}
.catch-sub {
font-size: 23px;
line-height: 1.5em;
font-weight: bold;
}

.point-catch {
font-size: 20px;
line-height: 1.5em;
padding: 15px 17px;
margin: 0px 0px 30px;
}
.point-catch em {
font-size: 16px;
line-height: 1.5em;
}
.block-space {
margin-top: 90px !important;
}

}


@media print, screen and (min-width: 1200px) {


.list-button li {
	padding: 10px 0px;
}
.list-button li a,
.page-more a,
.faq-menu li a,
.more-down a {
	background: linear-gradient(90deg, rgba(255, 255, 255, 1.0), rgba(238, 238, 238, 1.0));
	box-shadow: 0px 0px 15px 2px rgba(0,0,0,0.3);
	color: rgba(34,34,34,1.0);
	display: block;
	width: 90%;
	height: auto;
	border-radius: 28px;
	padding: 16px 10px;
	font-size: 17px;
	line-height: 1.4em;
	margin: 0px auto;
}
.list-button li a:after,
.page-more a:after,
.faq-menu li a:after,
.more-down a:after {
  border-radius: 28px;
}


.page-more a,
.more-down a {
	padding: 16px 35px;
	width: 100%;
}

.catch-sub {
font-size: 25px;
line-height: 1.5em;
font-weight: bold;
}

.point-catch {
font-size: 21.5px;
line-height: 1.5em;
padding: 16px 20px;
margin: 0px 0px 40px;
}

}

@media print, screen and (min-width: 1400px) {

}

















/* header ------ */
header {
	text-align: center;
	line-height: 1.0em;
	height: 62px;
	z-index: 300;
	position: fixed;
	width: 100%;
	left: 0px;
	top: 0px;
	background: rgba(255,255,255,0.9);
}

header #header-l {
padding: 12px 0px 0px 12px;
margin: 0px;
}
header  #header-l h1#header-logo {
	width: 92px;
	max-width: 196px;
	text-align: left;
	opacity: 0;
}
header  #header-l h1 img {
	height: auto;
	width: 100%;
	display: block;
}

header .sp-2023movie {
position: absolute;
right: 15px;
top: 13px;
width: calc(400px / 3);
}
header .sp-2023movie img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}

header.fixedheader {
	box-shadow: 0px 0px 24px 5px rgba(0,0,0,0.3);
}

body {
	margin: 62px 0px 0px;
}





/* #header-menu ------ */
header #header-menu {
top: 0px;
right: 0px;
position: fixed;
width: 100%;
	/*
	box-sizing: border-box;
	
	
	z-index: 400;
	top: 0px;
	right: 0px;
	background: rgba(255,255,255,1.0);
	padding: 0px;
	width: 80%;
	box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.5);
	transition: 0.3s ease-in-out;
	-moz-transform: translateX(100%);
	-webkit-transform: translateX(100%);
	transform: translateX(100%);
	opacity: 0;
	*/
}

/*
<header id="header-global">
	<div class="header-inner">
    <div id="header-l">
    	<h1 id="header-logo"><a href="index.html"><img src="common/images/h_logo.svg" alt="2023.3.18 SAT ダイヤ改正" width="196" height="82" class="photo-over"></a></h1>
		</div>

    <div id="header-menu">
      <ul id="nav-global">
				<li id="sotetsu-gr">
					<ul id="sotetsu-bu">
						<li id="sotetsu_logo"><a href="https://www.sotetsu.co.jp/" target="_blank"><img src="common/images/h_glogo.png" alt="相鉄グループ" width="246" height="58" class="photo-over"></a></li>
					</ul>
				</li>
      </ul>
    </div>
	</div>
</header><!-- header-global -->
*/
header #nav-global li {
	text-align: left;
	height: 52px;
	border-bottom: 1px solid #bababa;
}
header #nav-global li.menu_title {
	font-size: 160%;
	line-height: 1.5em;
	box-sizing: border-box;
	text-align: left;
	padding: 20px;
}
header #nav-global li a {
	/* color: #000; */
	font-size: 105%;
	line-height: 1.5em;
	padding: 12px 20px;
	display: block;
	position: relative;
	white-space: nowrap;
}
header #nav-global li a:hover {
	text-decoration: none;
}
header #nav-global li a:before {
	content: "";
	position: absolute;
	width: calc(34px / 2);
	height: calc(34px / 2);
	right: 10px;
	top: 14px;
	z-index: 1;
	background: url(../images/arrow_r_b.png) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	transition: all 0.3s;
}




header #nav-global li#sotetsu_logo a:before {
	content: "";
	background: none;
}
header #nav-global li#sotetsu-gr {
	border: none;
	/* border-top: 1px solid #bababa; */
}


header #nav-global li#sotetsu_logo a {
margin: 10px 0px 0px auto;
}
header #nav-global li#sotetsu_logo a img {
height: auto;
max-width: calc(246px / 2);
width: 25%;
margin: 0px 0px 0px auto;
display: block;
}
header #nav-global li#into_tokyo {
	border: none;
}
header #nav-global li#into_tokyo img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
}
header #nav-global li#into_tokyo a {
	background: rgba(12,14,51,1.0);
	color: rgba(255,255,255,1);
}
header #nav-global li#into_tokyo a:before {
	content: "";
	position: absolute;
	width: calc(34px / 2);
	height: calc(34px / 2);
	right: 10px;
	top: 14px;
	z-index: 1;
	background: url(../images/arrow_r_w.png) no-repeat left top;
	background-size: cover;
	overflow: hidden;
	transition: all 0.3s;
}


/*
header #header-menu.mactive {
	-moz-transform: translateX(0px);
	-webkit-transform: translateX(0px);
	transform: translateX(0px);
	opacity: 1.0;
}
*/



@media print, screen and (min-width: 768px) {
/* header ------ */
header {
	height: 68px;
}


header #header-l {
padding: 10px 0px 0px 20px;
margin: 0px;
}
header  #header-l h1#header-logo {
	width: 120px;
}

header .sp-2023movie {
position: absolute;
right: 20px;
top: 12px;
width: calc(400px / 2.5);
}

body {
	margin: 68px 0px 0px;
}

header #nav-global li {
	height: 59px;
}

/* #header-menu ---- */
/*
header #header-menu  {
	width: 45%;
	box-shadow: 0px 0px 40px 10px rgba(0,0,0,0.5);
}
*/

}





@media print, screen and (min-width: 1024px) {
header {
	height: auto;
	transition: all 0.3s;
	overflow: hidden;
	position: relative;
	border-bottom: 1px solid rgba(187,187,187,1.0);
}
/*
header.fixedheader {
	height: 60px;
}
*/


header .header-inner {
	padding: 0px;
	display: table;
	margin: 0px;
	width: 100%;
}
header #header-l {
	vertical-align: top;
	display: table-cell;
	padding: 13px 10px 10px 30px;
}
header  #header-l h1#header-logo {
	width: 196px;
}
header #nav-global li#sotetsu_logo a img {
width: 100%;
}
header .sp-2023movie {
display: none;
}

body {
	margin: 0px;
}







/* #header-menu ----------------------------------------------------------------- */
header #header-menu {
	overflow: hidden;
	vertical-align: top;
	display: table-cell;
	opacity: 1.0;
	width: auto;
	background: none;
	box-shadow: none;
	position: relative;
	-moz-transform: translateX(0%);
	-webkit-transform: translateX(0%);
	transform: translateX(0%);
	padding: 0px;
}
header #nav-global .menu_title {
	display: none;
}
header #nav-global {
	display: table;
	margin: 0px 0px 0px auto;	
}
header #nav-global li {
	display: table-cell;
	border: none;
}
header #nav-global li.n-menu {
	vertical-align: middle;
}
header #nav-global li a {
	font-size: 100%;
	line-height: 1.2em;
	display: block;
	padding: 5px 12px;
	transition: all 0.4s;
	position: relative;
	/* background: rgba(0,0,0,0.5); */
	/* background: rgba(0,0,0,0.1); */
	/* text-shadow: 0px 0px 6px rgba(70,40,0, 1.0), 0px 0px 12px rgba(70,40,0, 1.0), 0px 0px 16px rgba(70,40,0, 1.0), 0px 0px 20px rgba(70,40,0, 1.0), 0px 0px 24px rgba(70,40,0, 1.0); */
	/* text-shadow: 0px 0px 6px rgba(40,20,0, 1.0), 0px 0px 12px rgba(40,20,0, 1.0), 0px 0px 16px rgba(40,20,0, 1.0), 0px 0px 20px rgba(40,20,0, 1.0), 0px 0px 24px rgba(40,20,0, 1.0); */
	border-left: 1px solid rgba(132,132,132,1.0);
}
header #nav-global li a:hover {
	/* background: rgba(255,255,255,0.5); */
	text-decoration: none;
	/* border-bottom: 3px solid #333; */
}
header #nav-global li a:before {
	background: none;
	height: 100%;
	width: 100%;
	top: 0px;
	right: 0px;
	transform: scale(0,1.0);
}
header #nav-global li a:hover:before {
	background: none;
	border-bottom: 3px solid #333;
	transform: scale(1.0,1.0);
}

#page-home header #nav-global li:nth-child(2) a:before,
#page-stations header #nav-global li:nth-child(3) a:before,
#page-comics header #nav-global li:nth-child(4) a:before,
#page-faq header #nav-global li:nth-child(5) a:before {
	background: none;
	border-bottom: 3px solid rgba(12,14,51,1.0);
	transform: scale(1.0,1.0);
}




header #nav-global li#sotetsu_logo a:before {
	content: "";
	background: none;
}
header #nav-global li#sotetsu-gr {
	border: none;
	/* border-left: 1px solid rgba(132,132,132,1.0); */
	/* border-top: 1px solid #bababa; */
	max-width: calc(400px / 2.2);
}

header #nav-global li#sotetsu_logo {
display: block;
text-align: center;
/* border-bottom: 1px solid rgba(132,132,132,1.0); */
padding: 30px 10px 2px;
}
header #nav-global li#sotetsu_logo a {
	margin: 0px;
	border: none;
}
header #nav-global li#sotetsu_logo a img {
height: auto;
max-width: calc(246px / 2);
display: block;
margin: 0px auto;
}
header #nav-global li#sotetsu_logo a:before {
	content: "";
	border: none !important;
}

header #nav-global li#into_tokyo {
border: none;
padding: 0px;
}
header #nav-global li#into_tokyo a {
border: none;
background: none;
color: rgba(17,17,17,1);
padding: 0px;
}
header #nav-global li#into_tokyo a:before {
content: "";
display: none;
}

}


@media print, screen and (min-width: 1200px) {
header #nav-global li a {
	font-size: 105%;
	line-height: 1.2em;
	padding: 5px 20px;
}

header #nav-global li#sotetsu_logo {
display: block;
text-align: center;
/* border-bottom: 1px solid rgba(132,132,132,1.0); */
padding: 32px 10px 0px;
}
header #nav-global li#sotetsu-gr {
	border: none;
	max-width: calc(400px / 2);
}

}


@media print, screen and (min-width: 1400px) {

}



















/* ///////// top-mainvisual ///////// */
#top-mainvisual {
	overflow: hidden;
	position: relative;
}
.main-img {
	position: relative;
	width: 100%;
}
.main-img img {
	height: auto;
	width: 100%;
}


@media print, screen and (min-width: 768px) {

/* ///////// top-mainvisual ///////// */

}


@media print, screen and (min-width: 1024px) {

/* ///////// top-mainvisual ///////// */

}


@media print, screen and (min-width: 1200px) {
/* ///////// top-mainvisual ///////// */

}


@media print, screen and (min-width: 1400px) {
/* ///////// top-mainvisual ///////// */

}











.article-inner {
	padding: 0px;
}




/* --------section-------- */
section {
	padding: 35px 0px;
	position: relative;
	z-index: 1;
	/* max-width: 1100px; */
	margin: 0px auto;
	opacity: 0;
	-webkit-animation-duration: 2s;
	animation-duration: 2s;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
	/* border-bottom: 1px solid rgba(187,187,187,1.0); */
}
section.gray-scont,
section#other-point {
	background: rgba(238, 238, 238, 1.0);
}
section.gray-back {
	background: rgba(238, 238, 238, 1.0);
}

.page-cont {
padding: 0px 15px;
max-width: 1200px;
position: relative;
margin: 0px auto;
}

.page-cont h1.catch-le1,
.photostack h1.catch-le1 {
	font-size: 140%;
	text-align: left;
	padding: 0px 0px 1em;
	color: rgba(17,17,17,1.0);
	line-height: 1.4em;
	font-weight: bold;
}
.page-cont h1.catch-le1 em {
	font-size: 65%;
	font-style: normal;
}
.photostack h1.catch-le1 {
	position: relative;
	z-index: 200;
	padding: 0px 15px;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0), 0px 0px 10px rgba(255, 255, 255, 1.0), 0px 0px 15px rgba(255, 255, 255, 1.0), 0px 0px 20px rgba(255, 255, 255, 1.0), 0px 0px 25px rgba(255, 255, 255, 1.0), 0px 0px 30px rgba(255, 255, 255, 1.0), 0px 0px 35px rgba(255, 255, 255, 1.0);
}
.sub-text {
	font-size: 110%;
	text-align: left;
	padding: 0px 0px 0.8em;
	color: rgba(17,17,17,1.0);
	line-height: 1.6em;
	font-weight: bold;
}
.s-sub-text {
	font-size: 105%;
	text-align: left;
	padding: 0px 0px 0.8em;
	color: rgba(17,17,17,1.0);
	line-height: 1.6em;
}
.ss-sub-text {
	font-size: 13px;
	text-align: left;
	padding: 0px 0px 0.8em;
	color: rgba(17,17,17,1.0);
	line-height: 1.6em;
}

.catch-le3 {
	font-size: 115%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 1em;
}



/* #comics-cont */
#comics-cont {
	background: rgba(12,14,51,1.0);
}
#comics-cont .page-cont h1.catch-le1 {
	color: rgba(255,255,255,1.0);
}
#page-comics #comics-cont {
	background: rgba(255,255,255,1.0);
}
#page-comics #comics-cont {
	color: rgba(17,17,17,1.0);
}

@media print, screen and (min-width: 768px) {
/* article-inner */

section {
	padding: 45px 0px;
}
section.gray-scont {
	padding: 40px;
}

.page-cont {
	padding: 0px 25px;
	position: relative;
}
.page-cont h1.catch-le1,
.photostack h1.catch-le1 {
	font-size: 160%;
	padding: 0px 0px 1em;
	text-align: center;
}
.photostack h1.catch-le1 {
	padding: 0px 25px;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0), 0px 0px 9px rgba(255, 255, 255, 1.0), 0px 0px 12px rgba(255, 255, 255, 1.0), 0px 0px 15px rgba(255, 255, 255, 1.0), 0px 0px 20px rgba(255, 255, 255, 1.0), 0px 0px 25px rgba(255, 255, 255, 1.0), 0px 0px 30px rgba(255, 255, 255, 1.0), 0px 0px 35px rgba(255, 255, 255, 1.0);
}

.sub-text {
	font-size: 120%;
	text-align: center;
	padding: 0px 0px 0.8em;
}

.s-sub-text {
	font-size: 110%;
	line-height: 1.7em;
	text-align: center;
	padding: 0px 0px 1.3em;
}
.ss-sub-text {
	font-size: 14px;
	text-align: center;
	padding: 0px 0px 0.8em;
	line-height: 1.6em;
}

.catch-le3 {
	font-size: 120%;
	line-height: 1.5em;
	padding: 0px 0px 1em;
	text-align: center;
}

}


@media print, screen and (min-width: 1024px) {
/* article-inner */
section {
	padding: 55px 0px;
}
section.gray-scont {
	padding: 48px;
}


.page-cont h1.catch-le1,
.photostack h1.catch-le1 {
	font-size: 190%;
	padding: 0px 0px 1em;
}
.photostack h1.catch-le1 {
	padding: 0px 30px;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0), 0px 0px 9px rgba(255, 255, 255, 1.0), 0px 0px 12px rgba(255, 255, 255, 1.0), 0px 0px 15px rgba(255, 255, 255, 1.0), 0px 0px 20px rgba(255, 255, 255, 1.0), 0px 0px 25px rgba(255, 255, 255, 1.0), 0px 0px 30px rgba(255, 255, 255, 1.0), 0px 0px 35px rgba(255, 255, 255, 1.0);
}


.page-cont {
	padding: 0px 30px;
	font-size: 105%;
	line-height: 2.0em;
}
.sub-text {
	font-size: 130%;
	padding: 0px 0px 0.8em;
}
.s-sub-text {
	font-size: 115%;
	line-height: 1.7em;
	text-align: center;
	padding: 0px 0px 1.5em;
}

.catch-le3 {
	font-size: 125%;
	line-height: 1.5em;
}

}


@media print, screen and (min-width: 1200px) {
/* article-inner */
section {
	padding: 70px 0px;
}
section.gray-scont {
	padding: 56px;
}

.page-cont h1.catch-le1,
.photostack h1.catch-le1 {
	font-size: 220%;
	padding: 0px 0px 1em;
}
.photostack h1.catch-le1 {
	padding: 0px;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0), 0px 0px 9px rgba(255, 255, 255, 1.0), 0px 0px 12px rgba(255, 255, 255, 1.0), 0px 0px 15px rgba(255, 255, 255, 1.0), 0px 0px 20px rgba(255, 255, 255, 1.0), 0px 0px 25px rgba(255, 255, 255, 1.0), 0px 0px 30px rgba(255, 255, 255, 1.0), 0px 0px 35px rgba(255, 255, 255, 1.0);
}
.page-cont {
	font-size: 110%;
	line-height: 2.0em;
}

.sub-text {
	font-size: 140%;
	padding: 0px 0px 0.8em;
}

.catch-le3 {
	font-size: 130%;
	line-height: 1.5em;
}

}


@media print, screen and (min-width: 1400px) {
/* article-inner */
section {
	padding: 85px 0px;
}
section.gray-scont {
	padding: 64px;
}

.page-cont h1.catch-le1,
.photostack h1.catch-le1 {
	font-size: 240%;
	padding: 0px 0px 1em;
}
.photostack h1.catch-le1 {
	padding: 0px;
	text-shadow: 0px 0px 6px rgba(255, 255, 255, 1.0), 0px 0px 9px rgba(255, 255, 255, 1.0), 0px 0px 12px rgba(255, 255, 255, 1.0), 0px 0px 15px rgba(255, 255, 255, 1.0), 0px 0px 20px rgba(255, 255, 255, 1.0), 0px 0px 25px rgba(255, 255, 255, 1.0), 0px 0px 30px rgba(255, 255, 255, 1.0), 0px 0px 35px rgba(255, 255, 255, 1.0);
}

.page-cont {
	padding: 0px;	/* text-align: center; */
}
.sub-text {
	font-size: 150%;
	padding: 0px 0px 0.8em;
}

.catch-le3 {
	font-size: 135%;
	line-height: 1.5em;
}

}











/* --------menu-trigger-------- */
.menu-sm {
	position: absolute;
	display: inline-block;
	z-index: 501;
	top: 13px;
	right: 10px;
}
.menu-sm.notactive {
	display: none;
}
.menu-trigger {
	position: relative;
	width: 45px;
	height: 45px;
	display: inline-block;
	border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
	z-index: 502;
	/* opacity: 0; */
}
.menu-trigger,
.menu-trigger span {
  transition: all 0.4s;
  box-sizing: border-box;
}
.menu-trigger span {
  position: absolute;
  left: 20%;
  width: 60%;
  height: 2px;
  background-color: #000;
	display: block;
}
.menu-trigger span:nth-of-type(1) {
  top: 20%;
}
.menu-trigger span:nth-of-type(2) {
  top: 40%;
}
.menu-trigger span:nth-of-type(3) {
  top: 60%;
}
.menu-trigger strong {
	position: absolute;
	top: 80%;
	text-align: center;
	display: block;
	width: 100%;
}


.menu-trigger.open span:nth-of-type(1) {
  -webkit-transform: translateY(9px) rotate(-225deg);
  transform: translateY(9px) rotate(-225deg);
	background-color: rgba(0,0,0,1.0);
}
.menu-trigger.open span:nth-of-type(2) {
  opacity: 0;
}
.menu-trigger.open span:nth-of-type(3) {
  -webkit-transform: translateY(-9px) rotate(225deg);
  transform: translateY(-9px) rotate(225deg);
	background-color: rgba(0,0,0,1.0);
}



@media print, screen and (min-width: 768px) {
.menu-sm {
	top: 16px;
	right: 20px;
}
}


@media print, screen and (min-width: 1024px) {
.menu-sm {
	display: none;
}
}


@media print, screen and (min-width: 1200px) {

}


@media print, screen and (min-width: 1400px) {

}









/* --------Layout-------- */
section#howto-point {
	background: rgba(255,225,255,1.0);
}

/* 運賃表 時刻表 トップページ */
#expenses-diagram {
	border-top: 1px solid rgba(187,187,187,1.0);
}
.ex-di-layout {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
.ex-di-layout > li {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
.ex-di-layout > li.ex-di-left {
	padding: 0px 0px 20px;
}
.ex-di-layout > li.ex-di-right {
}
.ex-di-layout h1.catch-le1 {
	font-size: 140%;
	line-height: 1.6em;
	text-align: left;
	padding: 0px 0px 0.5em;
}
.ex-di-layout .s-sub-text {
	font-size: 105%;
	text-align: left;
	padding: 0px 0px 0.5em;
	line-height: 1.6em;
}


@media print, screen and (min-width: 768px) {
/* 運賃表 時刻表 トップページ */
.ex-di-layout {
}
.ex-di-layout > li {
}
.ex-di-layout > li.ex-di-left {
	padding: 0px;
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
}
.ex-di-layout > li.ex-di-right {
	-ms-flex-preferred-size: calc(50% - 10px);
	flex-basis: calc(50% - 10px);
}
.ex-di-layout .block2-link {
	padding: 0px;
}
.ex-di-layout h1.catch-le1 {
	font-size: 150%;
	line-height: 1.6em;
	text-align: center;
	padding: 0px 0px 0.8em;
}
.ex-di-layout .s-sub-text {
	font-size: 100%;
	text-align: left;
	padding: 0px 0px 0.8em;
	line-height: 1.6em;
}
}


@media print, screen and (min-width: 1024px) {
/* 運賃表 時刻表 トップページ */
.ex-di-layout .block2-link {
	padding: 0px;
}
.ex-di-layout h1.catch-le1 {
	font-size: 170%;
	line-height: 1.6em;
	text-align: center;
	padding: 0px 0px 0.7em;
}
.ex-di-layout .s-sub-text {
	font-size: 100%;
	text-align: left;
	padding: 0px 0px 1.0em;
	line-height: 1.6em;
}
}


@media print, screen and (min-width: 1200px) {
/* 運賃表 時刻表 トップページ */
.ex-di-layout > li.ex-di-left {
	-ms-flex-preferred-size: calc(39% - 15px);
	flex-basis: calc(39% - 15px);
}
.ex-di-layout > li.ex-di-right {
	-ms-flex-preferred-size: calc(61% - 15px);
	flex-basis: calc(61% - 15px);
}
.ex-di-layout .block2-link {
	padding: 0px;
}
.ex-di-layout h1.catch-le1 {
	font-size: 180%;
	line-height: 1.6em;
	text-align: center;
	padding: 0px 0px 0.6em;
}
.ex-di-layout .s-sub-text {
	font-size: 14px;
	text-align: center;
	padding: 0px 0px 1.2em;
	line-height: 1.6em;
}

.ex-di-layout .block2-link li {
	-ms-flex-preferred-size: calc(50% - 15px);
	flex-basis: calc(50% - 15px);
	padding: 0px 0px 25px;
}
}


@media print, screen and (min-width: 1400px) {
}








/* Footer ----------------------------------------------------------------- */
#footer-global {
	width: 100%;
	margin: 0px;
	padding: 0px;
	text-align: center;
	position: relative;
	z-index: 10;
}
.catch-le2 {
	font-size: 120%;
	line-height: 1.5em;
	font-weight: bold;
	text-align: left;
	padding: 0px 0px 1em;
}



/*
<ul class="float-link">
	<li id="float-point"><a href="../stations/index.html"><p>駅別変更ポイントをみる</p></a></li>
	<li id="float-faq"><a href="../faq/index.html"><p>よくあるご質問をみる</p></a></li>
</ul>
*/
/* float-link ----------------------------------------------------------------- */
.float-link {
	font-size: 14px;
	line-height: 1.4em;
	position: fixed;
	width: 17em;
	top: 45%;
	right: calc(30px - 17em);
	z-index: 200;
}
.float-link li {
	padding: 0px 0px 10px;
}
.float-link li a {
	z-index: 200;
	font-weight: bold;
	color: rgba(255,255,255,1.0);
	background: rgba(204,0,0,1.0);
	border-radius: 45px;
	box-shadow: 0px 2px 15px 2px rgba(255,255,255,0.6);
	/* transition: all 0.5s ease 0s; */
	transition: all 0.5s;
	cursor: pointer;
	outline: none;
	text-align: left;
	padding: 15px 25px 15px 40px;
	width: 100%;
	display: block;
	position: relative;
	right: 0px;
		/* margin-left: 0px; */
}

.float-link li a::before {
	content:" ";
	position: absolute;
	top: calc(50% - 16px);
	left: 2px;
	display:block;
	width: calc(72px / 2.5);
	height: calc(72px / 2.5);
	background: url(../images/icon_point.png) left center;
	background-size:contain;
	vertical-align:middle;
	transition: all 0.5s;
	z-index: 2;
}
.float-link li#float-faq a::before {
	background: url(../images/icon_qa.png) left center;
	background-size:contain;
}

.float-link li a.float_hover {
	background: rgba(255,255,255,1);
	color: rgba(12,14,51,1.0);
	box-shadow: 0px 6px 20px 0px rgba(0, 0, 0, 0.3);
	text-decoration: none;
}
.float-link li a.float_hover::before {
	background: url(../images/icon_point_b.png) left center;
	background-size:contain;
}
.float-link li#float-faq a.float_hover::before {
	background: url(../images/icon_qa_b.png) left center;
	background-size: contain;
}


/*
.float-link li a.float_close {
	margin-left: 0px;
	transition: all 0.5s;
}
.float-link li a.float_opne {
	margin-left: calc(62px - 17em);
	text-decoration: none;
	transition: all 0.5s;
}
*/
.float-link li a.float_close {
	right: 0px;
}
.float-link li a.float_opne {
	right: calc(17em - 62px);
	text-decoration: none;
}




/* footer-app ----------------------------------------------------------------- */
#footer-app {
	margin: 0px auto;
	padding: 30px 15px;
	border-bottom: 1px solid rgba(187,187,187,1.0);
	background: rgba(255,255,204,1.0);
}
#footer-app .nav-global {
	margin: 0px auto;
	max-width: 874px;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
}
#footer-app .nav-global li {
}
#footer-app .nav-global li img {
	height: auto;
	width: 100%;
}
#footer-app .nav-global li:nth-child(1) {
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
}
#footer-app .nav-global li:nth-child(2) {
	-ms-flex-preferred-size: calc(47% - 5px);
	flex-basis: calc(47% - 5px);
}
#footer-app .nav-global li:nth-child(3) {
	-ms-flex-preferred-size: calc(53% - 5px);
	flex-basis: calc(53% - 5px);
}





/* footer-link ----------------------------------------------------------------- */
#footer-link {
	margin: 0px auto;
	padding: 30px 15px;
	display: none;
}
#footer-link .nav-link {
	margin: 0px auto;
	display: table;
	max-width: 680px;
	width: 100%;
}
#footer-link .nav-link li {
	display: none;
	width: 50%;
	padding: 0px 0px 0px 8px;
}
#footer-link .nav-link li#f-stations {
	padding: 0px 8px 0px 0px;
}
#page-home #footer-link .nav-link li#f-stations,
#page-home #footer-link .nav-link li#f-status,
#page-stations #footer-link .nav-link li#f-stations,
#page-stations #footer-link .nav-link li#f-status,
#page-comics #footer-link .nav-link li#f-stations,
#page-comics #footer-link .nav-link li#f-status,
#page-faq #footer-link .nav-link li#f-stations,
#page-faq #footer-link .nav-link li#f-status {
	display: table-cell;
}


#page-stations.page-yokohama #footer-link .nav-link li#f-status,
#page-stations.page-hiranumabashi #footer-link .nav-link li#f-status,
#page-stations.page-nishiyokohama #footer-link .nav-link li#f-status,
#page-stations.page-tennocho #footer-link .nav-link li#f-status,
#page-stations.page-hoshikawa #footer-link .nav-link li#f-status,
#page-stations.page-wadamachi #footer-link .nav-link li#f-status,
#page-stations.page-kamihoshikawa #footer-link .nav-link li#f-status,
#page-stations.page-nishiya #footer-link .nav-link li#f-status,
#page-stations.page-tsurugamine #footer-link .nav-link li#f-status,
#page-stations.page-futamatagawa #footer-link .nav-link li#f-status,
#page-stations.page-kibogaoka #footer-link .nav-link li#f-status,
#page-stations.page-mitsukyo #footer-link .nav-link li#f-status,
#page-stations.page-seya #footer-link .nav-link li#f-status,
#page-stations.page-yamato #footer-link .nav-link li#f-status,
#page-stations.page-sagamiotsuka #footer-link .nav-link li#f-status,
#page-stations.page-sagamino #footer-link .nav-link li#f-status,
#page-stations.page-kashiwadai #footer-link .nav-link li#f-status,
#page-stations.page-ebina #footer-link .nav-link li#f-status,
#page-stations.page-minamimakigahara #footer-link .nav-link li#f-status,
#page-stations.page-ryokuentoshi #footer-link .nav-link li#f-status,
#page-stations.page-yayoidai #footer-link .nav-link li#f-status,
#page-stations.page-izumino #footer-link .nav-link li#f-status,
#page-stations.page-izumichuo #footer-link .nav-link li#f-status,
#page-stations.page-yumegaoka #footer-link .nav-link li#f-status,
#page-stations.page-shonandai #footer-link .nav-link li#f-status {
	display: none;
}


#page-stations.page-yokohama #footer-link .nav-link li#f-yokohama,
#page-stations.page-hiranumabashi #footer-link .nav-link li#f-hiranumabashi,
#page-stations.page-nishiyokohama #footer-link .nav-link li#f-nishiyokohama,
#page-stations.page-tennocho #footer-link .nav-link li#f-tennocho,
#page-stations.page-hoshikawa #footer-link .nav-link li#f-hoshikawa,
#page-stations.page-wadamachi #footer-link .nav-link li#f-wadamachi,
#page-stations.page-kamihoshikawa #footer-link .nav-link li#f-kamihoshikawa,
#page-stations.page-nishiya #footer-link .nav-link li#f-nishiya,
#page-stations.page-tsurugamine #footer-link .nav-link li#f-tsurugamine,
#page-stations.page-futamatagawa #footer-link .nav-link li#f-futamatagawa,
#page-stations.page-kibogaoka #footer-link .nav-link li#f-kibogaoka,
#page-stations.page-mitsukyo #footer-link .nav-link li#f-mitsukyo,
#page-stations.page-seya #footer-link .nav-link li#f-seya,
#page-stations.page-yamato #footer-link .nav-link li#f-yamato,
#page-stations.page-sagamiotsuka #footer-link .nav-link li#f-sagamiotsuka,
#page-stations.page-sagamino #footer-link .nav-link li#f-sagamino,
#page-stations.page-kashiwadai #footer-link .nav-link li#f-kashiwadai,
#page-stations.page-ebina #footer-link .nav-link li#f-ebina,
#page-stations.page-minamimakigahara #footer-link .nav-link li#f-minamimakigahara,
#page-stations.page-ryokuentoshi #footer-link .nav-link li#f-ryokuentoshi,
#page-stations.page-yayoidai #footer-link .nav-link li#f-yayoidai,
#page-stations.page-izumino #footer-link .nav-link li#f-izumino,
#page-stations.page-izumichuo #footer-link .nav-link li#f-izumichuo,
#page-stations.page-yumegaoka #footer-link .nav-link li#f-yumegaoka,
#page-stations.page-shonandai #footer-link .nav-link li#f-shonandai {
	display: table-cell;
}


/* #copyright ----------------------------------------------------------------- */
#footer-global #copyright {
	font-size: 80%;
	line-height: 1.5em;
	padding: 20px 15px;
	text-align: center;
	background: rgba(12,14,51,1.0);
	color: #FFF;
}


.the-footer__social {
padding: 20px 0px 10px;
background: rgba(12,14,51,1.0);
}
.the-footer__social ul {
margin: 0px auto;
}
.the-footer__social ul li {
}
.the-footer__social ul li a {
font-size: 13px;
line-height: 1.3em;
color: rgba(255,255,255,1.00);
padding: 0px 0px 0px 20px;
position: relative;
text-decoration: none;
transition: all 0.4s;
}
.the-footer__social ul li a.noneicon {
padding: 0px;
margin: 0px 0px 0px 15px;
}
.the-footer__social ul li a::before {
content: "";
vertical-align: middle;
display: inline-block;
width: 18px;
height: 18px;
background-image: url(../images/twitter.svg);
transition: all 0.4s;
background-position: center center;
background-size: 100% auto;
margin: 0px 4px 0px 0px;
}
.the-footer__social ul li a.instagram::before {
background-image: url(../images/instagram.svg);
}
.the-footer__social ul li a.facebook::before {
background-image: url(../images/sns_face.svg);
}
.the-footer__social ul li a.youtube::before {
background-image: url(../images/sns_you.svg);
}
.the-footer__social ul li a.noneicon::before {
display: none;
}
.the-footer__social ul li a:hover {
color: rgba(255,255,255,0.7);
text-decoration: none;
}
.the-footer__social ul li a:hover::before {
opacity: 0.7;
}



@media print, screen and (min-width: 768px) {
/* Footer ----------------------------------------------------------------- */
#footer-global {
}
.catch-le2 {
	font-size: 135%;
	line-height: 1.5em;
	padding: 0px 0px 1em;
	text-align: center;
}


/* float-link ----------------------------------------------------------------- */
.float-link {
	top: 45%;
	right: calc(38px - 17em);
}
.float-link li a {
	padding: 15px 25px 15px 43px;
	/* right: calc(62px - 17em); */
}

.float-link li a::before {
	top: calc(50% - 18px);
	left: 2px;
	width: calc(72px / 2);
	height: calc(72px / 2);
}



/* footer-app ----------------------------------------------------------------- */
#footer-app {
	margin: 0px auto;
	padding: 40px 25px;
}
#footer-app .nav-global li:nth-child(1) {
	-ms-flex-preferred-size: calc(50% - 5px);
	flex-basis: calc(49% - 5px);
}
#footer-app .nav-global li:nth-child(2) {
	-ms-flex-preferred-size: calc(24% - 5px);
	flex-basis: calc(24% - 5px);
}
#footer-app .nav-global li:nth-child(3) {
	-ms-flex-preferred-size: calc(26% - 5px);
	flex-basis: calc(26% - 5px);
}


/* footer-link ----------------------------------------------------------------- */
#footer-link {
	margin: 0px auto;
	padding: 40px 25px;
}
#footer-link .nav-link li {
	padding: 0px 0px 0px 10px;
}
#footer-link .nav-link li#f-stations {
	padding: 0px 10px 0px 0px;
}


/* #copyright ----------------------------------------------------------------- */
#footer-global #copyright {
	font-size: 90%;
	line-height: 1.5em;
	padding: 25px;
}

.the-footer__social {
padding: 25px 0px 5px;
}
.the-footer__social ul li {
display: inline-block;
padding: 2px 3px;
}
.the-footer__social ul li a {
font-size: 13px;
line-height: 1.3em;
}
.the-footer__social ul li a::before {
width: 18px;
height: 18px;
}

}


@media print, screen and (min-width: 1024px) {
/* Footer ----------------------------------------------------------------- */
#footer-global {
}
.catch-le2 {
	font-size: 145%;
	line-height: 1.5em;
}

/* footer-app ----------------------------------------------------------------- */
#footer-app {
	margin: 0px auto;
	padding: 50px 30px;
}
#footer-app .nav-global li:nth-child(1) img {
	max-width: calc(842px / 2);
}
#footer-app .nav-global li:nth-child(2) img {
	max-width: calc(408px / 2);
}
#footer-app .nav-global li:nth-child(3) img {
	max-width: calc(460px / 2);
}


/* footer-link ----------------------------------------------------------------- */
#footer-link {
	margin: 0px auto;
	padding: 50px 30px;
}


/* #copyright ----------------------------------------------------------------- */
#footer-global #copyright {
	font-size: 95%;
	line-height: 1.5em;
	padding: 25px;
}
.the-footer__social {
padding: 30px 0px 5px;
}

}




@media print, screen and (min-width: 1200px) {
/* Footer ----------------------------------------------------------------- */
#footer-global {
}
.catch-le2 {
	font-size: 155%;
	line-height: 1.5em;
}

/* footer-app ----------------------------------------------------------------- */
#footer-app {
	margin: 0px auto;
	padding: 55px 30px;
}

/* footer-link ----------------------------------------------------------------- */
#footer-link {
	margin: 0px auto;
	padding: 55px 30px;
}
}



@media print, screen and (min-width: 1400px) {
/* Footer ----------------------------------------------------------------- */
#footer-global {
}
.catch-le2 {
	font-size: 165%;
	line-height: 1.5em;
}
}

















/* .lost-item */
.lost-item {
}
.lost-item .flex2-block {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.lost-item .flex2-block li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
background-color: rgba(255,255,255,1.00);
border: 2px solid rgba(71,71,120,1.00);
border-radius: 15px;
margin: 0px 0px 15px;
}
.lost-item .flex2-block li .block-in {
padding: 15px;
}
.lost-item .flex2-block .table-block {
font-size: 14px;
line-height: 1.6em;
}
.lost-item .flex2-block .table-block dt {
padding: 5px 10px;
font-size: 15px;
line-height: 1.6em;
font-weight: bold;
background-color: rgba(238,238,238,1.00);
border: 1px solid rgba(187,187,187,1.00);
}
.lost-item .flex2-block .table-block dd {
padding: 5px 10px;
border-bottom: 1px solid rgba(187,187,187,1.00);
border-left: 1px solid rgba(187,187,187,1.00);
border-right: 1px solid rgba(187,187,187,1.00);
}
.lost-item .flex2-block .block-catch {
padding: 0px 0px 0.5em;
font-size: 16px;
line-height: 1.4em;
font-weight: bold;
}


@media print, screen and (min-width: 768px) {

/* .lost-item */
.lost-item .flex2-block li {
-ms-flex-preferred-size: calc(50% - 12px);
flex-basis: calc(50% - 12px);
margin: 0px 0px 20px;
}
.lost-item .flex2-block li .block-in {
padding: 20px;
}

}


@media print, screen and (min-width: 1024px) {

/* .lost-item */
.lost-item .flex2-block li {
-ms-flex-preferred-size: calc(50% - 15px);
flex-basis: calc(50% - 15px);
margin: 0px 0px 25px;
border-radius: 20px;
}
.lost-item .flex2-block li .block-in {
padding: 30px;
}
.lost-item .flex2-block .table-block {
font-size: 15px;
line-height: 1.6em;
}
.lost-item .flex2-block .table-block dt {
padding: 7px 14px;
font-size: 17px;
line-height: 1.6em;
}
.lost-item .flex2-block .table-block dd {
padding: 7px 14px;
}
.lost-item .flex2-block .block-catch {
font-size: 18px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1200px) {

/* .lost-item */
.lost-item .flex2-block li {
-ms-flex-preferred-size: calc(50% - 20px);
flex-basis: calc(50% - 20px);
margin: 0px 0px 40px;
border-radius: 22px;
}
.lost-item .flex2-block li .block-in {
padding: 35px;
}
.lost-item .flex2-block .table-block {
font-size: 16px;
line-height: 1.6em;
}
.lost-item .flex2-block .table-block dt {
padding: 7px 16px;
font-size: 18px;
line-height: 1.6em;
}
.lost-item .flex2-block .table-block dd {
padding: 7px 16px;
}
.lost-item .flex2-block .block-catch {
font-size: 20px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1400px) {

}















/* #development */
#development {
}
#development .list_box,
#development .list_box2,
#movie .list_box2 {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
#development .list_box li,
#development .list_box2 li {
-ms-flex-preferred-size: calc(50% - 8px);
flex-basis: calc(50% - 8px);
padding: 0px 0px 20px;
}
#movie .list_box2 li {
-ms-flex-preferred-size: 100%;
flex-basis: 100%;
padding: 0px 0px 20px;
}
#movie .list_box2 li:last-child {
padding: 0px;
}
.box_holder_img {
overflow: hidden;
position: relative;
border-radius: 400px;
}
.movie-img {
overflow: hidden;
position: relative;
border-radius: 15px;
}
.box_holder_img::after,
.movie-img::after {
content: "";
position: absolute;
top: 0px;
right: 0px;
display: block;
width: 100%;
height: 100%;
transition: all 0.4s;
background: radial-gradient(rgba(0,0,0,0.1), rgba(0,0,0,0.4));
opacity: 0;
}
.box_holder_img img,
.movie-img img,
.movie-icon img {
	height: auto;
	width: 100%;
	margin: 0px auto;
	display: block;
	transition: all 0.4s;
}
.box_holder_cap {
font-size: calc(100vw / 32);
line-height: 1.4em;
font-weight: bold;
text-decoration: none;
text-align: center;
padding: 0.4em 0px 0px;
display: block;
position: relative;
}
#development a .box_holder_cap::after {
content: "";
display: inline-block;
width: 12px;
height: 12px;
background-image: url(../images/icon_external.svg);
background-position: center center;
background-size: 100% auto;
background-repeat: no-repeat;
vertical-align: middle;
padding: 1px;
margin: 1px 0px 1px 0.3em;
}

a:hover .box_holder_img::after,
a:hover .movie-img::after {
opacity: 1;
}
a:hover .box_holder_img img,
a:hover .movie-img img {
	transform: scale(1.1,1.1);
}

#development .list_box a:hover,
#development .list_box2 a:hover {
text-decoration: none;
}


/* #movie */
#movie .list_box2 li a {
position: relative;
}
#movie .list_box2 li a .movie-icon {
position: absolute;
width: 16%;
top: 28%;
left: 42%;
}
#movie .movie-title {
font-size: calc(100vw / 24);
line-height: 1.4em;
font-weight: bold;
text-decoration: none;
text-align: left;
padding: 0.4em 0px 0px;
display: block;
position: relative;
}




@media print, screen and (min-width: 768px) {
/* #development */
#development .list_box li {
-ms-flex-preferred-size: calc(33.33% - 12px);
flex-basis: calc(33.33% - 12px);
padding: 0px 0px 20px;
}
#development .list_box2 li {
-ms-flex-preferred-size: calc(25% - 10px);
flex-basis: calc(25% - 10px);
padding: 0px 0px 20px;
}
.box_holder_cap {
font-size: 13px;
line-height: 1.4em;
padding: 0.4em 0px 0px;
}
#development a .box_holder_cap::after {
width: 12px;
height: 12px;
}


/* #movie */
#movie .list_box2 li {
-ms-flex-preferred-size: calc(50% - 13px);
flex-basis: calc(50% - 13px);
padding: 0px 0px 30px;
}
#movie .list_box2 li:nth-child(3),
#movie .list_box2 li:last-child {
padding: 0px;
}
#movie .movie-title {
font-size: 15px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1024px) {
/* #development */
#development .list_box li {
-ms-flex-preferred-size: calc(33.33% - 20px);
flex-basis: calc(33.33% - 20px);
padding: 0px 0px 25px;
}
#development .list_box2 li {
-ms-flex-preferred-size: calc(25% - 15px);
flex-basis: calc(25% - 15px);
padding: 0px;
}
.box_holder_cap {
font-size: 14px;
line-height: 1.4em;
}
#development a .box_holder_cap::after {
width: 14px;
height: 14px;
}


/* #movie */
#movie .list_box2 li {
-ms-flex-preferred-size: calc(25% - 13px);
flex-basis: calc(25% - 13px);
padding: 0px;
}
#movie .list_box2 li:nth-child(3),
#movie .list_box2 li:last-child {
padding: 0px;
}
#movie .movie-title {
font-size: 13.5px;
line-height: 1.4em;
}


}


@media print, screen and (min-width: 1200px) {
/* #development */
#development .list_box li {
-ms-flex-preferred-size: 305px;
flex-basis: 305px;
padding: 0px 0px 25px;
}
#development .list_box2 li {
-ms-flex-preferred-size: 22%;
flex-basis: 22%;
padding: 0px;
}
.box_holder_cap {
font-size: 14px;
line-height: 1.4em;
}
#development a .box_holder_cap::after {
width: 14px;
height: 14px;
}

#movie .list_box2 li {
-ms-flex-preferred-size: calc(550px / 2);
flex-basis: calc(550px / 2);
}
#movie .movie-title {
font-size: 15px;
line-height: 1.4em;
}

}


@media print, screen and (min-width: 1400px) {

}