@import url("/COMMON/WEBFONTS/ShinGoPro-Bold/woff/ShinGoPro-Bold.css");
/***************************************
 * 要素初期化
 ***************************************/
h1 {
	display: block;
	text-indent: 0px;
	font-size: 24px;
	font-weight: bold;
	line-height: 24px;
}
select {
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
}
p, pre {
	margin: 0 0;
}
body #wrapperAll {
	min-height:660px;
}
.gn_element .c_010B .search-form {
	padding-right:0;
}
ul, ol {
	list-style: none;
	list-style-image: none;
	}
menu, ol, ul {
    padding: 0;
}
dl, menu, ol, ul {
    margin: 0;
}
/***************************************
 * 部品
 ***************************************/
#pan {
	color: #666666;
}
#pan > li > span {
	color: #c71444;
}
#pan > li.link > a {
	color: #666666;
	text-decoration: none;
}
#pan > li.link > a:hover {
	color: #000;
	text-decoration: underline;
}
#pan > li {
	padding: 45px 0px 8px 0px;
	display: table-cell;
}
#pan > li.link:after {
	content: "　>　";
}
.hide-movie-group {
	display: none!important;
}
.nbf-bold {
    font-family: ShinGoPro-Bold,sans-serif;
}
/***************************************
 * バナースライダー
 ***************************************/
.pc_bannerArea{
    position: absolute;
    float:left;
    width:525px !important;
    top:410px;
}
.sp_bannerArea{
	display:none;
}

.pc_bannerArea {
	display:none;
}

.pc_bannerArea .bx-wrapper{
	width: 60% !important;
}

.sp_bannerArea .bx-wrapper{
	width: 95% !important;
}


.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
    background-color: #c71444!important;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
    text-align: center;
    width: 100%;
}

.sp .bx-default-pager{
    /*display: none !important;*/
}

.pc .bannerslider img{
    width:315px; margin-left:auto; margin-right:auto;
}
.sp .bannerslider img{
    width:100%;
    max-width:600px;
}

.pc .shadow{
    top: -60px;
    left: 86px;
    position: relative;
}

/***************************************
 * 注記
 ***************************************/
.info {
	position: absolute;
	float: left;
	width: 525px !important;
	top: 380px;
	padding: 0 36px 0 24px;
	box-sizing: border-box;
}
.info h3 {
    font-size: 12px;
    line-height: 16px;
    font-weight: bold;
    margin: 0 0 12px;
}
.info-list {
	margin: 0 0 24px;
	padding: 0;
}
.info-list li {
    font-size: 12px;
    line-height: 16px;
    margin-left: 1em;
}
.info-list li span {
	margin-left: -1em;
}

.sp.info {
	position: static;
	width: 95% !important;
	padding: 0 13px 24px;
	float: none;
}

/***************************************
 * ＰＣ
 ***************************************/
.top-nav {
	position: relative !important;
}
.box {
	border-top: 1px solid #CCCCCC;
}
.box > div {
	float: left;
	padding-top: 24px;
	vertical-align: top;
}
.box:after {
	clear: both;
	display: block;
	content: "";
}
.box-left {
	width: 209px;
	position: relative;
}
.box-left ul {
	position: absolute;
	top: 24px;
	left: 0;
	background-color: #ffffff;
}
.box-left li {
	position: absolute;
	text-align: right;
	top: 0;
	left: 0;
}
.box-left > img,
.box-left li img {
	width: auto;
	height: auto;
	display: block;
	margin: 0 auto;
	max-width: 212px;
}
h1 {
	margin: 10px 0;
}
h1 a {
	color: #333;
}
.h1copy {
	font-size: 13px;
	margin-top: -10px;
	margin-bottom: 10px;
}
.item-title {
	font-size: 13px;
	font-weight: bold;
	margin: 8px 0;
	padding-left: 2px;
}
.item-title span {
	font-size: 12px;
	color: #c71444;
}
span.new {
	color:red;
	margin-left:20px;
	position: absolute;
}
span.new.disabled {
	display: none;
}




.box-center {
	width: 250px;
	border-left: 36px solid white;
	border-right: 36px solid white;
}

.box-center .disabled {
	display: none;
}
.box-center .disabled * {
	color: #ccc;
}

