@charset "utf-8";
/* CSS Document */

.indent-1 > li {
	margin-left: 1em;
	text-indent: -1em;
}
.indent-2 > li {
	padding-left: 2em;
	text-indent: -2em;
}
.indent-2 > dt {
	width: 2em;
	float: left;
}
.indent-2 > dd {
	margin-left: 2em;
}
.indent-3 > dt {
	width: 3em;
	float: left;
}
.indent-3 > dd {
	margin-left: 3em;
}

.text-red-02 {
	color: #f00000;
}

.c-list--notice02 {
  counter-reset: number 0;
}
.c-list--notice02 > li {
  line-height: 1.6;
  margin-bottom: 0;
  padding-left: 2.5em;
  text-indent: -2.5em;
  /*font-size: 1.2rem;*/
  counter-increment: number;
}
.c-list--notice02 > li:before {
  content: "注" counter(number) "）";
}

.related-box {
	padding: 20px;
}
.related-box .column-two_info-area .column-two_child {
    /*padding: 0;*/
	padding-right: 0;
	padding-left: 0;
}
.related-box .column-one_img-left .column-one_text, .column-one_img-right .column-one_text {
    min-height: auto;
}

/* column-one_image */
.column-one_image.bg-gray .column-one_child {
	padding: 20px 17px;
}
.column-one_image.bg-gray .column-one_child .column-one_image {
	text-align: center;
	background: #fff;
}


@media screen and (min-width: 751px) {
}



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

html.touch-device .imageScroll > div {
	padding-top:10px;
	overflow: auto;
	white-space: nowrap;
}
html.touch-device .imageScroll:before {
	content: "※こちらの画像は横スクロールです";
}
html.touch-device .imageScroll > div::-webkit-scrollbar{
	height: 8px;
}
html.touch-device .imageScroll > div::-webkit-scrollbar-thumb{
	background: #bcbcbc;
}
html.touch-device .imageScroll > div::-webkit-scrollbar-track-piece:start,
html.touch-device .imageScroll > div::-webkit-scrollbar-track-piece:end{
	background: #f1f1f1;
}
html.touch-device .imageScroll img {
	width:auto;
	max-width:none;
}

.related-box {
	padding: 10px;
}
/*.related-box .column-two_info-area > div + div, .related-box .column-two_info-area + div > div {
    margin-top: 0;
}*/
.related-box .column-one_img-left .column-one_image, .related-box .column-one_img-right .column-one_image,
.related-box .column-one_img-left .column-one_text, .related-box .column-one_img-right .column-one_text {
    /*padding: 0;*/
}


.column-two_child .column-two_text {
    height: auto !important;
}

/* column-one_image */
.column-one_image.bg-gray .column-one_child {
	padding: 20px 10px;
}
}

/* mv */
.section-type02 {
    position: relative;
}

.section-type02 img {
    position: relative;
}
.section-type02 .mv-new {
	position: absolute;
	top: 10px;
	left: 10px;
	z-index: 2;
}

/* モーダル
----------------------------------------*/
.size-drawing {
	position:relative;
	display:block;
	cursor: pointer;
}
.size-drawing:after {
	content: "";
	width: 33px;
	height: 33px;
	background: #000 url(/jp/densetsu/haisen/switch_concent/outside_plate/img/icon_zoom.png) center center no-repeat;
	background-size: 16px auto;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.size-drawing:hover:after {
	background-color: #666;
}
.size-modal {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	display: none;
}
.size-modal img {
	position: fixed;
	border: 10px solid #ccc;
	top: 50%;
	left: 50%;
	margin-top: 0;
	margin-left: 0;
	width: 600px !important;
	height: auto;
	box-sizing: border-box;
}
.size-modal span {
	background: url(/jp/densetsu/haisen/switch_concent/outside_plate/img/btn_close.png) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	right: 50%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	margin-top: 0;
	margin-right: 0;
}
.size-modal span:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}

@media only screen and (max-device-width: 1280px) and (max-width: 640px) {
.size-drawing {
	position:relative;
	display:block;
	cursor: pointer;
}
.size-drawing:after {
	content: "";
	width: 25px;
	height: 25px;
	background: #000 url(/jp/densetsu/haisen/switch_concent/outside_plate/img/icon_zoom.png) center center no-repeat;
	background-size: 60% auto;
	text-align: center;
	position: absolute;
	bottom: 0;
	right: 0;
	cursor: pointer;
}
.size-drawing:hover:after {
	background-color: #000;
}
.size-modal {
	position: fixed;
	z-index: 1000;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.6);
	top: 0;
	left: 0;
	display: none;
}
.size-modal img {
	position: fixed;
	border: 10px solid #ccc;
	top: 50%;
	left: 50%;
	margin-top: 0;
	margin-left: 0;
	width: 300px!important;
	height: auto;
	box-sizing: border-box;
}
.size-modal span {
	background: url(/jp/densetsu/haisen/switch_concent/outside_plate/img/btn_close.png) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 50%;
	right: 50%;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	cursor: pointer;
	margin-top: 0;
	margin-right: 0;
}
.size-modal span:hover {
	opacity:0.8;
	filter:alpha(opacity=80);
	-ms-filter:"alpha( opacity=80 )";
}
}