@charset "utf-8";
/* CSS Document voice*/


/*---------------------------------------------------------------------
	各雑誌　テーマカラー
---------------------------------------------------------------------*/
:root {
  --fc-site-main: #4e59dd;
  --fc-white: #fff;
  --fc-black: #000;
  --fc-blue: #009bcd;
  --fc-gray: #bebebe;
  --fc-orange: #ff8103;
  
  
  /* voice */
  --c_voice:#8A6B40;
  --c_voice_bg:#F3F0EC;
  
  /* the21 */
  --c_the21:#002DB2;
  --c_the21_bg:#F6F6F6;
  
  /* 歴史街道 */
  --c_rekishi:#B22D00;
  --c_rekishi_02:#7B0008;
  --c_rekishi_bg:#F3F0EC;
}

/*---------------------------------------------------------------------
	container
---------------------------------------------------------------------*/
@media (min-width: 768px) {
  #container {
    width: 100%;
    min-width: 980px;
    margin: 0 auto;
    text-align: left;
  }
}
#container {}

#container .sp_none {
	display: none !important;
}

a:link {
	color: #661A00;
	text-decoration: none;
}
a:hover {
	color: #8C008C;
	text-decoration: underline;
}
a:active {}
a:visited { color: #002CB2; }
a:visited:hover { color: #661A00; }

.g_the21 a:link {
	color: #002DB2;
	text-decoration: none;
}
.g_the21 a:hover {
	color: #8C008C;
	text-decoration: underline;
}
.g_the21 a:active {}
.g_the21 a:visited { color: #666; }
.g_the21 a:visited:hover { color: #8C008C; }


.g_rekishikaido a:link {
	color: #7B0008;
	text-decoration: none;
}
.g_rekishikaido a:hover {
	color: #8C008C;
	text-decoration: underline;
}
.g_rekishikaido a:active {}
.g_rekishikaido a:visited { color: #666; }
.g_rekishikaido a:visited:hover { color: #8C008C; }


/* Tablet */
@media (min-width: 768px) {
  #container {
  width: 100%;
  margin: 0 auto;
  }
  #container_inner {}

  /* sp_none */
  #container .sp_none {
  display: inherit !important;
  }

  #container .pc_none {
  display: none !important;
  }
}

/*---------------------------------------------------------------------
	site_header
---------------------------------------------------------------------*/
@media (min-width: 768px) {
  #site_header {
    width: 100%;
  }
  #site_header .inner {
    max-width: 1000px;
    margin: 0 auto;
  }
}
#site_header {
	width: 100%;
	border-bottom: 3px solid var(--c_voice);
}

/* header_link */
#site_header .header_link {
	border-bottom: 1px solid #ccc;
}
#site_header .logo_shuchi {
	display: none;
}
#site_header .header_link .list {
	width: 99%;
}
#site_header .header_link li {
	width: 25%;
	float: left;
	text-align: center;
	border-left: 1px solid #ccc;
}
#site_header .header_link li:first-child {
	border-left: none;
}
#site_header .header_link li a {
	margin: 0 auto;
	color: #000;
	display: block;
	text-indent: -9999em;
	
	background: url(/image/bg_header_link_pc.gif) left no-repeat;
	background-size: cover;
	-webkit-background-size: cover;
}
#site_header .header_link li a.shuchi {
	width: 64px;
	height: 45px;
  background: url("../image/bg_header_link_php.svg") no-repeat center center/46px;
}
#site_header .header_link li a.management {
	width: 64px;
	height: 45px;
	background-position: -63px 0;
}
#site_header .header_link li a.voice {
	width: 64px;
	height: 45px;
	background-position: -128px 0;
}
#site_header .header_link li a.the21 {
	width: 64px;
	height: 45px;
	background-position: -192px 0;
}
#site_header .header_link li a.rekishikaido {
	width: 64px;
	height: 45px;
	background-position: -254px 0;
}


/* inner */
#site_header .inner {
	padding: 10px;
}

/* logo */
#site_header .logo {
    width: 42%;
    float: left;
    margin: 0;
    padding: 0;
}
#site_header .logo a {
	display: block;
}
#site_header .logo img { height: auto; }

/* site_navi_btn */
#site_header .site_navi_btn {
	float: right;
	border: 1px solid #BBBBBB;
	padding: 5px 5px 4px;
}
#site_header .site_navi_btn p {
	width: 30px;
	height: 30px;
}
#site_header .inner #modal {
	display: none;
}

/* icon_menu */
#site_header .icon_menu {
    display: inline-block;
    overflow: hidden;
    position: relative;
    width: 30px;
    height: 0;
    padding-top: 28px;
    background: var(--c_voice);
}
#site_header .icon_menu::before,
#site_header .icon_menu::after {
    position: absolute;
    left: 0;
    content: "";
    width: 30px;
    height: 0;
    border-top: 5px solid #fff;
}
#site_header .icon_menu::before { top: 6px; }
#site_header .icon_menu::after { bottom: 6px; }

.g_the21 #site_header { border-bottom-color: var(--c_the21); }
.g_the21 #site_header .icon_menu { background: var(--c_the21); }

.g_rekishikaido #site_header { border-bottom-color: var(--c_rekishi); }
.g_rekishikaido #site_header .icon_menu { background: var(--c_rekishi); }