.box-center .select {
	display: table-cell;
	position: relative;
	line-height: 31px;
	height: 31px;
	width: 248px;
	background: url(../IMAGES/select-off.jpg) no-repeat;
	border: 1px solid #ccc;
	vertical-align: middle;
}
.box-center .select:hover {
	background: url(../IMAGES/select-on.jpg) no-repeat;
	border-color: #999999;
}
.box-center .select.disabled:hover {
	background: url(../IMAGES/select-off.jpg) no-repeat;
	border-color: #ccc;
}
.box-center .select select {
	position: absolute;
	font-size: 12px;
	height: 33px;
	width: 250px;
	opacity: 0;
	top: -1px;
	left: -1px;
	display: none;
}
.sp .box-center .select select {
	display: block;
}
.box-center .select span {
	font-size: 12px;
	padding-left: 1em;
}
.box-center .select-options {
	border: 1px solid #ccc;
	overflow-y: scroll;
	width: 100%;
	position: absolute;
	top: 32px;
	left: -1px;
	z-index: 1;
	background-color: #ffffff;
	display: none;
	box-shadow:rgba(113, 135, 164, 0.65098) 0px 0px 3px 1px;
}
.box-center .select-options li {
	border-top: 1px solid #ccc;
	position: relative;
}
.box-center .select-options li:hover {
	background-color: #e5e5e5;
}
.box-center .select-options li.top {
	border-top: none;
}
.box-center .select-options li > * {
	vertical-align: middle;
}
.box-center .select-options li span {
	vertical-align: middle;
	padding-left: 1em;
}
.box-center .select-options li div {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

.box-center .model .select-options {
	height: 230px;
}
.box-center .lbl-nenshiki {
	margin-top: 24px;
}
.box-center .model .select-options li {
	height: 32px;
}
.box-center .model .select-options li span {
	line-height: 32px;
}
.box-center .nenshiki .select-options {
	height: 297px;
}
.box-center .nenshiki .select-options li {
	height: 32px;
}
.box-center .nenshiki .select-options li span {
	line-height: 32px;
}
.box-center .control-search {
	margin: 32px 0 100px;
}
.box-center .control-search .mark {
	width: auto;
	margin-left: -30px;
	vertical-align: middle;
	position: relative;
	top: -2px;
}
.box-center .control-search .search-ok {
	cursor: pointer;
}
.box-center .control-search p {
	height: 33px;
	margin-top: -33px;
	line-height: 33px;
	text-align: center;
	font-size: 17px;
	font-weight: bold;
	padding-left: 6px;
	color: #ffffff;
}
.box-center .reset_txt{
	display: none;
	bottom:20px;
	left:3%;
	position: relative;
}
.box-center .reset_txt * {
	font-size: 12px;
	line-height: 16px;
}





.box-right {
	width: 379px;
	border-left: 1px solid #cccccc;
	background-color: #fafafa;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 9px;
}
.box-right .disabled {
	display: none;
}
.box-right * {
	font-size: 12px;
	line-height: 16px;
}
.box-right h2 {
	margin-top: 30px;
	border-left: 3px solid #c71444;
	padding: 4px 9px;
}
.box-right ul {
	margin-left: 1em;
	margin-top: 16px;
	margin-bottom: 36px;
}
.box-right .description ul span {
	margin-left: -1em;
}
.box-right ul.about-movie * {
	font-size: 11px;
	line-height: 15px;
}
.box-right .description h2,
.box-right .description h3 {
	font-weight: bold;
}
.box-right .link h2 {
	background-color: #ffffff;
	position: relative;
	border-bottom: 1px solid #ccc;
	margin-top: 9px;
	width: 358px;
	padding-top: 6px;
	padding-bottom: 8px;
	padding-right: 0;
	cursor: pointer;
	font-size: 14px;
}
.box-right .link h2 > * {
	vertical-align: middle;
}
.box-right .link h2 img {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
	padding-left: 5px;
	background-color: #ffffff;
}
.box-right .link h2 span {
	font-size: 14px;
}
.box-right .link ul {
	list-style-type: disc;
    margin: -40px 9px 0 4px;
	padding: 1em;
    background-color: #f3f3f3;
	position: relative;
	z-index: 2;
}
.box-right .link ul li {
	margin: 0 1em 1em 2em;
}
.box-right .link ul li.guid-note {
	list-style: none;
    margin: 1em 1em 1em 1em;
    font-size: 10px;
    line-height: 1.6;
}
.box-right .link ul li a:hover {
	text-decoration: underline;
	color: #c71444;
	cursor: pointer;
}

.box-right .link ul:after {
	content: "";
	clear: both;
	display: block;
}
.box-right .link div {
	position: relative;
	display: none;
}
.box-right .link div p {
	padding: 1em;
	position: relative;
}
.box-right .adobeDL{
	text-align:right;
}



.box-kiyaku {
	width: 672px;
	/*height: 454px;*/
	margin: 0 auto;
	background-color: #ffffff;
	padding: 0 27px;
	position: relative;
}
.box-kiyaku h2 {
	padding: 32px 0 0;
    font-size: 15px;
    font-weight: 700;
}
.box-kiyaku .close {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
	cursor: pointer;
}
.box-kiyaku .description {
	font-size: 12px;
	line-height: 16px;
	margin: 22px 0 19px;
}
.box-kiyaku .kiyakubun {
	width: 647px;
	/*padding: 11px 11px 0;*/
	font-size: 11px;
	line-height: 19px;
}
.box-kiyaku .kiyakubun ul,
.box-kiyaku .kiyakubun li {
	padding: 0;
	margin: 0;
}
.box-kiyaku .kiyakubun li {
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 0.5em 1em;
}
.box-kiyaku .kiyakubun li span {
	margin-left: -1em;
}
.box-kiyaku .zenbun {
	font-size: 11.5px;
	line-height: 17px;
}
.box-kiyaku .chui {
	font-size: 11.5px;
	line-height: 19px;
	margin-top: 11px;
}
.box-kiyaku .buttons {
	margin-top: 22px;
	text-align: center;
	padding-bottom: 22px;
}
.box-kiyaku .buttons img {
	margin: 0 10px;
	cursor: pointer;
}
.box-kiyaku .rollover {
	display: inline-block;
}





#box-movie {
	width: 570px;
	height: 313px;
	border: 1px solid #ccc;
	margin: 0 auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:rgba(113, 135, 164, 0.631373) 0px 0px 3px 1px;
	margin-top: 2px;
	padding: 35px 23px 0;
	position: relative;
	background-color: #ffffff;
}
#box-movie h2 {
	font-size: 14px;
	border-left: 3px solid #c71444;
	border-bottom: 1px solid #666666;
	padding: 5px 9px;
	margin-bottom: 7px;
}
#box-movie .controls {
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
}
#box-movie .controls img {
	cursor: pointer;
}
#box-movie .bxslider li {
	height: 252px;
	overflow-y: auto;
}
#box-movie .movie-category div {
	padding: 3px 0 4px 0;
	font-size: 12px;
	line-height: 20px;
	position: relative;
}
#box-movie h2 .return.link {
	cursor: pointer;
}
#box-movie .movie-category h3 {
	border-bottom: 1px solid #ccc;
	padding: 3px 0 4px 0;
	font-size: 12px;
	line-height: 20px;
	position: relative;
	cursor: pointer;
}
#box-movie .movie-category h3:hover {
	text-decoration: underline;
	color: #c71444;
}
#box-movie .movie-category img {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
}

