@charset "utf-8";

/* --------------------------------------------------- */
/* フロントページ */
/* --------------------------------------------------- */
/* メインビジュアルスライダー（slick.js） */
/* --------------------------------------------------- */
#mainvisual { padding-left: 0; padding-right: 0; }
#mainvisual div.slider { width: 100%; }
#mainvisual .slick-dotted.slick-slider { margin-bottom: 0; }
#mainvisual div.slider a {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 900px;
	padding: 20px 30px;
	background-repeat: no-repeat;
	background-size: 96% auto;
	background-position: 50% 50%;
	box-sizing: border-box;
	transition: all .5s;
}
#mainvisual div.slider a img {
	width: 100%;
	max-width: 480px;
	height: auto;
}
#mainvisual .slide-prev, #mainvisual .slide-next {
	position: absolute;
	top: 50%;
	margin-top: -20px;
	width: 30px;
	height: 30px;
	background-color: transparent;
	z-index: 111;
}
#mainvisual .slide-prev { left: 20px; }
#mainvisual .slide-next { right: 20px; }
#mainvisual .slide-prev::after, #mainvisual .slide-next::after {
	content: '';
	position: absolute;
	top: 50%;
	left: 50%;
	display: block;
	width: 12px;
	height: 12px;
	border-top: 2px solid #c0c0c0;
	border-left: 2px solid #c0c0c0;
	transition: all .3s;
	cursor: pointer;
}
#mainvisual .slide-prev::after { transform: translate(-50%, -50%) rotate(-45deg); }
#mainvisual .slide-next::after { transform: translate(-50%, -50%) rotate(135deg);; }
#mainvisual .slick-dots { bottom: 20px; }
#mainvisual .slick-dots li button:before { color: #c0c0c0; }
#mainvisual .slick-dots li.slick-active button:before { color: #8b8b8b; }
@media screen and (min-width: 768px) {
	#mainvisual div.slider a:hover { opacity: 0.5; }
	#mainvisual .slide-prev:hover::after, #mainvisual .slide-next:hover::after { border-top: 2px solid #8b8b8b;; border-left: 2px solid #8b8b8b;; }
}
@media screen and (max-width: 959px) {
	#mainvisual .slide-prev { left: 10px; }
	#mainvisual .slide-next { right: 10px; }
}
@media screen and (max-width: 639px) {
	#mainvisual div.slider a { background-size: 80% auto; }
	#mainvisual .slick-dots { bottom: 12px; }
	#mainvisual .slide-prev { left: 5px; }
	#mainvisual .slide-next { right: 5px; }
	#mainvisual .slide-prev::after, #mainvisual .slide-next::after { width: 8px; height: 8px; }
}
@media screen and (max-width: 419px) {
	#mainvisual div.slider a { background-size: 90% auto; }
	#mainvisual .slide-prev { left: 0px; }
	#mainvisual .slide-next { right: 0px; }
}

/* 各スライダーセット */
#mainvisual div.slide01 { background-color: #fff; }
#mainvisual div.slide01 a:hover { opacity: 1.0; }
#mainvisual div.slide02 { background-color: #e8f7fd; }
#mainvisual div.slide03 { background-color: #550055; }
/* PC用 画像 */
@media screen and (min-width: 640px) {
	#mainvisual div.slide01 a { background-image:url('../../image/front/slide01.png'); }
	#mainvisual div.slide02 a { background-image:url('../../image/front/slide02.png'); }
	#mainvisual div.slide03 a { background-image:url('../../image/front/slide03.png'); }
}
/* SP用 画像 */
@media screen and (max-width: 639px) {
	#mainvisual div.slide01 a { background-image:url('../../image/front/slide01sp.png'); }
	#mainvisual div.slide02 a { background-image:url('../../image/front/slide02sp.png'); }
	#mainvisual div.slide03 a { background-image:url('../../image/front/slide03sp.png'); }
}

/* フロントナビ */
/* --------------------------------------------------- */
#mainvisual .pgnav {
	background-color: #f0f0f0;
	padding: 20px 5px;
	text-align: center;
}
#mainvisual .pgnav ul {
	display: table;
	margin: 0 auto;
}
#mainvisual .pgnav ul li {
	display: inline-block;
	margin-right: 60px;
}
#mainvisual .pgnav ul li:last-child { margin-right: 0; }
#mainvisual .pgnav ul li a {
	color: #666;
	font-size: 1.6rem;
	transition: all .3s;
}
@media screen and (min-width: 768px) {
	#mainvisual .pgnav ul li a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#mainvisual .pgnav ul li { margin-right: 40px; }
	#mainvisual .pgnav ul li a { font-size: 1.4rem; }
}
@media screen and (max-width: 767px) {
	#mainvisual .pgnav { padding: 15px 5px; }
	#mainvisual .pgnav ul li { margin-right: 20px; }
	#mainvisual .pgnav ul li a { font-size: 1.3rem; }
}


/* Contents, Service */
/* --------------------------------------------------- */
#heading { border-bottom: 1px solid #ccc; }

#heading .contents, #service .contents { max-width: 1000px; }
#heading h2, #service h2 {
	font-family: 'Montserrat', 'Noto Snas JP', sans-serif;
	color: #666;
	font-size: 4.0rem;
	text-align: center;
}
#heading ul {
	position: relative;
	display: table;
	width: 100%;
}
#heading ul li {
	margin-top: 40px;
	padding: 0 20px;
	width: 25%;
	float: left;
	box-sizing: border-box;
}
#service ul {
	position: relative;
	display: table;
	margin: 0 auto;
	width: 25%;
}
#service ul li {
	margin-top: 40px;
	padding: 0 20px;
	width: 100%;
	float: left;
	box-sizing: border-box;
}
#heading ul li a, #service ul li a {
	display: block;
	padding-top: 50px;
	background-repeat: no-repeat;
	background-size: 48px 48px;
	background-position: 50% 0;
	text-align: center;
	transition: all .5s;
}
#heading ul li a h3, #service ul li a h3 { font-size: 1.8rem; }
#heading ul li a p, #service ul li a p {
	margin: 10px 0;
	color: #666;
	font-size: 1.4rem;
}
#heading ul li a img, #service ul li a img { width: 100%; height: auto; }
#heading p br.return-sp, #service p br.return-sp { display: none; }
@media screen and (min-width: 768px) {
	#heading ul li a:hover, #service ul li a:hover { opacity: 0.5; }
}
@media screen and (max-width: 999px) {
	#heading ul li {
		margin-top: 40px;
		padding: 0 15px;
		width: 33%;
	}
	#service ul { width: 60%; }
	#service ul li {
		margin-top: 30px;
		padding: 0 15px;
		width: 50%;
	}
}
@media screen and (max-width: 767px) {
	#heading { background-color: #f8f8f8; border-bottom: 1px solid #fff; }
	#service { background-color: #f5f5f5;  border-bottom: 1px solid #fff;}
	#heading ul, #service ul { margin-top: 30px; } 
	#heading h2, #service h2 { font-size: 3.6rem; }
	#heading ul li {
		margin-top: 12px;
		padding: 0 8px;
		width: 50%;
	}
	#service ul { width: 100%; }
	#service ul li {
		margin-top: 12px;
		padding: 0 8px;
		width: 50%;
	}
	#heading ul li a, #service ul li a {
		padding-top: 70px;
		padding-bottom: 15px;
		background-color: #fff;
		background-position: 50% 25px;
		border-radius: 3px;
	}
	#heading ul li a p, #service ul li a p {
		margin: 10px 0;
		font-size: 1.3rem;
	}
	#heading ul li a div, #service ul li a div { display: none; }

}
@media screen and (max-width: 539px) {
	#heading h2, #service h2 { font-size: 3.2rem; }
	#heading ul li {
		padding: 0 7px;
		width: 50%;
	}
	#service ul li {
		padding: 0 7px;
		width: 50%;
	}
	#heading ul li a h3, #service ul li a h3 { font-size: 1.6rem; }
	#heading ul li a p, #service ul li a p {
		margin: 10px 0;
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 419px) {
	#heading ul, #service ul { margin-top: 20px; } 
	#heading h2, #service h2 { font-size: 2.8rem; }
	#heading ul li:nth-child(2n+1),
	#service ul li:nth-child(2n+1) { margin-top: 7px; padding: 0 3px 0 0; }
	#heading ul li:nth-child(2n+2),
	#service ul li:nth-child(2n+2) { margin-top: 7px; padding: 0 0 0 3px; }
	#heading ul li a, #service ul li a {
		padding-top: 70px;
		padding-bottom: 15px;
		height: 90px;
		background-size: 42px 42px;
	}
	#heading ul li a h3, #service ul li a h3 { font-weight: 500; }
	#heading ul li a p, #service ul li a p {
		margin: 10px 0;
		font-size: 1.1rem;
		line-height: 1.5;
	}
	#heading p br.return-sp, #service p br.return-sp { display: inline; }

}
/* 各コンテンツセット */
#heading ul li:first-child a { background-image: url('../../image/common/icc-news.png'); }
#heading ul li:first-child a h3 { color: #dc649b; }
#heading ul li:nth-child(2) a { background-image: url('../../image/common/icc-products.png'); }
#heading ul li:nth-child(2) a h3 { color: #00aadc; }
#heading ul li:nth-child(3) a { background-image: url('../../image/common/icc-report.png'); }
#heading ul li:nth-child(3) a h3 { color: #3cb46e; }
/*
#heading ul li:nth-child(4) a { background-image: url('../../image/common/icc-channel.png'); }
#heading ul li:nth-child(4) a h3 { color: #e6aa50; }
#heading ul li:nth-child(5) a { background-image: url('../../image/common/icc-dictionary.png'); }
#heading ul li:nth-child(5) a h3 { color: #dc6441; }
#heading ul li:nth-child(6) a { background-image: url('../../image/common/icc-seminar.png'); }
#heading ul li:nth-child(6) a h3 { color: #4682be; }
#heading ul li:nth-child(7) a { background-image: url('../../image/common/icc-book.png'); }
#heading ul li:nth-child(7) a h3 { color: #a55a9b; }
#heading ul li:nth-child(8) a { background-image: url('../../image/common/icc-society.png'); }
#heading ul li:nth-child(8) a h3 { color: #28aaaa; }

*/
#heading ul li:nth-child(4) a { background-image: url('../../image/common/icc-dictionary.png'); }
#heading ul li:nth-child(4) a h3 { color: #dc6441; }
#heading ul li:nth-child(5) a { background-image: url('../../image/common/icc-seminar.png'); }
#heading ul li:nth-child(5) a h3 { color: #4682be; }
#heading ul li:nth-child(6) a { background-image: url('../../image/common/icc-book.png'); }
#heading ul li:nth-child(6) a h3 { color: #a55a9b; }
#heading ul li:nth-child(7) a { background-image: url('../../image/common/icc-society.png'); }
#heading ul li:nth-child(7) a h3 { color: #28aaaa; }
/*
#service ul li:first-child a { background-image: url('../../image/common/icc-kokushi.png'); }
#service ul li:first-child a h3 { color: #5a5096; }
*/
#service ul li:first-child a { background-image: url('../../image/common/icc-apps.png'); }
#service ul li:first-child a h3 { color: #6eaa23; }


