p{
margin:0;
}

#container{
height:100%;
}

#header{
position:fixed;
top:0;
left:0;
z-index:3000;
width:100%;
height:38px;
border-bottom:2px solid #646464;
background-color:#D6D6D6;
}

#footer{
position:fixed;
bottom:0;
left:0;
z-index:3000;
width:100%;
height:38px;
border-top:2px solid #646464;
background-color:#D6D6D6;
}

header,
.header_in,
.header_logo,
.header_logo_in,
.header_title_in,
footer,
.footer_in,
.footer_jumper,
.footer_jumper_in{
height:100%;
}

.header_in{
display:flex;
justify-content:flex-start;
}

.header_logo{
padding-left:1rem;
}
.header_logo_in{
display:flex;
align-items:center;
}
.header_title{
flex:1;
display:flex;
justify-content:flex-start;
overflow:hidden;
padding-left:1rem;
}
.header_title a{
display:flex;
justify-content:flex-start;
align-items:stretch;
overflow:hidden;
height:100%;
padding-right:calc(16px + 0.5rem);
background-image:url(./../images/icon_information.svg);
background-position:center right;
background-repeat:no-repeat;
color:#333333;
}
.header_title_in{
display:flex;
align-items:center;
overflow:hidden;
}
.header_title h1{
white-space:nowrap;
}
.header_zoom{
display:flex;
align-items:center;
width:22px;
padding:0 1rem;
}
.header_zoom .zoom-icon{
position:static;
}

.footer_in{
display:flex;
justify-content:space-between;
}

.footer_icons{
display:flex;
align-items:center;
}
.footer_icons button{
display:flex;
align-items:center;
padding:3px 1em;
border:0;
background-color:transparent;
cursor:pointer;
}
.footer_icons span{
line-height:1;
}
.footer_icons_in > ul{
display:flex;
justify-content:flex-start;
}
.footer_icons_in > ul > li{
border-right:1px solid #acacac;
}
.footer_icons button > *{
margin-left:0.5em;
}
.footer_icons button > *:first-child{
margin-left:0;
}

.footer_jumper{
padding-right:1em;
}
.footer_jumper_in{
display:flex;
}
.footer_jumper_in > *{
display:flex;
align-items:center;
margin-left:0.5em;
}
.footer_jumper [type=text]{
box-sizing:border-box;
width:3em;
margin-top:5px;
margin-bottom:5px;
padding:5px;
border:1px solid #acacac;
font-size:16px;
}
.footer_jumper [type=button]{
display:flex;
align-items:center;
margin-top:5px;
margin-bottom:5px;
background-color:#E1E1E1;
border:1px solid #acacac;
font-size:14px;
cursor:pointer;
}

#canvas{
height:100%;
background-color:#c8c8c8;
}
.canvas-in{
overflow:hidden;
width:100%;
height:calc(100% - 80px);
padding:40px 0;
}

.magazine-viewport{
height:100%!important;
}

.magazine-viewport .container{
position:relative;
}

.smartphone_mode .magazine-viewport .previous-button,
.smartphone_mode .magazine-viewport .next-button{
  top:calc(50% - 25px);
	z-index:500;
  height:50px!important;
  width:50px!important;
  border-radius:0;
}
.smartphone_mode .magazine-viewport .previous-button,
.smartphone_mode .magazine-viewport .previous-button-hover,
.smartphone_mode .magazine-viewport .previous-button-down{
background-position:10px center!important;
}
.smartphone_mode .magazine-viewport .next-button,
.smartphone_mode .magazine-viewport .next-button-hover,
.smartphone_mode .magazine-viewport .next-button-down{
background-position:-24px center!important;
}
.smartphone_mode .magazine-viewport .previous-button{
  left:-5px;
}
.smartphone_mode .magazine-viewport .next-button{
  right:-5px;
}
.magazine-viewport .zoom-in + .next-button + .previous-button,
.magazine-viewport .zoom-in + .next-button{
  display:none!important;
}

/* PDFでひらく */
.catalog_pdf_type_in > *{
margin-top:1rem;
}
.catalog_pdf_type_in > *:first-child{
margin-top:0;
}
.catalog_pdf_type_in > h2{
font-size:20px;
}
.catalog_pdf_type_in > ul{
display:flex;
flex-direction:column;
}

.catalog_pdf_type_in > ul li{
display:flex;
flex-direction:row;
margin-top:14px;
}
.catalog_pdf_type_in > ul li:first-child{
margin-top:0;
}