#box-movie .movie-list div {
	padding: 3px 0 4px 0;
	font-size: 12px;
	line-height: 20px;
	position: relative;
}
#box-movie .movie-list p {
	border-bottom: 1px solid #ccc;
	padding: 3px 50px 4px 15px;
	font-size: 12px;
	line-height: 20px;
	position: relative;
	cursor: pointer;
}
#box-movie .movie-list p.sub-movie {
	padding: 3px 0px 4px 38px;
	font-family: Verdana,"ヒラギノ角ゴ Pro W3","ＭＳ ゴシック",sans-serif;
}
#box-movie .movie-list p:hover {
	text-decoration: underline;
	color: #c71444;
}
#box-movie .movie-list img.ttl {
	position: absolute;
	top: 0;
	left: 0;
}
#box-movie .movie-list img.play {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
}
#box-movie .movie-list p.sub-movie img.play {
	position: static;
	display:inline-block;
	vertical-align:bottom;
}
.mfp-box-movie.mfp-bg {
	background: none;
}
.box-movie-player {
	width: 852px;
	height: 476px;
	margin: 0 auto;
	position: relative;
	font-size: 14px;
	color: #ffffff;
	font-weight: bold;
}
.box-movie-player .close {
	cursor: pointer;
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
}
.box-movie-player > div {
	height: 27px;
}
.box-movie-player #movie-player {
	width: 100%;
	height: 449px;
	margin: 0 auto;
	background-color: #000000;
}