/* Headline */
/* --------------------------------------------------- */
#headline { background-color: #f0f0f0; }
#headline .contents { padding: 30px; background-color: #fff; box-sizing: border-box ;}
#headline .postlist {
	display: table-cell;
	padding-right: 40px;
	width: calc(100% - 260px);
	box-sizing: border-box;
	vertical-align: top;
}
#headline .postlist h2 {
	padding-left: 54px;
	background-image: url('../../image/common/ic-topics.png');
	background-repeat: no-repeat;
	background-size: 48px 48px;
	background-position: 0 50%;
	color: #666;
	font-size: 1.8rem;
	line-height: 48px;
}
#headline .postlist ul li {
	margin-top: 20px;
	padding-bottom: 20px;
	border-bottom: 1px solid #ddd;
}
#headline .postlist h4 { margin: 5px 0; }
#headline .postlist h4 a {
	font-size: 1.6rem;
	font-weight: 500;
	transition: all .3s;
}
#headline .postlist p { font-size: 1.4rem; }
/* facebook */
#headline .facebook {
	display: table-cell;
	width: 260px;
	vertical-align: top;
}
#headline .facebook h3 a {
	display: block;
	padding-left: 54px;
	background-image: url('../../image/common/icc-facebook.png');
	background-repeat: no-repeat;
	background-size: 48px 48px;
	background-position: 0 50%;
	font-family: 'Montserrat', 'Noto Snas JP', sans-serif;
	color: #4267b0;
	font-size: 1.8rem;
	font-weight: 500;
	line-height: 48px;
}
#headline .facebook h3 + div { margin-top: 10px; }
#headline .facebook h3 + div iframe {
	width: 100%;
	height: 480px;
	box-sizing: border-box;
}
@media screen and (min-width: 768px) {
	#headline .postlist h4 a:hover { color: #2a8de0; }
}
@media screen and (max-width: 899px) {
	#headline .contents { padding: 0; background-color: transparent; }
	#headline .postlist {
		display: block;
		padding-top: 30px;
		padding-bottom: 30px;
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
		background-color: #fff;
		box-sizing: border-box;
	}
	#headline .facebook {
		display: block;
		margin-top: 10px;
		padding: 10px 0;
		width: 100%;
		background-color: #fff;
		box-sizing: border-box;
	}
	#headline .facebook h3 {
		display: table;
		margin: 0 auto;
		width: auto;
	}
	#headline .facebook div { display: none; }
}
@media screen and (max-width: 767px) {
	#headline .postlist {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	#headline .postlist .btn-list { text-align: center; }
	#headline .postlist .btn-list a { font-size: 1.3rem; }
}
@media screen and (max-width: 419px) {
	#headline .postlist {
		display: block;
		padding-top: 20px;
		padding-bottom: 20px;
		padding-left: 13px;
		padding-right: 13px;
	}
	#headline .facebook {
		margin-top: 10px;
		padding: 5px 0;
	}
}

/* Study (Labo) */
/* --------------------------------------------------- */
#study .contents { max-width: 1000px; }
#study h2 {
	display: inline-block;
	margin-left: 20px;
	padding-left: 54px;
	background-image: url('../../image/common/icc-labo.png');
	background-repeat: no-repeat;
	background-position: 0 50%;
	background-size: 48px 48px;
	color: #aac863;
	font-family: 'Montserrat', 'Noto Snas JP', sans-serif;
	font-size: 2.4rem;
	font-weight: 500;
	line-height: 48px;
}
#study .btn-list { margin-right: 20px; }
#study ul li a div:first-child {
	border: 1px solid #aac863;
	background-image: url('../../image/labo/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
#study ul li a div img { width: 100%; height: auto; }
#study ul li a div:nth-child(2) p {
	display: inline-block;
	margin-top: 10px;
	width: 90px;
	background-color: #eef4e0;
	border-radius: 3px;
	color: #aac863;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}
#study ul li a h3 { margin-top: 5px; font-size: 1.4rem; }
#study ul li a div.timestamp {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}
#study ul li a div.timestamp p {
	display: inline-block;
	padding-left: 24px;
	background-image: url('../../image/common/icc-clock.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	color: #999;
	font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
	#study ul li a:hover { opacity: 0.5; }
	#study .btn-list a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#study h2 {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	#study ul { margin-top: 40px; }
	#study ul li a {
		padding: 25px 0;
		border-bottom: 1px dotted #ddd;
	}
	#study ul li:first-child a,
	#study ul li:nth-child(2) a { border-top: 1px dotted #ddd; }
	#study ul li a div:first-child {
		width: 98px;
		float: left;
	}
	#study ul li a div:nth-child(2) p { margin-top: 0; }
	#study ul li a div:nth-child(2) { padding-left: 113px; }
	#study ul li a div.timestamp {
		margin-top: 10px;
		margin-left: 113px; 
		padding-top: 0;
		border-top: none;
		text-align: right;
	}
}
@media screen and (max-width: 639px) {
	#study ul li:nth-child(2) a { border-top: 0; }
	#study ul { margin-top: 30px; }
	#study ul li a { padding: 20px 0; }
}
@media screen and (max-width: 419px) {
	#study ul { margin-top: 20px; }
	#study ul li a { padding: 15px 0 10px; }
	#study ul li a div:first-child { width: 74px; }
	#study ul li a div:nth-child(2) { padding-left: 85px; }
	#study ul li a div.timestamp {
		margin-top: 5px;
		margin-left: 85px; 
	}
}

/* Entry */
/* --------------------------------------------------- */
#entry {
	position: relative;
	padding-top: 30px;
	background-image: url('../../image/common/honeycomb.png');
	background-position: 50% 0;
}
#entry::before {
	position: absolute;
	top: 0;
	left: 0;
	content: '';
	width: 100%;
	height: 60px;
	background-image: url('../../image/common/honeycomb_upper.png');
	background-position: 50% 100%;
	transform: translateY(-100%);
}

#entry dl { display: table; width: 100%; }
#entry dl dt {
	display: table-cell;
	width: 40%;
	vertical-align: top;
}
#entry dl dd {
	display: table-cell;
	padding-left: 40px;
	width: 60%;
	box-sizing: border-box;
	vertical-align: top;
}
#entry dl dt h2 img { width: 100%; height: auto; }
#entry dl dt p { margin-top: 20px; }
#entry dl dt p span {
	display: inline-block;
	color: #56b17a;
	font-size: 1.4rem;
	font-weight: 600;
}
#entry dl dd div {
	padding: 15px 0;
	border-top: 1px dotted #ccc;
}
#entry dl dd div:last-child { border-bottom: 1px dotted #ccc; }
#entry dl dd div p { font-size: 1.4rem; }
#entry .btn-entry {
	margin: -36px 0 0 0;
	width: 210px;
}
#entry .btn-entry a {
	display: block;
	background-color: #56b17a;
	border-radius: 8px;
	text-align: center;
	transition: all .3s;
}
#entry .btn-entry a span {
	padding: 0 0 0 26px;
	background-image: url('../../image/common/icw-regist.png');
	background-repeat: no-repeat;
	background-size: 22px 22px;
	color: #fff;
	line-height: 36px;
}



@media screen and (min-width: 768px) {
	#entry .btn-entry a:hover { opacity: 0.5; }
}
@media screen and (max-width: 959px) {
	#entry dl dt { width: 47%; }
	#entry dl dd {
		padding-left: 30px;
		width: 53%;
	}
}
@media screen and (max-width: 767px) {
	#entry { margin-top: 20px; padding-top: 0; }
	#entry .contents { width: 92%; }
	#entry dl dt {
		display: block;
		margin: 0 auto;
		width: 80%;
	}
	#entry dl dd {
		display: block;
		margin-top: 30px;
		padding-left: 0;
		width: 100%;
	}
	#entry dl dd div { padding: 12px 0; }
	#entry .btn-entry { margin: 20px auto 0; }

}
@media screen and (max-width: 539px) {
	#entry dl dt { width: 90%; }
	#entry dl dt p span { font-size: 1.3rem; }
	#entry dl dd div p { font-size: 1.3rem; }
}
@media screen and (max-width: 419px) {
	#entry dl dt { width: 100%; }
	#entry dl dd div { padding: 10px 0; }
}


/* --------------------------------------------------- */
/* 歯科ニュース */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-news .pgtitle { background-color: #dc649b; }
.type-news .pgtitle::after { background-image: url('../../image/news/pgtitle.jpg'); }
.type-news .pgtitle h2 { background-image: url('../../image/common/icw-news.png'); }
.type-news h2.icc {
	color: #dc649b;
	background-image: url('../../image/common/icc-news.png');
	float: left;
}
#news-archives h2 + p {
	line-height: 32px;
	text-align: right;
}
#news-archives archive .monthly {
	margin: 2px auto 0;
	width: 100%;
	max-width: 960px;
}
#news-archives archive .monthly h3 {
	position: relative;
	padding: 8px 12px;
	background-color: #f8e0eb;
	font-size: 1.6rem;
	font-weight: 500;
	cursor: pointer;
}
#news-archives archive .monthly h3::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 100%;
	background-color: #666;
	transition: all .3s;
}
#news-archives archive .monthly h3::after {
	content: '';
	position: absolute;
	top: 14px;
	right: 16px;
	width: 10px;
	height: 10px;
	transition: all .5s;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform:rotate(-135deg);
}
#news-archives archive .monthly h3.ac-open::after { top: 20px; transform:rotate(45deg); }
#news-archives archive .monthly h4:before , li.News div h4:before {
	content: '■';
	margin-right: 5px;
	color: #dc649b;
}
#news-archives archive .monthly h5 {
	margin-bottom: 10px;
	color: #dc649b;
	font-size: 1.6rem;
	font-weight: 500;
}
#news-archives archive .monthly dl.crowd-list {
	margin: 0 auto 0;
	width: 94%;
	height: auto;
}
#news-archives archive .monthly dl.crowd-list { display: none; }
#news-archives archive .monthly:first-child dl.crowd-list { display: block; }
#news-archives archive .monthly:last-child dl.crowd-list { border-bottom: 1px solid #ddd; }
@media screen and (min-width: 768px) {
	#news-archives archive .monthly h3:hover::before { opacity: 0.5; }
}
@media screen and (max-width: 419px) {
	.type-news h2.icc { float: none; }
	#news-archives h2 + p {
		line-height: 32px;
		text-align: left;
	}
}

/* バナー */
/* --------------------------------------------------- */
.bnr-dentalnews a {
	display: block;
	padding: 20px 230px 20px 30px;
	background-image: url('../../image/news/paper.png');
	background-color: rgba(0,140,207,0.3);
	background-repeat: no-repeat;
	background-position: 98% 5px;
	transition: all .5s;
}
.bnr-dentalnews a dl { display: table; width: 100%; }
.bnr-dentalnews a dl dt { display: table-cell; width: 42%; vertical-align: middle; }
.bnr-dentalnews a dl dd {
	display: table-cell;
	width: 58%;
	color: #111;
	vertical-align: top;
}
.bnr-dentalnews h2 { padding: 7px 0; width: 90%; max-width: 260px; }
.bnr-dentalnews h3 { font-weight: 500; }
.bnr-dentalnews p { font-size: 1.2rem; line-height: 1.5; }
.bnr-dentalnews p span { display: inline-block; }
.bnr-dentalnews img { width: 100%; height: auto; }


@media screen and (min-width: 768px) {
	.bnr-dentalnews a:hover { background-color: rgba(0,140,207,0.8); }
}
@media screen and (max-width: 959px) {
	.bnr-dentalnews a {
		padding: 20px 30px 20px 30px;
		background-position: 90% 5px;
	}
	.bnr-dentalnews a dl { display: table; margin-left: auto; width: 90%; }
	.bnr-dentalnews a dl dt { display: block; width: 100%; }
	.bnr-dentalnews a dl dd { display: block; width: 100%; }
}
@media screen and (max-width: 767px) {
	.bnr-dentalnews a {
		padding: 20px 20px 20px 20px;
		background-position: 97% 5px;
	}
	.bnr-dentalnews a dl { display: table; margin-left: auto; width: 98%; }
}
@media screen and (max-width: 639px) {
	.bnr-dentalnews a {
		padding: 20px 15px 80px 15px;
		background-position: 50% 130px;
	}
	.bnr-dentalnews a dl { width: 100%; }
	.bnr-dentalnews h2 { margin: 0 auto; width: 80%;  }
	.bnr-dentalnews a dl dd { margin-top: 5px; text-align: center; }
}
@media screen and (max-width: 419px) {
	.bnr-dentalnews a {
		padding: 20px 15px 80px 15px;
		background-position: 50% 130px;
	}
	.bnr-dentalnews p { font-size: 1.1rem; }
}