/* Tablet */
@media (min-width: 768px) {
  #site_header {
		margin-bottom: 0;
		border-bottom: 7px solid var(--c_voice);
	}
	
	/* logo */
	#site_header .logo a {
		width: 294px;
		height: 66px;
	}

	/* header_link */
	#site_header .header_link {
		border-bottom-width: 3px;
	}
	#site_header .header_link_inner {
		width: 960px;
		margin: 0 auto;
	}
	#site_header .logo_shuchi {
		display: inline;
		float: left;
		line-height: 21px;
	}
	#site_header .logo_shuchi a {
    color: #003399;
    text-decoration: none;
  }
	#site_header .header_link .list {
		display: inherit;
		width: 321px;
		float: right;
	}
	#site_header .header_link li {
		width: auto;
		float: left;
		display: inherit;
		border-left: none;
	}
	#site_header .header_link li:first-child {}
	#site_header .header_link li a {
		background: url(/image/bg_header_link.gif) left no-repeat;
		background-size: auto;
		-webkit-background-size: auto;
	}
		
		/* management */
		#site_header .header_link li a.management {
			width: 135px;
			height: 21px;
			background-position: 0 0;
		}
		#site_header .header_link li.select a.management,
		#site_header .header_link li a.management:hover { background-position: 0 -21px; }
		
		/* voice */
		#site_header .header_link li a.voice {
			width: 67px;
			height: 21px;
			background-position: -135px 0;
		}
		#site_header .header_link li.select a.voice,
		#site_header .header_link li a.voice:hover { background-position: -135px -21px; }
		
		/* the21 */
		#site_header .header_link li a.the21 {
			width: 71px;
			height: 21px;
			background-position: -202px 0;
		}
		#site_header .header_link li.select a.the21,
		#site_header .header_link li a.the21:hover { background-position: -202px -21px; }
		
		/* rekishikaido */
		#site_header .header_link li a.rekishikaido {
			width: 72px;
			height: 21px;
			background-position: -273px 0;
		}
		#site_header .header_link li.select a.rekishikaido,
		#site_header .header_link li a.rekishikaido:hover { background-position: -273px -21px; }
		
		/* shinsho */
		#site_header .header_link li a.shinsho {
			width: 79px;
			height: 21px;
			background-position: -345px 0;
		}
		#site_header .header_link li.select a.shinsho,
		#site_header .header_link li a.shinsho:hover { background-position: -345px -21px; }
		
		/* souken */
		#site_header .header_link li a.souken {
			width: 79px;
			height: 21px;
			background-position: -424px 0;
		}
		#site_header .header_link li.select a.souken,
		#site_header .header_link li a.souken:hover { background-position: -424px -21px; }
		
		/* php_co */
		#site_header .header_link li a.php_co {
			width: 111px;
			height: 21px;
			background-position: -503px 0;
		}
		#site_header .header_link li.select a.php_co,
		#site_header .header_link li a.php_co:hover { background-position: -503px -21px; }
	
	/* inner */
	#site_header .inner {
		width: 960px;
		margin: 0 auto;
		padding: 5px 0 10px;
		position: relative;
	}

	/* logo */
	#site_header .logo {
    width: 294px;
    height: 66px;
    float: left;
    margin-top: 12px;
  }
	
	/* header_banner */
	#site_header .header_banner {
		width: 468px;
		height: 60px;
		float: right;
		margin-bottom: 30px;
	}
	
	/* site_navi_btn */
	#site_header .site_navi_btn,
	#site_header .site_navi_close {
		display: none;
	}

	/* site_navi */
	#site_header #site_navi {
		height: auto;
    display: inherit;
		position: absolute;
    top: auto;
		right: 0;
		bottom: 0;
    width: auto;
    overflow: hidden;
    opacity: 1;
    box-shadow: none;
    background: none;
    transition: none;
	}
	#site_header #site_navi li {
		/*width: 133px;*/
		float: left;
	}
	#site_header #site_navi li.home_shuchi {
		display: none;
	}
	#site_header #site_navi li:first-child a{
		border-left: 1px solid var(--c_voice);
	}
	#site_header #site_navi li a {
		color: #000;
		text-align: center;
		text-decoration: none;
		display: block;
		border-right: 1px solid var(--c_voice);
		padding: 3px 9px;
    border-left: none;
    border-bottom: none;
	}
  .g_the21 #site_header #site_navi li a{ border-right-color: var(--c_the21); }
  .g_rekishikaido #site_header #site_navi li a{ border-right-color: var(--c_rekishi); }
  
	#site_header #site_navi li a:hover {
		color: #fff;
		background: var(--c_voice);
	}
  #site_navi li a::after { display: none !important; }
  
  .g_the21 #site_header #site_navi li a:hover { background: var(--c_the21); }
  .g_rekishikaido #site_header #site_navi li a:hover { background: var(--c_rekishi); }
}

/*---------------------------------------------------------------------
	site_navi
---------------------------------------------------------------------*/
/* jquery.pageslide.css */
#site_navi {
  position: absolute;
  position: fixed;
  top: 0;
  right: -100%;
  height: 100%;
  z-index: 999999;
  overflow: scroll;
  -webkit-overflow-scrolling: touch;
  width: 220px;
  padding: 0;
  background-color: #01248C;
  color: #FFF;
  box-shadow: 4px 4px 47px 40px rgba(0, 0, 0, 0.5);
  opacity: 0;
  transition: .3s;
}
#site_navi.show {
  right: 0;
  opacity: 1;
}

/* lead */
#site_navi li.lead {
	font-size: 12px;
	color: #fff;
	background-color: #898989;
	padding: 5px 0 6px 7px;
}
#site_navi li.lead_02 {
	font-size: 12px;
	color: #fff;
	background-color: #444444;
	padding: 5px 0 6px 7px;
}

#site_navi li.lead_voice {
	font-size: 12px;
	color: #fff;
	background-color: #8a6b40;
	padding: 5px 0 6px 7px;
}

#site_navi li.lead_the21 {
	font-size: 12px;
	color: #fff;
	background-color: #002db2;
	padding: 5px 0 6px 7px;
}

#site_navi li.lead_rekishikaido {
	font-size: 12px;
	color: #fff;
	background-color: #7B0008;
	padding: 5px 0 6px 7px;
}


/* link */
#site_navi li a {
	color: #000;
	font-size: 15px;
	text-decoration: none;
	display: block;
	background-color: #fff;
	background-size: 9px 13px;
	-webkit-background-size: 9px 13px;
	padding: 12px 8px;
	border-bottom: 1px solid #BBBBBB;
	border-left: 1px solid #BBBBBB;
	
	position: relative;
}
#site_navi li a:hover {}

#site_navi li a::after{
	content: "";
	width: 8px;
	height: 8px;
	position: absolute;
	right: 10px;
    top: 21px;
	transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	
	border-right: 4px solid #444444;
	border-top: 4px solid #444444;
}

/* l_color */
#site_navi li.l_color_01 a { border-left: 5px solid #FF6600; }
#site_navi li.l_color_01 a::after { border-right: 4px solid #FF6600; border-top: 4px solid #FF6600; }

#site_navi li.l_color_02 a { border-left: 5px solid #339900; }
#site_navi li.l_color_02 a::after { border-right: 4px solid #339900; border-top: 4px solid #339900; }

#site_navi li.l_color_03 a { border-left: 5px solid #6699FF; }
#site_navi li.l_color_03 a::after { border-right: 4px solid #6699FF; border-top: 4px solid #6699FF; }

#site_navi li.l_color_04 a { border-left: 5px solid #003399; }
#site_navi li.l_color_04 a::after { border-right: 4px solid #003399; border-top: 4px solid #003399; }

#site_navi li.l_color_05 a { background-color: #FFFFF0; }
#site_navi li.l_color_05 a::after { border-right: 4px solid #898989; border-top: 4px solid #898989; }

#site_navi li.l_color_06 a { background-color: #EEEEEE; }
#site_navi li.l_color_06 a::after { border-right: 4px solid #000000; border-top: 4px solid #000000; }

#site_navi li.l_color_voice a { border-left: 5px solid var(--c_voice); }
#site_navi li.l_color_voice a::after { border-right: 4px solid var(--c_voice); border-top: 4px solid var(--c_voice); }

#site_navi li.l_color_the21 a { border-left: 5px solid #002db2; }
#site_navi li.l_color_the21 a::after { border-right: 4px solid #002db2; border-top: 4px solid #002db2; }

#site_navi li.l_color_rekishikaido a { border-left: 5px solid #7B0008; }
#site_navi li.l_color_rekishikaido a::after { border-right: 4px solid #7B0008; border-top: 4px solid #7B0008; }

