@charset "utf-8";
/*!
 *
 * @copyright (C) THE JAPAN TIMES LTD.
 * @version   1.0.0
 */

h3 a {
color:#000;
}

a.title-link:hover{
    color: #0056b3;
    text-decoration: none;
    background-color: transparent;
    border-color: transparent;
  }

.pdf-link::before {
  position: absolute;
  content: "";
  left: 10px;
  width: 24px;
  height: 24px;
  background: url("../images/pdf_icon_24x24.png") top left no-repeat;
  background-size: 24px 24px;
}

.pdf-link {
	margin-left:12px;
	}


@font-face {
	font-family:'Pluto';src:url('../../lib/fonts/pluto/plutosansbold-webfont.eot');src:url('../../lib/fonts/pluto/plutosansbold-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/pluto/plutosansbold-webfont.svg#PlutoSansBold') format('svg'), url('../../lib/fonts/pluto/plutosansbold-webfont.woff') format('woff'), url('../../lib/fonts/pluto/plutosansbold-webfont.ttf') format('truetype');font-weight:400;font-style:normal;
}

@font-face {
	font-family:'Pluto';src:url('../../lib/fonts/pluto/plutosansregular-webfont.eot');src:url('../../lib/fonts/pluto/plutosansregular-webfont.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/pluto/plutosansregular-webfont.svg#PlutoSansRegular') format('svg'), url('../../lib/fonts/pluto/plutosansregular-webfont.woff') format('woff'), url('../../lib/fonts/pluto/plutosansregular-webfont.ttf') format('truetype');font-weight:200;font-style:normal;
}

@font-face {
	font-family:'icons';src:url('../../lib/fonts/icons/icons.eot');src:url('../../lib/fonts/icons/icons.eot?#iefix') format('embedded-opentype'), url('../../lib/fonts/icons/icons.svg#icons') format('svg'), url('../../lib/fonts/icons/icons.woff') format('woff'), url('../../lib/fonts/icons/icons.ttf') format('truetype');font-weight:normal;font-style:normal;vertical-align:sub;
}



.zoomContainer {
	 z-index:1060;
	 }

body, p {
	font-family: -apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
}
a:hover {
	text-decoration:none;
	}


#jp {
		font-size:15px;
		font-family:kozuka-gothic-pro;
	}

#jp body {
	line-height:1.7;
	}

#jp table {
	font-size:0.9rem;
}

#jp .card .card-title {
	font-weight:600;
	}

#jp h2,#jp .h2 {
	font-size:2rem;
	}
#jp .top-copy li {
	font-weight:600;
	}

#jp .center-block {
	max-width: 700px;
	}

#jp .table th {
	font-weight:600;
	min-width:100px;
	}

#jp .thankstext {
	line-height:1.5;
	}

h3.othes {
	height:785px;
	display: flex;
	align-items: center;
}

