/*! fancyBox v2.1.5 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-wrap,
.fancybox-skin,
.fancybox-outer,
.fancybox-inner,
.fancybox-image,
.fancybox-wrap iframe,
.fancybox-wrap object,
.fancybox-nav,
.fancybox-nav span,
.fancybox-tmp
{
padding: 0;
margin: 0;
border: 0;
outline: none;
vertical-align: top;
}

.fancybox-wrap {
position: absolute;
top: 0;
left: 0;
z-index: 8020;
margin:0 auto;
}

.fancybox-skin {
position: relative;
}

.fancybox-opened {
z-index: 8030;
}
.fancybox-inner {
overflow: hidden;
max-height:540px;
}
#page .fancybox-inner {
max-height:inherit;
}
.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling: touch;
}

.fancybox-error {
color: #444;
margin: 0;
padding: 15px;
white-space: nowrap;
}

.fancybox-image, .fancybox-iframe {
display: block;
width: 100%;
height: 100%;
}

.fancybox-image {
max-width: 100%;
max-height: 100%;
}

#fancybox-loading, .fancybox-close, .fancybox-prev span, .fancybox-next span {
background-image: url('fancybox_sprite.png');
}

#fancybox-loading {
position: fixed;
top: 50%;
left: 50%;
margin-top: -22px;
margin-left: -22px;
background-position: 0 -108px;
opacity: 0.8;
cursor: pointer;
z-index: 8060;
}
.fancybox-close{
position:fixed;
top:5%;
right:5%;
width:100px;
height:100px;	
z-index: 8060;
}
@media screen and (max-width:640px){
.fancybox-close{
width:40px;
height:40px;
top:20px;
}
}
.fancybox-close span:after{
display:block;
content:' ';
position:absolute;
top:50px;
right:0;
width:100%;
height:1px;
background:#000;
-webkit-transform: translateY(0) rotate(45deg);
transform: translateY(0) rotate(45deg);
}
@media screen and (max-width:640px){
.fancybox-close span:after{
top:20px;
}
}
.fancybox-close span:before{
content:' ';
display:block;
position:absolute;
top:50px;
right:0;
width:100%;
height:1px;
background:#000;
-webkit-transform: translateY(0) rotate(-45deg);
transform: translateY(0) rotate(-45deg);
}
@media screen and (max-width:640px){
.fancybox-close span:before{
top:20px;
}
}
.fancybox-nav span.icon-arrow{
position:fixed;
top: 50%;
display: block;
width:100px;
height:100px;
line-height:100px;
font-size:100px;
text-align:center;
margin-top:-50px;
padding: 0;
cursor: pointer;
border: none;
outline: none;
z-index: 8040;
background:rgba(0,0,0,0.5);
color:#fff;
opacity:0.3;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.fancybox-skin:hover .fancybox-nav span.icon-arrow{
opacity:1;
}
@media screen and (max-width:980px){
.fancybox-nav span.icon-arrow{
width:60px;
height:60px;
line-height:60px;
margin-top:-10px;
margin-top:-30px;
font-size:60px;
}
}
@media screen and (max-width:640px){
.fancybox-nav span.icon-arrow{
width:50px;
height:50px;
line-height:50px;
margin-top:-25px;
font-size:50px;
}
}
.fancybox-prev span.icon-arrow{
left:5%;
-webkit-transform: translateY(0) rotate(90deg);
transform: translateY(0) rotate(90deg);
}
@media screen and (max-width:1440px){
.fancybox-prev span.icon-arrow{
left:0;
}
}
.fancybox-next span.icon-arrow{
right:5%;
-webkit-transform: translateY(0) rotate(-90deg);
transform: translateY(0) rotate(-90deg);
}
@media screen and (max-width:1440px){
.fancybox-next span.icon-arrow{
right:0;
}
}
.fancybox-tmp {
position: absolute;
top: -99999px;
left: -99999px;
visibility: hidden;
max-width: 99999px;
max-height: 99999px;
overflow: visible !important;
}

/* Overlay helper */

.fancybox-lock {
overflow: hidden !important;
width: auto;
}

.fancybox-lock body {
overflow: hidden !important;
}

.fancybox-lock-test {
overflow-y: hidden !important;
}

.fancybox-overlay {
position: absolute;
top: 0;
left: 0;
overflow: hidden;
display: none;
z-index: 8010;
background:rgba(255,255,255,0.95);
}

.fancybox-overlay-fixed {
position: fixed;
bottom: 0;
right: 0;
}

.fancybox-lock .fancybox-overlay {
overflow: auto;
overflow-y: scroll;
}

/* Title helper */
.fancybox-title {
visibility: hidden;
position: relative;
text-shadow: none;
z-index: 8050;
color:#004097;
}
.fancybox-opened .fancybox-title {
visibility: visible;
}
.fancybox-title-outside-wrap {
width:100%;
text-align:center;
bottom: -10px;
white-space: nowrap;
font-size:88%;
}
@media screen and (max-width:640px){
.fancybox-title-outside-wrap{
font-size:9pt;
}
}
.fancybox-title-outside-wrap .pages{
font-size:125%;
letter-spacing:6px;
}
.item-content{
max-width:460px;
}
.item-content img{
max-width:100%;
height:auto;
}
@media screen and (max-width:640px){
.item-content{
max-width:90%;
margin:0 auto;
}
}
.fancybox-title .mainTtl{
position:fixed;
top:20px;
left:0;
width:100%;
line-height:1.4;
}
.fancybox-title .name{
font-size:236%;
margin:0 0 5px;
font-weight:bold;
}
@media screen and (max-width:980px){
.fancybox-title .name{
font-size:143%;
}
}
@media screen and (max-width:640px){
.fancybox-title .name{
font-size:13pt;
margin:0 0 5px;
}
}
/* トップページ用書き足し */
.popBox{
overflow-y: scroll;
margin-top:50px;
}
@media screen and (min-width:1081px){
.popBox .areaInner{
width:980px;
}
}
@media screen and (max-width:1080px){
.popBox .areaInner{
width:100%;
}
}
.popBox .areaInner{
min-height:400px;
max-width:980px;
}
@media screen and (max-width:980px){
.popBox .areaInner{
min-height:inherit;
}
}
.popBox .img{
width:50%;
height:100%;
position:absolute;
top:50%;
left:5%;
margin-top:-25%;
overflow:hidden;
padding-top:50px;
}
.popBox .txtContent{
margin-left:60%;
}
@media screen and (max-width:980px){
.popBox .img,
.popBox .txtContent{
width:100%;
padding:0;
max-width:640px;
margin:0 auto;
}
.popBox .img{
position:static;
text-align:center;
}
.popBox .txtContent{
margin:30px 0 0;
}
}
.popBox .img img{
height: auto;
max-height: 100%;
max-width: 100%;
width: auto;
}
/*左画像をたて100％にする場合
@media screen and (max-width:1440px){
.popBox .img img{
max-width:inherit;
height: 100%;
}
}
*/
@media screen and (max-width:980px){
.popBox .img img{
width: 100%;
height: auto;
max-height:inherit;
}
}
.popBox .ttl{
margin:0 0 45px;
font-size:179%;
font-weight:bold;
line-height:1.4;
color:#333333;
}
@media screen and (max-width:640px){
.popBox .ttl{
font-size:13pt;
margin:0 0 15px;
}
}
.popBox .note{
margin-bottom:15px;
}
.popBox .note small{
font-size:86%;
}
@media screen and (max-width:640px){
.popBox .note small{
font-size:8pt;
}
}
.sectionTtl{
margin: 45px 0 15px;
font-weight: bold;
}