#site_navi ul {}
#site_navi p:first-child {
    background-color: #333;
    font-size: 12px;
    padding: 7px 0 7px 7px;
    position: sticky;
    right: 0;
    top: 0;
    width: 220px;
    z-index: 9999;
}

#site_navi .site_navi_close {
    background: #fff;
    border-radius: 4px;
    color: #333;
    cursor: pointer;
    display: inline-block;
    padding: 2px 5px 2px 21px;
    position: absolute;
    right: 8px;
    top: 4px;
}
#site_navi .site_navi_close::before {
  content: "×";
  font-size: 22px;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 4px;
  line-height: 1;
}

#container.fix {
    position: fixed;
    left: 0;
    top: 0;
    width: 100%;
}

@media (min-width: 768px) {
	#site_navi li.lead,
	#site_navi li.lead_02,
	#site_navi li.lead_voice,
	#site_navi li.lead_the21,
	#site_navi li.lead_rekishikaido,
	#site_navi li.lead_management,
	#site_navi li.l_color_01,
	#site_navi li.l_color_02,
	#site_navi li.l_color_03,
	#site_navi li.l_color_04,
	#site_navi li.l_color_05,
	#site_navi li.l_color_06,
	#site_navi p:first-child { display: none; }
	
	#site_header #site_navi li.lead_voice + li a {
		border-left: 1px solid var(--c_voice);
	}
	#site_header #site_navi li.lead_the21 + li a {
		border-left: 1px solid #002DB2;
	}
  .g_rekishikaido #site_header #site_navi li.lead_the21 + li a {
		border-left: 1px solid var(--c_rekishi);
	}
	#site_header #site_navi li.lead_rekishikaido + li a {
		border-left: 1px solid #B22D00;
	}
	#site_header #site_navi li.lead_management + li a {
		border-left: 1px solid #458A00;
	}
}


/*---------------------------------------------------------------------
  topic_path
---------------------------------------------------------------------*/
/* topic_path_top */
#topic_path_top {
  margin-bottom: 20px;
  border-bottom: 1px solid var(--c_voice);
  background: var(--c_voice_bg);;
}
.g_the21 #topic_path_top { background: var(--c_the21_bg); border-bottom-color: var(--c_the21); }
.g_rekishikaido #topic_path_top { border-bottom-color: var(--c_rekishi); }

#topic_path_top p {
  font-size: 11px;
  width: 960px;
  padding: 5px 15px;
  margin: 0 auto;
  position: relative;
}
#topic_path_top p::before {
  content: "";
  position: absolute;
  left: 0;
  top: 9px;
  background: var(--c_voice);
  width: 9px;
  height: 9px;
  border-radius: 50%;
}
.g_the21 #topic_path_top p::before { background: var(--c_the21); }
.g_rekishikaido #topic_path_top p::before { background: var(--c_rekishi); }

#topic_path_top p::after {
  content: "";
  position: absolute;
  left: 3px;
  top: 12px;
  background: #fff;
  width: 3px;
  height: 3px;
  border-radius: 50%;
}
#topic_path_top a {
  text-decoration: none;
}

/*---------------------------------------------------------------------
	pagebody
---------------------------------------------------------------------*/
@media (min-width: 768px) {
  #pagebody {
    max-width: 1000px;
    margin: 0 auto;
  }
  #pagebody_inner {
    position: relative;
  }
}
/*---------------------------------------------------------------------
	alpha
---------------------------------------------------------------------*/
@media (min-width: 768px) {
  #pagebody #alpha {
    width: 640px;
    float: left;
  }
}
#alpha #h_category_name {
	line-height: 1.4;
}
#alpha .alpha_h {
	color: #6A5231;
	font-size: 133%;
	padding: 10px 10px 5px;
	margin-bottom: 15px;
	background: var(--c_voice_bg);;
}
.g_the21 #alpha .alpha_h { color: var(--c_the21); /*background: var(--c_the21_bg);*/ }
.g_rekishikaido #alpha .alpha_h { color: var(--c_rekishi); }
.g_the21 #alpha .list_alpha_h { background: var(--c_the21_bg); }

#alpha .alpha_h a {
	display: block;
}
  @media (max-width: 768px) {
    #alpha .alpha_h a {
        font-size: 86.6%;
        font-weight: normal;
        margin-top: -5px;
    }
}
#alpha .alpha_h .page_back {
	display: inline-block;
	width: 30px;
	height: 30px;
	vertical-align: bottom;
	margin-right: 12px;
  background: #fff;
  border: 1px solid #ccc;
  border-radius: 4px;
  position: relative;
}
#alpha .alpha_h .page_back::before {
    content: "";
    position: absolute;
    left: 50%;
  top: 50%;
  margin: -4px 0 0 -2px;
    width: 6px;
    height: 6px;
    border-left: 2px solid var(--c_voice);
    border-top: 2px solid var(--c_voice);
    transform: rotate(-45deg);
}
.g_the21 #alpha .alpha_h .page_back::before {
  border-left-color: var(--c_the21);
  border-top-color: var(--c_the21);
}
.g_rekishikaido #alpha .alpha_h .page_back::before {
  border-left-color: var(--c_rekishi);
  border-top-color: var(--c_rekishi);
}

/* article_list */
#alpha .article_list {
	margin: 0 10px;
	letter-spacing: -.40em; /* inline-block の文字間の隙間を削除する */
}

/* article_link */
#alpha .article_list .article_link {
	width: 48.39%;
	padding-top: 4px;
	margin-bottom: 20px;
	position: relative;
	border-top: 5px solid var(--c_voice);
	
	display: inline-block;
	*display: inline; /* IE7 */
	*zoom: 1; /* IE7 */
	vertical-align: top;
	letter-spacing: normal; /* 文字間を通常に戻す */
}
.g_the21 #alpha .article_list .article_link { border-top-color: var(--c_the21); }
.g_rekishikaido #alpha .article_list .article_link { border-top-color: var(--c_rekishi); }
#alpha .article_list .article_link:nth-of-type(odd) {
	margin-right: 3.22%;
}
#alpha .article_list .article_link a {
	font-size: 113%;
	font-weight: bold;
	line-height: 1.3;	
	letter-spacing: -1.4px;
	display: block;
	color: #661900;
	overflow: hidden;
	text-decoration: none;
	border: 1px solid #fff;
}
#alpha .article_list .article_link .thumb {
	text-align: center;
	margin-bottom: 5px;
	background-color: #F6F6F6;
	border: 1px solid #ccc;
	overflow: hidden;
}
#alpha .article_list .article_link .thumb img { min-width: 100%; height: auto; }
#alpha .article_list .article_link .date {
	color: #999;
	font-size: 11px;
	margin-bottom: 2px;
}
#alpha .article_list .article_link h3 {
	color: #661900;
	font-size: 15px;
	line-height: 1.2;
	margin-bottom: 5px;
}
.g_the21 #alpha .article_list .article_link h3 { color: var(--c_the21); }
.g_rekishikaido #alpha .article_list .article_link h3 { color: var(--c_rekishi); }
#alpha .article_list .article_link .author,
#alpha .article_list .article_link .desicription {
	color: #666666;
	font-size: 11px;
	line-height: 1.5;
	margin-bottom: 8px;
}