/* --------------------------------------------------- */
/* 製品情報 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-products .pgtitle { background-color: #00aadc; }
.type-products .pgtitle::after { background-image: url('../../image/products/pgtitle.jpg'); }
.type-products .pgtitle h2 { background-image: url('../../image/common/icw-products.png'); }
/* 検索  */
/* --------------------------------------------------- */
.type-products .search-board { background-color: #cceef8; }
.type-products .search-block h3 { color: #00aadc; }
.type-products .search-block .btn-find { background-color: #00aadc; }
/* 詳細検索 */
.type-products .search-block .btn-option p { color: #00aadc; }
.type-products .search-block .btn-option p::after { border-top: 1px solid #00aadc; border-left: 1px solid #00aadc; }
@media screen and (min-width: 768px) {
	.type-products .search-block .btn-option:hover { background-color: #00aadc; }
	.type-products .search-block .btn-option:hover p { color: #fff; }
	.type-products .search-block .btn-option:hover p::after { border-top: 1px solid #fff; border-left: 1px solid #fff; }
}

/* 検索開閉 */
.type-products .search-board .btn-toggle { background-color: rgba(0, 170, 220, 0.05); }
.type-products .search-board .btn-toggle p { color: #00aadc; }
.type-products .search-board .btn-toggle p::before { background-image: url('../../image/common/icr-products.png'); }
.type-products .search-board .btn-toggle p span::after {
	border-top: 1px solid #00aadc;
	border-right: 1px solid #00aadc;
}
@media screen and (min-width: 768px) {
	.type-products .search-board .btn-toggle:hover { background-color: rgba(0, 170, 220, 0.25); }
}
/* メーカーボタン */
.btn-maker { margin: 0 auto 0; width: 210px; }
.btn-maker a {
	display: block;
	width: 100%;
	background-color: #00aadc;
	border-radius: 8px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	transition: all .3s;
}
@media screen and (min-width: 768px) {
	.btn-maker a:hover { opacity: 0.5; }
}

/* メーカー　一覧  */
/* --------------------------------------------------- */
.type-products #prd-maker ul.mklist {
	display:  table;
	width: 100%;
}
.type-products #prd-maker ul.mklist  a {
	display: inline-block;
	padding: 15px 0 ;
	color: #00aadc;
	font-size: 1.6rem;
	font-weight: 500;
}
@media screen and (min-width: 768px) {
	.type-products #prd-maker ul.mklist li {
		display: inline-block;
		margin-left: 4%;
		border-top: 1px solid #ddd;
		width: 30.6%;
		float: left;
	}
	.type-products #prd-maker ul.mklist li:nth-child(3n+1) { margin-left: 0; }
	.type-products #prd-maker ul.mklist li:last-child,
	.type-products #prd-maker ul.mklist li:nth-last-child(2),
	.type-products #prd-maker ul.mklist li:nth-last-child(3) { border-bottom: 1px solid #ddd; }
}
@media screen and (min-width: 420px) and (max-width: 767px) {
	.type-products #prd-maker ul.mklist li {
		display: inline-block;
		margin-left: 4%;
		border-top: 1px solid #ddd;
		width: 48%;
		float: left;
	}
	.type-products #prd-maker ul.mklist li:nth-child(2n+1) { margin-left: 0; }
	.type-products #prd-maker ul.mklist li:last-child,
	.type-products #prd-maker ul.mklist li:nth-last-child(2) { border-bottom: 1px solid #ddd; }

}
@media screen and (max-width: 419px) {
	.type-products #prd-maker ul.mklist  a { padding: 12px 0 ; font-size: 1.4rem; }
	.type-products #prd-maker ul.mklist li {
		display: block;
		border-top: 1px solid #ddd;
	}
	.type-products #prd-maker ul.mklist li:last-child { border-bottom: 1px solid #ddd; }
}



/* 一覧  */
/* --------------------------------------------------- */
.type-products h2.icc {
	color: #00aadc;
	background-image: url('../../image/common/icc-products.png');
}
.type-products.result h2.icc {
	background-image: url('../../image/common/icr-products.png');
}
#prd-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
#prd-archives archive ul li a div:first-child {
	border: 1px solid #00aadc;
	background-color: #fff;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	transition: all .3s;
}
#prd-archives archive ul li a div img { width: 100%; height: auto; }
#prd-archives archive ul li a h3 {
	margin-top: 10px;
	min-height: 45px;
	color: #00aadc;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}
#prd-archives archive ul li a div:last-child p {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
	font-size: 1.2rem;
}
#prd-archives .btn-add a span { color: #00aadc; }
#prd-archives .btn-add a span::before,
#prd-archives .btn-add a span::after { background-color: #00aadc; }

@media screen and (min-width: 768px) {
	#prd-archives archive ul li a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#prd-archives archive ul { margin-top: 40px; }
	#prd-archives archive ul li a {
		padding: 25px 0;
		border-bottom: 1px solid #ddd;
	}
	#prd-archives archive ul li:first-child a,
	#prd-archives archive ul li:nth-child(2) a { border-top: 1px solid #ddd; }
	#prd-archives archive ul li a div:first-child { width: 98px; float: left; }
	#prd-archives archive ul li a div:nth-child(2) p { margin-top: 5px; font-size: 1.3rem; }
	#prd-archives archive ul li a div:nth-child(2) { padding-left: 113px; }
	#prd-archives archive ul li a div:last-child {
		margin-top: 10px;
		margin-left: 113px; 
		padding-top: 0;
		border-top: none;
		text-align: right;
	}
	#prd-archives archive ul li a h3 {
		margin-top: 0;
		min-height: auto;
	}
	#prd-archives archive ul li a div:last-child p {
		margin-top: 10px;
		padding-top: 0;
		border-top: none;
		color: #999;
		font-size: 1.1rem;
	}
}
@media screen and (max-width: 639px) {
	#prd-archives archive ul li:nth-child(2) a { border-top: 0; }
	#prd-archives archive ul { margin-top: 30px; }
	#prd-archives archive ul li a { padding: 20px 0; }
}
@media screen and (max-width: 419px) {
	#prd-archives archive ul { margin-top: 20px; }
	#prd-archives archive ul li a { padding: 15px 0 10px; }
	#prd-archives archive ul li a div:first-child { width: 74px; }
	#prd-archives archive ul li a div:nth-child(2) { padding-left: 85px; }
	#prd-archives archive ul li a div.timestamp {
		margin-top: 5px;
		margin-left: 85px; 
	}
}
/* 詳細  */
/* --------------------------------------------------- */
#prd-detail .pdt-title p { border-bottom: 4px solid #00aadc; }
#prd-detail .pdt-detail .pdt-img .btn-review a { background-color: #00aadc; }
#prd-detail .pdt-detail .pdt-spec h4,
#prd-detail .pdt-detail .pdt-mv h4 { color: #00aadc; border-bottom: 1px solid #00aadc; }
 { color: #00aadc; border-bottom: 1px solid #00aadc; }
.type-products ul.pageforward li.pg-list a span { background-image: url('../../image/common/ic-products.png'); }
@media screen and (max-width: 767px) {
	#prd-detail .pdt-title p { border-top: 2px solid #00aadc; border-bottom: 0; }
}

/* --------------------------------------------------- */
/* 臨床評価 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-report .pgtitle { background-color: #3cb46e; }
.type-report .pgtitle::after { background-image: url('../../image/report/pgtitle.jpg'); }
.type-report .pgtitle h2 { background-image: url('../../image/common/icw-report.png'); }
/* 導入部  */
/* --------------------------------------------------- */
.type-report .introduce h2 { color: #3cb46e; border-bottom: 1px solid #3cb46e; }
/* 一覧  */
/* --------------------------------------------------- */
.type-report h2.icc {
	color: #3cb46e;
	background-image: url('../../image/common/icc-report.png');
}
#repo-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
#repo-archives archive ul li a div div {
	border: 1px solid #3cb46e;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	transition: all .3s;
}
#repo-archives archive ul li a div div img { width: 100%; height: auto; }
#repo-archives archive ul li a h3 {
	margin-top: 10px;
	color: #3cb46e;
	font-size: 1.4rem;
	font-weight: 500;
}
@media screen and (min-width: 768px) {
	#repo-archives archive ul li a:hover  div div { opacity: 0.5; }
}
@media screen and (max-width: 419px) {
	#repo-archives archive ul.boxlist li {
		margin-top: 30px;
		padding: 0 10px;
		width: 50%;
	}
	#repo-archives archive ul li a h3 { margin-top: 5px; font-size: 1.2rem; }
}
/* 概略  */
/* --------------------------------------------------- */
#repo-summary { background-color: #ebf7f0; }
#repo-flow > * + *,
#repo-review > * + *,
#repo-dr > * + * { margin-top: 30px; }
#repo-flow, #repo-review, #repo-dr { border-top: 1px solid #3cb46e; }
#repo-dr { border-bottom: 1px solid #3cb46e; }
#repo-flow .steps {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
#repo-flow .steps div {
	margin-left: 30px;
	width: 25%;
}
#repo-flow .steps div:first-child { margin-left: 0; }
#repo-flow .steps h4 {
	margin-bottom: 20px;
	font-weight: 500;
}
#repo-flow .steps h4::before {
	content: attr(data-num)"";
	margin-right: 5px;
	display: inline-block;
	width: 24px;
	background-color: #3cb46e;
	border-radius: 50%;
	font-family: 'Montserrat', 'Noto Snas JP', sans-serif;
	color: #fff;
	line-height: 24px;
	text-align: center;
}
#repo-flow .steps p span { color: #3cb46e; }
#repo-dr .forbody {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	width: 100%;
}
#repo-dr .forbody div {
	margin-left: 30px;
	width: 33%;
}
#repo-dr .forbody div:first-child { margin-left: 0; }
#repo-dr .forbody h4 {
	margin-bottom: 10px;
	font-weight: 500;
}

@media screen and (max-width: 959px) {
	#repo-flow .steps { flex-direction: column; }
	#repo-flow .steps div {
		margin-left: 0;
		margin-top: 30px;
		width: 100%;
	}
	#repo-flow .steps div:first-child { margin-top: 0; }
}
/* ボタン */
.btn-dr { margin: 30px auto 0; width: 210px; }
.btn-dr a {
	display: block;
	width: 100%;
	background-color: #3cb46e;
	border-radius: 8px;
	color: #fff;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	transition: all .3s;
}
@media screen and (min-width: 768px) {
	.btn-dr a:hover { opacity: 0.5; }
}

@media screen and (max-width: 767px) {
	#repo-dr .forbody { flex-direction: column; }
	#repo-dr .forbody div {
		margin-left: 0;
		margin-top: 30px;
		width: 100%;
	}
	#repo-dr .forbody div:first-child { margin-top: 0; }
	.btn-dr { margin: 20px auto 0; }
}
@media screen and (max-width: 419px) {
	#repo-flow > * + *,
	#repo-review > * + *,
	#repo-dr > * + * { margin-top: 20px; }
}

/* 詳細  */
/* --------------------------------------------------- */
#repo-detail .pdt-title p { border-bottom: 4px solid #3cb46e; }
#repo-detail .pdt-detail .pdt-img .btn-review a { background-color: #3cb46e; }
#repo-detail .pdt-detail .pdt-spec h4,
#repo-detail .pdt-detail .pdt-mv h4 { color: #3cb46e; border-bottom: 1px solid #3cb46e; }
.type-report ul.pageforward li.pg-list a span { background-image: url('../../image/common/ic-report.png'); }
@media screen and (max-width: 767px) {
	#repo-detail .pdt-title p { border-top: 2px solid #3cb46e; border-bottom: 0; }
}

/* 評価ドクター　一覧  */
/* --------------------------------------------------- */
#repo-doctor ul.drlist {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#repo-doctor ul.drlist li { width: 50%; box-sizing: border-box; }
#repo-doctor ul.drlist li:nth-child(2n+1) { padding-right: 25px; }
#repo-doctor ul.drlist li:nth-child(2n+2) { padding-left: 25px;  }
#repo-doctor ul.drlist li dl {
	display: table;
	width: 100%;
	border-bottom: 1px solid #ddd;
}
#repo-doctor ul.drlist li:first-child dl,
#repo-doctor ul.drlist li:nth-child(2) dl { border-top: 1px solid #ddd; }
#repo-doctor ul.drlist li dl dt {
	display: inline-block;
	padding: 15px 0;
	width: 180px;
	float: left;
}
#repo-doctor ul.drlist li dl dd {
	margin-left: 180px;
	padding: 15px 0;
}
#repo-doctor ul.drlist h4 { font-size: 1.4rem; }
#repo-doctor ul.drlist dd p { font-size: 1.2rem; }
#repo-doctor ul.drlist h4::after {
	content: '先生';
	margin-left: 8px;
	font-size: 1.1rem;
}
#repo-doctor ul.drlist p a { color: #3cb46e; transition: all .3s; }


