@charset "UTF-8";

/* !Margin */
.mt00 { margin-top: 0   !important;}
.mt05 { margin-top: 5px !important;}
.mt10 { margin-top:10px !important;}
.mt12 { margin-top:12px !important;}
.mt15 { margin-top:15px !important;}
.mt20 { margin-top:20px !important;}
.mt25 { margin-top:25px !important;}
.mt30 { margin-top:30px !important;}
.mt35 { margin-top:35px !important;}
.mt40 { margin-top:40px !important;}
.mt45 { margin-top:45px !important;}
.mt50 { margin-top:50px !important;}
.mr00 { margin-right: 0   !important;}
.mr05 { margin-right: 5px !important;}
.mr10 { margin-right:10px !important;}
.mr12 { margin-right:12px !important;}
.mr15 { margin-right:15px !important;}
.mr20 { margin-right:20px !important;}
.mr25 { margin-right:25px !important;}
.mr30 { margin-right:30px !important;}
.mr35 { margin-right:35px !important;}
.mr40 { margin-right:40px !important;}
.mr45 { margin-right:45px !important;}
.mr50 { margin-right:50px !important;}
.mb00 { margin-bottom: 0   !important;}
.mb05 { margin-bottom: 5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb12 { margin-bottom:12px !important;}
.mb15 { margin-bottom:15px !important;}
.mb20 { margin-bottom:20px !important;}
.mb25 { margin-bottom:25px !important;}
.mb30 { margin-bottom:30px !important;}
.mb35 { margin-bottom:35px !important;}
.mb40 { margin-bottom:40px !important;}
.mb45 { margin-bottom:45px !important;}
.mb50 { margin-bottom:50px !important;}
.ml00 { margin-left: 0   !important;}
.ml05 { margin-left: 5px !important;}
.ml10 { margin-left:10px !important;}
.ml12 { margin-left:12px !important;}
.ml15 { margin-left:15px !important;}
.ml20 { margin-left:20px !important;}
.ml25 { margin-left:25px !important;}
.ml30 { margin-left:30px !important;}
.ml35 { margin-left:35px !important;}
.ml40 { margin-left:40px !important;}
.ml45 { margin-left:45px !important;}
.ml50 { margin-left:50px !important;}
.m0-a { margin: 0 auto !important;}

/* !Padding  */
.pt00 { padding-top: 0   !important;}
.pt05 { padding-top: 5px !important;}
.pt10 { padding-top:10px !important;}
.pt12 { padding-top:12px !important;}
.pt15 { padding-top:15px !important;}
.pt20 { padding-top:20px !important;}
.pt25 { padding-top:25px !important;}
.pt30 { padding-top:30px !important;}
.pt35 { padding-top:35px !important;}
.pt40 { padding-top:40px !important;}
.pt45 { padding-top:45px !important;}
.pt50 { padding-top:50px !important;}
.pr00 { padding-right: 0   !important;}
.pr05 { padding-right: 5px !important;}
.pr10 { padding-right:10px !important;}
.pr12 { padding-right:12px !important;}
.pr15 { padding-right:15px !important;}
.pr20 { padding-right:20px !important;}
.pr25 { padding-right:25px !important;}
.pr30 { padding-right:30px !important;}
.pr35 { padding-right:35px !important;}
.pr40 { padding-right:40px !important;}
.pr45 { padding-right:45px !important;}
.pr50 { padding-right:50px !important;}
.pb00 { padding-bottom: 0   !important;}
.pb05 { padding-bottom: 5px !important;}
.pb10 { padding-bottom:10px !important;}
.pb12 { padding-bottom:12px !important;}
.pb15 { padding-bottom:15px !important;}
.pb20 { padding-bottom:20px !important;}
.pb25 { padding-bottom:25px !important;}
.pb30 { padding-bottom:30px !important;}
.pb35 { padding-bottom:35px !important;}
.pb40 { padding-bottom:40px !important;}
.pb45 { padding-bottom:45px !important;}
.pb50 { padding-bottom:50px !important;}
.pl00 { padding-left: 0   !important;}
.pl05 { padding-left: 5px !important;}
.pl10 { padding-left:10px !important;}
.pl12 { padding-left:12px !important;}
.pl15 { padding-left:15px !important;}
.pl20 { padding-left:20px !important;}
.pl25 { padding-left:25px !important;}
.pl30 { padding-left:30px !important;}
.pl35 { padding-left:35px !important;}
.pl40 { padding-left:40px !important;}
.pl45 { padding-left:45px !important;}
.pl50 { padding-left:50px !important;}
.fwN    { font-weight: normal;}
.fwB    { font-weight: bold;}
.fzSS   { font-size:  78%;}/* base 14px -> 10px */
.fzS    { font-size:  85%;}/* base 14px -> 12px */
.fzM    { font-size: 100%;}
.fzL    { font-size: 115%;}/* base 14px -> 16px */
.fzLL   { font-size: 130%;}/* base 14px -> 18px */
.fzLLL  { font-size: 143%;}/* base 14px -> 20px */
sup     { font-size: 78%; vertical-align: top;}
sub     { font-size: 78%; vertical-align: baseline;}

/* !Inline Align ------------------------------------------------------------ */
.taL    { text-align: left   !important;}
.taC    { text-align: center !important;}
.taR    { text-align: right  !important;}
.vaT    { vertical-align: top    !important;}
.vaM    { vertical-align: middle !important;}
.vaB    { vertical-align: bottom !important;}
.blockC  { margin-right: auto; margin-left: auto; text-align: left;}
* html .blockC { margin-right: 0; margin-left: 0;}
.blockR  { margin-left: auto; text-align: left;}
* html .blockR { margin-left: 0;}

/* !Floats ------------------------------------------------------------------ */
.flL    { display: inline; float: left;}
.flR    { display: inline; float: right;}

/* !Base Effect -------------------------------------------------------------- */
a {
	color: #333;
	text-decoration: none;
	cursor: pointer;
}
/*a:visited,*/
a:hover,
a:active,
a:focus {
	opacity: 0.7;
}
button { cursor: pointer; }
.sp { display: block; }
.pc { display: none; }
.opacity05 { opacity: 0.5; }

h1 { font-size: 22px; }
h2 { font-size: 20px; }
h3 { font-size: 17px; }
h4 { font-size: 16px; }
blockquote {
	background: #f2f0f0;
	padding: 10px;
}

/* !Border -------------------------------------------------------------- */
.addBorder {
	border: 1px solid #c9caca;
	display: block;
	width: auto;
	min-height: 96px;
	margin-top: 10px;
}
.noBorder {
	border: 0!important;
}
.horizontalBorder {
	border-bottom: 1px solid #000;
	padding: 5px 0;
	margin-left: -10px;
  margin-right: -10px;
}

/* !BackgroundImage ---------------------------------------------------- */
.bg-n {
	background-image: none !important;
}

/* !Alignments-blog ---------------------------------------------------- */
.main ul li { 
	list-style: none; 
}

.main h1 {
	margin-bottom: 30px;
	clear: both;
}
.main a {
	text-decoration: underline;
	color:  #5484c8;
}
.main span {
	padding: 3px 6px;
}
.main table td {
	border: 1px solid #ccc;
	padding: 5px;
}
.alignleft {
	clear: right;
	display: inline;
	float: left;
	margin-right: 1rem;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	border: 1px solid #ccc;
}
.alignright {
	clear: left;
	display: inline;
	float: right;
	margin-left: 1rem;
	width: auto;
	height: auto;
	max-width: 100%;
	max-height: 100%;
	border: 1px solid #ccc;
}
.aligncenter {
	clear: both;
	display: block;
	margin: 20px auto;
	width: 100%;
	height: auto;
	max-width: 100%;
	border: 1px solid #ccc;
}
img.alignnone.size-full {
	max-width: 100%!important;
	height: auto!important;
	width: 100%;
}

/* !WP Gutenberg Editor ---------------------------------------------------- */
/* Gutenberg Editorにより追加されたクラスに対してのcss */
.wp-block-image img {
	height: auto;
}

/* !Common ---------------------------------------------------- */
body {
	font-size: 14px;
	-webkit-text-size-adjust: none;
	line-height: 1.5;
	min-width: 320px;
	color: #333;
	background-color: #fff;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", sans-serif;
}
#wrapper {
	width:100vw;
	overflow: hidden;
}
.contents {
	width: 100%;
	height: auto;
	margin-top: 55px;
	min-width: 320px;
	min-height: calc(100vh - 515px);
	box-sizing: border-box;
}
section {
	display: block;
	/*padding: 10px 0;*/
	background: #fff;
}
.sectionInner{
	max-width: 1000px;
	margin: 0 auto;
}
.sectionInner_2col table {
	border-collapse: collapse;
	width: 100%;
}
/*.sectionInner_2col table td {
	border:1px solid #ccc;
	padding: 5px;
}*/
.sectionInnerArchive{
	max-width: 1000px;
	margin: 0 auto;
}
#category {
	width: 96%;
	margin: 0 auto;
}
.sideNav h2 {
	font-size: 16px;
	font-weight: normal;
	color: #4a4a4a;
}
dl.sideMenu{
	line-height: 35px;
	text-indent: 0.5rem;
}
dl.sideMenu dt {
	color: #333;
	position: relative;
	cursor: pointer;
}
dl.sideMenu dt:hover {
	opacity: 0.7;
}
dl.sideMenu dt:active {
	font-weight: bold;
}
dl.sideMenu dt span {
	position: absolute;
	top: 0;
	right: 15px;
	font-size: 24px;
	color: #ccc;
	line-height: 45px;
}
dl.sideMenu dd ul {
	list-style: none;
	font-size: 14px;
	margin-left: 5px;
}
dl.sideMenu dd ul li a{
	color: #666767;
}
.acMenu a {
	display: block;
}
.acMenu a:hover {
	text-decoration: underline;
}
.acMenu dd {
	display: none;
}
.sidebarLinks .sisterSiteWrapper {
	width: 100%;
	margin: 10px auto;
}
.sisterSiteTitle h2 {
	font-size: 14px;
	font-weight: bold;
}
.sidebarLinks .sisterSiteTitle p {
	font-size: 12px;
	line-height: 0.9rem;
}
.sidebarLinks .sisterSiteWrapper .sideImgCardList .sideImgThumb {
	width: 34%;
	height: auto;
}
.sidebarLinks .sisterSiteWrapper .sideImgCardList .sideImgThumb img {
	width: 100%;
	height: auto;
}
/* !Header --------------- */
.header {
	width: 100%;
	height: 55px;
	border-bottom: solid 1px #000;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99;
	background-color: #ffffff;
}
.header .logo {
	width: 190px;
	height: 35px;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}