#box-pdf {
	width: 570px;
	height: 313px;
	border: 1px solid #ccc;
	margin: 0 auto;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	box-shadow:rgba(113, 135, 164, 0.631373) 0px 0px 3px 1px;
	margin-top: 2px;
	padding: 35px 23px 0;
	position: relative;
	background-color: #ffffff;
}
#box-pdf h2 {
	font-size: 14px;
	border-left: 3px solid #c71444;
	border-bottom: 1px solid #666666;
	padding: 5px 9px;
	margin-bottom: 7px;
}
#box-pdf .controls {
	position: absolute;
	text-align: right;
	top: 0;
	right: 0;
}
#box-pdf .controls img {
	cursor: pointer;
}
#box-pdf .bxslider-pdf li {
	height: 252px;
	overflow-y: auto;
}
#box-pdf .pdf-list div {
	padding: 3px 0 4px 0;
	font-size: 12px;
	line-height: 20px;
	position: relative;
}
#box-pdf .pdf-list p {
	border-bottom: 1px solid #ccc;
	padding: 3px 50px 4px 15px;
	font-size: 12px;
	line-height: 20px;
	position: relative;
	cursor: pointer;
}
#box-pdf .pdf-list p:hover a {
	display: block;
}
#box-pdf .pdf-list p:hover a {
	text-decoration: underline;
	color: #c71444;
}
#box-pdf .pdf-list img.ttl {
	position: absolute;
	top: 0;
	left: 0;
}
#box-pdf .pdf-size {
	position: absolute;
	right: 0;
}
#box-pdf .pdf-list img.play {
	position: absolute;
	top: 0;
	right: 0;
	margin-left: auto;
}
.mfp-box-pdf.mfp-bg {
	background: none;
}

/*161004add for ie8*/
.ie8 .bx-pager-link {
    width: 12px!important;
    height: 12px!important;
    background: url(./imeges/pagenation_off.gif)!important;
}

.ie8 .bx-pager-link:hover,
.ie8 .bx-pager-link.active{
    background-image: url(./imeges/pagenation_on.gif)!important;
}

