@charset "utf-8";

/* text-stroke は 内側にラインが入る text-shadow は外側にラインが入る */

.site-title{
/*  background: skyblue; */
  color: #876f08;
  text-shadow: 0px 1px 0px #000,
               0px 4px 5px rgba(0,0,0,0.15),
               0px 6px 1px rgba(0,0,0,0.1),
               0px 8px 15px rgba(0,0,0,0.1);
}

/* リンクの文字色など変更 */
a {
	color: #876f08 !important;/*リンク文字色*/
}
a:hover,
a:active {
	color: #B79915 !important;/*マウスオーバー時のリンク文字色*/
}
.entry-content a {
	color: #876f08 !important;/*記事中のリンク文字を変更*/
}
a:hover,
a:active {
	color: #B79915 !important;
}
.entry-content a,
.entry-summary a,
.widget a,
.site-footer .widget-area a,
.posts-navigation a,
.widget_authors a strong {
	-webkit-box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) !important;/*下線の太さと色*/
	box-shadow: inset 0 0px 0 rgba(15, 15, 15, 1) !important;/*下線の太さと色*/
}
/* －－－－－－↓ここからTOP画像の高さ変更　標準↓－－－－－－ */
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
    display: table;
    height: 100px;
    /* height: 75vh; */
    width: 100%;
	position:-385px 0;
}
/* －－－－－－↓ここからTOP画像の高さ変更（幅：480px）まで↓－－－－－－ */
@media only screen and (max-device-width : 480px) {
	.custom-header,
.has-header-image.twentyseventeen-front-page .custom-header,
.has-header-video.twentyseventeen-front-page .custom-header,
.has-header-image.home.blog .custom-header,
.has-header-video.home.blog .custom-header {
    display: table;
    height: 100px;
    /* height: 75vh; */
    width: 100%;
}
  
	.site-title {
		font-size: 16pt;
	}
  .site-branding.wrap.site-branding-text {
    margin-bottom: 10px;
  }  
/*	.has-header-image .custom-header-media img, */
	.has-header-video .custom-header-media video,
	.has-header-video .custom-header-media iframe {
		display: none;
	}
}

/* TwentySeventtenの最大幅を1200pxに変更 */
@media screen and (min-width: 79em) {
	.wrap {
		max-width: 800px;
		padding-left: 1em;
		padding-right: 1em;
	}
	.has-sidebar:not(.error404) #primary {
		width: 70.0%;
	}
	.has-sidebar #secondary {
		width: 21.3%;
	}
	.navigation-top .wrap {
		max-width: 1200px;
	}
	.site-footer .wrap {
		padding-left: 10em;
		padding-right: 8em;
	}
}
/* －－－－－－↓ここから↓－－－－－－layout CSS */
Font-size Adjustment
11px = 0.6875rem
12px = 0.75rem
13px = 0.8125rem 
14px = 0.875rem
15px = 0.9375rem
18px = 1.125rem
20px = 1.25rem
22px = 1.375rem
24px = 1.5rem
26px = 1.625rem
30px = 1.875rem

h1 h2 h3 h4 h5 h6 {
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

/* －－－－－－↓ここから↓－－－－－－投稿タイトル(entry-title)を非表示CSS */
/* 全固定ページで非表示 */
.page .entry-title {
    display: none !important;
}
/* 全投稿ページで非表示 */
.post .entry-title {
    display: none !important;
}
/* 特定の投稿IDで非表示 .post-(例:post=77)*/
.post-77 .entry-title {
    display: none;
}
/* －－－－－－↑ここまで↑－－－－－－投稿タイトル(entry-title)を非表示CSS */
/* －－－－－－↑ここまで↑－－－－－－Rの枠付きCSS */
.radius15 {
	background-image: url(http://ssmuseum.jp/images/bg.png);
	border-radius: 15px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
}
/* －－－－－－↓ここから↓－－－－－－リンクの行間CSS */
.textbox_link{
  padding-left: 1em;
  text-indent: -1em;
  line-height:200%;
}
.textbox_news{
	text-align:left;
	font-size:0.85em;
	margin:2px;
	color:#333;	
	}
/* －－－－－－↑ここまで↑－－－－－－リンクの行間CSS */
/*============TOPページごあいさつ============*/
.top {
	margin: 0px 0 0 0px;
	padding: 0 20px 0 20px;
	width: 100%;
/*	height: 650px;
	float: left;*/
	position: relative;
	border: 2px solid #B89B13;
	background-image: url(http://ssmuseum.jp/images/bg.png);
	border-radius: 15px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
}

.bg {
	margin: 0px 0 0 0px;
	padding: 0 10px 0 10px;
	width: 100%;
/*	height: 650px;
	float: left;*/
	position: relative;
	border: 2px solid #B89B13;
	background-image: url(http://ssmuseum.jp/images/bg.png);
	border-radius: 15px;
	-webkit-border-radius: 8px;    /* Safari,Google Chrome用 */
	-moz-border-radius: 8px;   /* Firefox用 */
}

.bg img {
   display: block;
   margin-top: 10px;
   margin-bottom: 10px;
   margin-left: auto;
   margin-right: auto;
	width: 90%;
	position: relative;
/*	height: 650px;
	float: left;*/
}

/* －－－－－－↓ここから↓－－－－－－banner CSS */
.banner_l {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:43px;
	font-size: 20px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_l_new.png);
	background-repeat: no-repeat;
	text-align: left;
 	padding:3px 0 3px 50px;
	margin: 20px 0;
	color:#B79915;
	border-bottom: 2px solid #B79915;
}
.banner_l:first-letter {
	margin-right: .1em;
	font-size: 1.5em;
}

.banner_le {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:43px;
	font-size: 16px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_l.png);
	background-repeat: no-repeat;
	text-align: left;
 	padding:6px 0 0 50px;
	margin: 20px 0;
	color:#B79915;
}

.banner_m {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	clear:both;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:30px;
	font-size: 20px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_m.png);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 0 0 35px;
	margin:10px 0 10px 0 ;
	color:#B79915;
}


.banner_me {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	clear:both;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:30px;
	font-size: 14px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_m.png);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 0 0 35px;
	margin:10px 0 10px 0 ;
	color:#B79915;
}