/* article_contents */
#alpha .article_contents {
	margin: 0 10px 20px;
	position: relative;
	padding-bottom: 20px;
}
#alpha .article_contents img {
	height: auto !important;
}
.first_img {
    position: relative;
}
.detail_images_btn {
  text-align: center;
  margin: 15px 0;
}
.detail_images_btn a {
    color: #fff !important;
    background: var(--c_voice) url(../image/icon/detail_images_btn.svg) no-repeat left 15px center;
    display: inline-block;
    text-decoration: none;
    border-radius: 5px;
    padding: 10px 10px 10px 45px;
  transition: color .3s,opacity.3;
}
.g_the21 .detail_images_btn a { background-color: var(--c_the21); }
.g_rekishikaido .detail_images_btn a { background-color: var(--c_rekishi); }
.detail_images_btn a:hover {
  color: #fff;
  opacity: .7;
}
#alpha .article_contents h1 {
	font-size: 19px;
	padding: 5px 0 3px;
	border-bottom: 2px solid var(--c_voice);
	margin-bottom: 10px;
	overflow: hidden;
}
#alpha .article_contents h1::after {
    border-bottom: 5px solid var(--c_voice);
    content: "";
    display: block;
}
.g_the21 #alpha .article_contents h1,
.g_the21 #alpha .article_contents h1::after {
  border-bottom-color: var(--c_the21);
}
.g_rekishikaido #alpha .article_contents h1,
.g_rekishikaido #alpha .article_contents h1::after {
  border-bottom-color: var(--c_rekishi);
}

#alpha .article_contents h2 {
	font-size: 19px;
	padding: 5px 0 3px;
  color: #000;
	border-bottom: 3px solid var(--c_voice);
	margin-bottom: 10px;
	overflow: hidden;
}
.g_the21 #alpha .article_contents h2 {border-bottom-color: var(--c_the21); }
.g_rekishikaido #alpha .article_contents h2 {border-bottom-color: var(--c_rekishi); }

#alpha .article_contents h3 {
	font-size: 18px;
	border-left: 8px solid var(--c_voice);
	border-bottom: none !important;
	padding-left: 12px !important;
	margin-bottom: 10px;
}
.g_the21 #alpha .article_contents h3 {
  border-left-color: var(--c_the21);
}
.g_rekishikaido #alpha .article_contents h3 {
  border-left-color: var(--c_rekishi);
}

#alpha .article_contents .date {
	color: #666666;
	font-size: 12px;
	line-height: 1.4;
	margin-bottom: 10px;
}
#alpha .article_contents .author {
	color: #333;
	font-size: 106%;
	font-weight: bold;
	line-height: 1.4;
	margin-bottom: 10px;
}
#alpha .article_contents .month {
	font-size: 12px;
	margin-bottom: 22px;
}

/* article_text */
#alpha .article_contents .article_text {
	padding: 0 5px;
	word-wrap: break-word;
}
#alpha .article_contents .article_text * + h4 {
	margin-top: 30px;
}
#alpha .article_contents .article_text p { font-size: 16px; }
#alpha .article_contents .article_text * + p {
	margin-top: 18px;
	line-height: 1.6;
}

/* buy_book */
#alpha .buy_book_wrap .ttl {
  /*background: var(--c_voice_bg); none repeat scroll 0 0;*/
  color: #6A5331;
  border-bottom: 3px solid #bbb !important;
  font-size: 19px;
  line-height: 1;
  margin: 0 10px 10px;
  padding: 12px 0 10px 10px;
}
.g_the21 #alpha .buy_book_wrap .ttl { color: var(--c_the21); }
.g_rekishikaido #alpha .buy_book_wrap .ttl { color: var(--c_rekishi); }
#alpha .buy_book {
  padding: 0 10px;
}
#alpha .buy_book .book_cover {
  width: 31.25%;
  float: left;
}
#alpha .buy_book .book_cover img {
  width: 100%;
  height: auto;
}
#alpha .buy_book .details {
  width: 65.63%;
  float: right;
}
#alpha .buy_book .details h3 {
  font-size: 15px;
}
#alpha .buy_book .details h3 + p {
  font-size: 12px;
  margin-bottom: 10px;
}

/* buy_book_links */
/*#alpha .buy_book .details .buy_book_links li {
  width: 47.62%;
  float: left;
  margin-bottom: 10px;
}
#alpha .buy_book .details .buy_book_links li:nth-of-type(odd) {
  margin-right: 4.76%;
}
*/
#alpha .buy_book .details .buy_book_links li a {
  color: #FFFFFF;
  font-size: 100%;
  text-align: center;
  display: block;
  padding: 10px 0;
  background-color: #003399;
  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
  text-decoration: none;
}
#alpha .buy_book .details .buy_book_links li a.kodoku,
#alpha .buy_book .details .buy_book_links li a.backnumber {
  background-color: #006600;
}

/* mokuji */
#alpha .buy_book .mokuji {
  font-size: 12px;
  line-height: 1.4;
  font-weight: bold;
  text-align: center;
  padding: 8px 0;
  margin-top: 10px;
  border: 1px solid var(--c_voice);
  background: var(--c_voice_bg);

  -webkit-border-radius: 6px;
  -moz-border-radius: 6px;
  border-radius: 6px;
}
/*マガジン記載変更追記20250704*/
  #alpha .buy_book .mokuji {
    margin-bottom: 15px;
    padding: 8px 15px;
  }
/*//マガジン記載変更追記20250704*/
#alpha .buy_book .mokuji a {
  font-size: 100%;
  color: var(--c_voice);
  text-decoration: none;
}

.g_the21 #alpha .buy_book .mokuji {
  border-color: var(--c_the21);
  background-color: var(--c_the21_bg);
}
.g_rekishikaido #alpha .buy_book .mokuji {
  border-color: var(--c_rekishi);
  background-color: var(--c_rekishi_bg);
}

.g_the21 #alpha .buy_book .mokuji a { color: var(--c_the21); }
.g_rekishikaido #alpha .buy_book .mokuji a { color: var(--c_rekishi); }

/* author_info / related_book /related_book */
#alpha .author_info,
#alpha .related_book,
#alpha .related_article { margin-top: 20px; }