#repo-doctor ul.pageforward li.pg-list a span { background-image: url('../../image/common/ic-report.png'); }
@media screen and (min-width: 768px) {
	#repo-doctor ul.drlist p a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#repo-doctor ul.drlist { flex-direction: column; }
	#repo-doctor ul.drlist li { width: 100%; box-sizing: border-box; }
	#repo-doctor ul.drlist li:nth-child(2n+1) { padding-right: 0; }
	#repo-doctor ul.drlist li:nth-child(2n+2) { padding-left: 0;  }
	#repo-doctor ul.drlist li:nth-child(2) dl { border-top: 0; }
	#repo-doctor ul.drlist li dl dt { padding: 15px 0; width: 40%; }
	#repo-doctor ul.drlist li dl dd { margin-left: 40%; padding: 15px 0; }
}
@media screen and (max-width: 419px) {
	#repo-doctor ul.drlist li dl dt { padding: 15px 0; width: 45%; }
	#repo-doctor ul.drlist li dl dd { margin-left: 45%; padding: 15px 0; }
	#repo-doctor ul.drlist h4 { font-size: 1.3rem; }
	#repo-doctor ul.drlist dd p { font-size: 1.0rem; letter-spacing: 0;}
	#repo-doctor ul.drlist h4::after {
		margin-left: 5px;
		font-size: 1.0rem;
	}

}


/* --------------------------------------------------- */
/* 情報チャンネル */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-channel .pgtitle { background-color: #e6aa50; }
.type-channel .pgtitle::after { background-image: url('../../image/channel/pgtitle.jpg'); }
.type-channel .pgtitle h2 { background-image: url('../../image/common/icw-channel.png'); }
/* 検索  */
/* --------------------------------------------------- */
.type-channel .search-board { background-color: #faeedc; }
.type-channel .search-block h3 { color: #e6aa50; }
.type-channel .search-block .btn-find { background-color: #e6aa50; }

/* 開閉 */
.type-channel .search-board .btn-toggle { background-color: rgba(230, 170, 80, 0.05); }
.type-channel .search-board .btn-toggle p { color: #e6aa50; }
.type-channel .search-board .btn-toggle p::before { background-image: url('../../image/common/icr-channel.png'); }
.type-channel .search-board .btn-toggle p span::after {
	border-top: 1px solid #e6aa50;
	border-right: 1px solid #e6aa50;
}
@media screen and (min-width: 768px) {
	.type-channel .search-board .btn-toggle:hover { background-color: rgba(230, 170, 80, 0.25); }
}
/* 一覧  */
/* --------------------------------------------------- */
.type-channel h2.icc {
	color: #e6aa50;
	background-image: url('../../image/common/icc-channel.png');
}
.type-channel.result .contents h2.icc {
	background-image: url('../../image/common/icr-channel.png');
}
#movie-archives h4 {
	padding: 6px 12px;
	background-color: #faeedc;
	font-weight: 500;
}
#movie-archives h2 + h4 { margin-top: 30px; }
#movie-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
#movie-archives archive ul {
	display: table;
	width: 100%;
}
#movie-archives archive ul li {
	position: relative;
	display: inline-block;
	margin-top: 40px;
	padding: 0 20px;
	width: 25%;
	height: auto;
	min-height: 350px;
	box-sizing: border-box;
	*zoom: 1;
	vertical-align: top;
}
#movie-archives archive ul li.active::after {
	content: '';
	position: absolute;
	top: 385px;
	left: 50%;
	display: block;
	width: 48px;
	height: 48px;
	background-color: #fdf8f1;
	transform: rotate(45deg) translateX(-50%);
}
#movie-archives archive ul li .thumbitem { cursor: pointer; }
#movie-archives archive ul li div.imgcut {
	border: 1px solid #e6aa50;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	transition: all .3s;
}
#movie-archives archive ul li div.imgcut img { width: 100%; height: auto; }
#movie-archives archive ul li h3 {
	margin-top: 10px;
	min-height: 60px;
	color: #e6aa50;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 1.5;
}
#movie-archives archive ul li p.cat-pdt::before,
#movie-archives archive ul li p.cat-cln::before {
	display: inline-block;
	margin-right: 4px;
	width: 36px;
	background-color: #e6aa50;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
}
#movie-archives archive ul li p.cat-pdt::before { content: '製品'; }
#movie-archives archive ul li p.cat-cln::before { content: '臨床'; }
#movie-archives archive ul li .thumbitem div:last-child p {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
	color: #999;
	font-size: 1.2rem;
}
#movie-archives .btn-add a span { color: #e6aa50; }
#movie-archives .btn-add a span::before,
#movie-archives .btn-add a span::after { background-color: #e6aa50; }

@media screen and (min-width: 768px) {
	#movie-archives archive ul li:hover div.imgcut { opacity: 0.5; }
}
@media screen and (max-width: 999px) {
	#movie-archives archive ul li {
		padding: 0 20px;
		width: 33.2%;
	}
}
@media screen and (max-width: 767px) {
	#movie-archives.just .contents { width: 100%; }
	#movie-archives.just .contents h2 { margin-left: 3%; }
	#movie-archives h4 { padding: 6px 4%; }
	#movie-archives archive ul li {
		margin-top: 30px;
		padding: 0 10px;
		width: 50%;
	}
	#movie-archives archive ul li.active::after { top: 390px; }
	#movie-archives archive ul li h3 + p { font-size: 1.3rem; }
}
@media screen and (max-width: 419px) {
	#movie-archives archive { width: 92%; }
	#movie-archives archive ul li {
		margin-top: 25px;
		padding: 0;
		width: 100%;
		min-height: auto;
	}
	#movie-archives archive ul li div.imgcut {
		padding: 12px 0;
		border: 0;
		background-color: #f3f3f3;
		text-align: center;
	 }
	#movie-archives archive ul li div.imgcut img { width: 86%; }
	#movie-archives archive ul li { padding: 0; }
	#movie-archives archive ul li h3 { margin-bottom: 10px; min-height: auto; }
	#movie-archives archive ul li h3 + p { font-size: 1.2rem; }
	#movie-archives archive ul li .thumbitem div:last-child p {
		margin-top: 5px;
		padding-top: 3px;
		font-size: 1.1rem;
	}
	#movie-archives archive ul li.active::after { display: none; }
}

/* エクステンション */
/* --------------------------------------------------- */
#movie-archives archive ul li > .spec { display: none; }
#movie-archives archive ul li.expandField {
	position: relative;
	margin-top: 25px;
	margin-left: 2%;
	padding: 40px;
	width: 96%;
	background-color: #fdf8f1;
	box-sizing: border-box;
	float: left;
}
#movie-archives archive ul li.expandField span.btnClose {
	position: absolute;
	top: -8px;
	right: -8px;
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	background-color: #f0cc96;
	cursor: pointer;
}
#movie-archives archive ul li.expandField span.btnClose:before,
#movie-archives archive ul li.expandField span.btnClose:after {
	content: '';
	position: absolute;
	display: block;
	top: 50%;
	left: 9px;
	width: 15px;
	height: 2px;
	background-color: #fff;
}
#movie-archives archive ul li.expandField span.btnClose:before { transform: rotate(-45deg); }
#movie-archives archive ul li.expandField span.btnClose:after { transform: rotate(45deg); }
#movie-archives archive ul li.expandField .mvwrap {
	margin: 30px auto;
	width: 100%;
	max-width: 640px;
}
#movie-archives archive ul li.expandField .ytmovie {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	height: 0;
	overflow: hidden;
}
#movie-archives archive ul li.expandField .ytmovie iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
#movie-archives archive ul li.expandField .mvwrap + p { word-break: break-all; }
#movie-archives archive ul li.expandField .mvwrap + p a { color: #e6aa50; }
#movie-archives archive ul li.expandField .status { padding: 10px 0 0; }
#movie-archives archive ul li.expandField .status > p {
	position: relative;
	display: inline-block;
	padding: 10px 15px 0 70px;
	width: 49%;
	box-sizing: border-box;
	vertical-align: top;
}
#movie-archives archive ul li.expandField .status > p::before {
	content: attr(data-note)'';
	position: absolute;
	top: 13px;
	left: 0;
	display: block;
	width: 60px;
	background-color: #e6aa50;
	color: #fff;
	font-size: 1.1rem;
	text-align: center;
}
@media screen and (max-width: 767px) {
	#movie-archives archive ul li.expandField { padding: 30px; }
	#movie-archives archive ul li.expandField .status > p { font-size: 1.3rem; }
}
@media screen and (max-width: 599px) {
	#movie-archives archive ul li.expandField .status > p {
		padding: 10px 0 0 70px;
		width: 100%;
	}
}
@media screen and (max-width: 419px) {
	#movie-archives archive ul li.expandField {
		margin-left: 0;
		padding: 20px 15px;
		width: 100%;
	}
	#movie-archives archive ul li.expandField .mvwrap { margin: 20px auto; }
	#movie-archives archive ul li.expandField h2 { padding-top: 4px; font-size: 1.5rem; line-height: 1.6;}
	#movie-archives archive ul li.expandField .mvwrap + p { font-size: 1.3rem;  }
	#movie-archives archive ul li.expandField .status > p { font-size: 1.2rem; }
	#movie-archives archive ul li.expandField span.btnClose {
		top: -5px;
		right: -5px;
		width: 24px;
		height: 24px;
	}
	#movie-archives archive ul li.expandField span.btnClose:before,
	#movie-archives archive ul li.expandField span.btnClose:after {
		left: 6px;
		width: 12px;
	}
}