.container-fluid {
	padding-left: 0px;
	padding-right: 0px;
}
.row {
	margin-left: 0px;
	margin-right: 0px;
}
.bg-gray {
	background-color: #e6e6e6;
}
.bg-lightgray {
	background-color: #f3f3f3;
}
.bg-offwhite {
	background-color: #fbf9e5;
}
.center-block {
	max-width: 900px;
	padding: 0 2rem 0 2rem;
}
.b-margin-2 {
	margin-bottom: 2rem;
}
.margin-0 {
	margin: 0;
}
.section-block {
	border-bottom: solid 1px #e6e6e6;
}
.section-block .section-inner {
	margin-top: 1rem;
	padding: 2rem;
	max-width: 1068px;
}
.table th, .table td {
	border-top: 1px solid #999;
	font-family: Helvetica, Arial, メイリオ, Meiryo, "ＭＳ Ｐゴシック", 平成角ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.table td {
  background: #FFF;
  width: 44%;
}
.table th {
  width: 12%;
}

ul.note {
    margin:2rem 0 0 .5rem;
    padding:0;
    line-height: 1.5;
}

.note li {
    font-size: .9rem;
    list-style: none;
    padding: 0;
    padding-left: 1em;
    text-indent: -1.5em;
    margin-bottom:.4rem;
}

.note li::before{
   content:  "※";
   padding-right: .5rem;
}

h1 {
	font-family: poynter-oldstyle-display, Pluto, "Helvetica Neue", Helvetica, Arial, kozuka-gothic-pro, sans-serif;
}
h2 {
	margin-bottom: 1.5rem;
	/*font-family:Georgia,Arial,Verdana;*/
	font-family: poynter-oldstyle-display, Pluto, "Helvetica Neue", Helvetica, Arial, kozuka-gothic-pro, sans-serif;
	font-weight: 600;
}

#jp h2, #jp h3, #jp h4, #jp h5 {
	font-family: kozuka-gothic-pro, メイリオ, Meiryo, "ＭＳ Ｐゴシック", 平成角ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
	font-family: poynter-oldstyle-display, Pluto, "Helvetica Neue", Helvetica, Arial, kozuka-gothic-pro, sans-serif;
}
.h1 {
	margin: 2rem 0 2.5rem 0;
	font-size: 5rem;
	font-family: poynter-oldstyle-display, Georgia, Arial, Verdana, kozuka-gothic-pro;
	font-weight: 400;
}
.h2 {
	margin-bottom: 2rem;
	font-family: poynter-oldstyle-display, Georgia, Arial, Verdana, kozuka-gothic-pro;
	font-weight: 600;
}
.h3 {
	font-size: 1.2rem;
	margin-bottom: 1rem;
}
.section-block .section-inner .card {
	margin-bottom: 1.2rem;
}
.outline .section-inner .card {
	margin-bottom: 1.2rem;
	max-width: 800px;
}
.section-block .section-inner .card .card-body ul {
	margin-bottom: 1.5rem;
}
.section-block .card-text {
	margin-top: 1rem;
}
.btn-style-none {
	border: none;
	padding: 0px;
	background: none;
}
.button.smaller.language {
	background: #09c;
	display: inline-block;
	padding: .5em 1.0em .48em 0.9em;
	text-transform: uppercase;
	font-size: 14px;
	font-size: .95rem;
	margin-top: 1rem;
}

.button.smaller.language:before {
	content: "\25ba";
    font-family: 'icons';
    padding-right: .5em;
    }

.button {
    color: white;
    -webkit-appearance: none;
    position: relative;
    font-size: 1rem;
    display: block;
    font-family:poynter-oldstyle-display, Helvetica, Arial, kozuka-gothic-pro, メイリオ, Meiryo, "ＭＳ Ｐゴシック", 平成角ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif !important;
    padding: 0.4em 0.8em 0.3em;
    margin: 0.2em 0px;
    border-radius: 5px;
    background: rgb(0, 153, 204);
}

.button.middle {
	width: 40%;
	font-weight: 600;
	text-align: center;
	font-size: 1.5rem;
	margin: 3rem auto 4rem !important;
	padding: 1em 0.8em 0.9em !important;
	text-decoration: none;
}
.button.small {
	width: 10rem;
	font-weight: 200;
	text-align: center;
	font-size: 0.875;
	padding: 0.3em;
	text-decoration: none;
}
.jt_button_style {
	color: white;
	-webkit-appearance: none;
	position: relative;
	font-size: 1rem;
	display: block;
	font-family: poynter-oldstyle-display, Helvetica, Arial, kozuka-gothic-pro, メイリオ, Meiryo, "ＭＳ Ｐゴシック", 平成角ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
	padding: 0.4em 0.8em 0.3em;
	margin: 0.2em 0px;
	border-radius: 5px;
	background: rgb(0, 153, 204);
}

.carousel-control-next {
   right:-60px;
}
.carousel-control-prev {
  left:-60px;
}

.header_normal {
    height: 60px;
    border-bottom: solid 1px #e0e0e0;
    background: #fff;
}

@media only screen and (max-width: 46.875em) {
	.button.middle {
		width: 90%;
	}
}

/* help
─────────────────────────────────── */

.hp_mb20 {
  margin-bottom: 20px;
}

/* top-seciton
─────────────────────────────────── */

.top-copy {
	background-image: linear-gradient(rgba(0, 0, 0, 0.8), rgba(0, 0, 0, 0.6)), url("../images/paper-image-map.jpg");
	background-size: cover;
}

#jp .top-copy li {
	font-family: kozuka-gothic-pro, メイリオ, Meiryo, "ＭＳ Ｐゴシック", 平成角ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}