#alpha .author_info h3,
#alpha .related_book h3,
#alpha .related_article h3 {
	color: #6A5231;
	border-bottom: 3px solid #BBBBBB;
	background-color: var(--c_voice_bg);
	padding: 4px 0;
}
.g_the21 #alpha .author_info h3,
.g_the21 #alpha .related_book h3,
.g_the21 #alpha .related_article h3 {
  color: var(--c_the21);
  background-color: var(--c_the21_bg);
}
.g_rekishikaido #alpha .author_info h3,
.g_rekishikaido #alpha .related_book h3,
.g_rekishikaido #alpha .related_article h3 {
  color: var(--c_rekishi);
  background-color: var(--c_rekishi_bg);
}

#alpha .author_info_item,
#alpha .related_book_item,
#alpha .related_article_item {
	margin-bottom: 20px;
}
#alpha .author_info_item .photo,
#alpha .related_book_item .photo,
#alpha .related_article_item .photo {
	float: left;
	border: 1px solid #C8C8C8;
	background-color: #F6F6F6;
	margin-right: 10px;
}
#alpha .author_info_item h3.name,
#alpha .related_book h3.title,
#alpha .related_article h3.title {
	color: #000;
	font-size: 16px;
	font-weight: bold;
	background: none;
	border: none;
	margin-bottom: 0;
}
#alpha .author_info_item .details { font-size: 14px; }

/* next_page */
#alpha .article_contents .next_page a {
	font-weight: bold;
	display: block;
	text-align: center;
	margin: 15px 0 30px;
	padding: 12px 5px;
	background: var(--c_voice_bg);;
}
.g_the21 #alpha .article_contents .next_page a {
  color: var(--c_the21);
  background-color: var(--c_the21_bg);
}
.g_rekishikaido #alpha .article_contents .next_page a {
  color: var(--c_rekishi);
  background-color: var(--c_rekishi_bg);
}

#alpha .article_contents .next_page a span {
    font-size: 85%;
    background: #8a6b40;
    padding: 1px 10px;
    display: inline-block;
    border-radius: 25px;
    color: #fff;
}
.g_the21 #alpha .article_contents .next_page a span { background-color: var(--c_the21); }
.g_rekishikaido #alpha .article_contents .next_page a span { background-color: var(--c_rekishi); }

/* pagenation */
#alpha .pagenation {
	margin: 10px 0 20px;
	text-align: center;
}
#alpha .pagenation ul {}
#alpha .pagenation ul li {
	display: inline-block;
	line-height: 1;
	margin: 0 2px 5px;
}
#alpha .pagenation ul li a {
	background: #ffffff;
	border: 1px solid #CCCCCC;
	color: #000;
	display: block;
	padding: 10px 15px;
	text-decoration: none;
}
#alpha .pagenation ul li a:hover {
	background: #C3B49E;
	border: 1px solid #C3B49E;
	color: #ffffff;
}
#alpha .pagenation ul li span {
	background: #C3B49E;
	border: 1px solid #C3B49E;
	color: #ffffff;
	display: block;
	padding: 10px 15px;
}

/* social_links */
#alpha .article_contents .social_links {
	overflow: hidden;
	padding: 8px 0 3px;
	text-align: center;
	/*margin-top: -40px;*/
}
#alpha .article_contents .social_links ul {
	overflow: hidden;
	font-size: 0;
}
#alpha .article_contents .social_links ul li {
	display: inline-block;
	height: 30px;
	margin-left: 10px;
	margin-bottom: 5px;
	background-repeat: no-repeat;
	vertical-align: top;
	width: 30px;
	background-size: 30px auto;
	-webkit-background-size: 30px auto;
	overflow: hidden;
}
/*facebook*/
.fb-share-button a {
    width: 30px;
    height: 30px;
    display: block;
}
#alpha .article_contents .social_links ul li iframe,
#alpha .article_contents .social_links ul li span.IN-widget { opacity: 0 !important;  }
#alpha .article_contents .social_links iframe { width: 30px !important; }
#alpha .article_contents .social_links ul li:first-child { background-image: url(/image/icon/sns_icon_01.jpg);}
#alpha .article_contents .social_links ul li:nth-child(2n) { background-image: url(/image/icon/sns_icon_02.jpg);}
#alpha .article_contents .social_links ul li:nth-child(3n) { background-image: url(/image/icon/sns_icon_03.jpg);}
#alpha .article_contents .social_links ul li:nth-child(4n) {
    background-image: url(/image/icon/sns_icon_05.jpg);
    background-size: auto 100%;
    width: 38px;
}
#alpha .article_contents .social_links ul li.mgt-4 { margin-top: -4px; }

#alpha .article_contents .social_links ul li .fb_iframe_widget span { vertical-align: top !important; }
#alpha .article_contents .social_links .fb-share-button { height: 100%; }
#alpha .article_contents .social_links ul li a {
    display: block;
    height: 100%;
}

#alpha iframe[src*="youtube"] {
    height: 200px;
    width: 100%;
}