.banner_s {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	clear:both;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:30px;
	font-size: 20px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_s.png);
	background-repeat: no-repeat;
	text-align: left;
	padding: 1px 0 0 20px;
	margin:10px 0 10px 0 ;
	color:#B79915;
}

.banner_se {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	clear:both;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:30px;
	font-size: 14px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_s.png);
	background-repeat: no-repeat;
	text-align: left;
	padding: 5px 0 0 35px;
	margin:10px 0 10px 0 ;
	color:#B79915;
}

.banner_ss {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	clear:both;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:30px;
	font-size: 20px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_s.png);
	background-repeat: no-repeat;
	text-align: left;
	padding: 1px 0 0 20px;
	margin:10px 0 10px 0 ;
	color:#B79915;
}

.banner_sse {
  white-space: nowrap; /*溢れた文字対応 */
  overflow: hidden; /*溢れた文字対応 */
  text-overflow: ellipsis; /*溢れた文字対応 */
  -o-text-overflow: ellipsis;  /*溢れた文字対応　Opera9,10対応 */
	clear:both;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	width:100%;
	height:30px;
	font-size: 14px;
	line-height: normal;
	background-image: url(http://ssmuseum.jp/images/banner_s.png);
	background-repeat: no-repeat;
	text-align: left;
	padding: 1px 0 0 20px;
	margin:10px 0 10px 0 ;
	color:#B79915;
}

/* 位置クラス
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.clear { clear: both !important; }
.cen {
	text-align: center !important;
	margin: 15px 15px 0 15px;
}
.cen_li { clear:both; text-align: center; !important;}
.left { text-align: left !important; }
.right { text-align: right !important; }
.fLeft { float: left !important; }
.fRight { float: right !important; }

/* テキスト
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
.bold { font-weight: bold !important; }
.txtRed { color: #ff0000 !important; }
.txtRed2 { color: #CC0000 !important; }
.txtBlue { color: #0052E5 !important; }
.txtPink { color: #F246A4 !important; }
.txtGold { color: #A98552 !important; }
.txtGray { color: #666666 !important; }
.txtWhite { color: #FFFFFF !important; }
.txtOrange { color: #FF6600!important; }

.txt11 { font-size: 92% !important; }
.txt13 { font-size: 109% !important; }
.txt14 { font-size: 117% !important; }
.txt15 { font-size: 125% !important; }
.txt17 { font-size: 142% !important; }
.txt18 { font-size: 150% !important; }
.txt20 { font-size: 167% !important; }

.lh190 { line-height: 190% !important; }
.bNone { border: none !important; }
.vaMiddle { vertical-align: middle !important; }
.small{ font-size: 80% !important;}

.introduction{
	margin:0 20px 20px 0;
	}

.title_his{
	/*	font-size:14px;*/
	font-size: larger;
	font-weight: bold;
	}
/*====================================================================*/ 
/* 枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */
body {
	background: #FFFFFF;
	color: #333333;
}

#container {
	position: relative;
	font:13px/1.231 Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
	/* for IE Quirks Mode */
	font-family:Helvetica, Arial, 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'モリサワ 新ゴ R', 'Droid Sans', メイリオ, 'sans-serif';
	line-height: 171%;
}


/*====================================================================*/ 
/* 追加枠組み
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ ▽ */

.Italic {
	font-style: italic;
}

.att {
  padding-left: 1em;
  text-indent: -1em;
}

.timetable
{
  padding: 5px 0 0 0;
}

.table_fee {
border-spacing:0; 
border-collapse: collapse; /* 枠線の表示方法 */
/*border: 1px #1C79C6 solid;  テーブル全体の枠線（太さ・色・スタイル） */
padding: 5px; /* セル内の余白 */
}

.t_color01 {
	background-color:#CCC;	
	}
/*－－－－－－↑ここまで↑－－－－－－layout CSS */