.top-copy li {
	margin-bottom: .9rem;
	font-size: 1.45rem;
	font-weight: 500;
	line-height: 1.9rem;
	font-family: poynter-oldstyle-display, Helvetica, Arial, kozuka-gothic-pro, メイリオ, Meiryo, "ＭＳ Ｐゴシック", 平成角ゴシック, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
.top-copy .section-inner {
	max-width: 100%;
	padding: 0;
}
.top-copy .contents {
	margin-top: 4rem;
	margin-bottom: 3rem;
}
.section-inner h1 {
	margin: 2rem 0 2.5rem 0;
	font-size: 5rem;
	font-family:poynter-oldstyle-display, Georgia, Arial, Verdana, kozuka-gothic-pro;
	font-weight: 400;
}
.section-inner h1 span {
	margin-bottom: 3rem;
	font-weight: 700;
}
.el_label {
  font-size: 1.6rem;
  line-height: 1;
  display: flex;
  align-items: center;
}
.el_label .el_label__new {
  background-color: #e8340c;
  color: #fff;
  font-size: 1rem;
  vertical-align: middle;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 8px;
  margin-right: 5px;
}
.sample h3 {
  font-size: 1.6rem;
}

.sample .figure-caption {
  text-align: left;
}

.sample .sample_box {
  text-align: center;
}

@media screen and (max-width: 576px) {
	.image-block {
		margin: 0 0 1.5rem;
		padding: 0;
	}
	.section-block .section-inner h1 {
		margin: 0 0 3rem 0;
		font-size: 2.5rem;
		font-family:poynter-oldstyle-display, Georgia, Arial, Verdana,kozuka-gothic-pro;
	}
	.section-block .section-inner h1 span {
		font-weight: 700;
	}
	.section-block .section-inner h2 {
		margin-bottom: 1rem;
	}
	.section-block .section-inner {
		margin-top: 0px;
		padding: 1rem 1rem 2rem 1rem;
	}
	.top-copy .contents {
		margin-top: 1rem;
		margin-bottom: 4rem;
	}
	.top-copy .center-block {
		padding: 0 1rem 0 1rem;
	}
	.top-copy li {
		font-size: 1rem;
		font-weight: 400;
		line-height: 1.2rem
	}
	.historic .carousel-inner {
		min-height: 45rem;
  }
  .el_label {
    margin-bottom: 10px;
  }
}
/* historic-seciton
─────────────────────────────────── */

.historic .carousel-inner {
	min-height: 31rem;
}
.history .section-inner .btn {
	margin-bottom: 1.5rem;
}
.historic button {
	width: 30%;
	margin-right: 1rem;
}
.historic .carousel-item img {
	max-width: 100%;
}
.historic .slider-sp .carousel-item img {
	max-width: 90%;
	margin-bottom: 1rem;
}
.section-inner.slider-sp {
	display: none;
}
.historic .section-inner h3 {
	font-size: 2rem;
	margin-bottom: 1rem;
}
.historic .section-inner h5 {
	font-size: 1.5rem;
	font-weight: 600;
	font-family: poynter-oldstyle-display, Pluto, "Helvetica Neue", Helvetica, Arial, kozuka-gothic-pro, sans-serif;
}
.historic .carousel {
	padding: 1.5rem;
}
.historic .carousel p {
	margin: 0 0.2rem 3rem 0.2rem;
}
.historic .carousel .image-block {
	margin-bottom: 1rem;
}
.carousel-control-prev-icon {
	background-image: url(../images/arrow-left.png);
}
.carousel-control-next-icon {
	background-image: url(../images/arrow-right.png);
}
.carousel-control-next, .carousel-control-prev {
	width: 8%;
}
@media screen and (max-width: 768px) {
	.image-block {
		margin-bottom: 1.5rem;
	}
	.carousel-control-next {
		right:0px;
	}
	.carousel-control-prev {
		left:0px;
	}
}
@media only screen and (max-width: 576px) {
	.section-inner.slider-sp {
		display: block;
	}
	.section-inner.slider-pc {
		display: none;
	}
	.historic button {
		width: 100%;
	}
	.historic .carousel-inner {
		min-height: 45rem;
	}
}

/* special feature-seciton
─────────────────────────────────── */

.voice .section-inner h3 {
	font-size: 1.8rem;
	margin-bottom: 1rem;
}
.voice {
   min-height:520px;
}


/* Purchase
─────────────────────────────────── */
.purchase .card-title {
	font-family: poynter-oldstyle-display, Pluto, "Helvetica Neue", Helvetica, Arial, kozuka-gothic-pro, sans-serif;
	font-weight:600;
}


/* contact-seciton
─────────────────────────────────── */

#contact.section-block {
	margin-top: -50px;
	padding-top: 50px;
}
/* foating header
─────────────────────────────────── */