/* --------------------------------------------------- */
/* 歯科辞書 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-dictionary .pgtitle { background-color: #dc6441; }
.type-dictionary .pgtitle::after { background-image: url('../../image/dictionary/pgtitle.jpg'); }
.type-dictionary .pgtitle h2 { background-image: url('../../image/common/icw-dictionary.png'); }
/* 検索  */
/* --------------------------------------------------- */
.type-dictionary .search-board { background-color: #f8e0d9; }
.type-dictionary .search-block h3 { color: #dc6441; }
.type-dictionary .search-block .btn-find { background-color: #dc6441; }

/* 開閉 */
.type-dictionary .search-board .btn-toggle { background-color: rgba(220, 100, 65, 0.05); }
.type-dictionary .search-board .btn-toggle p { color: #dc6441; }
.type-dictionary .search-board .btn-toggle p::before { background-image: url('../../image/common/icr-dictionary.png'); }
.type-dictionary .search-board .btn-toggle p span::after {
	border-top: 1px solid #dc6441;
	border-right: 1px solid #dc6441;
}
@media screen and (min-width: 768px) {
	.type-dictionary .search-board .btn-toggle:hover { background-color: rgba(220, 100, 65, 0.25); }
}
/* 一覧  */
/* --------------------------------------------------- */
.type-dictionary h2.icc {
	color: #dc6441;
	background-image: url('../../image/common/icc-dictionary.png');
}
.type-dictionary.result h2.icc {
	background-image: url('../../image/common/icr-dictionary.png');
}
#word-archives archive,
#field-list nav {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
#word-archives archive ul li,
#field-list nav ul li { margin-top: 0; }
#field-list nav ul li { width: 33%; }
#word-archives archive ul li a,
#field-list nav ul li a {
	border-bottom: 1px solid #ddd;
}
#word-archives archive ul li:first-child a,
#word-archives archive ul li:nth-child(2) a,
#word-archives archive ul li:nth-child(3) a,
#word-archives archive ul li:nth-child(4) a,
#field-list nav ul li:first-child a,
#field-list nav ul li:nth-child(2) a,
#field-list nav ul li:nth-child(3) a { border-top: 1px solid #ddd; }
#word-archives archive ul li a h3,
#field-list nav ul li a h3 {
	position: relative;
	margin: 20px 0;
	color: #dc6441;
	font-size: 1.6rem;
	font-weight: 500;
	transition: all .3s;
}
#word-archives archive ul li a h3 { font-weight: 600; word-break: break-all; }
#field-list nav ul li a h3 { text-align: center; }
#word-archives archive ul li a p {
	margin-bottom: 20px;
	font-size: 1.3rem;
	transition: all .3s;
}
#word-archives .btn-add a span { color: #dc6441; }
#word-archives .btn-add a span::before,
#word-archives .btn-add a span::after { background-color: #dc6441; }
@media screen and (min-width: 768px) {
	#word-archives archive ul li a:hover h3,
	#word-archives archive ul li a:hover p,
	#field-list nav ul li a:hover h3 { opacity: 0.5; }
}
@media screen and (max-width: 999px) {
	#word-archives archive ul li:nth-child(4) a,
	#field-list nav ul li:nth-child(4) a { border-top: 0; }
}
@media screen and (max-width: 767px) {
	#field-list nav ul li { width: 50%; }
	#word-archives archive ul li:nth-child(3) a,
	#field-list nav ul li:nth-child(3) a { border-top: 0; }
	#word-archives archive ul li a h3 { margin: 20px 0 15px; }
	#field-list nav ul li a h3 { margin: 15px 0; font-size: 1.4rem; }
}
@media screen and (max-width: 419px) {
	#field-list nav ul li { width: 100%; }
	#word-archives archive ul li:nth-child(2) a,
	#field-list nav ul li:nth-child(2) a { border-top: 0; }
	#word-archives archive,
	#field-list nav { width: 92%; }
	#word-archives archive ul li,
	#field-list nav ul li { padding: 0; }
	#word-archives archive ul li a h3 { margin: 20px 0 10px;  font-size: 1.8rem; }
	#field-list nav ul li a h3 { margin: 10px 0; text-align: left; }
	#field-list nav ul li a h3::after {
		content: '';
		position: absolute;
		top: 50%;
		right: 10px;
		width: 7px;
		height: 7px;
		border-right: 2px solid #eaa28d;
		border-top: 2px solid #eaa28d;
		transform: rotate(45deg) translateY(-50%);
	}
}
/* 詳細  */
/* --------------------------------------------------- */
.word-detail .word-title {
	padding-bottom: 15px;
	border-bottom: 3px solid #eee;
}
.word-detail .word-title h2 { padding-top: 3px; padding-bottom: 3px; line-height: 1.4; }
.word-detail .word-title p {
	display: inline-block;
	margin: 5px 0 0 33px;
	color: #333;
}
.word-detail .word-title p::before { content:'【';  margin-right: 5px; }
.word-detail .word-title p::after { content:'】'; margin-left: 5px; }
.word-detail .word-title h3 { color: #dc6441; font-size: 1.6rem; font-weight: 500; }
.word-detail .word-spec dl { display: table; width: 100%; }
.word-detail .word-spec dl dt {
	padding-top: 30px;
	display: inline-block;
	width: 70px;
	float: left;
}
.word-detail .word-spec dl dd {
	padding: 30px 0 30px 200px;
	border-bottom: 1px solid #ddd;
}
.word-detail .word-spec dl dd a {
	color: #dc6441;
	border-bottom: 1px dashed #dc6441;
}
.word-detail .word-spec dl dd p.tofield::before { content:'\21d2'; margin-right: 5px; }
.word-detail .word-spec dl dd a:visited { color: #7c3825; border-bottom: 1px dashed #7c3825; }
.type-dictionary ul.pageforward li.pg-list a span { background-image: url('../../image/common/ic-dictionary.png'); }
.word-detail .word-spec dl dd figure { margin-top: 20px; }
.word-detail .word-spec dl dd figure img { width: auto; max-width: 100%; height: auto; }

@media screen and (min-width: 768px) {
	.word-detail .word-spec dl dd a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	.word-detail .word-spec dl dt {
		padding-top: 25px;
	}
	.word-detail .word-spec dl dd { padding: 25px 0 25px 90px; }
}
@media screen and (max-width: 419px) {
	.word-detail .word-title h3 + p { font-size: 1.1rem; }
	.word-detail .word-spec dl dt { padding-top: 20px; width: 42px; }
	.word-detail .word-spec dl dt h4 {
		display: inline-block;
		width: 42px;
		background-color: #f8e0d9;
		font-size: 1.1rem;
		line-height: 2.0;
		text-align: center;
	}
	.word-detail .word-spec dl dd { padding: 22px 0 20px 52px; }
}
/* 頭文字  */
/* --------------------------------------------------- */
#initial-pad .jpn,
#initial-pad .eng {
	margin-top: 30px;
	width: calc((100% - 20px) / 2);
	float: left;
}
#initial-pad .eng { margin-left: 20px; }
#initial-pad .jpn .period {
	width: 50%;
	float: left;
}
#initial-pad ul li {
	margin-top: 10px;
	display: inline-block;
	width: 10%;
	float: left;
}
#initial-pad ul.period li { width: 20%; }
#initial-pad ul li a {
	display:inline-block;
	width: 90%;
	background-color: #f6f6f6;
	border-radius: 5px;
	color: #dc6441;
	font-size: 1.4rem;
	font-weight: 500;
	line-height: 36px;
	text-align: center;
	transition: all .5s;
}
@media screen and (min-width: 768px) {
	#initial-pad ul li a:hover {
		background-color: #dc6441;
		color: #fff;
	}
}
@media screen and (max-width: 899px) {
	#initial-pad .jpn,
	#initial-pad .eng {
		margin-top: 25px;
		display: table;
		width: 100%;
		float: none;
	}
	#initial-pad .eng { margin-left: 0; }
	#initial-pad ul li { margin-top: 8px; }
}
@media screen and (max-width: 479px) {
	#initial-pad .jpn,
	#initial-pad .eng { margin-top: 15px; }
	#initial-pad .jpn .period {
		width: 100%;
		float: none;
	}
	#initial-pad ul li {
		margin-top: 5px;
		width: 20%;
	}
	#initial-pad ul li a {
		display: block;
		margin: 0 auto;
	}
}
/* バナー */
/* --------------------------------------------------- */
.bnr-kokushi a {
	display: block;
	padding: 25px;
	background-color: rgba(90,80,150,1.0);
}
.bnr-kokushi a dl { display: table; width: 100%; }
.bnr-kokushi a dl dt { display: table-cell; width: 33%; vertical-align: middle; }
.bnr-kokushi a dl dd {
	display: table-cell;
	width: 66%;
	color: #fff;
	vertical-align: top;
}
.bnr-kokushi h2 { padding: 7px 0; width: 90%; max-width: 262px; }
.bnr-kokushi p { margin-top: 5px; font-size: 1.2rem; line-height: 1.5; }
.bnr-kokushi h3 span { display: inline-block; font-weight: 500; }
.bnr-kokushi img { width: 100%; height: auto; }

@media screen and (min-width: 768px) {
	.bnr-kokushi a:hover { background-color: rgba(90,80,150,0.5); }
}
@media screen and (max-width: 959px) {
	.bnr-kokushi a dl dt { width: 40%; }
	.bnr-kokushi a dl dd { width: 60%; }
}
@media screen and (max-width: 767px) {
	.bnr-kokushi a { padding: 20px; }
	.bnr-kokushi a dl { display: table; margin-left: auto; width: 100%; }
	.bnr-kokushi a dl dt { display: block; width: 100%; }
	.bnr-kokushi a dl dd { display: block; width: 100%; text-align: center; }
	.bnr-kokushi h2 { margin: 0 auto; }
}
@media screen and (max-width: 559px) {
	.bnr-kokushi a { padding: 20px 15px; }
	.bnr-kokushi p { text-align: left; }
}
@media screen and (max-width: 419px) {
	.bnr-kokushi a { padding: 18px 12px; }
	.bnr-kokushi p { font-size: 1.1rem; }
}