.header .logo a {
	display: block;
}
.header .logo img {
	width: auto;
	height: 35px;
}
.header .headerBtnArea-sp {
	display: block;
	position: fixed;
	top: 5px;
	right: 5px;
	cursor: pointer;
	z-index: 1;
}
.headerBtnArea-sp .searchIcon {
	width: 45px;
	height: 45px;
	position: relative;
	cursor: pointer;
	z-index: 2;
}
	.searchIcon {
		background: url(../img/icon/icn_search.png) no-repeat;
		background-position: center;
		background-size: 30px 30px;
	}
.headerBtnArea-sp .searchBox {
	position: fixed;
	top: 56px;
	left: 0;
	width: 100%;
	background-color: rgba(206, 206, 206, 0.5);
	display: none;
}
.headerBtnArea-sp .searchBox form {
	width: 90%;
	margin: 10px auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
	.search {
		width: 199px;
		height: 30px;
		padding: 0 10px;
		background: #e6e9eb;
		border:0;
		border-radius: 20px 0 0 20px;
		box-sizing: border-box;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-appearance: none;
		display: inline-block;
	}
	.searchBtn {
		position:relative;
		width: 49px;
		height: 30px;
		left: 2px;
		border:0;
		background: #e6e9eb;
		border-radius: 0 20px 20px 0;
		color:#fafafa;
		cursor: pointer;
		-webkit-appearance: none;
		display: inline-block;
		background-image: url('../img/icon/renewal/icon-search.png');
		background-position: center center;
		background-repeat: no-repeat;
	}
	.searchBtn:hover  {
		opacity: 0.7;
	}

.header .headerBtnArea-pc {
	display: none;
}
.header nav.gnavi {
	display: none;
}

/* !Drawer menu --------------- */
.drawer--left .drawer-hamburger {
	width: 26px;
	height: 30px;
	padding: 12px 14px;
	z-index: 100;
}
.drawer--left .drawer-hamburger .btnName {
	color: #c90044;
	display: block;
	font-size: 78%;
	position: absolute;
	left: 10px;
	top: 35px;
}
.drawer--left.drawer-open .drawer-hamburger .btnName {
	display: none;
}
.drawerNav {
	z-index: 100;
	overflow-y: scroll;
}
.drawerMenu li {
	color: #e6e6e5;
}
.drawerMenu li.menuTitle {
	font-size: 18px;
	font-weight: bold;
	line-height: 55px;
	height: 55px;
	color: #333;
	padding-left: 10px;
	border-bottom: 1px solid #b5b5b6;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.drawerMenu li a {
	color: #333;
	display: block;
	/*padding: 10px 0;*/
}
.drawerMenu li.navSecondary ul{
	padding: 0 5px;
	margin: 0 10px;
	border-top: 1px solid #dcdddd;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
	.navSecondary i {
		font-size: 24px;
		color: #4d4d4d;
		padding: 8px 20px 8px 5px;
	}
.drawer-hamburger-icon, .drawer-hamburger-icon:after, .drawer-hamburger-icon:before {
	margin-top: 0;
	background-color: #1a1a1a;
}
.drawerOverlay {
	background-color: rgba(0,0,0,0.75);
}
.accordion-menu {
	width: 100%;
	max-width: 350px;
	margin: 0px auto;
	background: #fff;
}
.accordion-menu li.open > .dropdownlink {
	opacity: 0.6;
}
.accordion-menu li > .dropdownlink > .fa-angle-down {
	/*transform: rotate(180deg);*/
}
.accordion-menu li.open > .dropdownlink > .fa-angle-down {
	transform: rotate(180deg);
}
.accordion-menu li:last-child .dropdownlink {
	border-bottom: 0;
}
.dropdownlink {
	cursor: pointer;
	display: block;
	padding: 12px 20px 12px 40px;
	color: #212121;
	position: relative;
	transition: all 0.4s ease-out;
}
.dropdownlink.publicationTitle {
	background-size: 27px auto;
}
.dropdownlink i {
	position: absolute;
	top: 16px;
	font-size: 20px;
	right: 20px;
}
.fa-angle-down {
	right: 0;
	left: auto;
}
.submenuItems {
	display: none;
	background: #f7f8f8;
	margin: 0 20px;
}
.submenuItems > li {
	position: relative;
}
.submenuItems > li > .dropdownlink {
	padding: 0;
	font-size: 100%;
	color: #212121;
	position: relative;
	transition: all 0.4s ease-out;
}
.submenuItems li.open > .dropdownlink {
	opacity: 0.6;
}
.submenuItems li > .dropdownlink .fa-angle-down {
	/*transform: rotate(180deg);*/
}
.submenuItems li.open > .dropdownlink .fa-angle-down {
	transform: rotate(180deg);
}
.submenuItems > li > a,
.submenuItems > li > .dropdownlink > a {
	font-size: 100%;
	display: block;
	color: #000;
	padding: 12px 12px 12px 25px;
	transition: all 0.35s ease-out;
}
.submenuItems > li > a:hover,
.submenuItems > li > .dropdownlink > a:hover {
	color: #fff;
	background-color: rgba(153, 153, 174, 1);
}
.childSubmenuItems {
	display: none;
	background: #efefef;
}
.childSubmenuItems li {
	text-indent: 5px;
}
.childSubmenuItems li > a {
	display: block;
	color: #727272;
	padding: 12px 20px 12px;
	transition: all 0.4s ease-out;
}
.childSubmenuItems li > a:hover {
	color: #fff;
	background-color: rgba(153, 153, 174, 1);
}

/* !Breadcrumb --------------- */
#breadCrumb {
	width: 96%;
	max-width: 1000px;
	color: #ccc;
	display: block;
	padding: 8px 10px 0;
	z-index: 998;
}
#breadCrumb ol {
	display: block;
	width: 100%;
	list-style: none;
}
#breadCrumb ol:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
#breadCrumb ol li{
	color: #ccc;
	font-size: 12px;
	line-height: 15px;
	display: block;
	padding: 0 0 5px;
	float: left;
	list-style: none;
}
#breadCrumb ol li:last-child {
	color: #808080;
}
#breadCrumb ol li a{
	color: #b9b9b9;
	display:inline-block;
}
#breadCrumb ol li a:after{
	color: #ccc;
	font-size: 12px;
	content: ">";
	margin: 0 6px;
}
#breadCrumb ol li:last-child a:after{
	content: "";
}

/* !backToTopButton --------------- */
#scrollButton {
	display: none;
	position: fixed;
	bottom: 0;
	right: 0;
	font-size: 200%;
	z-index: 98;
}
#scrollButton span {
	background: rgba(176, 192, 212, 0.75);
	text-decoration: none;
	color: #fff;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 46px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

