.cp-text-col2 .cp-text-l {
 float:left;
 width: 48%;
}
.cp-text-col2 .cp-text-r {
 float:right;
 width: 48%;
}
.cp-text-col3 .cp-text-l {
 float:left;
 width: 30%;
 margin-right: 20px;
}
.cp-text-col3 .cp-text-r {
 float:right;
 width: 30%;
}
.cp-text-col4 .cp-text-l {
 float:left;
 width: 22%;
}
.cp-text-col4 .cp-text-r {
 float:right;
 width: 22%;
}
.cp-img-r {
 float:right;
}
.cp-img-c {
 text-align:center
}
.cp-img-c img {
 margin: 0 auto;
}

.cp-ti .cp-text {
 float:left;
 width: 48%;
}
.cp-ti .cp-img {
 float:right;
 width: 48%;
}
.cp-it .cp-img {
 float:left;
 width: 48%;
}
.cp-it .cp-text {
 float:right;
 width: 48%;
}
.cp-img-col2 .cp-col-01 {
 float:left;
 width: 48%;
}
.cp-img-col2 .cp-col-02 {
 float:right;
 width: 48%;
}
.cp-img-col3 .cp-col-01 {
 float:left;
 width: 30%;
}
.cp-img-col3 .cp-col-02 {
 float:left;
 width: 30%;
}
.cp-img-col3 .cp-col-03 {
 float:right;
 width: 30%;
}
.cp-img-col4 .cp-col-01 {
 float:left;
 width: 22%;
}
.cp-img-col4 .cp-col-02 {
 float:left;
 width: 22%;
}
.cp-img-col4 .cp-col-03 {
 float:left;
 width: 22%;
}
.cp-img-col4 .cp-col-04 {
 float:right;
 width: 22%;
}
.cp-wp {
 background:#FAFAFA;
 border:1px solid #CCC;
 padding:20px;
}
.cp-text-col2 .cp-text-l {
 float:left;
 width: 48%;
}
.cp-text-col2 .cp-text-r {
 float:right;
 width: 48%;
}
.cp-text-col3 .cp-text-l {
 float:left;
 width: 30%;
 margin-right: 20px;
}
.cp-text-col3 .cp-text-r {
 float:right;
 width: 30%;
}
.cp-text-col4 .cp-text-l {
 float:left;
 width: 22%;
}
.cp-text-col4 .cp-text-r {
 float:right;
 width: 22%;
}
.cp-img-c {
 text-align:center
}
.cp-img-c img {
 margin: 0 auto;
}
.cp-wp {
 background:#FAFAFA;
 border:1px solid #CCC;
 padding:20px;
}
.cp-ti .cp-text {
 float:left;
 width: 48%;
}
.cp-ti .cp-img {
 float:right;
 width: 48%;
}
.cp-wp {
 background:#FAFAFA;
 border:1px solid #CCC;
 padding:20px;
}
.cp-it .cp-img {
 float:left;
 width: 48%;
}
.cp-it .cp-text {
 float:right;
 width: 48%;
}

.cp-wp {
 background:#FAFAFA;
 border:1px solid #CCC;
 padding:20px;
}
.cp-space-L {
 height:45px;
 clear: both;
}
.cp-space-M {
 height:30px;
 clear: both;
}
.cp-space-S {
 height:15px;
 clear: both;
}
.cp-solid {
 border-top:1px solid #ccc;
}
.cp-solid hr{
 display:none;
}
.cp-dotted {
 border-top:1px dotted #ccc;
}
.cp-dotted hr{
 display:none;
}
/*PCサイズ適用*/
.test {
  font-size:100px;
  color:red;
}