/* 申請  */
/* --------------------------------------------------- */
.type-dictionary .request-board { background-color: #f8e0d9; }
.type-dictionary .request-board .request-block {
	margin: 0 auto;
	width: 92%;
	max-width: 960px;
}
.type-dictionary .request-board h3 { margin-bottom: 20px; color: #444; font-size: 1.8rem; font-weight: 500; }
.type-dictionary .request-board form { margin-top: 20px; }
.type-dictionary .request-board form dl {
	display: block;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.type-dictionary .request-board form dl dt {
	display: inline-block;
	padding-top: 35px;
	width: 210px;
	float: left;
}
.type-dictionary .request-board form dl dd {
	padding: 30px 0 30px 210px;
	min-height: 30px;
}
.type-dictionary .request-board form dl dd > div { margin-top: 10px; }
.type-dictionary .request-board form dl dd > div:first-child { margin-top: 0; }

.type-dictionary .request-board input[type=text] { border: 0; }
.type-dictionary .request-board .btn-request { background-color: #dc6441; }
.type-dictionary .request-board .btn-request span {
	padding-left: 25px;
	background-image: url('../../image/common/icw-dictionary.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 50%;
	line-height: 36px;
}
@media screen and (max-width: 767px) {
	.type-dictionary .request-board form dl dt {
		display: inline-block;
		padding-top: 20px;
		width: 160px;
		float: left;
	}
	.type-dictionary .request-board form dl dd {
		padding: 20px 0 30px 160px;
	}
	.type-dictionary .request-board h3 { text-align: center; }
}
@media screen and (max-width: 639px) {
	.type-dictionary .request-board form dl dt {
		display: block;
		padding-top: 15px;
		width: 100%;
		float: none;
	}
	.type-dictionary .request-board form dl dd {
		padding: 10px 0 30px;
		border-top: 0;
	}
	.type-dictionary .request-board form dl + dl dt:first-child { border-top: 0; }
	.type-dictionary .request-board h3 + p { font-size: 1.2rem; }
}

/* --------------------------------------------------- */
/* セミナー情報 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-seminar .pgtitle { background-color: #4682be; }
.type-seminar .pgtitle::after { background-image: url('../../image/seminar/pgtitle.jpg'); }
.type-seminar .pgtitle h2 { background-image: url('../../image/common/icw-seminar.png'); }
/* 検索  */
/* --------------------------------------------------- */
.type-seminar .search-board { background-color: #dae6f2; }
.type-seminar .search-block h3 { color: #4682be; }
.type-seminar .search-block .btn-find { background-color: #4682be; }
.type-seminar .search-block h5::before { content: '■'; margin-right: 4px; color: #4682be; }
/* 詳細 */
.type-seminar .search-block .btn-option p { color: #4682be; }
.type-seminar .search-block .btn-option p::after { border-top: 1px solid #4682be; border-left: 1px solid #4682be; }
@media screen and (min-width: 768px) {
	.type-seminar .search-block .btn-option:hover { background-color: #4682be; }
	.type-seminar .search-block .btn-option:hover p { color: #fff; }
	.type-seminar .search-block .btn-option:hover p::after { border-top: 1px solid #fff; border-left: 1px solid #fff; }
}
/* 開閉 */
.type-seminar .search-board .btn-toggle { background-color: rgba(70, 130, 190, 0.05); }
.type-seminar .search-board .btn-toggle p { color: #4682be; }
.type-seminar .search-board .btn-toggle p::before { background-image: url('../../image/common/icr-seminar.png'); }

.type-seminar .search-board .btn-toggle p span::after {
	border-top: 1px solid #4682be;
	border-right: 1px solid #4682be;
}
@media screen and (min-width: 768px) {
	.type-seminar .search-board .btn-toggle:hover { background-color: rgba(70, 130, 190, 0.25); }
}
/* 一覧  */
/* --------------------------------------------------- */
.type-seminar h2.icc {
	color: #4682be;
	background-image: url('../../image/common/icc-seminar.png');
}
.type-seminar.result h2.icc {
	background-image: url('../../image/common/icr-seminar.png');
}
#semi-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
#semi-archives archive ul { margin-top: 40px; }
#semi-archives archive ul li { margin-top: 0; width: 50%; }
#semi-archives archive ul li a {
	display: block;
	padding: 25px 0;
	border-bottom: 1px solid #ddd;
	min-height: auto;
}
#semi-archives archive ul li:first-child a,
#semi-archives archive ul li:nth-child(2) a { border-top: 1px solid #ddd; }
#semi-archives archive ul li a > div:first-child {
	width: 102px;
	background-color: #fff;
	border: 1px solid #4682be;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	float: left;
	transition: all .3s;
}
#semi-archives archive ul li a div:nth-child(2) { padding-left: 124px; }
#semi-archives archive ul li a div img { width: 100%; height: auto; }
#semi-archives archive ul li a div div p {
	position: relative;
	margin-top: 0;
	padding-left: 20px;
	background-image: url('../../image/common/ic-seminar.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 0 1px;
	font-size: 1.2rem;
}
#semi-archives archive ul li a div div p::after {
	content: attr(data-place)'';
	position: absolute;
	right: 0;
	width: 60px;
	background-color: #f0f0f0;
	color: #666;
	font-size: 1.1rem;
	text-align: center;
}
#semi-archives archive ul li a h3 {
	margin-top: 10px;
	color: #4682be;
	font-size: 1.4rem;
	font-weight: 500;
	transition: all .3s;
}
#semi-archives .btn-more { margin: 50px auto 0; max-width: 280px; }
#semi-archives .btn-more a { background-color: #4682be; }
#semi-archives .btn-more a span { line-height: 48px; }
#semi-archives .btn-more a span.icw { background-image: url('../../image/common/icw-seminar.png'); }

@media screen and (min-width: 768px) {
	#semi-archives archive ul li a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#semi-archives archive ul li:first-child a,
	#semi-archives archive ul li:nth-child(2) a { border-top: 1px solid #ddd; }
	#semi-archives archive ul li a > div:first-child { width: 90px; float: left; }
	#semi-archives archive ul li a div:nth-child(2) { padding-left: 105px; }
	#semi-archives archive ul li a div div p { margin-top: 0; }
	#semi-archives archive ul li a h3 {
		margin-top: 8px;
		min-height: auto;
	}
}
@media screen and (max-width: 639px) {
	#semi-archives archive ul.boxlist2 li { width: 100%; }
	#semi-archives archive ul li:nth-child(2) a { border-top: 0; }
	#semi-archives archive ul { margin-top: 30px; }
	#semi-archives archive ul li a { padding: 20px 0; }
}
@media screen and (max-width: 419px) {
	#semi-archives archive { width: 100%; }
	#semi-archives archive ul { margin-top: 20px; }
	#semi-archives archive ul.boxlist2 li { padding: 0 15px; border-bottom: 1px solid #f3f3f3; }
	#semi-archives archive ul.boxlist2 li:nth-child(2n+1) { background-color: #fafafa; }
	#semi-archives archive ul li a {
		padding: 18px 0;
		border-bottom: 0;
	}
	#semi-archives archive ul li:first-child a,
	#semi-archives archive ul li:nth-child(2) a { border-top: 0; }
	#semi-archives archive ul li a > div:first-child { width: 70px; }
	#semi-archives archive ul li a div:nth-child(2) { padding-left: 85px; }
	#semi-archives archive ul li a h3 { margin-top: 5px; line-height: 1.5; }
	#semi-archives .btn-more { margin: 30px auto 0; max-width: 210px; }
	#semi-archives .btn-more a span { line-height: 36px; }
}

/* 結果  */
/* --------------------------------------------------- */
#semilist-archives archive {
	display: block;
	margin: 0 auto;
	width: 100%;
	max-width: 960px;
}
#semilist-archives archive ul li {
	margin-top: 30px;
	padding-bottom: 30px;
	border-bottom: 1px solid #ddd;
}
#semilist-archives archive ul li:first-child { margin-top: 50px; }
#semilist-archives archive ul li a div p , li.Seminar div p {
	position: relative;
	display: inline-block;
	width: 120px;
	padding-left: 26px;
	padding-right: 100px;
	background-image: url('../../image/common/ic-seminar.png');
	background-repeat: no-repeat;
	background-size: 22px 22px;
	background-position: 0 1px;
}
#semilist-archives archive ul li a div p::after , li.Seminar div p::after  {
	content: attr(data-place)'';
	position: absolute;
	top : 2px;
	right: 0;
	display: inline-block;
	margin-right: 8px;
	width: 80px;
	background-color: #dae6f2;
	border-radius: 3px;
	color: #4682be;
	font-size: 1.2rem;
	line-height: 20px;
	text-align: center;
}

#semilist-archives archive ul li a h3 {
	margin-top: 10px;
	color: #4682be;
	font-weight: 500;
	transition: all .3s;
}
#semilist-archives archive ul li a h3.recommend::before {
	content: 'おすすめ';
	display: inline-block;
	margin-right: 8px;
	width: 80px;
	background-color: #4682be;
	border-radius: 12px;
	color: #fff;
	font-size: 1.2rem;
	line-height: 20px;
	text-align: center;
}
#semilist-archives archive ul li a p.ops , li.Seminar p.ops {
	display: inline-block;
	margin: 12px 25px 0 0;
	vertical-align: middle;
	font-size: 1.3rem;
}
#semilist-archives archive ul li a p.ops::before , li.Seminar p.ops::before  {
	content: attr(data-label)"";
	display: inline-block;
	margin-right: 5px;
	width: 42px;
	background-color: #bbb;
	color: #fff;
	font-size: 1.0rem;
	line-height: 20px;
	text-align: center;
	vertical-align: middle;
}
#semilist-archives .btn-add a span { color: #4682be; }
#semilist-archives .btn-add a span::before,
#semilist-archives .btn-add a span::after { background-color: #4682be; }
@media screen and (min-width: 768px) {
	#semilist-archives archive ul li a:hover h3 { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#semilist-archives archive ul li a div p {
		position: relative;
		display: block;
		width: auto;
		padding-left: 26px;
		padding-right: 100px;
	}
}

@media screen and (max-width: 419px) {
	#semilist-archives { padding-left: 0; padding-right: 0; }
	#semilist-archives .contents { width: 94%; }
	#semilist-archives archive ul li {
		margin-top: 0;
		padding-top: 20px;
		padding-left: 13px;
		padding-right: 13px;
		padding-bottom: 20px;
		border-bottom: 1px solid #f3f3f3;
	}
	#semilist-archives archive ul li:nth-child(2n+1) { background-color: #fafafa; }
	#semilist-archives archive ul li:first-child { margin-top: 40px; }
	#semilist-archives archive ul li a p.ops {
		display: inline-block;
		margin: 6px 20px 0 0;
		vertical-align: middle;
	}
}



/* --------------------------------------------------- */
/* 歯科書籍情報 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-books .pgtitle { background-color: #a55a9b; }
.type-books .pgtitle::after { background-image: url('../../image/books/pgtitle.jpg'); }
.type-books .pgtitle h2 { background-image: url('../../image/common/icw-book.png'); }
/* 検索  */
/* --------------------------------------------------- */
.type-books .search-board { background-color: #eddeeb; }
.type-books .search-block h3 { color: #a55a9b; }
.type-books .search-block .btn-find { background-color: #a55a9b; }

/* 開閉 */
.type-books .search-board .btn-toggle { background-color: rgba(165, 90, 155, 0.05); }
.type-books .search-board .btn-toggle p { color: #a55a9b; }
.type-books .search-board .btn-toggle p::before { background-image: url('../../image/common/icr-book.png'); }

.type-books .search-board .btn-toggle p span::after {
	border-top: 1px solid #a55a9b;
	border-right: 1px solid #a55a9b;
}
@media screen and (min-width: 768px) {
	.type-books .search-board .btn-toggle:hover { background-color: rgba(165, 90, 155, 0.25); }
}
/* 一覧  */
/* --------------------------------------------------- */
.type-books h2.icc {
	color: #a55a9b;
	background-image: url('../../image/common/icc-book.png');
}
.type-books.result h2.icc {
	background-image: url('../../image/common/icr-book.png');
}

#book-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
#book-archives archive ul li a div div {
	border: 1px solid #a55a9b;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: auto 84%;
	transition: all .3s;
}
#book-archives archive ul li a div div img { width: 100%; height: auto; }
#book-archives archive ul li a h3 {
	margin-top: 10px;
	color: #a55a9b;
	font-size: 1.4rem;
	font-weight: 500;
}
#book-archives .btn-add a span { color: #a55a9b; }
#book-archives .btn-add a span::before,
#book-archives .btn-add a span::after { background-color: #a55a9b; }
@media screen and (min-width: 768px) {
	#book-archives archive ul li a:hover  div div { opacity: 0.5; }
}
@media screen and (max-width: 419px) {
	#book-archives archive ul.boxlist li {
		margin-top: 30px;
		padding: 0 10px;
		width: 50%;
	}
	#book-archives archive ul li a h3 { margin-top: 5px; font-size: 1.2rem; }
}
/* ランキング  */
/* --------------------------------------------------- */
#book-archives archive.ranking ul li a div { padding-top: 29px; }
#book-archives archive.ranking ul li a div div { position: relative; }
#book-archives archive.ranking ul li a div div::before {
	position: absolute;
	top: -29px;
	left: -1px;
	display: block;
	width: 100%;
	background-color: #a55a9b;
	border-left: 1px solid #a55a9b;
	border-right: 1px solid #a55a9b;
	color: #fff;
	font-size: 1.6rem;
	line-height: 30px;
	text-align: center;
}
#book-archives archive.ranking ul li:first-child a div div::before { content: '1位'; }
#book-archives archive.ranking ul li:nth-child(2) a div div::before { content: '2位'; }
#book-archives archive.ranking ul li:nth-child(3) a div div::before { content: '3位'; }
#book-archives archive.ranking ul li:nth-child(4) a div div::before { content: '4位'; }
#book-archives archive.ranking ul li:nth-child(5) a div div::before { content: '5位'; }
#book-archives archive.ranking ul li:nth-child(6) a div div::before { content: '6位'; }
#book-archives archive.ranking ul li:nth-child(7) a div div::before { content: '7位'; }
#book-archives archive.ranking ul li:nth-child(8) a div div::before { content: '8位'; }
#book-archives archive.ranking ul li:nth-child(9) a div div::before { content: '9位'; }
#book-archives archive.ranking ul li:nth-child(10) a div div::before { content: '10位'; }
#book-archives archive.ranking ul li:nth-child(11) a div div::before { content: '11位'; }
#book-archives archive.ranking ul li:nth-child(12) a div div::before { content: '12位'; }
#book-archives archive.ranking ul li:nth-child(13) a div div::before { content: '13位'; }
#book-archives archive.ranking ul li:nth-child(14) a div div::before { content: '14位'; }
#book-archives archive.ranking ul li:nth-child(15) a div div::before { content: '15位'; }

@media screen and (max-width: 419px) {
	#book-archives archive.ranking ul li a div div::before { font-size: 1.3rem; }
}

/* --------------------------------------------------- */
/* 学会情報 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-society .pgtitle { background-color: #28aaaa; }
.type-society .pgtitle::after { background-image: url('../../image/society/pgtitle.jpg'); }
.type-society .pgtitle h2 { background-image: url('../../image/common/icw-society.png'); }
.type-society h2.icc {
	color: #28aaaa;
	background-image: url('../../image/common/icc-society.png');
}
/* 学術大会 */
/* --------------------------------------------------- */
#society-event archive {
	display: block;
	margin: 0 auto;
	width: 92%;
	max-width: 960px;
}
#society-event archive dl {
	display: table;
	width: 100%;
}
#society-event archive dl dt {
	padding-top: 25px;
	width: 110px;
	float: left;
}
#society-event archive dl dd {
	padding-left: 200px;
	border-top: 1px solid #ddd;
}
#society-event archive dl dd div { border-bottom: 1px solid #ddd; }
#society-event archive dl dd div:last-child { border-bottom: 0; }
#society-event archive dl dd a {
	display: block;
	padding: 20px 0;
	transition: all .3s;
}
#society-event archive dl dd:last-child div:last-child { border-bottom: 1px solid #ddd; }
#society-event archive h4::before {
	content: '■';
	margin-right: 4px;
	color: #28aaaa;
}
#society-event archive h3 {
	margin-bottom: 5px;
	color: #28aaaa;
	font-weight: 500;
}
#society-event archive p.date {
	display: inline-block;
	margin-top: 5px;
	margin-right: 30px;
	font-size: 1.3rem;
}
#society-event archive p.group {
	display: inline-block;
	margin-top: 5px;
	font-size: 1.3rem;
}
#society-event archive p.date::before,
#society-event archive p.group::before {
	display: inline-block;
	margin-right: 5px;
	padding: 0 8px;
	min-width: 50px;
	background-color: #d4eeee;
	font-size: 1.1rem;
	text-align: center;
}
#society-event archive p.date::before { content: attr(data-place)''; }
#society-event archive p.group::before { content: '学会名';}