.header_fx {
	height: 88px;
	box-shadow: rgba(0, 0, 0, 0.2) 0px 0px 10px;
	background: #fff;
}
.header-logo {
	width: 17%;
	max-width: 15rem;
	margin-left: 1rem;
}
.header-logo img {
	width: 100%;
	min-width:150px;
}
.header_fx .button.small {
	margin-right: 0.8rem;
	margin-top: 0.3rem;
}
.header_fx h1 {
	font-size: 2.8rem;
	padding-right: 2rem;
}
@media only screen and (max-width: 62.5em) {
	.header_fx {
		display: none!important;
		visibility: hidden!important;
	}
}
/* foating footer
─────────────────────────────────── */

.footer_fx {
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	background: #212121;
	text-align: center;
	padding: 1em 0;
	z-index: 999;
	display: block!important;
	visibility: visible!important;
}
.footer_fx .button {
	color: #fff;
	margin: .2em auto;
	-webkit-appearance: none;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	background: #09c;
	display: block;
	text-align: center;
	text-decoration: none;
}
.footer_fx .button:hover {
	background: #ff5c1a !important;
}
.footer_fx .btn_archives_sp {
	width: 94%;
	margin: 0 auto !important;
	text-align: center !important;
	padding: .5em .8em 0.4em .8em !important;
	font-size: 18px !important;
	font-size: 1.125rem !important;
	font-weight: 600;
}
@media only screen and (min-width: 46.875em), print
/* 750px */

	{
	.footer_fx .btn_archives_sp {
		width: 94%;
		margin: 0 auto !important;
		text-align: center !important;
		padding: .6em .8em 0.5em .8em !important;
		font-size: 24px !important;
		font-size: 1.5rem !important;
		font-weight: 600;
	}
}
@media only screen and (min-width: 62.5em) {
	.footer_fx {
		display: none!important;
		visibility: hidden!important;
	}
	.site_footer {
		padding-bottom: 0;
	}
}
@media only screen and (min-width: 28.75em), print {
	#content_footer_menu {
		padding: 0;
	}
}
@media only screen and (min-width: 34.375em), print {
	.site_footer .footer_top .social_footer {
		float: right;
		text-align: right;
	}
	.site_footer .footer_top .social_footer li {
		border: none;
		display: inline;
	}
}
@media only screen and (max-width: 62.5em) {
	.site_footer .footer_bottom {
		margin-bottom: 3rem;
	}
	.site_footer .footer_content .copyright .footer_logo {
		float: none;
		padding: 0px;
		margin-top: 0.5rem;
		margin-left: auto;
		margin-right: auto;
	}
	.site_footer .footer_content .copyright p {
		float: none;
		text-align: center;
		margin: 15px 0 0 0;
	}
	.historic .carousel-inner {
		min-height: 55rem;
	}
}
/* Thanks Page
─────────────────────────────────── */

.thankstext {
	margin: 10rem 0;
}

.zoomLens {
	border-radius: 200px !important;
	border: 4px solid rgba(54, 60, 62, 0.26) !important;
}

/*
.modal-content {
	padding: 0.5rem 2rem 2rem;
	background:rgba(255, 255, 255, 0.87)
	}

.modal-content p{
	font-size: 1.5rem;
	}
*/

button img:hover{
	opacity: 0.7;
	}

@media screen and (max-width: 576px) {
	.zoomContainer {
		display: none;
	}
}

.row.archiv-form.section-block iframe {
   min-height:1400px;
}

.form iframe {
   width:100% !important;
   margin-left:auto !important;
   margin-right:auto !important;
}

.form img {
  max-width:100%;
}

@media screen and (max-width: 375px) {
  .pc_only {
    display: none !important;
  }
}
@media screen and (max-width: 767px) {
  .pc_only {
    display: none !important;
  }
}
.sp_only {
  display: none !important;
}

@media screen and (max-width: 767px) {
  .sp_only {
    display: block !important;
  }
}
.bl_linkBnr {
  font-size: 0;
  border-top: 1px solid #000;
  background-color: #000;
  padding: 0;
  margin: 0;
  position: relative;
  top: -1px;
}
.bl_linkBnr img {
  max-width: 100%;
  font-size: 0;
  line-height: 0;
  display: block;
  margin-right: auto;
  margin-left: auto;
  transition: .25s;
}
@media screen and (min-width: 768px) {
  .bl_linkBnr img {
    max-width: 713px;
  }
}
.bl_linkBnr a:hover img {
  opacity: .7;
}