/*タブレットサイズ以下適用*/
@media screen and (max-width: 959px) {
  .test {
    font-size:20px;
    color:#333;
 }

}
.visible #outsite {
   display: block !important;
}
.pdf-prev-next{
  margin-bottom: 10px;
  text-align: right;
  font-size: 18px;
  font-size: 1.8rem;
}
.pdf-prev-next a{
  color: #666;
}
.pdf-prev-next a.prev::before{
  content: "▲";
  display: inline-block;
  margin-right: 8px;
  transform: rotate(-90deg) translateX(-3px);
}
.pdf-prev-next a.next::after{
  content: "▲";
  display: inline-block;
  margin-left: 8px;
  transform: rotate(90deg) translateX(3px);
}
.pdf-prev-next .nolink{
  opacity: 0;
  pointer-events: none;
}
.pdf-title-wrap {
  max-width: 1200px;
  margin: -40px auto 50px auto;
}
.pdf-title-wrap h2 {
  width: 50%;
  float: left;
  font-size: 32px;
  font-size: 3.2rem;
  font-family: dapifer, serif;
  font-style: normal;
  font-weight: 500;
}
.pdf-title-wrap .select-wrap {
  width: 260px;
  float: right;
}
.select-wrap label {
  position: relative;
  display: inline-block;
}
.select-wrap label::after {
  content: " ";
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  width: 50px;
  height: 40px;
  background: url(/research/mexicana/albums/abm00023178.svg) no-repeat;
  background-size: auto auto;
  background-size: cover;
  pointer-events: none;
}
.select-wrap label select {
  width: 260px;
  height: 40px;
  display: block;
  margin: 0 auto;
  padding: 4px 27px 5px 10px;
  border: 1px solid #999;
  border-radius: 0;
  background-color: #fff;
  font-size: 16px;
  font-size: 1.6rem;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
@media screen and (max-width: 959px) {
  .pdf-title-wrap{
    margin-top: 0;
  }
}

.pdf-view-page .sp-pdfLinkButton{
  display: none;
}
  .pdf-view-page .pdf-embed > .pdf .number,
  .pdf-view-page .pdf-embed > .pdf a{
    display: none;
  }
  
@media screen and (max-width: 959px) {
  .pdf-prev-next{
    display: none;
  }
  .pdf-view-page .pdf-embed > .pdf{
    height: auto !important;
    padding-top: 0;
  }
  .pdf-view-page .pdf-embed > .pdf .number{
    display: none;
  }
  .pdf-view-page .pdf-embed > .pdf iframe{
    display: none;
  }
  .pdf-view-page .pdf-embed > .pdf a{
  display: table;
margin: 30px auto 0 auto;
padding: 3px 40px;
background: #333;
color: #fff;
font-size: 21px;
font-size: 2.1rem;
text-decoration: none;
  }
  .pdf-view-page .sp-pdfLinkButton{
    display: table;
    margin: 30px auto 0 auto;
    padding: 3px 40px;
    background: #333;
    color: #fff;
    font-size: 21px;
    font-size: 2.1rem;
    text-decoration: none;
  }
}

.select-wrap #spLink{
  display: none;
}
@media screen and (max-width: 959px) {
  .select-wrap #spLink{
    display: block;
    margin-top: 10px;
  }
}















