@charset "utf-8";
/* extention.css */
/* CSS Document */


/*共通のCSS*/
.align_left {
    display: block;
    text-align: left;
}

.align_right {
    display: block;
    text-align: right;
}

.align_center {
    display: block;
    text-align: center;
}

.fs_50 { font-size: 50%; }

.fs_60 { font-size: 60%; }

.fs_70 { font-size: 70%; }

.fs_80 { font-size: 80%; }

.fs_90 { font-size: 90%; }

.fs_100 { font-size: 100%; }

.fs_110 { font-size: 110%; }

.fs_120 { font-size: 120%; }

.fs_130 { font-size: 130%; }

.fs_140 { font-size: 140%; }

.fs_150 { font-size: 150%; }

.fs_160 { font-size: 160%; }

.fs_170 { font-size: 170%; }

.fs_180 { font-size: 180%; }

.fs_190 { font-size: 190%; }

.fs_200 { font-size: 200%; }

.ind_05em p {
    margin-bottom: -1em;
    margin-left: 0.5em;
    text-indent: -0.5em;
}

.ind_10em p {
    margin-bottom: -1em;
    margin-left: 1em;
    text-indent: -1em;
}

.ind_15em p {
    margin-bottom: -1em;
    margin-left: 1.5em;
    text-indent: -1.5em;
}

.ind_20em p {
    margin-bottom: -1em;
    margin-left: 2em;
    text-indent: -2em;
}

.ind_25em p {
    margin-bottom: -1em;
    margin-left: 2.5em;
    text-indent: -2.5em;
}

.ind_30em p {
    margin-bottom: -1em;
    margin-left: 3em;
    text-indent: -3em;
}

.ind_35em p {
    margin-bottom: -1em;
    margin-left: 3.5em;
    text-indent: -3.5em;
}

.ind_40em p {
    margin-bottom: -1em;
    margin-left: 4.0em;
    text-indent: -4.0em;
}

.ind_45em p {
    margin-bottom: -1em;
    margin-left: 4.5em;
    text-indent: -4.5em;
}

.ind_50em p {
    margin-bottom: -1em;
    margin-left: 5.0em;
    text-indent: -5.0em;
}

.ind_55em p {
    margin-bottom: -1em;
    margin-left: 5.5em;
    text-indent: -5.5em;
}

.ind_60em p {
    margin-bottom: -1em;
    margin-left: 6.0em;
    text-indent: -6.0em;
}

.page-text .ggmap {
    position: relative;
    margin-bottom: 40px;
    height: 0;
    padding-top: 30px;
    padding-bottom: 56.25%;
    overflow: hidden;
}
 
.page-text .ggmap iframe,
.page-text .ggmap object,
.page-text .ggmap embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.page-text img[class*="img_lf_pc"] {
    float: none;
    margin: 5px auto;
    width: 100%;
    height: auto;
    text-align: center;
}

.page-text .img_none_both img,
.page-text .img_lf_pc_75per img,
.page-text .img_lf_pc_66per img,
.page-text .img_lf_pc_50per img,
.page-text .img_lf_pc_33per img,
.page-text .img_lf_pc_25per img,
.page-text .img_rf_pc_75per img,
.page-text .img_rf_pc_66per img,
.page-text .img_rf_pc_50per img,
.page-text .img_rf_pc_33per img,
.page-text .img_rf_pc_25per img {
    float: none;
    margin: 5px auto;
    width: 100%;
    height: auto;
    text-align: center;
}

.page-text .img_none_both,
.page-text .img_lf_pc_75per,
.page-text .img_lf_pc_66per,
.page-text .img_lf_pc_50per,
.page-text .img_lf_pc_33per,
.page-text .img_lf_pc_25per,
.page-text .img_rf_pc_75per,
.page-text .img_rf_pc_66per,
.page-text .img_rf_pc_50per,
.page-text .img_rf_pc_33per,
.page-text .img_rf_pc_25per {
    float: none;
    margin: 5px auto;
    height: auto;
    text-align: left;
}

.video {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
}

.video iframe {
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
}


.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

/********************************************************************************************
    適用範囲：タブレット縦 / タブレット横 / デスクトップ（601px以上の時）
********************************************************************************************/
@media all and (min-width: 601px) {
    .page-text .img_lf_pc_25per {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 23%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_lf_pc_33per {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 31%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_lf_pc_50per {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 48%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_lf_pc_66per {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 64%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_lf_pc_75per {
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 72%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_none_both {
        clear: both;
        float: none;
        height: auto;
        width: 100%;
    }

    .page-text .img_rf_pc_25per {
        float: right;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 23%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_rf_pc_33per {
        float: right;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 31%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_rf_pc_50per {
        float: right;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 48%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_rf_pc_66per {
        float: right;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 64%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_rf_pc_75per {
        float: right;
        display: inline-block;
        vertical-align: top;
        margin: 0;
        width: 72%;
        padding: 0 1% 1% 0;
    }

    .page-text .img_none_both img,
    .page-text .img_lf_pc_25per img,
    .page-text .img_lf_pc_33per img,
    .page-text .img_lf_pc_50per img,
    .page-text .img_lf_pc_66per img,
    .page-text .img_lf_pc_75per img,
    .page-text .img_rf_pc_25per img,
    .page-text .img_rf_pc_33per img,
    .page-text .img_rf_pc_50per img,
    .page-text .img_rf_pc_66per img,
    .page-text .img_rf_pc_75per img {
        border-radius: 4px;
    }


#museum_bn a{
	background-image: url(/wp-content/images/logo_pcbanner.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/

	height: 127px;
	width: 246px;
	position: absolute;
	left: 0;
	bottom: 0;
}
#museum_bn a:hover{
  opacity: 0.8;
  filter: alpha(opacity=80);
  -moz-opacity: 0.8;
  -webkit-transition: 0.3s ease-in-out;
  -moz-transition: 0.3s ease-in-out;
  -o-transition: 0.3s ease-in-out;
  transition: 0.3s ease-in-out;
 
}
}

/********************************************************************************************
    適用範囲：タブレット縦 / タブレット横 / デスクトップ（1px以上の時）
********************************************************************************************/
@media all and (max-width: 600px) {
.fsi_sp_none{
	display: none;
	}
	

#museum_bn a{
	background-image: url(/wp-content/images/logo_spbanner.jpg);
	background-repeat: no-repeat;
	/*background-attachment: fixed;*/

	height: 81px;
	width: 100%;
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	margin: auto;
	background-position: center center;
}


	
}

@media print{
    #main-nav,
	#sub-nav,
	#page-topimage,
	#sidebar,
	.sns-buttons,
	.footer-inner
	{
        display: none;
    }
	#page-title{
	text-align: center;
    }
}