@media screen and (min-width: 768px) {
	#society-event archive dl dd a:hover { opacity: 0.5; }
}
@media screen and (max-width: 959px) {
	#society-event archive dl dd { padding-left: 150px; }

}
@media screen and (max-width: 767px) {
	#society-event archive { width: 100%; }
	#society-event archive dl dt {
		margin-top: 20px;
		padding-top: 0;
		width: 100%;
		float: none;
		background-color: #d4eeee;
	}
	#society-event archive dl dt:first-child { margin-top: 0; }
	#society-event archive dl dd {
		margin: 0 auto;
		padding-left: 0;
		width: 92%;
		border-top: 0;
	}
	#society-event archive dl dd a { padding: 15px 0; }
	#society-event archive h4 {
		margin: 0 auto;
		padding: 8px 0;
		width: 92%;
	}
}
@media screen and (max-width: 419px) {
	#society-event archive h4 { padding: 4px 0; }
	#society-event archive dl dd a { padding: 12px 0; }
	#society-event archive p.date {
		margin-top: 3px;
		margin-right: 8px;
		font-size: 1.2rem;
	}
	#society-event archive p.group {
		margin-top: 3px;
		font-size: 1.2rem;
	}
	#society-event archive p.date::before,
	#society-event archive p.group::before {
		display: inline-block;
		margin-right: 5px;
		padding: 0 4px;
		min-width: 40px;
		font-size: 1.0rem;
		text-align: center;
	}
}
/* ガイドライン */
/* --------------------------------------------------- */
#storage {
	margin: 0 auto;
	width: 92%;
	max-width: 960px;
}
#storage .guideline { margin: 2px 0 0 0; }
#storage .guideline { margin: 2px 0 0 0; }
#storage .guideline h3 {
	position: relative;
	padding: 8px 12px;
	background-color: #d4eeee;
	cursor: pointer;
}
#storage .guideline h3::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 100%;
	background-color: #666;
	transition: all .3s;
}
#storage .guideline h3::after {
	content: '';
	position: absolute;
	top: 14px;
	right: 16px;
	width: 10px;
	height: 10px;
	transition: all .5s;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform:rotate(-135deg);
}
#storage .guideline h3.ac-open::after { top: 20px; transform:rotate(45deg); }
#storage .guideline ul  {
	padding: 10px 0;
}
#storage .guideline ul li a {
	display: block;
	padding: 10px 0 10px 36px;
	background-image: url('../../image/common/ic-pdf.png');
	background-repeat: no-repeat;
	background-size: 32px 32px;
	background-position: 0 5px;
	color: #28aaaa;
	font-size: 1.4rem;
	transition: all .3s;
}
#storage .guideline ul { display: none; }
@media screen and (min-width: 768px) {
	#storage .guideline h3:hover::before { opacity: 0.5; }
	#storage .guideline ul li a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#storage { width: 100%; }
	#storage .guideline h3 { padding: 8px 12px 8px 25px; }
	#storage .guideline ul  {
		padding: 10px 0;
		margin: 0 auto;
		width: 92%;
	}
}
@media screen and (max-width: 419px) {
	#storage .guideline h3 { padding: 8px 12px 8px 12px; }
	#storage .guideline ul li a {
		padding: 7px 0 7px 36px;
		background-position: 0 2px;
		line-height: 1.6;
		border-top: 1px dotted #ddd;
	}
	#storage .guideline ul li:first-child a { border-top: 0; }
}
/* リンク */
/* --------------------------------------------------- */
#society-links nav {
	margin: 0 auto;
	width: 92%;
	max-width: 960px;
}
#society-links nav .sites { margin: 2px 0 0 0; }
#society-links nav .sites { margin: 2px 0 0 0; }
#society-links nav .sites h3 {
	position: relative;
	padding: 8px 12px;
	background-color: #d4eeee;
}
#society-links nav .sites h3::before {
	content: '';
	position: absolute;
	top: 0;
	right: 0;
	width: 44px;
	height: 100%;
	background-color: #666;
	transition: all .3s;
}
#society-links nav .sites h3::after {
	content: '';
	position: absolute;
	top: 14px;
	right: 16px;
	width: 10px;
	height: 10px;
	transition: all .5s;
	border-top: 1px solid #fff;
	border-left: 1px solid #fff;
	transform:rotate(-135deg);
}
#society-links nav .sites h3.ac-open::after { top: 20px; transform:rotate(45deg); }
#society-links nav .sites .societylist { padding: 10px 0; }
#society-links nav .sites ul  {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	width: 100%;
}
#society-links nav .sites ul li { width: 33%; }
#society-links nav .sites ul li a {
	display: inline-block;
	padding: 10px 0 10px 22px;
	background-image: url('../../image/common/ic-blank.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 0 14px;
	color: #28aaaa;
	font-size: 1.4rem;
	transition: all .3s;
}
@media screen and (min-width: 768px) {
	#society-links nav .sites ul li a:hover { opacity: 0.5; }
	#society-links nav .sites h3::before,
	#society-links nav .sites h3::after { display: none; }
}
@media screen and (max-width: 959px) {
	#society-links nav .sites ul li { width: 49%; }
}

@media screen and (max-width: 767px) {
	#society-links nav { width: 100%; }
	#society-links nav .sites h3 { padding: 8px 12px 8px 25px; }
	#society-links nav .sites .societylist {
		margin: 0 auto;
		padding: 10px 0;
		width: 92%;
	}
	#society-links nav .sites .societylist { display: none; }
	#society-links nav .sites ul li { width: 49%; }
	#society-links nav .sites ul li a { padding: 8px 0 8px 22px;}
}
@media screen and (max-width: 539px) {
	#society-links nav .sites ul li { width: 100%; }
	#society-links nav .sites ul li a {
		padding: 5px 0 5px 22px;
		background-position: 0 8px;
	}
}
@media screen and (max-width: 419px) {
	#society-links nav .sites h3 { padding: 8px 12px 8px 12px; }
}




/* --------------------------------------------------- */
/* 国試対策 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-kokushi .pgtitle { background-color: #5a5096; }
.type-kokushi .pgtitle::after { background-image: url('../../image/kokushi/pgtitle.jpg'); }
.type-kokushi .pgtitle h2 { background-image: url('../../image/common/icw-kokushi.png'); }
/* 導入部  */
/* --------------------------------------------------- */
.type-kokushi .introduce h2 { color: #5a5096; border-bottom: 1px solid #5a5096; }
/* カラム  */
/* --------------------------------------------------- */
.type-kokushi h2.icc {
	color: #5a5096;
	background-image: url('../../image/common/icc-kokushi.png');
}
.type-kokushi .column h3 { color: #5a5096; font-weight: 500; }
.type-kokushi .column .imgcut { border: 1px solid #5a5096; }
.type-kokushi .column .imgcut img { width: 100%; height: auto; }
.type-kokushi .column h4::before {
	content: '■';
	margin-right: 4px;
	color: #5a5096;
}


/* --------------------------------------------------- */
/* アプリ */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-apps .pgtitle { background-color: #6eaa23; }
.type-apps .pgtitle::after { background-image: url('../../image/apps/pgtitle.jpg'); }
.type-apps .pgtitle h2 { background-image: url('../../image/common/icw-apps.png'); }
/* 導入部  */
/* --------------------------------------------------- */
.type-apps .introduce h2 { color: #6eaa23; border-bottom: 1px solid #6eaa23; }
/* カラム  */
/* --------------------------------------------------- */
.type-apps h2.icc {
	color: #6eaa23;
	background-image: url('../../image/common/icc-apps.png');
}
.type-apps .column h3 { color: #6eaa23; font-weight: 500; }
.type-apps .column .imgcut { border: 1px solid #6eaa23; }
.type-apps .column .imgcut img { width: 100%; height: auto; }
.type-apps .column h4::before {
	content: '■';
	margin-right: 4px;
	color: #6eaa23;
}


/* --------------------------------------------------- */
/* OS Labo */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-labo .pgtitle { background-color: #aac863; }
.type-labo .pgtitle::after { display: none; }
.type-labo .pgtitle h2 {
	background-image: url('../../image/common/icw-labo.png');
	font-family: 'Montserrat', 'Noto Snas JP', sans-serif;
}
/* 一覧  */
/* --------------------------------------------------- */
.type-labo h2.icc {
	color: #aac863;
	background-image: url('../../image/common/icc-labo.png');
}
#lab-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
#lab-archives archive ul li a div:first-child {
	border: 1px solid #aac863;
	background-image: url('../../image/labo/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: cover;
}
#lab-archives archive ul li a div img { width: 100%; height: auto; }
#lab-archives archive ul li a div:nth-child(2) p , li.Labo > p:first-of-type {
	display: inline-block;
	margin-top: 10px;
	width: 90px;
	background-color: #eef4e0;
	border-radius: 3px;
	color: #aac863;
	font-size: 1.1rem;
	font-weight: 500;
	line-height: 24px;
	text-align: center;
}
#lab-archives archive ul li a h3 { margin-top: 5px; font-size: 1.4rem; }
#lab-archives archive ul li a div.timestamp {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
}
#lab-archives archive ul li a div.timestamp p , li.Labo div.timestamp p {
	display: inline-block;
	padding-left: 24px;
	background-image: url('../../image/common/icc-clock.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	color: #999;
	font-size: 1.2rem;
}
@media screen and (min-width: 768px) {
	#lab-archives archive ul li a:hover { opacity: 0.5; }
}
@media screen and (max-width: 767px) {
	#lab-archives archive h2 {
		display: table;
		margin-left: auto;
		margin-right: auto;
	}
	#lab-archives archive ul { margin-top: 40px; }
	#lab-archives archive ul li a {
		padding: 25px 0;
		border-bottom: 1px dotted #ddd;
	}
	#lab-archives archive ul li:first-child a,
	#lab-archives archive ul li:nth-child(2) a { border-top: 1px dotted #ddd; }
	#lab-archives archive ul li a div:first-child {
		width: 98px;
		float: left;
	}
	#lab-archives archive ul li a div:nth-child(2) p { margin-top: 0; }
	#lab-archives archive ul li a div:nth-child(2) { padding-left: 113px; }
	#lab-archives archive ul li a div.timestamp {
		margin-top: 10px;
		margin-left: 113px; 
		padding-top: 0;
		border-top: none;
		text-align: right;
	}
}
@media screen and (max-width: 639px) {
	#lab-archives archive ul li:nth-child(2) a { border-top: 0; }
	#lab-archives archive ul { margin-top: 30px; }
	#lab-archives archive ul li a { padding: 20px 0; }
}
@media screen and (max-width: 419px) {
	#lab-archives archive ul { margin-top: 20px; }
	#lab-archives archive ul li a { padding: 15px 0 10px; }
	#lab-archives archive ul li a div:first-child { width: 74px; }
	#lab-archives archive ul li a div:nth-child(2) { padding-left: 85px; }
	#lab-archives archive ul li a div.timestamp {
		margin-top: 5px;
		margin-left: 85px; 
	}
}
/* カラム  */
/* --------------------------------------------------- */
.type-labo #lab-article h2.icc { color: #666; }
.type-labo .column .imgcut { border: 0; }
.type-labo .column .imgcut img { width: 100%; height: auto; }
.type-labo .column h4 { color: #555; font-weight: 500; }
.type-labo .column h4::before {
	content: '■';
	margin-right: 4px;
	color: #aac863;
}
.type-labo .column h4 + p { margin-top: 10px; }
#lab-article article .timestamp {
	margin-top: 30px;
	padding-top: 15px;
	border-top: 1px solid #ddd;
	text-align: right;
}
#lab-article article .timestamp p {
	display: inline-block;
	padding-left: 24px;
	background-image: url('../../image/common/icc-clock.png');
	background-repeat: no-repeat;
	background-size: 20px 20px;
	background-position: 0 50%;
	color: #999;
	font-size: 1.2rem;
}
#lab-article ul.pageforward li.pg-list a span { background-image: url('../../image/common/ic-labo.png'); }
.type-labo .column blockquote p a {
	border-bottom: 1px dashed #aac863;
	color: #aac863;
	font-weight: 500;
}



