@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Poiret+One);

/* CSS Document */
.wp_museum #midashi {
background:#3d99d7 url(img/ttl_bg.jpg) no-repeat center 0;
}
.wp_museum p.p01{
padding:25px 0 30px 0;
}
.wp_museum .mainimage img{
width:100% !important;
height:auto !important;
}
#museum{
padding-bottom:1px;
}
#museum .mus01 .row {
margin:0 -16px;
}
#museum .mus01 .col3 {
padding:0 16px 32px;
font-size:14px;
}
#museum .mus01 .col3 h3 {
margin:0 0 8px;
text-align:center;
background:#3d99d7;
color:#fff;
font-size:28px;
font-family: 'Poiret One', cursive;
letter-spacing:.05em;
}
#museum .mus01 .col3 p {
text-align:justify;
text-justify:inter-ideograph;
}
#museum .blk01 p strong {
font-size:100%;
}

#museum .mus02 dl{
background:#FFF;
}
#museum .mus02 dt{
font-size:30px;
float:left;
width:30%;
text-align:center;
background-image:url(img/museum-08.png);
background-repeat:no-repeat;
background-position:center bottom;
background-color:#CDCDCD;
min-height:210px;
line-height:3em;
}
#museum .mus02 dd{
float:right;
min-height:210px;
font-size:14px;
padding:5% 0 0 0;
width:65%;
}
#museum .mus02 dd .inf{
float:left;
margin-right:10px;
}
#museum .mus02 dd .inf02{
font-size:22px;
line-height:1.2em;
}
#museum .mus02 dd .inf03{
line-height:1.8em;
}

#lanking {
margin:-30px 20px 48px;
}
#lanking .lankL {
float:left;
width:338px;
padding:48px 0 0;
}
#lanking .lankR {
float:right;
width:700px;
}
#lanking .imgR {
float:right;
width:256px;
margin:0 0 0 20px;
box-shadow:2px 2px 4px rgba(0, 0, 0, .2);
}
#lanking strong {
display:block;
font-size:28px;
}
#lanking .lank2 strong {
font-size:24px;
}
#lanking .lank3 strong {
font-size:22px;
}
#lanking strong img {
vertical-align:middle;
margin-right:14px;
}
#lanking dl {
float:right;
overflow:hidden;
}
#lanking dt {
float:left;
width:5em;
}
#lanking dd {
margin:0 0 0 5.5em;
text-align:right;
}
#lanking .txtR {
text-align:right;
}


@media (max-width:1124px) {
#museum .mus01 .row {
margin:0 -8px;
}
#museum .mus01 .col3 {
padding:0 8px 32px;
font-size:14px;
}
#museum .mus02 dd{
padding:2% 0 0 0;
}
#museum .mus02 dd .inf02{
font-size:18px;
}

#lanking {
margin:-32px 0 32px;
}
#lanking .lankL {
float:none;
width:auto;
margin:0 0 24px;
padding:0;
text-align:center;
}
#lanking .lankR {
float:none;
width:auto;
}
#lanking .imgR {
float:right;
width:50%;
margin:0 0 0 20px;
box-shadow:2px 2px 4px rgba(0, 0, 0, .2);
}
#lanking strong img {
display:block;
}
#lanking strong {
display:block;
font-size:20px;
}
#lanking .lank2 strong {
font-size:18px;
}
#lanking .lank3 strong {
font-size:16px;
}
#lanking strong img {
vertical-align:middle;
margin-right:0;
}
#lanking .txtR {
text-align:left;
}

}

@media (max-width:736px){
.wp_museum p.p01{
padding:25px 0 0px 0;
}
#museum .mus01 .col3 {
font-size:16px;
}

#museum .mus02 dl{
background:none;
}
#museum .mus02 dt{
font-size:30px;
float:none;
width:100%;
text-align:left;
background:none;
min-height:1px;
line-height:2em;
}
#museum .mus02 dd{
float:none;
min-height:auto;
font-size:14px;
padding:0;
width:auto;
border-radius:5px;
padding:3%;
background-color:#FFF;
background-image:url(img/museum-09.png);
background-repeat:no-repeat;
background-position:right 45%;
background-size:30%;
}
#museum .mus02 dd .inf{
float:none;
margin-right:0;
margin-bottom:10px;
}
#museum .mus02 dd .inf02{
font-size:18px;
line-height:1.5em;
margin-bottom:10px;
}
#museum .mus02 dd .inf03{
line-height:1.8em;
}
#museum .mus02 dd span{
display:block;
}

.wp_museum #midashi {
background:url(img/ttl_bgsp.jpg) no-repeat 0 0;
background-size:auto 108px;
}
.wp_museum #midashi h1 {
background:url(img/museum_ttlsp.png) no-repeat 0 0;
background-size:auto 108px;
width:auto;
}

}

@media (max-width:414px) {
#lanking .imgR {
float:none;
display:block;
width:100%;
max-width:340px;
margin:0 auto 16px;

}
#lanking strong img {
float:left;
margin-right:14px;
}
#lanking strong {
display:block;
font-size:20px;
}
#lanking .lank2 {
border-top:solid #ccc 1px;
padding-top:24px;
}
#lanking .lank3 {
border-top:solid #ccc 1px;
padding-top:24px;
}
#lanking .txtR {
text-align:right;
}

}

@media (max-width:374px) {
#lanking strong {
font-size:16px;
}
#lanking .lank2 strong {
font-size:16px;
}
#lanking .lank3 strong {
font-size:16px;
}

}