/* Tablet */
@media (min-width: 768px) {
	#alpha .alpha_h {
		color: #000;
		font-size: 30px;
		font-weight: normal;
		padding: 0 0 5px;
		margin-bottom: 20px;
		background: #FFF;
		border-bottom: 3px solid var(--c_voice);
	}
  .g_the21 #alpha .alpha_h {
    color: #000;
    /*border-bottom-color: var(--c_the21);
    background: var(--c_the21_bg);*/
  }
  .g_rekishikaido #alpha .alpha_h {
    color: #000;
    /*border-bottom-color: var(--c_rekishi);*/
  }
  .g_the21 #alpha .list_alpha_h {
    border-bottom-color: var(--c_the21);
    background: var(--c_the21_bg);
  }
  .g_rekishikaido #alpha .list_alpha_h {
    border-bottom-color: var(--c_rekishi);
  }

	/* article_link */
	#alpha .article_list {
		margin: 0;
	}
	#alpha .article_list .article_link {
		border: none;
		padding: 0;
	}
	#alpha .article_list .article_link:nth-of-type(odd) {
		margin-right: 3.22%;
	}
	#alpha .article_list .article_link a {
		font-size: 120%;
		line-height: -1.7px;
		/*padding: 10px;
		border: 1px solid #CCCCCC;*/
	}
	#alpha .article_list .article_link a:hover {
		border: 1px solid var(--c_voice);
	}
  .g_the21 #alpha .article_list .article_link a:hover { border-color: var(--c_the21); }
  .g_rekishikaido #alpha .article_list .article_link a:hover { border-color: var(--c_rekishi); }
	#alpha .article_list .article_link .thumb {
		margin-bottom: 0;
		float: right;
		width: 42.36%;
	}
	#alpha .article_list .article_link .date {
		color: #999;
		font-size: 11px;
		margin-bottom: 2px;
	}
	#alpha .article_list .article_link h3 {
		font-size: 17px;
		margin-bottom: 8px;
	}
	#alpha .article_list .article_link a:hover h3 {
		text-decoration: underline;
	}
	#alpha .article_list .article_link .author {
		font-size: 12px;
	}
	#alpha .article_list .article_link .desicription {
		color: #333;
		width: 55.93%;
		float: left;
		margin-bottom: 0;
	}

	/* article_contents */
	#alpha .article_contents {
		margin: 0 0 20px;
		padding-bottom: 0;
	}
	#alpha .article_contents h1 {
		color: #000;
		font-size: 30px;
		margin-bottom: 20px;
	}
	#alpha .article_contents h2 {
		color: #000;
		font-size: 30px;
		margin-bottom: 20px;
	}
	#alpha .article_contents h3 {
		font-size: 26px;
		font-weight: normal;
	}
  .article_head {
    display: flex;
    justify-content: space-between;
    align-items: start;
    margin-bottom: 20px;
  }
  #alpha .article_contents .date {
    margin-bottom: 0;
  }
	#alpha .article_contents .author {
		font-size: 22px;
		margin-bottom: 3px;
	}
	#alpha .article_contents .author span {
		font-size: 15px;
	}
	#alpha .article_contents .month {
		margin-bottom: 22px;
	}
	
	/* article_text */
	#alpha .article_contents .article_text {
		padding: 0;
	}
	#alpha .article_contents .article_text * + h4 {
		margin-top: 30px;
	}
	#alpha .article_contents .article_text * + p {
		margin-top: 20px;
		line-height: 1.8;
	}
	#alpha .article_contents .next_page a {
		margin-top: 50px;
	}
  
  
  /* buy_book */
  #alpha .buy_book_wrap .ttl {
    font-size: 22px;
    margin: 0 0 10px;
    padding: 12px 0 10px 10px;
  }
  #alpha .buy_book {
		padding: 0;
	}
	#alpha .buy_book .book_cover {}
	#alpha .buy_book .details {
		width: 420px;
	}
	#alpha .buy_book .details h3 {
		font-size: 22px;
		font-weight: normal;
	}
  /*
	#alpha .buy_book .details .buy_book_links li {
		width: 200px;
		float: left;
		margin-bottom: 10px;
	}
	#alpha .buy_book .details .buy_book_links li a {
		width: 100%;
		height: 45px;
		padding: 0;
		text-indent: -9999em;
		white-space: nowrap;
		overflow: hidden;
		background-image: url(/image/btn_buy_book.png);
		background-repeat: no-repeat;
		background-size: cover;
		-webkit-background-size: cover;
	}
	#alpha .buy_book .details .buy_book_links li a.amazon {
		background-position: 0 0;
	}
	#alpha .buy_book .details .buy_book_links li a.seven_net {
		background-position: 0 -45px;
	}
	#alpha .buy_book .details .buy_book_links li a.rakuten {
		background-position: 0 -90px;
	}
	#alpha .buy_book .details .buy_book_links li a.kodoku {
		background-color: transparent;
		background-position: 0 -135px;
	}
	#alpha .buy_book .details .buy_book_links li a.backnumber {
		background-color: transparent;
		background-position: 0 -180px;
	}*/
	#alpha .buy_book .mokuji {
		font-size: 16px;
	}
	#alpha .buy_book .mokuji a {
		font-size: 19px;
	}
	
	/* author_info / related_book /related_book */
	#alpha .author_info h3,
	#alpha .related_book h3,
	#alpha .related_article h3 {
		color: #6a5231;
		border-bottom: 1px solid #bbb;
	}
	
	#alpha .author_info .author,
	#alpha .related_book .author,
	#alpha .related_article .author {
		font-size: 15px;
	}

	/* pagenation */
	#alpha .pagenation {
		margin-top: 30px;
	}
	
	/* social_links */
	#alpha .article_contents .social_links {
		position: inherit;
	}

	#alpha iframe[src*="youtube"] {
		height: 450px;
	}

	#alpha .article_contents .social_links {
    text-align: right;
		padding: 0;
    margin: 0;
  }
	
}

/*---------------------------------------------------------------------
	beta
---------------------------------------------------------------------*/
@media (min-width: 768px) {
  #pagebody #beta {
    width: 300px;
    float: right;
  }
  #beta.fixed {
    position: fixed;
    margin-left: 700px;
    bottom: 12px;
  }
  #beta.scrollEnd {
    position: absolute;
    right: 0;
    margin: 0;
    bottom: 0;
  }
}
#beta {
	margin-top: 20px;
}
#beta .alpha_h {
	color: #6A5331;
	font-size: 120%;
	line-height: 1.0;
	padding: 7px 0;
	margin: 0 10px 10px;
	border-bottom: 3px solid #BBBBBB;
}
.g_the21 #beta .alpha_h { color: #333; }
.g_rekishikaido #beta .alpha_h { color: var(--c_rekishi_02); }

#beta .article_link {
	border-bottom: 1px dotted #999999;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
#beta .article_link .thumb{
	background-color: var(--c_voice_bg);;
    border: 1px solid #ccc;
    display: block;
    float: left;
    width: 20.33%;
}
#beta .article_link .thumb img {
  width: 100%;
  height: auto;
}
#beta .article_link .title{
	float: right;
    width: 76.77%;
}
#beta .article_link .details .author {
	color: #664C00;
	font-size: 12px;
	line-height: 1.5;
}

/* custom_search */
.custom_search { margin: 20px 10px 10px; }
.custom_search .cse .gsc-control-cse,
.custom_search .gsc-control-cse,
.custom_search .gsc-search-box { padding: 0; }

.custom_search .gsc-selected-option-container { padding: 0 78px 0 6px; }
.custom_search table { border: none; }
.custom_search table td {
	padding: 0;
	border: none;
}
	
/* access_ranking */
#beta .access_ranking {
	margin: -10px 10px 0;
	background: var(--c_voice_bg);;
  counter-reset: number;
}
.g_the21 #beta .access_ranking {
  background-color: var(--c_the21_bg);
}
#beta .access_ranking li {
  position: relative;
}
#beta .access_ranking li::before {
    counter-increment: number;
    content: counter(number);
    position: absolute;
    left: 10px;
    top: 9px;
    background: #fff;
    border: 2px solid #B5A289;
    border-radius: 50%;
    line-height: 1;
    width: 24px;
    height: 24px;
    font-weight: bold;
    text-align: center;
    padding-top: 4px;
    box-sizing: border-box;
    font-size: 12px;
}
.g_the21 #beta .access_ranking li::before {
  border-color: #ccc;
}

#beta .access_ranking .rank_01::before,
#beta .access_ranking .rank_02::before,
#beta .access_ranking .rank_03::before {
  color: #fff;
  background-color: #6A5331;
  border-color: #6A5331;
}
.g_the21 #beta .access_ranking .rank_01::before,
.g_the21 #beta .access_ranking .rank_02::before,
.g_the21 #beta .access_ranking .rank_03::before {
  border-color: var(--c_the21);
  background-color: var(--c_the21);
}

#beta .access_ranking li a {
	/*color: #661900;*/
	font-size: 100%;
	font-weight: bold;
	line-height: 1.4;
	display: block;
	padding: 8px 10px 10px 40px;
	border-bottom: 1px dotted #999999;
}

.beta_banner img { height: auto; }