/* --------------------------------------------------- */
/* OralStudioについて */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-about .pgtitle { background-color: #666; }
.type-about .pgtitle::after { display: none; }
.type-about .pgtitle h2 { padding-left: 0; background-image: none;}

.type-about #data p + p { margin-top: 30px; }

/* --------------------------------------------------- */
/* プライバシーポリシー */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-privacy .pgtitle { background-color: #666; }
.type-privacy .pgtitle::after { display: none; }
.type-privacy .pgtitle h2 { padding-left: 0; background-image: none; }

.type-privacy h3 { margin-top: 30px; }


/* --------------------------------------------------- */
/* 会員登録 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-regist .pgtitle { background-color: #666; }
.type-regist .pgtitle::after { display: none; }
.type-regist .pgtitle h2 { background-image: url('../../image/common/icw-regist.png'); }


/* --------------------------------------------------- */
/* 新着情報 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-topics .pgtitle { background-color: #666; }
.type-topics .pgtitle::after { display: none; }
.type-topics .pgtitle h2 { background-image: url('../../image/common/icw-topics.png'); }
/* 一覧  */
/* --------------------------------------------------- */
#tpx-archives ul li {
	margin-top: 50px;
	padding-bottom: 50px;
	border-bottom: 1px solid #ddd;
}
#tpx-archives ul li:first-child { margin-top: 0; }
#tpx-archives h3 {
	margin-top: 15px;
	font-weight: 500;
}
#tpx-archives p { margin-top: 20px; }
#tpx-archives a { color: #2a8de0; }
#tpx-archives p em { color: #333; font-size: 120%; font-weight: 600; }

@media screen and (min-width: 768px) {
	#tpx-archives ul li { margin-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width: 419px) {
	#tpx-archives ul li { margin-top: 30px; padding-bottom: 30px; }
	#tpx-archives p { margin-top: 15px; }
}


/* --------------------------------------------------- */
/* サイト内検索 */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-search .pgtitle { background-color: #666; }
.type-search .pgtitle::after { display: none; }
.type-search .pgtitle h2 { background-image: url('../../image/common/icw-search.png'); }
.type-search.result h2.icc {
    background-image: url('../../image/common/icr-search.png');
}
/* 一覧  */
/* --------------------------------------------------- */

#search-archives ul li {
    margin-top: 50px;
    padding-bottom: 50px;
    border-bottom: 1px solid #ddd;
}
#search-archives ul li:first-child { margin-top: 50px; }
#search-archives h3 {
    margin-top: 15px;
    font-weight: 500;
}
#search-archives p { margin-top: 20px; }
#search-archives a { color: #2a8de0; }
#search-archives p em { color: #333; font-size: 120%; font-weight: 600; }

@media screen and (min-width: 768px) {
    #search-archives ul li { margin-top: 40px; padding-bottom: 40px; }
}
@media screen and (max-width: 419px) {
    #search-archives ul li { margin-top: 30px; padding-bottom: 30px; }
    #search-archives p { margin-top: 15px; }
}

/* --------------------------------------------------- */
/* Help */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-help .pgtitle { background-color: #666; }
.type-help .pgtitle::after { display: none; }
.type-help .pgtitle h2 { background-image: url('../../image/common/icw-help.png'); }


/* --------------------------------------------------- */
/* MyPage */
/* --------------------------------------------------- */
/* ページタイトル  */
/* --------------------------------------------------- */
.type-mypage .pgtitle { background-color: #666; }
.type-mypage .pgtitle::after { display: none; }
.type-mypage .pgtitle h2 {
	background-image: url('../../image/common/icw-mypage.png');
	font-family: 'Montserrat', 'Noto Snas JP', sans-serif;
}
.type-mypage .pgtitle .btn-signout { float: right; }
.type-mypage .pgtitle .btn-signout button {
	margin: 5px auto 0;
	width: 160px;
	min-width: auto;
	background-color: rgba(0,0,0,0.08);
	border: 1px solid #ccc;
	color: #fff;
	line-height: 32px;
	box-sizing: border-box;
}
.type-mypage .pgtitle .btn-signout button span {
	display: inline-block;
	padding: 0 20px 0 0;
	background-image:url('../../image/common/icw-signout.png');
	background-repeat: no-repeat;
	background-size: 18px 18px;
	background-position: 100% 50%;
	font-size: 1.2rem;
	font-weight: 500;
}

@media screen and (min-width: 768px) {
	.type-mypage .pgtitle .btn-signout button:hover { background-color: #888; }
}
@media screen and (max-width: 767px) {
	.type-mypage .pgtitle .btn-signout button {
		margin: 5px auto 0 0;
		width: 140px;
		line-height: 28px;
	}
}
@media screen and (max-width: 419px) {
	.type-mypage .pgtitle .btn-signout button {
		margin: 5px auto 0 0;
		width: 110px;
		line-height: 16px;
	}
	.type-mypage .pgtitle .btn-signout button span { padding: 3px 20px 3px 0; font-size: 1.1rem; }
}

/* 臨床評価 */
/* --------------------------------------------------- */
.type-mypage #repo-archives { background-color: #d8f0e2; }
.type-mypage #repo-archives  h2.icc {
	color: #3cb46e;
	background-image: url('../../image/common/icc-report.png');
}
.type-mypage #repo-archives archive ul li div { width: 100%; }
.type-mypage #repo-archives archive ul li div div {
	border: 1px solid #3cb46e;
	background-color: #fff;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	transition: all .3s;
}
.type-mypage #repo-archives archive ul li div div img { width: 100%; height: auto; }
.type-mypage #repo-archives archive ul li h3 {
	margin-top: 10px;
	color: #3cb46e;
	font-size: 1.4rem;
	font-weight: 500;
}
@media screen and (max-width: 419px) {
	.type-mypage #repo-archives archive ul.boxlist li {
		margin-top: 30px;
		padding: 0 10px;
		width: 50%;
	}
	.type-mypage #repo-archives archive ul li h3 { margin-top: 5px; font-size: 1.2rem; }
}
/* モニター */
/* --------------------------------------------------- */
.type-mypage #monitor-archives { background-color: #f3f3f3; }
.type-mypage #monitor-archives  h2.icc {
	color: #666;
	background-image: url('../../image/common/ic-monitor.png');
}
.type-mypage #monitor-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
.type-mypage #monitor-archives archive ul li div { width: 100%; }
.type-mypage #monitor-archives archive ul li div div {
	border: 1px solid #666;
	background-color: #fff;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	transition: all .3s;
}
.type-mypage #monitor-archives archive ul li div div img { width: 100%; height: auto; }
.type-mypage #monitor-archives archive ul li h3 {
	margin-top: 10px;
	color: #666;
	font-size: 1.4rem;
	font-weight: 500;
}
.type-mypage #monitor-archives archive div:last-child p {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
	font-size: 1.2rem;
}

@media screen and (max-width: 419px) {
	.type-mypage #monitor-archives archive ul.boxlist li {
		margin-top: 30px;
		padding: 0 10px;
		width: 50%;
	}
	.type-mypage #monitor-archives archive ul li { padding: 0; }
	.type-mypage #monitor-archives archive ul li a h3 { margin-bottom: 10px; min-height: auto; line-height: 1.5; }
	.type-mypage #monitor-archives archive div:last-child p {
		margin-top: 0;
		padding-top: 0;
		border-top: 0;
		font-size: 1.0rem;
	}
}
/* メーカー */
/* --------------------------------------------------- */
.type-mypage #maker-archives  h2.icc {
	color: #666;
	background-image: url('../../image/common/ic-maker.png');
}
.type-mypage #maker-archives archive {
	display: block;
	margin: 0 auto;
	width: 96%;
	max-width: 1000px;
}
.type-mypage #maker-archives archive ul li div { width: 100%; }
.type-mypage #maker-archives archive ul li div div {
	border: 1px solid #666;
	background-color: #fff;
	background-image: url('../../image/common/noimage.png');
	background-repeat: no-repeat;
	background-position: 50%;
	background-size: contain;
	transition: all .3s;
}
.type-mypage #maker-archives archive ul li div div img { width: 100%; height: auto; }
.type-mypage #maker-archives archive ul li h3 {
	margin-top: 10px;
	color: #666;
	font-size: 1.4rem;
	font-weight: 500;
}
.type-mypage #maker-archives archive div:last-child p {
	margin-top: 10px;
	padding-top: 5px;
	border-top: 1px solid #ddd;
	font-size: 1.2rem;
}

@media screen and (max-width: 419px) {
	.type-mypage #maker-archives archive { width: 92%; }
	.type-mypage #maker-archives archive ul li a div div { margin: 0 auto; width: 50%; }
	.type-mypage #maker-archives archive ul li { padding: 0; }
	.type-mypage #maker-archives archive ul li a h3 { margin-bottom: 10px; min-height: auto; }
}

/* 製品情報 */
/* --------------------------------------------------- */
.type-mypage #prd-archives h2.icc {
	color: #00aadc;
	background-image: url('../../image/common/icc-products.png');
}
.type-mypage #prd-archives { background-color: #cceef8; }
.type-mypage #prd-archives archive ul li a div:last-child p { border-top: 1px solid #fff; }

.type-mypage #prd-archives .btn-more a { background-color: #00aadc; }
.type-mypage #prd-archives .btn-more a span.icw { background-image: url('../../image/common/icw-products.png'); }
@media screen and (max-width: 767px) {
	.type-mypage #prd-archives archive ul li a div:last-child p { border-top: 0; }
	.type-mypage #prd-archives archive ul li a { border-bottom: 1px solid #fff; }
	.type-mypage #prd-archives archive ul li:first-child a,
	.type-mypage #prd-archives archive ul li:nth-child(2) a { border-top: 1px solid #fff; }
	.type-mypage #prd-archives archive ul li a div:last-child p { color: #666; }
}
@media screen and (max-width: 639px) {
	.type-mypage #prd-archives archive ul li:nth-child(2) a { border-top: 0; }
}

/* 書籍  */
/* --------------------------------------------------- */
.type-mypage #book-archives { background-color: #eddeeb; }
.type-mypage #book-archives h2.icc {
	color: #a55a9b;
	background-image: url('../../image/common/icc-book.png');
}
.type-mypage #book-archives archive ul li a div div { background-color: #fff; }
.type-mypage #book-archives .btn-more a { background-color: #a55a9b; }
.type-mypage #book-archives .btn-more a span.icw { background-image: url('../../image/common/icw-book.png'); }

/* 動画  */
/* --------------------------------------------------- */
.type-mypage #movie-archives { background-color: #faeedc; }
.type-mypage #movie-archives h2.icc {
	color: #e6aa50;
	background-image: url('../../image/common/icc-channel.png');
}
.type-mypage #movie-archives archive ul li .thumbitem div:last-child p { border-top: 1px solid #fff; }
/* エクステンション */
.type-mypage #movie-archives archive ul li.expandField { background-color: #fdf8f1; }
.type-mypage #movie-archives .btn-more a { background-color: #e6aa50; }
.type-mypage #movie-archives .btn-more a span.icw { background-image: url('../../image/common/icw-channel.png'); }
.type-mypage  #movie-archives archive ul li .thumbitem div:last-child p { color: #666; }
@media screen and (max-width: 419px) {
	.type-mypage #movie-archives archive ul li div.imgcut {
		background-color: rgba(0,0,0, 0.05);
		text-align: center;
	 }

}

/* FFハック */
@-moz-document url-prefix() {
	#movie-archives archive ul li { margin-right: -0.1%; }
}
/* IEハック */
@media all and (-ms-high-contrast: none){
	#movie-archives archive ul { display: block; }
}