/* !gnav --------------- */
.navButton {
	display: block;
	padding: 30px 0 20px;
	margin: 0 6px;
}
.navButton:after {
	visibility:hidden;
	display:block;
	font-size:0;
	content:" ";
	clear:both;
	height:0;
}
.navButton li {
	display: block;
	margin: 0 auto;
}
.navButton li button{
	color: #333;
	font-size: 90%;
	display: block;
	width: 70%;
	padding: 7px;
	margin: 0 auto;
	background-color: #fff;
	border: 2px solid #333;
	line-height: 20px;
}
.navButton li button i {
	font-size: 130%;
	line-height: 20px;
}
.navButton li button:hover {
	border: 3px solid #333;
	padding: 6px;
}
/* !sisterSite --------------- */
.sisterSiteLinks {
	background-color: #fafafa;
	width: 100%;
}
.topSisterSiteLinks {
	width: 100%;
	margin-bottom: 10px;
}
.sisterSiteWrapper {
  display: flex;
	width: 100%;
	margin: 0 auto;
	flex-wrap: wrap;
}
.sisterSiteWrapper .sideImgCardList {
	display: table;
	width: 100%;
	height: 80px;
	font-size: 0;
	margin: 5px 0;
	background: #fff;
	border: 0px solid #ccc;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.topSisterSiteWrapper .sideImgCardList {
	display: table;
	width: 100%;
	height: 80px;
	font-size: 0;
	margin-top: 5px;
	background: #fff;
	/*border: 1px solid #ccc;*/
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.sisterSiteWrapper .sideImgCardList div{
	vertical-align: middle;
	display: table-cell;
}
.sisterSiteWrapper .sideImgCardList a {
	color: #333;
	display: block;
	cursor: pointer;
}
.topSisterSiteWrapper .sideImgCardList a {
	display: block;
	height: 100%;
	color: #333;
	cursor: pointer;
	text-align: center;
	max-width: 280px;
	max-height: 90px;
	margin: 0 auto;
}
.sisterSiteWrapper .sideImgCardList .sideImgThumb {
	width: 20%;
	height: 80px;
}
.topSisterSiteWrapper .sideImgCardList img{
	width: 100%;
	height: auto;
}
.sisterSiteWrapper .sideImgCardList .sideImgThumb img{
	width: auto;
	height: 100%;
}
.sisterSiteWrapper .sideImgCardList .sisterSiteTitle {
	font-size: 14px;
	width: 77%;
	padding: 5px 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.sisterSiteWrapper .sideImgCardList .fa-angle-right {
	color: #ccc;
	font-size: 24px;
/*	padding: 0 8px;*/
	width: 20px;
	text-align: center;
}

/* !Footer --------------- */
#footer {
	color: #333;
	font-size: 14px;
	display: table;
	width: 100%;
	height: auto;
	background-color: #eee;
	z-index: 1;
	min-width: 320px;
}
#footer h3 {
	font-size: 14px;
}
#footer .sectionInner {
	max-width:1200px;
}
#footer .sitemapContainer {
	padding: 10px 10px 0 ;
	text-align: center;
}
#footer ul.sitemap{
	line-height: 1.5rem;
	display: table-cell;
	width: 100%;
	text-align: center;
	margin: 0 3px 6px;
	padding: 0 10px;
	float: left;
	list-style: none;
	overflow: hidden;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
#footer ul li {
	list-style: none;
}
#footer ul li img {
	width: 120px;
	height: auto;
}
#footer ul.sitemap a{
	color: #333;
}
.privacyMarkLogo {
	width: 60px;
	margin-top: 16px;
	margin-bottom: 16px;
	margin-left: auto;
}