.catalog_pdf_type_in > ul a{
width:224px;
height:224px;
margin-left:14px;
padding:14px;
border:5px solid #ffffff;
border-radius:10px;
color:#ffffff;
}
.catalog_pdf_type_in > ul a:hover{
background-color:rgba(255,255,255,0.2);
}
.catalog_pdf_type_in > ul a:first-child{
margin-left:0;
}

.catalog_pdf_type_in > ul a dl{
display:flex;
flex-direction:column;
justify-content:center;
align-items:center;
}
.catalog_pdf_type_in > ul a dl dt{
margin-top:14px;
font-size:28px;
}
.catalog_pdf_type_in > ul a dl dd{
display:flex;
flex-direction:row;
}

.catalog_pdf_type_in > ul a dl dd p{
display:flex;
align-items:center;
justify-content:center;
width:88px;
height:148px;
margin-left:14px;
border:5px solid #ffffff;
font-size:72px;
}
.catalog_pdf_type_in > ul a dl dd p:first-child{
margin-left:0;
}
.catalog_pdf_type_in > ul a dl dd p.positive{
border:5px dashed #666666;
color:#666666;
}

#open_pdf_left,
#open_pdf_right,
#open_pdf_both{
display:flex;
}
#open_pdf_smartphone{
display:none;
}
.smartphone_mode #open_pdf_left,
.smartphone_mode #open_pdf_right,
.smartphone_mode #open_pdf_both{
display:none;
}
.smartphone_mode #open_pdf_smartphone{
display:flex;
margin-left:0;
}


/* modaal */

#catalog_index,
#catalog_pdf_type,
#content-all-title{
display:none;
}

.catalog_index_in > *{
margin-top:1rem;
}
.catalog_index_in > *:first-child{
margin-top:0;
}
.catalog_index_in > h2{
font-size:20px;
}
.catalog_index_in > ul{
padding:1rem;
border:5px solid #ffffff;
}
.catalog_index_in > ul li{
margin-top:0.5rem;
}
.catalog_index_in > ul li:first-child{
margin-top:0;
}
.catalog_index_in > ul a{
display:block;
line-height:1.25;
color:#ffffff;
}
.catalog_index_in > ul a dl{
display:flex;
justify-content:space-between;
}
.catalog_index_in > ul a dl dd{
margin-left:1rem;
}
.catalog_index_in > ul a:hover{
text-decoration:underline;
}

/* Javascript */

.modaal-outer-wrapper,
.modaal-inner-wrapper{
display:flex;
justify-content:center;
align-items:center;
}
/* IEハック */
_:-ms-lang(x)::-ms-backdrop, .modaal-outer-wrapper {
  display:table;
}
_:-ms-lang(x)::-ms-backdrop, .modaal-inner-wrapper {
  display:table-cell;
}

.modaal-container{
display:flex;
justify-content:center;
width:auto;
background-color:transparent;
box-shadow:inherit;
color:#ffffff;
}
.modaal-content{
display:flex;
justify-content:center;
}
.modaal-content-container{
/*min-width:490px;*/
padding:1rem;
}
.modaal-overlay{
z-index:9998;
}

.view-all-title{
display:none;
}

.content-all-title-in{
padding:1rem;
}

/* smartphone */

@media screen and (max-width: 767px){
  .footer_icons span{
    display:none;
  }
  .footer_jumper_in > p{
    display:none;
  }

  .modaal-container{
/*
    margin:inherit;
*/
  }
  .modaal-inner-wrapper{
    padding:0;
  }
  .modaal-content-container{
    padding:0;
  }
  .catalog_pdf_type_in > ul li{
    margin-top:8px;
  }
  .catalog_pdf_type_in > ul a{
    display:flex;
    justify-content:center;
    align-items:center;
    width:150px;
    height:150px;
    margin-left:8px;
  }
  .catalog_pdf_type_in > ul a dl dt{
    font-size:18px;
  }
  .catalog_pdf_type_in > ul a dl dd p{
    font-size:24px;
    width:48px;
    height:48px;
  }
  .catalog_pdf_type_in > ul a dl dd img{
    width:48px;
    height:48px;
  }

  .catalog_index_in{
    padding:36px 1em;
  }
}
@media screen and (max-width: 374px){
  .footer_jumper_in > span{
    display:none;
  }
  #direct_jumper:before{
    content:"ページに";
  }
}