@charset "utf-8";

/* ===================================================================
 BASE
=================================================================== */
p{
	margin-bottom:1.4em;}

h4, h5{
	color:#333366;
	font-family:"游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
	font-weight:bold;}

h4{
	font-size:163%; /*26px*/
	background:transparent url("/Html/Home/3410015100/images/h4_underline.gif") left bottom repeat-x;
	margin-top:2.5em;
	margin-bottom:1.5em;
	padding-bottom:0.35em;}

h5{
	font-size:150%; /*24px*/
	border-bottom:1px solid #333366;
	margin-top:2.5em;
	margin-bottom:1.5em;
	padding-bottom:0.1em;}

h4 span, h5 span{
	font-size:72%;}




/*...from bootstrap ver3... 
.top-main a{color:#337ab7;text-decoration:underline;}
.top-main a:link {color:#337ab7;}
.top-main a:visited {}
.top-main a:hover {color:#23527c;}
.top-main a:active {}
*/

/*===== HR =====*/
hr.hr_main_bdr{
/*	width:1000px;*/
	height: 1px;
	border: none;
	margin:0 auto 2.5em;
	border-bottom:1px dotted #333;}


/* ===================================================================
 COMMON
=================================================================== */
/*===== FLOAT =====*/
.flo-left{float:left;}

.flo-right{float:right;}

.clearfix:after{
content:"";
display:block;
height:0;
clear:both;
overflow:hidden;} /* IE以外のモダンWebブラウザ向け */

.clearfix{display:inline-block;} /* IE7およびMac版IE5向け */

/* Hides from IE-mac \*/
* html .clearfix{height:1%;}
.clearfix{display:block;}
/* End hide from IE-mac */ /* IE6以前向け */



/* ===================================================================
 TOPPAGE
=================================================================== */
.top-main {
	line-height: 1.6em;
	width: 100%;
	min-width:320px;}

#bg-main-ctt{
	background:#f4e9dc url("/Html/Home/3410015100/images/bg_main_ctt.gif") center top repeat-y;}

/*1260px以上のデバイス（タブレット、パソコン、大型ディスプレイなど）での表示設定*/
@media(min-width:1260px){
	#bg-main-ctt{
	border-bottom:20px solid #f4e9dc;}}

#bg-main-img{
	text-align:center;
	background:#000 url("/Html/Home/3410015100/images/bg_main_img.jpg") center top no-repeat;}

#box-main-img{
	position:relative;
	margin:0 auto;
	width:100%;
	max-width:1200px;
	max-height:400px;}

img#h3-img{
	position:absolute;
	top:22.5%; /*90px*/
	left:0;
	width:41.4%; /*497px*/
	z-index:100;}


/*スライド*/
span.left-arrow:after{
	content: url("/Html/Home/3410015100/images/left-arrow.png");
	position:absolute;
	left:1%;
	bottom: 11.2%;
	max-width: 16px;
	z-index:80;
	}
span.right-arrow:after{
	content: url("/Html/Home/3410015100/images/right-arrow.png");
	position:absolute;
	right:1%;
	bottom: 11.2%;
	max-width: 16px;
	z-index:80;
	}

#slide-img{
	z-index:50;}


#box-main-ctt{
	width:100%;
	max-width:1160px;
	padding-top:2.5em;
	margin:0 auto 2.5em;}


div.box-hosoku{
	margin-top:1.5em;
	padding-top:1.0em;}


ul.boxlist{
	list-style: none;
	display:flex;
	flex-wrap:wrap;
	justify-content:start;
	padding-left:0;}

ul.boxlist li{
	font-size:125%; /*20px*/
	text-align:center;}

ul.boxlist li .each{
	border:1px solid #ccc;
	padding-bottom:1.4em;
	margin:0 auto 2.5em;
	box-shadow:3px 3px 8px rgba(0, 0, 0, 0.15);
	-webkit-filter:drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.15));
	-moz-filter:drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.15));
	-ms-filter:drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.15));
	filter:drop-shadow(3px 3px 6px rgba(0, 0, 0, 0.15));}

@media(min-width:769px){
	ul.boxlist li{
		width:50%;
		width:25%;/*4列*/}
	ul.boxlist li .each{
		width:84%;}
	ul.boxlist li.visib-hidden{
		visibility:hidden;}}

@media(max-width:769px){
	ul.boxlist li{
		width:33%;}/*3列*/
	ul.boxlist li .each{
		width:86%;}
	ul.boxlist li .each span{display:block;}
	ul.boxlist li.visib-hidden{
		display:none;
	}}

@media(max-width:576px){
	ul.boxlist li{
		width:50%;}/*2列*/}

ul.boxlist li img{
	display:block;
	width:100%;
	margin-bottom:1.4em;
	border-bottom:1px solid #ddd;}

ul.boxlist li a:hover img, ul.boxlist li a:active img{
	opacity:0.6;}

ul.boxlist li span{
	font-size:82%;}

a.link-ico-ar:before{
	content: url("../topg/images/common/ico_triangle.gif");
	vertical-align:top;
	padding-right:0.2rem;}

/*外部リンク*/
p.p-link-gaibu{
	margin-bottom:0.5em;}

p.p-link-gaibu a:after{
	content: url("../topg/images/common/ico_open_in_new.gif");
	vertical-align:middle;
	padding-left:0.5rem;}

#ul-link-gaibu{
	text-align:right;
	list-style-type:none;}

#ul-link-gaibu li{
	padding-right:2.0rem;
	background:transparent url(../topg/images/common/ico_open_in_new.gif) right 50% no-repeat;}


/* ===================================================================
史資料ID：3410015100200010（浅野文庫）本文翻刻画面style
=================================================================== */

div.hirosimachuo-honbun-honkoku-image-no{
  max-width: 1180px;
  border: 1px solid #333333;
  padding: 0.5em;
}
div.hirosimachuo-honbun-honkoku-image-no ul{
  padding:1em 0em ;
  list-style-type: none;
  display: flex;
  flex-wrap: wrap;
  position: relative;
  margin: 0;
} 
div.hirosimachuo-honbun-honkoku-image-no ul li{
  width: 2em;
  text-align: center;
  margin: 0 0 0 0.5em;
}
div.hirosimachuo-honbun-honkoku-image-no ul li+li::before{
  position: absolute;
  content: "｜";
  display: block;
  color: #333333;
  transform: translate(-50%,0);
}