/* !textCommon ---------------------------------------------------- */
h1.titleCommon {
	font-size: 20px;
	color: #333;
	text-align: center;
	font-weight: normal;
	max-width: 900px;
	width: 90%;
	padding: 0 10px;
	margin: 0 auto;
}
h2.titleCommon {
	font-size: 18px;
	color: #333;
	font-weight: bold;
	max-width: 900px;
	width: 96%;
	padding-left: 30px;
	margin: 20px 0px 0px;
	line-height: 30px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
h2.titleCommonArchive {
	font-size: 18px;
	color: #808080;
	font-weight: normal;
}
h3.titleCommon {
	font-size: 16px;
	color: #808080;
	text-align: left;
	font-weight: normal;
	padding-bottom: 10px;
	border-bottom: 1px solid #cbdada;
	margin: 0 25px 20px;
}
h2.titleCommon.bookTitle,
h2.titleCommon.digitalTitle {
	padding-bottom: 10px;
}
h2.titleCommon.topBookTitle,
h2.titleCommon.digitalTitle {
	padding-left: 10px !important;
}
.textContainer {
	width: 90%;
	margin: 0 auto;
	padding: 10px 0;
}
.postingSynopsis {
	padding: 5px;
	text-align: left;
	line-height: 18px;
}
	.postingSynopsis > .postTitle {
		height: 53px;
		margin-bottom: 5px;
		overflow: hidden;
	}
.contentsTitle {
	text-align: left;
	line-height: 18px;
}
	.contentsTitle > .postTitle {
		padding: 8px 0 0 0 !important;
	}
.postDate{
	font-size: 13px;
	color: #999;
}
.releaseDate {
	display: block;
	font-size: 13px;
	color: #999;
	padding-top: 5px;
}
.tag {
	font-size: 13px;
	color: #677cd6;
	padding: 5px;
}
	.tag span a {
		display: inline-block!important;
		color:#5588ad;
	}
.imgContainer {
	font-size: 0;
}
/* !readMoreButton --------------- */
.readMoreBtn {
	font-size: 14px;
	text-align: center;
	padding: 10px 10px 0;
}
.readMoreBtn a{
	display: block;
	color: #677cd6;
	line-height: 24px;
	font-size: 18px;
	margin:0px 0px 10px
}
	.readMoreBtn a:hover{
		opacity: 0.7;
	}
.readMoreBtn .fa-angle-right {
	font-size: 16px;
	padding-left: 5px;
	line-height: 20px;
}
.sliderTabContainer .readMoreBtn {
	padding-top: 5px;
}

/* !titleIcon --------------- */
.latestTitle {
	background-image: url("../img/icon/icn_latest.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.regularTitle {
	background-image: url("../img/icon/icn_regular.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.bookTitle {
	background-image: url("../img/icon/icn_book.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.digitalTitle {
	background-image: url("../img/icon/icn_digital.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.seigoTitle {
	background-image: url("../img/icon/icn_seigo.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.newSeigoTitle {
	background-image: url("../img/icon/renewal/icn_seigo.png");
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: -2px -2px;
}
.arbeitTitle {
	background-image: url("../img/icon/renewal/icn_arbeit.png");
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: -2px -2px;
}
.seriesTitle {
	background-image: url("../img/icon/icn_series.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.relatedTitle {
	background-image: url("../img/icon/icn_related.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.newsTitle {
	background-image: url("../img/icon/icn_news.png");
	background-repeat: no-repeat;
	background-size: 30px auto;
	background-position: 0 -2px;
}
.webshopTitle {
	background-image: url("../img/icon/icn_cart.png");
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: -2px center;
}
.publicationTitle {
	background-image: url("../img/icon/renewal/icn_yotei.png");
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: 0px center;
}
.contactusTitle {
	background-image: url("../img/icon/renewal/icn_otoiawase.png");
	background-repeat: no-repeat;
	background-size: 40px auto;
	background-position: 0 center;
}
.contactTitle {
	background-image: url("../img/icon/icn_contact.png");
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: -2px center;
}
.searchTitle {
	background-image: url("../img/icon/icn_search.png");
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: -2px center;
}
.errorTitle {
	background-image: url("../img/icon/icn_error.png");
	background-repeat: no-repeat;
	background-size: 26px auto;
	background-position: 1px -2px;
}
.menuIcon {
	background-position: 7px center !important;
}

/* !categoryLabel --------------- */
.labelAndDate {
	float: right;
}

.booklabelAndDate {
}

.categoryLabel {
	font-size: 11px;
	color: #fff;
	display: inline-block;
	line-height: 11px;
	padding: 5px 4px 4px;
	margin-right: 3px;
	min-width: 35px;
	text-align: center;
	border-radius: 10px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
.cardTitle { color: #fff;}

/*すべて*/.all { background-color: rgba(153, 153, 174, 1);}
/*国試*/.exam { background-color: rgba(217, 21, 71, 1);}
/*CBT*/.cbt { background-color: rgba(0, 143, 222, 1);}
/*動画*/.digital { background-color: rgba(35, 114, 117, 0.5);}
/*マッチング*/.visit_matching { background-color: rgba(230, 121, 8, 1);}
/*実習*/.practice  { background-color: rgba(92, 161, 46, 1);}
/*研修医・医師*/.doctor  { background-color: rgb(155, 155, 42);}
/*コラム*/.etc { background-color: rgba(110, 66, 54, 1);}
/*その他*/.book { background-color: rgba(136, 30, 140, 1);}

/*学習まずはこれ*/
/*すべて*/.allAlphaBg { background-color: rgba(153, 153, 174, 0.5);}
/*国試*/.examAlphaBg { background-color: rgba(217, 21, 71, 0.5); }
/*CBT*/.cbtAlphaBg { background-color: rgba(0, 143, 222, 0.5); }
/*動画*/.digitalAlphaBg { background-color: rgba(35, 114, 117, 0.5);}
/*マッチング*/.visit_matchingAlphaBg { background-color: rgba(230, 121, 8, 0.5);}
/*実習*/.practiceAlphaBg  { background-color: rgba(92, 161, 46, 0.5); }
/*研修医・医師*/.doctorAlphaBg  { background-color: rgba(155, 155, 42, 0.5); }
/*コラム*/.etcAlphaBg { background-color: rgba(110, 66, 54, 0.5);}
/*その他*/.bookAlphaBg { background-color: rgba(136, 30, 140, 0.5);}

/*category背景*/
/*すべて*/.categoryAll { background-color: rgba(153, 153, 174, 0.05);}
/*国試*/.categoryExam { background-color: rgba(217, 21, 71, 0.05);}
/*CBT*/.categoryCbt { background-color: rgba(0, 143, 222, 0.05);}
/*動画*/.categoryDigital  { background-color: rgba(35, 114, 117, 0.05);}
/*マッチング*/.categoryJunior { background-color: rgba(230, 121, 8, 0.05);}
/*実習*/.categoryPractice  { background-color: rgba(92, 161, 46, 0.05);}
/*研修医・医師*/.categoryDoctor  { background-color: rgba(155, 155, 42, 0.05); }
/*コラム*/.categoryEtc { background-color: rgba(110, 66, 54, 0.05);}
/*その他*/.categoryBook { background-color: rgba(136, 30, 140, 0.05);}
.categorySome { background-color: rgba(222, 222, 222, 0.05);}

/*borderMenu*/
.menuAll { border-bottom: 2px solid rgba(153, 153, 174, 0.5);}
.menuExam { border-bottom: 2px solid rgba(217, 21, 71, 0.5);}
.menuPractice { border-bottom: 2px solid rgba(92, 161, 46, 0.5);}
.menuCbt { border-bottom: 2px solid rgba(0, 143, 222, 0.5);}
.menuJunior { border-bottom: 2px solid rgba(230, 121, 8, 0.5);}
.menuDigital { border-bottom: 2px solid rgba(35, 114, 117, 0.5);}
.menuBook { border-bottom: 2px solid rgba(136, 30, 140, 0.5);}
.menuEtc { border-bottom: 2px solid rgba(110, 66, 54, 0.5);}
.menuSome { border-bottom: 2px solid rgba(222, 222, 222, 0.5);}

/* !topPage ---------------------------------------------------- */
/* !mainSlider --------------- */
.topImageSlider {
	height: 200px;
	width: 100%;
	overflow: hidden;
}
.topImageSlider img {
	height: 200px;
	width: 100%;
	object-fit: contain;
	background-color: #fff;
}
/* banner --------------- */
.banner {
	width: 100%;
	height: 100%;
}
.bannerWrapper {
	display: block;
	width: 100%;
	height: 75px;
	background: #677cd6;
}
.bannerWrapper a {
	display: block;
	width: 100%;
	height: 100%;
	text-align: center;
}
.bannerWrapper img {
	width: 100%;
	max-width: 375px;
}
/* 新着記事 ---------------*/
.flexWrapper {
	display: block;
}
.latestPosts {
	width: calc(100% - 20px);
	padding: 16px 10px;
	border-right: none;
}

.latestPostsHead {
	display: flex;
}
#searchform {
	display: flex;
}
.nav-filter-list {
	display: flex;
	padding: 11px 7px 12px;
  flex-wrap: wrap;
	list-style: none;
  justify-content: space-between;
}
.nav-filter-item {
	/* flex: 0 1 calc(100% / 3); */
	min-width: 60px;
	max-height: 27px;
	margin-top: 16px;
	background: #fff;
	border-radius: 10px;
	padding: 0 10px;
	font-size: 13px;
	box-shadow: 5px 5px 10px rgba(37, 30, 28, 0.25);
	/*-webkit-filter: drop-shadow(5px 5px 5px rgba(37, 30, 28, 0.25));
	-moz-filter: drop-shadow(5px 5px 5px rgba(37, 30, 28, 0.25));
	-ms-filter: drop-shadow(5px 5px 5px rgba(37, 30, 28, 0.25));
	filter: drop-shadow(5px 5px 5px rgba(37, 30, 28, 0.25));*/
	line-height: 27px;
	text-align: center;
}
.nav-filter-item a {
	display: block;
	width: 100%;
}
.nav-filter-item a:focus {
	opacity: 1;
}
.nav-filter-item.active {
	background: #677cd6;
}
.nav-filter-item.active a {
	color: #fff;
	opacity: 1;
}
.latestPostsList {
	list-style: none;
}
.latestPostsItem {
	width: 100%;
	height: auto;
	padding: 8px 0;
}
.latestPostsItem a {
	display: flex;
	align-items: center;
}
.readMoreBtnWrapper {
	width: calc(100% + 20px);
  margin-left: -10px;
  border-top: 1px solid #dcdddd;
  border-bottom: 1px solid #dcdddd;
}
.imgWrapper {
	display: flex;
	align-items: center;
	width: 75px;
	max-width: 75px;
	height: 75px;
	justify-content: center;
}
.imgWrapper img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 75px;
}
.titleWrapper {
	width: calc(100% - 75px - 20px);
	height: 100%;
	padding-left: 20px;
}
.postTitle {
	font-size: 13px;
}
.latestPostsList .latestPostsItem .titleWrapper .postTitle {
	font-weight: bold;
}
/* 学習まずはこれ --------------- */
.studySite {
	width: calc(100% - 20px);
	padding: 0 10px;
}
.snsTitleWrapper {
  margin-left: -10px;
  margin-right: -10px;
}
.studySite .titleCommon {
	padding: 0 0 10px 0;
}
.studySite .titleSns {
  display: flex;
  width: 100%;
  height: 100%;
	text-align: center;
	padding: 0;
	margin: auto;
  align-items: center;
  justify-content: center;
}
.studySite .titleSns a {
	width: 100%;
}
.studySite .titleSns img {
	width: 100%;
	height: auto;
}
.studySiteList {
	display: flex;
	padding-bottom: 10px;
	flex-direction: column;
	list-style: none;
}
.studySiteItem a {
	display: flex;
}
.studySiteImg {
	display: flex;
	max-width: 70px;
	height: 70px;
	padding: 10px;
	align-items: center;
}
.studySiteImg img {
	width: 50px;
	height: auto;
}
.studySiteTxt {
	width: 80%;
	font-size: 18px;
}
.studySiteTxtWrapper {
  position: relative;
  display: flex;
  width: 100%;
  align-items: center;
}
.studySiteTxtWrapper img {
	position: absolute;
	right: 5px;
	margin-left: 5px;
}
/* flickSlider --------------- */
.nav-tabs-wrapper {
	width: 100%;
	height: 49px;
	overflow: hidden;
}
.nav-tabs-outer {
	overflow-x: scroll;
	padding-top: 10px;
	height: 40px;
	border-bottom: 1px solid #ddd;
}
	.nav-tabs-outer ul{
		height: 40px;
	}
.nav-tabs > li {
	float: left;
	text-align: center;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border-radius: 5px 5px 0 0;
}
.nav > li > a {
	position: relative;
	display: block;
	padding: 10px 5px;
}
.nav-tabs-outer .nav-tabs li{
	display: block;
	width: 78px;
}
.nav-tabs-outer .nav-tabs li a{
	display: block;
	height: 20px;
	color: #efefef;
}

.nav-tabs-outer .nav-tabs li:nth-child(1) a {
	background: rgba(153, 153, 174, 1);
}
.nav-tabs-outer .nav-tabs li:nth-child(2) a {
	background: rgba(217, 21, 71, 1);
}
.nav-tabs-outer .nav-tabs li:nth-child(3) a {
	background: rgba(230, 121, 8, 1);
}
.nav-tabs-outer .nav-tabs li:nth-child(4) a {
	background: rgba(92, 161, 46, 1);
}
.nav-tabs-outer .nav-tabs li:nth-child(5) a {
	background: rgba(0, 143, 222, 1);
}
.nav-tabs-outer .nav-tabs li:nth-child(6) a {
	background: rgba(35, 114, 117, 1);
}
.nav-tabs-outer .nav-tabs li:nth-child(7) a {
	background: rgba(136, 30, 140, 1);
}
.nav-tabs-outer .nav-tabs li:nth-child(8) a {
	background: rgba(110, 66, 54, 1);
}

}.nav-tabs-outer .nav-tabs li.active a{
	padding: 8px 0 10px;
	color: #fff;
}

.nav-tabs-outer .nav-tabs li.active:nth-child(1) a {
	background: rgba(153, 153, 174, 0.75);
}
.nav-tabs-outer .nav-tabs li.active:nth-child(2) a {
	background: rgba(217, 21, 71, 0.75);
}
.nav-tabs-outer .nav-tabs li.active:nth-child(3) a {
	background: rgba(230, 121, 8, 0.75);
}
.nav-tabs-outer .nav-tabs li.active:nth-child(4) a {
	background: rgba(92, 161, 46, 0.75);
}
.nav-tabs-outer .nav-tabs li.active:nth-child(5) a {
	background: rgba(0, 143, 222, 0.75);
}
.nav-tabs-outer .nav-tabs li.active:nth-child(6) a {
	background: rgba(35, 114, 117, 0.75);
}
.nav-tabs-outer .nav-tabs li.active:nth-child(7) a {
	background: rgba(136, 30, 140, 0.75);
}
.nav-tabs-outer .nav-tabs li.active:nth-child(8) a {
	background: rgba(110, 66, 54, 0.75);
}

.nav-tabs-outer.active {
	/*position: fixed;*/
	z-index: 98;
	background-color: rgba(255,255,255,1);
	top: 56px;
	width: 100%;
}
.tab-content > .tab-pane {
	display: none;
}
.tab-content > .active {
	display: block;
}

/* !tileList --------------- */
ul.tileList {
	width: 98%;
	margin: 10px auto 0;
}
ul.tileList li {
	display: inline-block;
	width: 49%;
	overflow: hidden;
	margin-bottom: 5px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
ul.tileList li a {
	display: block;
}
ul.tileList li .tag a {
	display: inline-block;
	color: #5588ad;
}
ul.tileList li img {
	max-width: 100%;
	height: auto;
}
	.regularPosts ul.tileList li img {
	width: 100%;
	height: auto;
}
ul.tileList li h3 {
	font-size: 16px;
	font-weight: normal;
	text-align: center;
	padding: 5px;
}
ul.tileList li.singlePostThumb {
	border: 1px solid #e6e6e6;
	text-align: left;
	height: 275px;
	vertical-align: top;
}
ul.tileList li.singlePostThumb.bookContainer {
		height: 270px!important;
	}
ul.tileList li.singlePostThumb .imgContainer {
	display: table;
	margin: auto;
	width: auto;
	max-height: 155px;
	min-height: 130px;
}
ul.tileList li.singlePostThumb .imgContainer img{
	display: table-cell;
	max-width: 100%;
	height: auto;
	max-height: 155px;
	margin: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
ul.tileList li.singlePostThumb .imgContainer.bookSize {
	height: 150px;
	width: auto;
}
ul.tileList li.singlePostThumb .imgContainer.bookSize img{
	height: 150px;
	width: auto;
}

/* !bookSliderTab --------------- */
ul.categoryTab {
	padding-top: 10px;
	overflow: hidden;
}
ul.categoryTab li {
	float: left;
	list-style: none;
	text-align: center;
	width: 95px;
	height: 40px;
	line-height: 40px;
	background-color: #f2f2f2;
	margin-right: 2px;
	border-radius: 5px 5px 0 0;
	cursor: pointer;
}
ul.categoryTab li:hover{
	opacity: 0.75;
}
ul.categoryTab li.current {
	color: #fff;
	background-color: rgba(153, 153, 174, 1);
}

.sliderTabContainer{
	clear:both;
}
.sliderTabContainer > div {
	border: 1px solid #e6e9eb;
	background: #e6e9eb;
}

/* !bookSlider --------------- */

/* carousel-slider over write ここから */
#sliderTabContainer1 .swiper-slide,
#sliderTabContainer2 .swiper-slide {
	padding: 16px 0;
}
#sliderTabContainer1 .swiper-slide .carousel-slider__item img {
	max-height: 140px;
}
#sliderTabContainer2 .swiper-slide .carousel-slider__item img {
	max-height: 100px;
}
#sliderTabContainer1 .swiper-slide .carousel-slider__item .carousel-slider__caption h4,
#sliderTabContainer2 .swiper-slide .carousel-slider__item .carousel-slider__caption h4 {
	color: #333;
	font-size: 14px;
	line-height: 1rem;
	text-align: left;
	padding: 10px 7px 0;
	margin: 0;
}
/* 767px以下 ---------------------------------------------------- */
@media (max-width: 767px){
	#sliderTabContainer1 .swiper-slide .carousel-slider__item .carousel-slider__caption h4,
	#sliderTabContainer2 .swiper-slide .carousel-slider__item .carousel-slider__caption h4 {
		padding: 10px 0 0;
		text-align: center;
	}
}
/* carousel-slider over write ここまで */

.contentsSlider{
	width: 100%;
	height: 215px;
	overflow: hidden;
	margin: 10px auto;
}
.contentsSlider.bookSlider{
	height: 230px;
	margin: 0;
	padding: 16px 0;
}
.contentsSlider.digitalSlider{
	height: auto;
	min-height: 170px;
	max-height: 190px;
	margin: 0;
	padding: 16px 0;
}
.contentsSlider.digitalHeight {
	height: 220px;
}
.relatedSlider {
	width: 100%;
	height: 210px;
	overflow: hidden;
	margin: 10px auto 20px;
}
.contentsSlider .singlePostThumb,
.relatedSlider .singlePostThumb {
	min-width: 136px;
	margin: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.contentsSlider.bookSlider .singlePostThumb,
.contentsSlider.digitalSlider .singlePostThumb {
	min-width: auto;
}
.sliderTabContainer .singlePostThumb .postContents {
	width: 160px;
	height: 238px;
}
.bookSlider .postContentsWrapper .imgContainer {
	width: 100px;
  height: 140px;
  vertical-align: bottom;
  display: table-cell;
}
.digitalSlider .postContentsWrapper .imgContainer {
	width: 100px;
  height: 100px;
  vertical-align: bottom;
  display: table-cell;
}
.sliderTabContainer .singlePostThumb .postContents.postContentsWrapper {
	width: 100px;
	height: 100%;
	margin: 0 auto;
}
.sliderTabContainer .singlePostThumb .postContents .imgContainer img,
.relatedSlider .singlePostThumb .postContents .imgContainer img {
	width: auto;
	height: 140px;
	border: 1px solid #ccc;
	margin: auto;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.sliderTabContainer .bookSlider .singlePostThumb .postContents.postContentsWrapper .imgContainer img {
	max-width: 100%;
	height: auto;
	max-height: 140px;
}
.sliderTabContainer .digitalSlider .singlePostThumb .postContents.postContentsWrapper .imgContainer img {
	width: 100px;
	height: 100px;
}
.sliderTabContainer .singlePostThumb .postContents p,
.relatedSlider .singlePostThumb .postContents p {
	color: #333;
	font-size: 14px;
	line-height: 1rem;
	padding: 5px;
}
.postContents a {
	display: block;
}
.bookSlider .postTitle,
.digitalSlider .postTitle {
	font-weight: normal;
}
/* 同シリーズの書籍・関連書籍 --------------- */
.relatedBook {
	border-top: 1px dotted #ccc;
	border-bottom: 1px dotted #ccc;
}
.relatedBook h2,
.relatedPost h2{
	margin: 15px auto;
}
/* 関連する記事 --------------- */
.relatedPost {
	min-height: 285px;
	border-bottom: 1px dotted #ccc;
	margin-bottom: 20px;
}
.relatedPost ul.cardList li {
	list-style: none;
	width: 96%;
	margin: 0 auto;
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
}
.relatedPost ul.cardList li .postContents {
	display: table;
}
.relatedPost ul.cardList li .imgContainer {
	display: table-cell;
	width: 160px;
	height: auto;
	text-align: center;
}
	.relatedPost ul.cardList li .imgContainer img{
		max-width: 100%;
		max-height: 120px;
	}
.relatedPost ul.cardList li .postingSynopsis {
	display: table-cell;
	vertical-align: middle;
	padding: 5px 10px ;
}
.relatedPost ul.cardList li .postingSynopsis .labelAndDate {
	padding-top: 5px;
}


/* お知らせ --------------- */
.newsContainer {
	width: 96%;
	margin: 0 auto;
	padding: 10px 0;
}
.newsContainer a {
	display: block;
	cursor: pointer;
}
.newsContainer a:hover {
	opacity: 0.7;
}
.newsContainer ul li.singleNewsLine {
	border-top: 1px dotted #ccc;
	padding: 10px 0;
	list-style: none;
}
.newsContainer ul li.singleNewsLine:last-child {
	border-bottom: 1px dotted #ccc;
}

/* !ニュース一覧 --------------- */
.newsList {
	width: 96%;
	margin: 0 auto;
}
.newsList ul {
	padding-bottom: 10px;
	margin-bottom: 30px;
	border-bottom: 1px solid #cbdada;
}
.newsList ul li {
	padding-top: 10px;
	margin-top: 10px;
	border-top: 1px solid #cbdada;
	list-style: none;
}
.newsList ul li:first-child {
	margin-top: 20px;
}
.newsList ul li a {
	color: #333;
	display: block;
}
.newsList ul li a span {
	color: #979797;
	font-size: 85%;
	display: inline-block;
}
ul li a span.new {
	display: inline-block;
	color: #fff;
	font-size: 11px;
	line-height: 11px;
	text-align: center;
	vertical-align: 1px;
	width: 54px;
	padding: 4px 0 3px;
	margin-right: 8px;
	background-color: #e40708;
}
.newsList ul li .correctListThumb {
	float: left;
	width: 80px;
	height: auto;
	margin-right: 10px;
}
.newsList ul li .correctListThumb img {
	width: 100%;
	height: auto;
	border: 1px solid #ccc;
}

/* !ニュース詳細 --------------- */
.newsDetail {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
}
.singleNews h1{
	font-size: 16px;
}
.singleNews {
	padding: 10px;
}

/* !SNS --------------- */
.feedContainer {
	margin: 0 10px;
	display: inline-block;
	float: left;
	width: calc(100% - 20px);
}
.feedContainer i {
	font-size: 25px;
	padding-right: 5px;
}
	.feedContent {
		width: auto;
		height: 400px;
		overflow: hidden;
		border: 1px solid #ececec;
	}

/* 記事タイトル ---------------------------------------------------- */
h3.cardTitle {
	font-weight: normal;
	max-width: 853px;
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}

#regularpost {
	margin-top: -110px;
	padding-top: 110px;
}
/* archive.php ---------------------------------------------------- */
.bookList ul li .postContents .imgContainer img {
	font-size: 0;
}
.bookList ul li .postContents .postingSynopsis {
	padding: 10px 5px 2px;
}
/* single.php ---------------------------------------------------- */
article.singlePost {
	width: 98%;
	margin: 10px auto 15px;
	line-height: 1.5rem;
	border: 1px solid #ddd;
}
article.singlePost h1 {
	padding: 5px 0;
	color: #333;
	font-size: 18px;
}
article.singlePost img {
	max-width: 100%;
	height: auto;
	width:;
}
article.singlePost li {
	list-style: none;
	padding-left: 1rem;
	text-indent: -1rem;
}
article.singlePost .snsLink {
	padding-top: 10px;
	display: block;
}
article .tagList {
	padding:0;
	}
/* background-color: #eee; */
	color: #677cd6;
	padding: 10px;
}
article .tagList a {
	color: #677cd6;
	margin-right: 10px;
}
article.singlePost .tagList a:hover {
	text-decoration: underline;
}
.seam15 {
	padding: 15px;
}
/* Pager--------------- */
.pager {
	width: 96%;
	margin: 20px auto;
}
.wp-pagenavi {
	text-align: center;
	word-break: break-word;
	line-height: 35px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	border: 0!important;
	padding: 5px 11px!important;
	background: #f1f1f1;
	border-radius: 20px;
	width: 40px;
	height: 40px;
}
	.wp-pagenavi span.pages {
		background: transparent;
	}
	.wp-pagenavi span
	.wp-pagenavi a:hover, .wp-pagenavi span.current {
		background: #cdcdcd;
	}
ul.singlePostPager {
	list-style: none;
	margin: 10px auto 5px;
	text-align: center;
}
ul.singlePostPager li{
	display: inline-block;
	padding: 10px;
}
ul.singlePostPager li.prev,
ul.singlePostPager li.next {
	padding: 5px 12px;
	background: #f1f1f1;
	border-radius: 31px;
	margin: 5px 5px 10px;
}

/* 書籍詳細 --------------- */
.bookList article.main{
/* border: 1px solid #fff; */
	line-height: 1.6rem;
}
.bookList .singlePost {
	width: 96%;
	margin: 0 auto;
	border: 0;
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.bookList .singlePost .bookCover {
	text-align: center;
	width: auto;
	height: 250px;
	margin-bottom: 15px;
}
.bookList .singlePost .bookCover img {
	width: auto;
	height: 100%;
	border: 1px solid #c9caca;
}
.bookInfo dt {
	float: left ;
	clear: left ;
	width: 56px ;
}
.bookInfo dd {
	float: left ;
	margin-left: 1rem ;
}
.bookList .singlePost .url a{
	color: #5588ad;
	text-decoration: underline;
}
.bookList .singlePost .col_2 {
	text-align: center;
	margin: 10px auto;
}
.bookList .singlePost .col_2 button{
	cursor: pointer;
	outline: none;
	line-height: 40px;
	padding: 0 20px 0 50px;
	min-width: 130px;
	border: 2px solid #3e3a39;
	background-color: transparent;
	background-size: 30px;
	background-position: 5px center;
}
.bookList .singlePost .col_2 button:hover {
	color: #f2f2f2;
	background-color: #333;
	transition: all 0.2s ease-out;
}
.bookList .singlePost .col_2 button.bookTitle:hover {
	background-image: url("../img/icon/icn_book_w.png");
}
.bookList .singlePost .col_2 button.digitalTitle:hover {
	background-image: url("../img/icon/icn_digital_w.png");
}
.bookList .singlePost .col_2 button.webshopTitle:hover {
	background-image: url("../img/icon/icn_cart_w.png");
}
.bookList .seigoApology {
	display: table;
	font-size: 12px;
	line-height: 1rem;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 0;
	margin: 15px auto 5px;
}
.bookList .seigoApology > span {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
.bookList .seigoApology .seigoLink {
	width: 55px;
	text-align: center;
	background-color: #efefef;
}
	.bookList .seigoApology .seigoLink a {
		display: block;
	}
.bookList .seigoApology .seigoLink .seigoTitle {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	background-size: 40px auto;
	background-position: center;
	margin: auto;
}
.bookDescription span.pickupLabel {
	display:inline-block;
	position:relative;
	font-size: 11px;
	font-weight: bold;
	background-color: #ffe200;
	padding: 2px 5px;
	margin: 10px 0 5px;
}
.bookDescription span.pickupLabel:before {
	position:absolute;
	content:"";
	width:0;
	height:0;
	border:14px solid transparent;
	border-left:18px solid #ffe200;
	left:76px;
	top:-0;
}

/* 正誤表 ------------ */
.correctTitleDetail {
	padding: 10px;
}
.correctTitleDetail h1 {
	font-size: 16px;
}
.correctTitleDetail .table_correct th {
	padding: 10px 15px 10px 0;
	text-align: left;
}
.correctTitleDetail .table_correct td {
	width: 84px;
}
.correctTitleDetail .table_correct td a{
	display: block;
	font-size: 12px;
	color: #fafafa;
	background-color: #333;
	padding: 5px 15px;
}
.bookImgThumb {
	width: 150px;
	height: auto;
	margin: 0 auto 10px;
}
.bookImgThumb img {
	width: 100%;
	height: auto;
	object-fit: contain;
}
.correctMessage {
	padding: 10px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.btns li.correct {
	list-style: none;
	font-size: 14px;
	line-height: 22px;
}
	.correct i {
		font-size: 20px;
		padding-left: 10px;
		line-height: 22px;
	}
.btns li.correct a{
	display: inline-block;
	color: #fafafa;
	background-color: #333;
	padding: 5px 15px;
	margin-top: 10px;
}
.backBtn a {
	background-color: transparent;
	border-bottom: 1px solid #333;
	margin: 10px;
	padding: 5px;
}
.backBtn i {
	font-size: 16px;
	padding-right: 5px;
}

/* 検索結果 --------------- */
.searchResult h3 {
	padding: 5px;
	border-bottom: 1px dotted #e6e6e5;
}
.searchResult article {
	display: block;
	padding: 10px;
	border-bottom: 1px dotted #e6e6e5;
}
.searchResult article.book {
	background: transparent;
}
.searchResult article .thumb {
	float: left;
	width: 120px;
	height: auto;
	margin-right: 10px;
}
.searchResult article .thumb img {
	border: 1px solid #ccc;
	width: 150px;
	max-width: 100%;
	max-height: 150px;
}
.searchResult article .description ul {
	list-style: none;
}
.searchResult article .description ul li {
	display: inline-block;
	margin: 5px 0;
}
.searchResult article .description ul li.detail {
	padding: 5px 10px ;
	border: 1px solid #333;
}

.error-404 {
	padding: 10px;
}
/* 640px以上 ---------------------------------------------------- */
@media screen and (min-width: 640px) and (max-width: 767px) {

ul.tileList li {
	width: 32.5%;
}
ul.tileList.col-1 li {
	width: 24%;
}
ul.tileList.cardWidth li {
	min-width: 170px;
	max-width: initial;
}
	ul.tileList li.singlePostThumb {
		height: 300px;
		vertical-align: top;
	}
.nav > li > a {
	padding: 10px;
}
.nav-tabs-outer .nav-tabs li{
	display: block;
	width: 88px;
}
}

/* 768px以上 ---------------------------------------------------- */
@media (min-width: 768px){
.sp { display: none; }
.pc { display: block; }
.contents {
	margin-top: 100px;
}
.secondContents {
	width: 98%;
	max-width: 1000px;
	margin: 0 auto;
}
.drawer--left .drawer-hamburger { display: none; }
.sectionInner_2col {
	width: 71%;
	max-width: 740px;
	float: left;
	margin: 0;
}
	
#category {
	width: 24%;
	float: right;
	max-width: 320px;
	min-width: 205px;
	margin-left: 5px;
	margin-right: 8px;
	padding-top: 40px;
}
.sideNav ul.monthlyArchive {
	list-style: none;
	text-indent: 10px;
	line-height: 28px;
}
.sideNav ul.monthlyArchive li a:hover{
	text-decoration: underline;
}
.sideNav ul.monthlyArchive li:last-child {
	border-bottom: 1px dotted #ccc;
}
.sidebarLinks .sisterSiteWrapper {
	width: 100%;
	margin: 10px auto;
}
.sidebarLinks .sisterSiteTitle p {
	font-size: 12px;
	line-height: 0.9rem;
}

/* !textCommon ---------------------------------------------------- */
h2.titleCommon {
	font-size: 18px;
	max-width: 1000px;
	width: 100%;
}
h2.titleCommon.bookTitle,
h2.titleCommon.digitalTitle {
	padding-bottom: 6px;
}
.textContainer {
	width: 80%;
}
/* !readMoreButton --------------- */
.readMoreBtn {
	text-align: right
}
/* !Related Post--------------- */
.relatedThumb {
	width: 100%;
	margin: 0 auto;
}
.tag {
	padding: 0 5px 5px;
	clear: both;
}
/* !Header --------------- */
.header {
	height: 100px;
	width: 100%;
	background-color:#fff;
}
.header .headerInner {
	max-width: 1000px;
/*	height: 100px;*/
	margin: 0 auto;
}
	.header .logo {
		width: calc(100vw - 560px);
		max-width: 310px;
		height: 100px;
		text-align: left;
		padding: 16px 0 ;
		float: left;
		margin: 0;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.header .logo img {
			width: 100%;
			height: 65px;
			object-fit: contain;
		}
	.header .headerBtnArea-sp {
		display: none;
	}

.header .headerInner .headerBtnArea-pc {
	display: inline-block;
	height: 100px;
	float: right;
}
	.header .headerInner .headerBtnArea-pc ul {
		height: 100%;
		line-height: 45px;
		text-align: right;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
		.header .headerBtnArea-pc ul li {
			display: inline-block;
			list-style: none;
			cursor: pointer;
			padding: 0 5px;
		}
			.header .headerBtnArea-pc ul li:last-child{
				padding-right: 0;
			}
		.header .headerBtnArea-pc ul li i {
			font-size: 22px;
			line-height: 25px;
			width: 25px;
			vertical-align: middle;
			text-align: center;
		}
		.header .headerBtnArea-pc ul li a{
			display: block;
			color: #999;
		}
		.header .headerBtnArea-pc ul li a:hover {
			opacity: 0.7;
		}
		.header .headerBtnArea-pc ul li span {
			padding-left: 28px;
		}
	.search {
		width: 199px;
		height: 30px;
		padding: 0 15px;
		/*margin-right: 8px;*/
		background: #e6e9eb;
		/*border: 1px solid #505050;*/
		border-radius: 20px 0 0 20px;
		-webkit-appearance: none;
	}
	.searchBtn {
		width: 49px;
		height: 30px;
		-webkit-appearance: none;
		background: #e6e9eb;
		border-radius: 0 20px 20px 0;
		text-align: center;
		padding: 0px;
		display: inline-block;
		background-image: url('../img/icon/renewal/icon-search.png');
		background-position: center center;
		background-repeat: no-repeat;
	}
		.searchBtn:hover {
			opacity: 1;
		}
		.searchBtn:active {
			opacity: 0.75;
		}
.webshopTitle {
	background-image: url("../img/icon/icn_cart_nav.png");
}
.contactTitle {
	background-image: url("../img/icon/icn_contact_nav.png");
}
/* !gnav --------------- */
	.header nav.gnavi {
		display: inline-block;
		height: 100%;
		box-sizing: border-box;
		-moz-box-sizing: border-box;
		-webkit-box-sizing: border-box;
	}
	.header nav.gnavi ul {
		font-size: 0;
		display: flex;
		align-items: center;
	}
	.header nav.gnavi ul li {
		font-size: 11px;
		line-height: 12px;
	}
	.header nav.gnavi ul li a {
		display: block;
		height: 40px;
		padding: 0 5px;
		color: #808080;
		cursor: pointer;
	}
	.header nav.gnavi ul li a:hover {
		color: #667596;
	}
	.header nav.gnavi ul li.gnaviPcButton {
		height: 50px;
		padding: 0;
		width: 90px;
		text-align: center;
	}
	.header nav.gnavi ul li.gnaviPcButton a {
		display: block;
		height: 50px;
		color: #333;
	}
	.header nav.gnavi ul li.gnaviPcButton span{
		display: block;
		padding: 0;
	}
	.header nav.gnavi ul li.gnaviPcButton span.navIcon {
		display: block;
		width: 40px;
		height: 40px;
		margin: 0 auto;
	}

/* !breadCrumb --------------- */
#breadCrumb {
	padding: 10px 5px;
	margin: 0 auto;
}
#breadCrumb ol li{ padding: 0; }

.navButton li button {
	font-size: 14px;
	width: 300px;
}

/* !sisterSite --------------- */
.sisterSiteLinks {
	float: right;
	width: 30%;
	height: 310px;
	margin: 5px auto;
	background-color: transparent;
}
.topSisterSiteLinks {
	float: right;
	margin: 0px auto 20px;
	background-color: transparent;
}
.sisterSiteLinks p {
	font-size: 10px;
}
.sisterSiteWrapper {
}
.topSisterSiteWrapper {
  display: flex;
	width: calc(100% - (74px * 2) + 15px);
	margin: 0 auto;
	flex-wrap: wrap;
	justify-content: center;
}
.sisterSiteWrapper .sideImgCardList {
	height: 54px;
}
.topSisterSiteWrapper .sideImgCardList {
	width: calc(100% / 3 - 5px);
	min-width: 280px;
	height: 90px;
	margin-left: 5px;
}
.sisterSiteWrapper .sideImgCardList .sideImgThumb {
	height: 54px;
	width: 54px;
}
.sisterSiteWrapper .sideImgCardList .sideImgThumb img{
	height: 54px;
	width: 54px;
}
.sisterSiteWrapper .sideImgCardList .sisterSiteTitle {
	width: 77%;
	padding: 2px 2px 2px 5px;
}
.sisterSiteWrapper .sideImgCardList .fa-angle-right {
	padding: 0;
}

/* !Footer --------------- */
#footer {
	height: 280px;
}
#footer .sitemapContainer {
	padding: 0;
}
#footer .sitemapContainer h2 {
	font-size: 16px;
	padding: 20px 15px 5px;
	text-align: left;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#footer ul.sitemap {
	font-size: 14px;
	width: 96%;
	text-align: center;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#footer ul.sitemap a:hover {
	color: #727171;
}
#footer ul.sitemap .fullVer {
	display: inline-block;
	vertical-align: top;
	width: 20%;
	text-align: left;
}
	#footer ul.sitemap .fullVer:first-child {
		width: 25%;
	}
	#footer ul.sitemap .fullVer > ul.subCategory {
		padding-left: 0.5rem;
		line-height: 1.2rem;
	}
#footer .sitemapContainer .footerCompanyName {
	display: table;
	width: 100%;
	padding: 10px;
	margin: 0 auto;
	border-top: 1px solid #000;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
#footer .sitemapContainer .footerCompanyName li.medicmediaLogo{
	width: 150px;
	text-align: center;
	padding-right: 30px;
}
#footer .sitemapContainer .footerCompanyName li.privacyMarkLogoWrapper{
	width: 120px;
}
#footer .sitemapContainer .footerCompanyName li {
	display: table-cell;
	vertical-align: middle;
}
#footer .sitemapContainer .footerCompanyName li img {
	width: 120px ;
	height: auto;
}
#footer .sitemapContainer .footerCompanyName li.privacyMarkLogoWrapper img {
	width: 70px;
}
#footer .sitemapContainer .footerCompanyName li ul li {
	display: block;
	text-align: left;
	font-size: 13px;
}
#footer .sitemapContainer p {
	padding: 5px;
	text-align: center;
	font-size: 13px;
}