/* 
 * Zoomer v3.1.0 - 2015-12-30 
 * A jQuery plugin for smooth image exploration. Part of the formstone library. 
 * http://classic.formstone.it/components/zoomer/ 
 * 
 * Copyright 2015 Ben Plum; MIT Licensed 
 */ 

 	html, body {
 		-ms-content-zooming: none;
 		-ms-touch-action: none;
 	}
 	.zoomer .zoomer-holder { -ms-touch-action: none; }
  .zoomer_wrapper {
    margin: 0;
    overflow: hidden;
    width: 100%;
  }
 	.zoomer, .zoomer * {
	 	-webkit-user-select: none;
		   -moz-user-select: none;
		    -ms-user-select: none;
		     -o-user-select: none;
		        user-select: none;
 	}
	.zoomer { background: #FFF no-repeat center; height: 100%; overflow: hidden; position: relative; width: 100%;padding: 0 0 133% 0;
		-webkit-transition: none;
		   -moz-transition: none;
		   	-ms-transition: none;
		   	 -o-transition: none;
		   	 	transition: none;
	}
	.zoomer .zoomer-positioner { margin: 0; height: 1px; position: absolute; width: 1px; }
	.zoomer .zoomer-holder { box-shadow: 0 0 3px rgba(0, 0, 0, 0.5); opacity: 0; position: relative;
		-webkit-transition: none;
		   -moz-transition: none;
		   	-ms-transition: none;
		   	 -o-transition: none;
		   	 	transition: none;
	}
	.zoomer .zoomer-image { cursor: move; float: left; height: 100%; width: 100%;
		-webkit-transition: opacity 0.25 linear;
		   -moz-transition: opacity 0.25 linear;
		   	-ms-transition: opacity 0.25 linear;
		   	 -o-transition: opacity 0.25 linear;
		   	 	transition: opacity 0.25 linear;
	}
	.zoomer .zoomer-tiles { height: 100%; position: relative; width: 100%; }
	.zoomer .zoomer-tile { height: auto; position: absolute; width: auto; }

	/* CONTROLS */
	.zoomer .zoomer-controls { background: rgba(0, 0, 0, 0.8); box-shadow: 0 0 5px rgba(0, 0, 0, 0.5); border-radius: 3px; padding: 5px; position: absolute;
		-webkit-transition: opacity 0.25 linear;
		   -moz-transition: opacity 0.25 linear;
		   	-ms-transition: opacity 0.25 linear;
		   	 -o-transition: opacity 0.25 linear;
		   	 	transition: opacity 0.25 linear;
	}
	.zoomer .zoomer-controls span { border-radius: 3px; color: #fff; cursor: pointer; display: block; font-size: 20px; font-weight: bold; height: 30px; line-height: 30px; margin: 0; text-align: center; width: 30px; }
	.zoomer .zoomer-controls .zoomer-next,
	.zoomer .zoomer-controls .zoomer-previous { display: none; }

	.zoomer.zoomer-gallery .zoomer-controls .zoomer-next,
	.zoomer.zoomer-gallery .zoomer-controls .zoomer-previous { display: block; }

	/* CONTROLS - TOP, BOTTOM */
	.zoomer .zoomer-controls-top,
	.zoomer .zoomer-controls-bottom { left: 50%; margin: 0 0 0 -35px; }
	.zoomer .zoomer-controls-top { bottom: auto; top: 10px; }
	.zoomer .zoomer-controls-bottom { bottom: 10px; top: auto; }

	.zoomer.zoomer-gallery .zoomer-controls-top,
	.zoomer.zoomer-gallery .zoomer-controls-bottom { margin: 0 0 0 -65px; }

	.zoomer .zoomer-controls-top span,
	.zoomer .zoomer-controls-bottom span { float: left; }
	.zoomer .zoomer-controls-top span:first-child,
	.zoomer .zoomer-controls-bottom span:first-child { margin: 0 1px 0 0; }

	/* CONTROLS - LEFT, RIGHT, TOP LEFT, TOP RIGHT, BOTTOM LEFT, BOTTOM RIGHT */
	.zoomer .zoomer-controls-left,
	.zoomer .zoomer-controls-top-left,
	.zoomer .zoomer-controls-bottom-left
	.zoomer .zoomer-controls-right,
	.zoomer .zoomer-controls-top-right,
	.zoomer .zoomer-controls-bottom-right { height: 71px; width: 40px; }

	.zoomer.zoomer-gallery .zoomer-controls-left,
	.zoomer.zoomer-gallery .zoomer-controls-top-left,
	.zoomer.zoomer-gallery .zoomer-controls-bottom-left
	.zoomer.zoomer-gallery .zoomer-controls-right,
	.zoomer.zoomer-gallery .zoomer-controls-top-right,
	.zoomer.zoomer-gallery .zoomer-controls-bottom-right { height: 131px; }

	.zoomer .zoomer-controls-left,
	.zoomer .zoomer-controls-right { margin: -35px 0 0 0; top: 50%; }

	.zoomer.zoomer-gallery .zoomer-controls-left,
	.zoomer.zoomer-gallery .zoomer-controls-right { margin: -65px 0 0 0; }

	.zoomer .zoomer-controls-left { left: 10px; }
	.zoomer .zoomer-controls-top-left { left: 10px; top: 10px; }
	.zoomer .zoomer-controls-bottom-left { bottom: 10px; left: 10px; }

	.zoomer .zoomer-controls-right { right: 10px; }
	.zoomer .zoomer-controls-top-right { right: 10px; top: 10px; }
	.zoomer .zoomer-controls-bottom-right { bottom: 10px; right: 10px; }

	@media screen and (min-width: 980px) {
		.zoomer .zoomer-controls span:hover { background: #000; }
	}