/* special */
.special { margin: 0 10px; }

/* sns_btn */
#beta .sns_btn {
	text-align: center;
	margin: 20px 10px;
}
#beta .sns_btn img { height: auto; }
#beta .sns_btn .sns_btn_fb {
	width: 48.39%;
	float: left;
}
#beta .sns_btn .sns_btn_tw {
	width: 48.39%;
	float: right;
}

/* ad_bnr */
/*#beta .ad_bnr {
	text-align: center;
	margin-bottom: 10px;
}*/
#beta_ads,
#microad {
	margin: 0 10px;
}
#beta_ads img,
#microad img {
	width: 100%;
}
#microad .pc_none > div {
  margin: 0 auto;
}
#microad #f65b63fce1a8beea19fcc44a3c2f48f3 {
	margin: 0 auto;
}

#bannerbox {
    background-color: rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    padding: 20px;
    position: fixed;
    width: 100%;
}
#bannerbox .btn_close a {
    color: #fff;
    font-weight: bold;
    line-height: 1;
    padding: 5px;
    position: absolute;
    right: 0;
    text-decoration: none;
    top: 0;
    z-index: 10;
}
#bannerbox_inner { text-align: center; }
#bannerbox_inner img{
    box-shadow: 0 0 13px rgba(255, 255, 255, 0.3);
}




/* Tablet */
@media (min-width: 768px) {
  #beta {
		margin: 0;
	}
	#beta .alpha_h {
		padding: 8px 0 6px 10px;
		margin: 0;
	}
	
	#beta .article_link .title{
		float: none;
		font-size: 106.6%;
		margin-bottom: 5px;
		width: 100%;
	}
	#beta .article_link .thumb{
		width: 40.66%;
	}
	#beta .article_link .details{
		float: right;
		width: 56.66%;
	}
	#beta .article_link .lead {
		color: #000;
		font-size: 12px;
		line-height: 1.6;
	}
	#beta .article_link .details .author {
		color: #664C00;
		font-size: 12px;
		line-height: 1.5;
	}
	
	/* custom_search */
	.custom_search { margin: 20px 0 10px; }
	
	/* access_ranking */
	#beta .access_ranking {
		margin: 3px 0 15px;
	}
	
	/* sns_btn */
	#beta .sns_btn {
    /*display: none;*/
    margin: 20px;
  }
  #beta .sns_btn li {
    float: none !important;
    width: auto !important;
  }
	#beta .sns_btn li + li {
    margin-top: 10px;
  }
	
	#beta_ads,
	#microad {
		margin: 0;
	}
}



/*---------------------------------------------------------------------
	footer_link_02
---------------------------------------------------------------------*/
.footer_link_02 {
	max-width: 1000px;
	margin: 10px auto 0;
	font-size: 12px;
	text-align: center;
	padding: 10px;
  background: #f3f0ec;
}
.g_the21 .footer_link_02 { background: var(--c_the21_bg); }
.footer_link_02 li {
  display: inline-block;
  margin: 3px;
}
.footer_link_02 a {
	position: relative;
	color: #333;
  display: block;
  padding-left: 15px;
  text-decoration: none;
}
.footer_link_02 a::before {
	content: "";
	position: absolute;
	left: 0;
	top: 6px;
	width: 5px;
	height: 5px;
	border-left: 2px solid #661a00;
	border-bottom: 2px solid #661a00;
	transform: rotate(-135deg);
	-webkit-transform: rotate(-135deg);
}
.g_the21 .footer_link_02 a::before {
  border-left-color: #333;
  border-bottom-color: #333;
}

/* Tablet */
@media (min-width: 768px) {  
  .footer_link {
		margin-top: 10px;
		overflow: hidden;
		padding: 10px 0;
		position: relative;
	}
	.footer_link ul {
		display: inline;
		float: left;
		left: 50%;
		position: relative;
	}
	.footer_link ul li {
		float: left;
		font-size: 11px;
		left: -50%;
		line-height: 1.4;
		margin: 0 5px 10px;
		overflow: hidden;
		position: relative;
		width: 140px;
	}
	.footer_link ul li a {
		color: #666666;
		display: block;
		text-decoration: none;
	}
	.footer_link ul li a:hover {
		text-decoration: underline;
	}
	
	.footer_link_02 {
    margin: 0 auto;
    padding: 5px;
    background: none !important;
    text-align: right;
	}
  .footer_link_02 li {
    margin: 0 0 0 15px;
  }
}
/*---------------------------------------------------------------------
	page_scroll
---------------------------------------------------------------------*/
#page_scroll_navi {
	margin-top: 20px;
}
#page_scroll_navi a {
	color: #661900;
	display: block;
	font-size: 12px;
	text-align: center;
	padding: 15px 0;
	background: var(--c_voice_bg);;
	border-top: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
}
.g_the21 #page_scroll_navi a {
  color: var(--c_the21);
  background: var(--c_the21_bg);
}
#page_scroll_navi a:hover {
	background: var(--c_voice);
	background-size: cover;
	-webkit-background-size: cover;
}
.g_the21 #page_scroll_navi a:hover { background: var(--c_the21); }
.g_rekishikaido #page_scroll_navi a:hover { background: var(--c_rekishi); }

/* Tablet */
@media (min-width: 768px) {
  #page_scroll_navi {
		margin-top: 60px;
		border-bottom: 3px solid var(--c_voice);
	}
  .g_the21 #page_scroll_navi { border-bottom-color: var(--c_the21); }
  .g_rekishikaido #page_scroll_navi { border-bottom-color: var(--c_rekishi); }
	#page_scroll_navi .inner {
		width: 960px;
		margin: 0 auto;
	}
	#page_scroll_navi a {
		color: #FFFFFF;
		text-decoration: none;
		display: block;
		font-size: 12px;
		padding: 8px 2px;
		width: 180px;
		float: right;
		background: var(--c_voice);
		border-top: none;
		border-bottom: none;
		-webkit-border-top-left-radius: 4px;
		-webkit-border-top-right-radius: 4px;
		-moz-border-radius-topleft: 4px;
		-moz-border-radius-topright: 4px;
		border-top-left-radius: 4px;
		border-top-right-radius: 4px;
	}
  .g_the21 #page_scroll_navi a {
    color: #fff;
    background: var(--c_the21);
  }
  .g_rekishikaido #page_scroll_navi a {
    color: #fff;
    background: var(--c_rekishi);
  }
	
  #page_scroll_navi a:hover { background: #69512f; }
  .g_the21 #page_scroll_navi a:hover { background: #00238C; }
  .g_rekishikaido #page_scroll_navi a:hover { background: #7B0008; }

  #page_scroll_navi .icon {
    display: inline-block;
    width: 10px;
    height: 9px;
    margin-left: 5px;
    border: 1px solid #fff;
    border-radius: 1px;
    position: relative;
  }
  #page_scroll_navi .icon::before {
    content: "";
    position: absolute;
    left: 2px;
    top: 3px;
    border-right: 1px solid #fff;
    border-top: 1px solid #fff;
    width: 3px;
    height: 3px;
    transform: rotate(-45deg);
  }
  
}
/*---------------------------------------------------------------------
	site_footer
---------------------------------------------------------------------*/
@media (min-width: 768px) {
  #site_footer {
    width: 100%;
  }
  #site_footer .inner {
    max-width: 1000px;
    margin: 0 auto;
  }
}