/* !topPage ---------------------------------------------------- */
/* !mainSlider --------------- */
.pcHeroContainer {
	width: 100%;
}
.pcHeroArea {
	height: 400px;
	max-width: 1000px;
	margin: 0 auto;
}
.topImageSlider {
	float: left;
	height: 400px;
}
.topImageSlider img {
	width: 100%;
	height: 400px;
}

/* flickSlider --------------- */
.nav-tabs-outer {
	overflow-x: scroll;
	overflow: hidden;
	width: 980px;
	margin: 10px 0;
	padding-top: 0;
}
	.nav-tabs-outer.active {
		top: 91px;
	}
.nav-tabs {
	width: 100%;
}
.nav-tabs-outer .nav-tabs li {
	width: 95px;
	height: 38px;
}
.nav-tabs > li > a {
	margin-right: 2px;
	line-height: 1.42857143;
	border: 1px solid transparent;
}

/* 新着記事 ---------------*/
.nav-filter-list {
	display: flex;
	padding: 4px 0 10px 20px;
	list-style: none;
}
.nav-filter-item {
	width: auto;
	height: 27px;
	background: #fff;
	border-radius: 10px;
	font-size: 13px;
	line-height: 27px;
	text-align: center;
}
.nav-filter-item.active {
	background: #677cd6;
}
.nav-filter-item.active a {
	color: #fff;
	opacity: 1;
}
.flexWrapper {
	display: flex;
	padding-bottom: 10px;
}
.latestPosts {
	width: calc(70% - 40px - 1px);
	padding: 16px 20px 0;
	border-right: 1px solid #333;
}	
	