@media screen and (max-width: 580px) {
	#box-movie .movie-list p.sub-movie {
		padding: 3px 0px 4px 25px;
	}
	.mfp-wrap, .mfp-container { height: 100vh; }
	  @supports (height: 100dvh) {
	    .mfp-wrap, .mfp-container { height: 100dvh; }
	  }
	 /* 縦レイアウトにして本文だけスクロール */
  .box-kiyaku {
    width: min(672px, 95vw);
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  @supports (height: 100dvh) {
    .box-kiyaku { max-height: 100dvh; }
  }

  .box-kiyaku .kiyakubun {
    flex: 1;            /* 余白を本文に配分 */
    min-height: 0;      /* flex子のオーバーフロー抑止 */
    overflow-y: auto;   /* 本文だけスクロール */
    -webkit-overflow-scrolling: touch;
  }

  .mfp-container {
    display: block !important;   /* インライン配置をやめる */
    text-align: left !important; /* 中央寄せを解除 */
  }
  .mfp-content {
    vertical-align: top !important; /* 上寄せ */
    margin: 20px auto;              /* 上に余白を少し */
  }
}
@media screen and (max-width: 960px) {
	body .pc {
		display: none !important;
	}
	body #wrapperAll {
		width: 100%;
		min-height:0;
	}
	h1,
	.h1copy {
		padding: 0 13px;
	}
	h1 img {
		max-width: 100%;
		height: auto;
	}
	h1 a {
		font-size: 21px;
	}
	.box {
		padding: 0 13px;
	}
	.box > div {
		display: block;
		float: none;
	}
	.box-kiyaku {
		width: 95%;
		height: auto;
		padding: 0;
	}
	.box-kiyaku h2,
	.box-kiyaku .description,
	.box-kiyaku .kiyakubun,
	.box-kiyaku .buttons {
		margin-left: 5%;
		margin-right: 5%;
	}
	.box-kiyaku h2 {
		padding-top: 5%;
	}
	.box-kiyaku h2 img {
		width: 100%;
		height: auto;
	}
	.box-kiyaku h2 div.sp {
		font-size: 17px;
		line-height: 20px;
	}
	.box-kiyaku h2 div.sp span {
		font-size: 15px;
	}
	.box-kiyaku .kiyakubun {
		width: auto;
		-height: 100px;
		-border: 1px;
		-padding: 3px;
	}
	.box-kiyaku .buttons {
		padding-bottom: 5%;
	}
	.box-kiyaku .buttons img {
		margin: 0;
	}
	.box-left {
		width: 100%;
	}
	.box-left ul,
	.box-left li {
		width: 100%;
		text-align: center;
	}
	.box-left > img,
	.box-left li img {
		max-width: 100%;
	}
	.box-center {
		width: 100%;
		border: none;
	}
	.box-center .select,
	.sp .box-center .select select {
		width: 100%;
		display: block;
	}
	.box-center .select,
	.box-center .select:hover,
	.box-center .select.disabled:hover {
		background-position: right 0px;
	}
	.box-center .control-search img {
		width: 95%;
	}
	.box-center .control-search .mask {
		display: none !important;
	}
	.box-center .control-search {
		text-align: center;
		margin-bottom: 32px;
	}
	.box-center .control-search .rollover {
		text-align: center;
	}
	.box > div.box-right {
		width: 100%;
		border: none;
		margin-left: -13px;
		padding-left: 13px;
		padding-right: 13px;
		padding-bottom: 24px;
		padding-top: 15px;
		background-color: #dddddd;
   	}
	.box-right .link h2 {
		background-color: #ffffff;
		position: relative;
		border-bottom: 1px solid #ccc;
		margin-top: 9px;
		width: auto;
		padding-top: 3px;
		padding-bottom: 4px;
		padding-right: 28px;
		cursor: pointer;
		font-size: 14px;
		line-height: 31px;
	}
	.box-right .link li,
	.box-right .link li a {
		font-size: 14px;
		line-height: 23px;
	}
	.box-right h2 {
		margin-top: 0;
	}
	.box-right ul {
		margin-bottom: 16px;
	}
	.box-right .link h2 img {
		top: 7px;
	}
	.box-right .link h2 span {
		font-size: 14px;
		line-height: 31px;
	}
	.box-right .link h2 span br {
		display: none;
	}
	#box-movie {
		width: 95%;
		padding: 0;
		-z-index: 9999;
	}
	#box-movie .bxslider > * {
		z-index: 99999;
	}
	#box-movie .bx-wrapper {
		margin-right: 23px !important;
		margin-left: 23px !important;
	}
	#box-movie .bxslider li {
		height: 224px;
	}
	#box-movie .movie-category h3 {
		-z-index: 999999;
	}
	#box-movie h2 {
		margin: 35px 23px 7px;
	}
	#box-movie .movie-category {
		margin-left: 1px;
	}
	.box-movie-player {
		width: 95%;
		padding: 0;
	}
	#box-pdf {
		width: 95%;
		padding: 0;
		-z-index: 9999;
	}
	#box-pdf .bx-wrapper {
		margin-right: 23px !important;
		margin-left: 23px !important;
	}
	#box-pdf .bxslider-pdf li {
		height: 224px;
	}
	#box-pdf h2 {
		margin: 35px 23px 7px;
	}
	#box-pdf .pdf-list {
		margin-left: 23px;
		margin-right: 23px;
	}
}
@media screen and (min-width: 961px) {
	body .sp {
		display: none !important;
	}
	.box > div.box-right {
		min-height: 439px;
		padding-top: 15px;
		background-color: #dddddd;
	}
}

@media (max-width: 960px) and (max-height: 490px) {
  .mfp-wrap, .mfp-container { height: 100vh; }
  @supports (height: 100dvh) {
    .mfp-wrap, .mfp-container { height: 100dvh; }
  }

  .box-kiyaku {
    width: min(672px, 95vw);
    max-height: 100vh;
    display: flex;
    flex-direction: column;
    box-sizing: border-box;
  }
  @supports (height: 100dvh) {
    .box-kiyaku { max-height: 100dvh; }
  }

  .box-kiyaku .kiyakubun {
    flex: 1;
    min-height: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  .mfp-container {
    display: block !important;
    text-align: left !important;
  }
  .mfp-content {
    vertical-align: top !important;
    margin: 20px auto;
  }
}

.ie8 .sp {
	display: none !important;
}
.tablet .nav-wrapper .menu li {
	margin-right: 0px !important;
}
.tablet .box-center .select,
.tablet .box-center .select select {
	width: 100%;
	display: block;
}
.sp .mfp-bg {
	height: 120% !important
}
/***************************************
 * モーダル
 ***************************************/
.mfp-content {
	vertical-align:initial;
}