#site_footer {
	text-align: center;
	padding: 15px 0 8px;
	border-bottom: 6px solid var(--c_voice);
}
.g_the21 #site_footer { border-bottom-color:var(--c_the21); }
.g_rekishikaido #site_footer { border-bottom-color:var(--c_rekishi); }
#site_footer .copyright {
	color: #666666;
	font-size: 11px;
	margin-top: 10px;
}

/* Tablet */
@media (min-width: 768px) {  
  #site_footer {
		padding: 0;
		border-top: 1px solid var(--c_voice);
		border-bottom: none;
		background: var(--c_voice_bg);;
	}
  .g_the21 #site_footer { background: var(--c_the21_bg); border-top-color: var(--c_the21);}
  .g_rekishikaido #site_footer { border-top-color: var(--c_rekishi);}
	#site_footer .inner {
		padding: 25px 0 10px;
	}
	#site_footer .site_msg {
		color: #D96D00;
		font-size: 13px;
		text-align: left;
		line-height: 1.4;
		/*width: 480px;*/
		float: left;
	}
  .g_the21 #site_footer .site_msg { color: #000; }
  .g_rekishikaido #site_footer .site_msg { color: #7A0007; }
  
	#site_footer .footer_logo {
		width: 180px;
		float: right;
	}
	#site_footer .copyright {
		color: #FFF;
		font-size: 11px;
		text-align: right;
		margin-top: 10px;
		padding: 8px 0;
		background: #5F9A5E;
	}
	#site_footer .copyright p {
		width: 960px;
		margin: 0 auto;
		background: url(/image/icon/site_navi/pop.svg) left center no-repeat;
    background-size: contain;
	}
}



/*---------------------------------------------------------------------
	その他
---------------------------------------------------------------------*/

/*広告タグ用*/
.ad_2column {
	font-size: 0;
	display: block;
}
.ad_2column li {	
	font-size: 15px;
    display: inline-block;
    width: 48%;
    margin-right: 2%;
}
.ad_2column li:nth-child(2n) {
    margin-right: 0;
}

/* custom_search */
.custom_search td {
    padding: 0 !important;
}
.custom_search .gsc-input-box {
    height: auto;
    border: none;
}
.custom_search #gsc-i-id1 {
    padding: 10px !important;
    background-position: 8px center !important;
    border: 1px solid #bbb !important;
    vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 0 !important;
}
.custom_search .gsc-search-button {
    box-sizing: content-box;
    padding: 12.3px 18px;
    margin: 0 0 0 5px;
    vertical-align: middle;
	-webkit-appearance: none;
	border-radius: 0 !important;
}


/*tag*/
.tag_list {
  font-size: 0;
}
.tag_list li {
  display: inline-block;
  font-size: 15px;
  margin-right: 10px;
}
.tag_list > li > a {
  font-size: 90%;
	color: var(--c_voice);
}

.tag_list_detail {
  display: flex;
  flex-wrap: wrap;
  gap:5px;
  margin: 0 0 20px;
}
.tag_list_detail > li {
  font-size: 15px;
}
.tag_list_detail > li > a {
  font-size: 90%;
  color: #fff !important;
  background: var(--c_voice);
  padding: 4px 15px;
  border-radius: 16px;
}

.g_the21 .tag_list_detail > li > a {
  background-color: var(--c_the21);
}
.g_rekishikaido .tag_list_detail > li > a {
  background-color: var(--c_rekishi);
}


/* Tablet */
@media (min-width: 768px) {
  .tag_list_detail {
    margin-bottom: 10px;
  }
}

/*----- 画像ページ -----*/
.article_thumbs {
  margin-bottom: 30px;
}
.article_thumbs .main_thumb {
    /*border-radius: 5px;*/
    overflow: hidden;
  text-align: center;
}
.article_thumbs .main_thumb img {
  width: 100%;
}
.article_thumbs .thumb_alt {
    text-align: center;
    margin: 0 0;
    /*background: var(--php_green_03);*/
    padding: 5px;
    font-size: 1.3rem;
}
.article_thumbs .thumb_list {
    display: flex;
    flex-wrap: wrap;
  justify-content: center;
    gap: 10px;
  margin-top: 15px;
}
.article_thumbs .thumb_list li {
    width: 20%;
  position: relative;
  overflow: hidden;
  /*border-radius: 5px;*/
  padding-bottom: 12%;
  border: 2px solid #fff;
}
.article_thumbs .thumb_list .selected {
  border-color: #ccc;
}
.article_thumbs .thumb_list li img {
  position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    height: 100%;
    object-fit: cover;
}

.back_home {
  text-align: center;
  margin-bottom: 30px;
}
.back_home a {
  display: inline-block;
  color: #fff !important;
  text-decoration: none;
  font-size: 1.4rem;
  background: var(--c_voice);
  border-radius: 35px;
  text-align: center;
  padding: 0 0;
  width: 80%;
  max-width: 280px;
  padding: 13px 10px;
  transition: opacity .3s;
}
.g_the21 .back_home a { background-color: var(--c_the21); }
.g_rekishikaido .back_home a { background-color: var(--c_rekishi); }
.back_home a:hover {
  opacity: .8;
}
.site_search .back_home {
  margin-bottom: 30px;
}

  /* desktop */
@media (min-width:1270px) {
  .article_thumbs {
    margin-bottom: 40px;
  }
  .article_thumbs .thumb_alt {
    font-size: 1.6rem;
  }
  .article_thumbs .thumb_list {
    margin-top: 30px;
    gap:15px;
  }
  .article_thumbs .thumb_list li {
    width: 15.5%;
    padding-bottom: 9%;
  }
}


/*---------------------------
	404
---------------------------*/
.other_shuchi {
  margin: 30px auto;
}
.other_shuchi li {
  display: inline-block;
  vertical-align: top;
  margin-bottom: 5px;
}
.other_shuchi a {
  color: #fff !important;
  border-radius: 4px;
  display: block;
  padding: 10px 20px;
  text-decoration: none;
}


/*---------------------------------------------------------------------
	sitemap
---------------------------------------------------------------------*/
.sitemap > ul > li + li {
  margin-top: 15px;
}
.sitemap > ul > li > a {
    display: block;
    background: #fafafa;
    padding: 10px;
    border: 1px solid #ccc;
    border-radius: 4px;
    color: #000;
    font-weight: bold;
}
.sitemap > ul > li > ul {
    list-style: disc outside;
    margin: 10px 0 30px 30px;
    color: #00177d;
}