.latestPostsHead {
	display: flex;
}
#searchform {
	display: flex;
}
.latestPostsList {
	list-style: none;
}
.latestPostsItem {
	width: 100%;
	height: auto;
  padding: 10px 20px 10px 0;
}
.latestPostsItem a {
	display: flex;
	align-items: center;
}
.readMoreBtnWrapper {
	width: auto;
	margin: 0;
	border: none;
}
.imgWrapper {
	min-width: 150px;
	height: 150px;
}
.imgWrapper img {
	width: auto;
	max-width: 100%;
	height: auto;
	max-height: 150px;
}
.titleWrapper {
	width: 100%;
	height: 100%;
	padding-left: 20px;
}
.latestPostsList .latestPostsItem .titleWrapper .postTitle {
	font-size: 18px;
}
/* 学習まずはこれ --------------- */
.studySite {
  width: calc(30% - 30px);
	padding: 16px 10px 0 20px;
}
.snsTitleWrapper {
	height: auto;
  margin-left: 0;
	margin-right: 0;
}
.studySite .titleCommon {
	text-align: left;
}
.studySite .titleSns {
	display: block;
	padding: 0 0 10px 0;
	text-align: left;
}
.studySiteList {
	display: flex;
	padding-bottom: 30px;
	flex-direction: column;
	list-style: none;
}
/* !tileList --------------- */
ul.tileList {
	text-align: left;
}
ul.tileList li {
	width: 32.5%;
}
ul.tileList.col-1 li {
	width: 24.5%;
}
ul.tileList li.singlePostThumb {
	height: 294px;
}
ul.tileList li.singlePostThumb .imgContainer,
ul.tileList li.singlePostThumb .imgContainer img{
	max-height: 178px;
}
ul.tileList li h3 {
	padding: 8px 5px;
}
.postingSynopsis {
	padding: 10px 5px 5px;
}


/* !bookSliderTab --------------- */
ul.categoryTab li {
	width: 12.5%;
	cursor: pointer;
}

/* !news --------------- */
.latestNews {}
.latestNews .newsContainer {
	width: 60%;
	margin: 0 5px;
	float: left;
}
.latestNews .newsContainer ul li {
	list-style: none;
}
.flR_30List {
	float: right;
	width: 35%;
	padding: 10px 0;
}
.latestNews .sisterSiteWrapper .sideImgCardList {
	height: 80px;
}
.latestNews .sisterSiteWrapper .sideImgCardList img {
	height: 79px;
	width: 79px;
}

/*SNS*/
.feed {
	padding: 0;
}
.feedContainer {
	display: inline-block;
	float: left;
	/*width: calc(50% - 20px);*/
}
.feedContent {
	margin: 0 auto;
	height: 400px;
	overflow: hidden;
}
dl.sideMenu{
	line-height: 45px;
}


/* single.php ---------------------------------------------------- */
/* 書籍詳細 --------------- */
.bookList .mainPosts {
	margin-right: 10px;
}
.bookList .singlePost {
	width: 98%;
}
.bookList .singlePost .bookCover {
	width: 35%;
	height: auto;
}
.bookCover {
	float: left;
}
.floatL_Box {
	float: left;
	width: 65%;
	padding-left: 30px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
}
.bookList .singlePost .bookCover  img {
	max-width: 100%;
	height: auto;
}
.bookList .singlePost .col_2 {
	text-align: left;
}
.bookInfo {
	padding: 10px 0;
}
.bookList .seigoApology {
	display: table;
	width:100%;
	padding: 0;
	margin: 15px auto 5px;
}
.bookList .seigoApology > span {
	display: table-cell;
	vertical-align: middle;
	padding: 5px;
}
.bookList .seigoApology .seigoLink {
	width: 120px;
	text-align: center;
	background-color: #efefef;
}
	.bookList .seigoApology .seigoLink a {
		display: block;
	}
.bookList .seigoApology .seigoLink .seigoTitle {
	display: block;
	width: 40px;
	height: 40px;
	text-align: center;
	background-size: 40px auto;
	background-position: center;
	margin: auto;
}
.bookDescription {
	padding: 10px 0;
}
.bookDescription .customTextArea {
	padding: 10px 0;
}
.bookDescription span{
	padding: 3px 6px;
}
.bookDescription div a{
	margin-top: 15px;
	text-decoration: underline;
}
/* 関連する記事 --------------- */
.relatedBook,
.relatedPost {
	padding-top: 10px;
	margin-right: 10px;
}
.relatedPost {
	border-bottom:0;
}
.relatedBook h2,
.relatedPost h2{
	margin: 15px 0;
}
.relatedPost ul.cardList {
	width: 96%;
	margin: 0 auto;
}
.relatedPost ul.cardList li {
	display: inline-block;
	width: 32%;
	vertical-align: top;
	border: 1px solid #e6e6e6;
	margin-bottom: 10px;
/*	height: 280px;*/
}
.relatedPost ul.cardList li a {
	display: block;
}
.relatedPost ul.cardList li .postContents {
	display: initial;
}
.relatedPost ul.cardList li .imgContainer {
	width: 32%;
}
.relatedPost ul.cardList li .imgContainer img{
	max-height: 163px;
}
.relatedPost ul.cardList li .postingSynopsis {
	display: block;
	vertical-align: middle;
	padding: 5px 10px ;
}
.relatedPost ul.cardList li .postingSynopsis .labelAndDate {
	padding-top: 5px;
}

}
/* 768px以上 ---------------------------------------------------- */
@media screen and (min-width: 678px) and (max-width: 1000px) {
	.nav-filter-list {
		max-width: 379px;
		margin: 0 auto;
	}
}
/* 767px以下 ---------------------------------------------------- */
@media (max-width: 767px){
	.nav-filter-list {
	  width: calc(95px * 3 + (17px * 3));
	  margin: 0 auto;
	}
	.searchBox {
		margin-right: -8px;
	}
	.latestPosts .readMoreBtn a {
		color: #677cd6;
	}
	.readMoreBtn {
		height: 40px;
		font-size: 14px;
		text-align: center;
		padding: 10px;
	}
	.readMoreBtn a{
		display: block;
		height: 100%;
		color: #000;
		line-height: 40px;
		font-size: 13px;
	}
		.readMoreBtn a:hover{
			opacity: 0.7;
		}
	.readMoreBtn .fa-angle-right {
		font-size: 16px;
		padding-left: 5px;
		line-height: 20px;
	}
	.readMoreBtn .icon-arrow {
		display: inline;
	}
	.sliderTabContainer .readMoreBtn {
		width: calc(100% - 40px);
		max-height: 18px;
		padding-top: 10px;
		margin: 10px 10px 20px;
		border: 1px solid #000;
		border-radius: 40px;
	}
	.sliderTabContainer .readMoreBtn a {
		line-height: 18px;
	}
	.sliderTabContainer .readMoreBtn .icon-arrow {
		padding-left: 10px;
	}

}
/* 320px以下 ---------------------------------------------------- */
@media (max-width: 320px){
	h2.titleCommon {
		font-size: 18px;
	}
	.search {
		width: 179px;
	}
	.nav-filter-list {
		max-width: 286px;
	}
}
.slick-dotted.slick-slider {
	margin-bottom: 0 !important;
}
.slick-dots {
	bottom: 0 !important;
}

/* 以下追加CSS ---------------------------------------------------- */


/* 見出し用CSS */
.midashi {
margin-top: 2.5em;
margin-bottom: 1em;
}
/* 見出し用CSS */


/* 書影の枠線 */
figure.book-img img {
  border: solid 1px #c9caca;
	margin: 20px;
}
/* 書影ここまで */

/* 発行予定用表CSS */
table.sample{
  border-collapse:collapse;
}
 
table.sample th{
	color: white;
	padding: 8px;
  border:1px solid #000066;
  background:#4191e0;
	text-align: center;
  vertical-align: middle;
}
 
table.sample td{
	padding: 8px;
  border:1px solid #000066;
  background:#ffffff;
	text-align: center;
  vertical-align: middle;
}
/* 発行予定用表CSSここまで*/



/* ざっくりここから */
.zakkuri{
position:relative;
margin:1em 0 2em;
padding:32px 0 0 0;
}
.zakkuri::before{
content:'ざっくり言うと';
position:absolute;
top:0;
left:0;
display:inline-block;
background:black;
color:#fff;
font-size:11px;
font-weight:bold;
line-height:20px;
padding:0 10px;
height:20px;
}
.zakkuri::after{
content:'';
position:absolute;
top:20px;
left:42px;
border-top:10px solid black;
border-left:8px solid transparent;
}
.zakkuri ul{
list-style-type:none;
margin:0 0 0 1.5em;
padding:0 0 0 0;
}
.zakkuri li{
display:flex;
align-items:baseline;
margin:0.5em 0;
font-size:16px
}
.zakkuri li::before{
content:'\f029';
font-family:blogicon;
color:black;
margin-right:1em;
}
.zakkuri p:empty{
display:none;
}
/* ざっくりここまで */


/* スマホ版iframe枠から飛び出しちゃう問題解決ここから */
iframe{
	width: -webkit-fill-available;
}
/* スマホ版iframe枠から飛び出しちゃう問題解決ここまで */

/* ページ内アンカーの位置ずれ解消ここから */
.contents {
	padding-top: 55px;
	margin-top: 0;
}
  .contents {
	  padding-top: 55px;
	}
	.seam15 > div > h2 {
    padding-top: 55px;
    margin-top: -55px;
	}
@media (min-width: 768px){
  .sp { display: none; }
  .pc { display: block; }
  .contents {
	  padding-top: 100px;
	}
	.seam15 > div > h2 {
    padding-top: 100px;
    margin-top: -80px;
	}
}
/* ページ内アンカーの位置ずれ解消ここまで */