@charset "utf-8";
/*
Theme Name: うつアカデミー
Description: うつアカデミーのテーマ
Version: 1.0
Author URI: http://www.utsu-academy.com/
*/

/* ===========================================
 * Unique
=========================================== */

/* Common Parts
=========================================== */

/* #secLecture
-------------------------- */

#secLecture article {
	margin: 0 0 10px;
	overflow: hidden;
	border: 2px solid #eae3d8;
	position: relative;
}

#secLecture article a {
	display: block;
	width: 564px;
	min-height: 128px;
	padding: 14px 18px 14px 164px;
	overflow: hidden;
}
#secLecture article a:hover { background: #f4f1ec; }

#secLecture article h1 {
	min-height: 30px;
	margin: 0 0 6px;
	line-height: 1.4;
	color: #725c49;
	font-size: 20px;
	font-size: 2.0rem;
}

#secLecture article h1 + p {
	margin: 0 0 10px;
	padding: 0 0 8px;
	color: #4c4c4c;
	border-bottom: 1px dashed #d6c9b4;
}

#secLecture article aside {
	height: 25px;
	line-height: 25px;
	font-size: 12px;
	font-size: 1.2rem;
}

#secLecture article p.cat {
	float: left;
	height: 25px;
	padding: 0 10px;
	background: #ccc;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
}
#secLecture article p.cat.topics { background: #ce6135; }
#secLecture article p.cat.mental { background: #a8a62a; }
#secLecture article p.cat.life { background: #1d638e; }

#secLecture article time {
	float: right;
	color: #9d8876;
}

#secLecture article .pic {
	width: 130px;
	height: 130px;
	position: absolute;
	top: 14px;
	left: 14px;
}
#secLecture article .pic img {
	width: 100%;
	height: 100%;
}

#home #secLecture p.moreBtn {
	width: 310px;
	height: 36px;
	margin: 30px auto 0;
}

@media screen and (max-width: 640px) {	
	#secLecture article {
		margin: 0;
		border: none;
		border-bottom: 2px solid #eae3d8;
		position: relative;
	}
	
	#secLecture article a {
		display: block;
		width: auto;
		min-height: 75px;
		padding: 10px 10px 10px 95px;
	}
	
	#secLecture article h1 {
		min-height: 54px;
		line-height: 1.27;
		font-size: 1.4rem;
	}
	
	#secLecture article h1 + p { display: none; }
	
	#secLecture article aside {
		height: 15px;
		line-height: 15px;
		font-size: 1.2rem;
	}
	
	#secLecture article p.cat {
		height: 15px;
		margin: 0 10px 0 0;
		padding: 0 6px;
		font-size: 1.0rem;
		font-weight: normal;
	}
	#secLecture article.catTopics p.cat { background: #ce6135; }
	#secLecture article.catMental p.cat { background: #a8a62a; }
	#secLecture article.catLife p.cat { background: #1d638e; }
	
	#secLecture article time {
		float: none;
		padding: 0;
	}
	
	#secLecture article .pic {
		width: 75px;
		height: 75px;
		top: 10px;
		left: 10px;
	}
}


/* #home HOME
=========================================== */

#home #main {
	float: none;
	width: auto;
}

/* #home #mainImg
-------------------------- */
#home #mainImg {
	width: 100%;
	height: 427px;
	margin: 0 -200% 30px;
	padding: 0 200%;
	overflow: hidden;
	position: relative;
	background: url(img/home/bg_mainimg02.jpg) center top repeat-x;
	box-shadow: 0 3px 5px 0 rgba(0, 0, 0, 0.35);
}

@media screen and (max-width: 640px) {
	#home #mainImg {
		height: auto;
		margin: 0;
		padding: 0;
		background: none;
		box-shadow: none;
	}
}

#home #mainImg .bx-wrapper {
	float: left;
	width: 650px;
	height: 387px;
	padding: 50px 30px 0 110px;
	position: relative;
	background: url(img/home/bg_mainimg01.jpg) left top no-repeat;
	*zoom: 1;
}

#home #mainImg .bx-wrapper:before {
	content: url(img/home/ico_magnet01.png);
	position: absolute;
	top: 40px;
	left: 102px;
	z-index: 51;
}
#home #mainImg .bx-wrapper:after {
	content: url(img/home/ico_magnet01.png);
	position: absolute;
	top: 40px;
	right: 22px;
	z-index: 51;
}

#home #mainImg .bx-wrapper .slider {
	height: 280px;
	background: #fff;
}

#home #mainImg .bx-wrapper article {
	width: 650px;
	height: 280px;
	overflow: hidden;
	position: relative;
}

#home #mainImg .bx-wrapper article a {
	display: block;
	width: 650px;
	height: 280px;
	overflow: hidden;
}

#home #mainImg .bx-wrapper article h1 {
	width: 350px;
	line-height: 1.4;
	font-size: 25px;
	font-size: 2.5rem;
	position: absolute;
	top: 74px;
	left: 270px;
}

#home #mainImg .bx-wrapper article h1 + p {
	width: 350px;
	color: #4c4c4c;
	position: absolute;
	bottom: 30px;
	left: 270px;
}

#home #mainImg .bx-wrapper article aside {
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	font-size: 12px;
	position: absolute;
	top: 30px;
	left: 270px;
}

#home #mainImg .bx-wrapper article p.cat {
	display: inline-block;
	height: 30px;
	margin: 0 10px 0 0;
	padding: 0 10px;
	overflow: hidden;
	color: #fff;
	font-weight: bold;
}
#home #mainImg .bx-wrapper article p.cat { background: #ccc; }
#home #mainImg .bx-wrapper article p.cat.topics { background: #ce6135; }
#home #mainImg .bx-wrapper article p.cat.mental { background: #a8a62a; }
#home #mainImg .bx-wrapper article p.cat.life { background: #1d638e; }

#home #mainImg .bx-wrapper article time { color: #9d8876; }

#home #mainImg .bx-wrapper article .pic {
	width: 220px;
	height: 220px;
	position: absolute;
	top: 30px;
	left: 30px;
}

#home #mainImg .bx-wrapper article .pic img {
	width: 100%;
	height: 100%;
}
#home #mainImg .bx-wrapper article a:hover .pic img { opacity: 0.7; }


#home #mainImg .bx-pager {
	width: 650px;
	text-align: center;
	position: absolute;
	bottom: 75px;
	left: 110px;
}

#home #mainImg .bx-pager .bx-pager-item {
	display: inline-block;
	width: 11px;
	height: 11px;
	margin: 0 6px;
	overflow: hidden;
}
#mainImg .bx-pager .bx-pager-item a {
	display: block;
	width: 11px;
	height: 11px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(img/home/ico_mainimg02.png) left top no-repeat;
}
#mainImg .bx-pager .bx-pager-item a.active { background: url(img/home/ico_mainimg01.png) left top no-repeat; }

@media screen and (max-width: 640px) {
	#home #mainImg .bx-wrapper {
		float: none;
		width: auto;
		height: auto;
		min-height: 284px;
		padding: 24px 15px 62px;
		background: url(img/home/bg_mainimg_sp02.png) center bottom repeat-x,
					url(img/home/bg_mainimg_sp01.png) center top repeat;
		background-size: 640px 33px, contain;
		box-shadow: 0 2px 1px 0 #032a0f inset;
	}
	
	#home #mainImg .bx-wrapper:before {
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		top: 17px;
		left: 7px;
		background: url(img/home/ico_magnet_sp01.png) center center no-repeat;
		background-size: cover;
	}
	#home #mainImg .bx-wrapper:after {
		content: '';
		display: inline-block;
		width: 15px;
		height: 15px;
		top: 17px;
		right: 7px;
		background: url(img/home/ico_magnet_sp01.png) center center no-repeat;
		background-size: cover;
	}
	
	#home #mainImg .bx-wrapper .slider {
		height: auto;
		min-height: 284px;
		margin: 0 auto;
	}
	
	#home #mainImg .bx-wrapper article,
	#home #mainImg .bx-wrapper article a {
		width: auto;
		height: auto;
		min-height: 284px;
		overflow: hidden;
	}
	
	#home #mainImg .bx-wrapper article h1 {
		width: auto;
		margin: 220px 10px 10px;
		line-height: 1.25;
		font-size: 2.0rem;
		text-decoration: underline;
		position: static;
	}
	
	#home #mainImg .bx-wrapper article h1 + p { display: none; }
	
	#home #mainImg .bx-wrapper article aside {
		height: 25px;
		margin: 10px;
		line-height: 25px;
		font-size: 1.2rem;
		top: 180px;
		left: auto;
	}
	
	#home #mainImg .bx-wrapper article p.cat {
		display: inline-block;
		height: 25px;
		margin: 0 10px 0 0;
		padding: 0 10px;
		font-weight: normal;
	}
	
	#home #mainImg .bx-wrapper article time { font-size: 1.3rem; }
	
	#home #mainImg .bx-wrapper article .pic {
		width: 100%;
		height: 180px;
		overflow: hidden;
		position: absolute;
		top: 0;
		left: 0;
		border: 10px solid #fff;
		box-sizing: border-box;
	}
	#home #mainImg .bx-wrapper article .pic img {
		width: 100%;
		height: auto;
		margin: auto;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

	#home #mainImg .bx-pager {
		width: auto;
		margin: auto;
		right: 0;
		bottom: 34px;
		left: 0;
	}
	
	#home #mainImg .bx-pager .bx-pager-item {
		width: 10px;
		height: 10px;
		margin: 0 8px;
	}
	#mainImg .bx-pager .bx-pager-item a {
		width: 10px;
		height: 10px;
		border-radius: 5px;
		background: #fff;
	}
	#mainImg .bx-pager .bx-pager-item a.active { background: #064517; }
}

#home #mainImg > img {
	margin: 0 0 0 -596px;
	position: absolute;
	bottom: 0;
	left: 50%;
	z-index: 52;
}

@media screen and (max-width: 640px) {
	#home #mainImg > img { display: none; }
}

#home #mainImg .column {
	float: right;
	width: 250px;
	height: 219px;
	margin: 50px 0 0;
	position: relative;
	border-radius: 6px 6px 0 0;
	background: #f8e1c9;
}

#home #mainImg .column h1 {
	height: 44px;
	padding: 0 0 0 40px;
	line-height: 44px;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
}
#home #mainImg .column h1:before {
	content: url(img/home/ico_category01.png);
	position: absolute;
	top: -28px;
	left: -16px;
}

#home #mainImg .column ul {
	width: 210px;
	margin: 0 auto;
	padding: 8px 8px 2px;
	border-radius: 4px;
	background: #edd0b2;
}

#home #mainImg .column li {
	width: 210px;
	height: 44px;
	margin: 0 0 6px;
	overflow: hidden;
}

#home #mainImg .column li a {
	display: block;
	width: 210px;
	height: 44px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-repeat: no-repeat;
	background-image: url(img/home/btn_mainimg01.png);
}
#home #mainImg .column li a:hover { background-position: left bottom; }
#home #mainImg .column li.columnBtn02 a { background-image: url(img/home/btn_mainimg02.png); }
#home #mainImg .column li.columnBtn03 a { background-image: url(img/home/btn_mainimg03.png); }

@media screen and (max-width: 640px) {
	#home #mainImg .column {
		float: none;
		width: auto;
		height: 131px;
		margin: 0;
		border-radius: 0;
		box-shadow: 0 3px 0 0 #b9a48d inset;
	}

	#home #mainImg .column h1 {
		height: 48px;
		padding: 0;
		line-height: 48px;
		text-align: center;
		font-size: 1.8rem;
	}
	#home #mainImg .column h1:before { content: ''; }
	
	#home #mainImg .column ul {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: auto;
		margin: 0 10px;
		padding: 0;
		overflow: hidden;
		border-radius: 0;
		background: none;
	}
	
	#home #mainImg .column li {
		width: 32%;
		height: 67px;
		margin: 0;
	}
	
	#home #mainImg .column li a {
		width: auto;
		height: 64px;
		line-height: 100px;
		text-align: center;
		text-indent: inherit;
		color: #fff;
		font-weight: bold;
		border-radius: 3px;
		background-color: #8e7763;
		background-image: url(img/home/ico_category_sp01.png);
		background-position: center 10px;
		background-size: 24px 24px;
		box-shadow: 0 3px 0 0 #4d3a2a;
	}
	#home #mainImg .column li a:hover { background-position: center 10px; }
	#home #mainImg .column li.columnBtn01 a { letter-spacing: -0.05em; }
	#home #mainImg .column li.columnBtn02 a { background-image: url(img/home/ico_category_sp02.png); }
	#home #mainImg .column li.columnBtn03 a { background-image: url(img/home/ico_category_sp03.png); }
}

#home #mainImg .library {
	width: 250px;
	height: 80px;
	padding: 15px 0 0;
	overflow: hidden;
	background: #56a8a8;
	border-radius: 0 0 6px 6px;
}
#home #mainImg .library a {
	display: block;
	width: 224px;
	height: 67px;
	margin: 0 auto;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background-image: url(img/home/bnr_mainimg01.png);
	background-repeat: no-repeat;
	background-size: cover;
}
#home #mainImg .library a:hover { background-position: left bottom; }

@media screen and (max-width: 640px) {
	#home #mainImg .library {
		width: auto;
		height: 82px;
		padding: 15px 10px 0;
		border-radius: 0;
	}
	#home #mainImg .library a {
		width: auto;
		height: 65px;
		border-radius: 3px;
		background: #fff url(img/home/bnr_mainimg_sp01.png) center bottom no-repeat;
		background-size: contain;
		box-shadow: 0 3px 0 0 #257878;
	}
}


/* #home #secLecture
-------------------------- */
#home #secLecture {
	float: left;
	width: 750px;
}

#home #secLecture > h1 {
	height: 48px;
	margin: 0 0 18px;
	padding: 0 0 0 63px;
	overflow: hidden;
	line-height: 48px;
	color: #333;
	font-size: 23px;
	font-size: 2.3rem;
	background: url(img/home/ico_top01.png) left top no-repeat;
}

#home #secLecture > h1 span {
	padding: 0 0 0 10px;
	color: #dbd0c6;
	font-size: 12px;
	font-size: 1.2rem;
}

#home #secLecture p.moreBtn {
	width: 310px;
	height: 36px;
	margin: 30px auto 0;
}

#home #secLecture p.moreBtn a {
	display: block;
	width: 310px;
	height: 36px;
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: url(img/home/btn_top01.png) left top no-repeat;
}
#home #secLecture p.moreBtn a:hover { background: url(img/home/btn_top01.png) left bottom no-repeat; }

@media screen and (max-width: 640px) {
	#home #secLecture {
		float: none;
		width: auto;
		margin: 0 0 25px;
		border-top: 3px solid #59191a;
	}
	
	#home #secLecture > h1 {
		height: 50px;
		margin: 0;
		padding: 0;
		line-height: 50px;
		text-align: center;
		color: #fff;
		font-size: 1.8rem;
		background: #b12f31;
	}
	#home #secLecture > h1:before {
		content: '';
		display: inline-block;
		width: 47px;
		height: 50px;
		vertical-align: bottom;
		position: relative;
		left: -10px;
		background: url(img/home/ico_top_sp01.png);
		background-size: contain;
	}
	
	#home #secLecture > h1 span { display: none; }
	
	#home #secLecture p.moreBtn {
		width: auto;
		height: 43px;
		margin: 15px 50px 0;
	}
	
	#home #secLecture p.moreBtn a {
		width: 100%;
		height: 43px;
		line-height: 43px;
		text-align: center;
		text-indent: inherit;
		color: #333;
		font-size: 1.3rem;
		font-weight: bold;
		border-radius: 3px;
		background: #ddd6cf;
		box-shadow: 0 3px 0 0 #bbb7ae;
	}
	#home #secLecture p.moreBtn a:after {
		content: '';
		display: inline-block;
		width: 6px;
		height: 9px;
		background: url(img/common/ico_arrow_sp01.png);
		background-size: contain;
		margin: 0 0 0 1rem;
	}
	#home #secLecture p.moreBtn a:hover { background: #ddd6cf; }
}


/* #lecture LECTURE
=========================================== */

#lecture #secLecture header {
	width: 460px;
	height: 200px;
	margin: 0 0 20px -10px;
	padding: 36px 60px 0 250px;
	overflow: hidden;
	text-align: center;
	background: url(img/lecture/bg_lecture01.png) center top no-repeat;
}

#lecture #secLecture header h1 {
	height: 50px;
	margin: 0 0 14px;
	overflow: hidden;
	line-height: 50px;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	white-space: nowrap;
}
#lecture #secLecture header h1 em {
	padding: 0 0 0 6px;
	font-size: 40px;
	font-size: 4.0rem;
}

#lecture #secLecture header p {
	line-height: 1.7;
	color: #feffbe;
	font-size: 13px;
	font-size: 1.3rem;
}

@media screen and (max-width: 640px) {
	#lecture #secLecture header {
		width: auto;
		height: auto;
		margin: 0 0 10px;
		padding: 15px 0 24px;
		position: relative;
		background: url(img/lecture/bg_lecture_sp02.png) center bottom repeat-x,
					url(img/lecture/bg_lecture_sp01.png) center top repeat-x;
		background-size: 640px 21px, contain;
	}
	#lecture #secLecture header:after {
		content: '';
		width: 121px;
		height: 297px;
		position: absolute;
		top: 10px;
		left: 5px;
		background: url(img/lecture/img_lecture_sp01.png) left top no-repeat;
		background-size: cover;
	}
	
	#lecture #secLecture header h1 {
		height: 30px;
		margin: 0 0 15px;
		line-height: 30px;
		font-size: 1.4rem;
	}
	#lecture #secLecture header h1 em { font-size: 2.2rem; }
	
	#lecture #secLecture header p {
		padding: 0 20px 0 135px;
		line-height: 1.3;
		text-align: left;
		font-size: 1.2rem;
	}
}
@media screen and (max-width: 480px) {
	#lecture #secLecture header:after { top: 44px; }
}


/* topics, mental, life */

#lecture #secLecture.detail header {
	width: 438px;
	height: 110px;
	padding: 26px 60px 0 272px;
	text-align: left;
	background: url(img/lecture/bg_lecture02.png) center top no-repeat;
}

#lecture #secLecture.detail header h1 {
	height: auto;
	margin: auto;
	line-height: 1.4;
	font-size: 18px;
	font-size: 1.8rem;
	white-space: normal;
}
#lecture #secLecture.detail header h1 em {
	display: block;
	padding: 0;
	font-size: 35px;
	font-size: 3.5rem;
}

@media screen and (max-width: 640px) {
	#lecture #secLecture.detail header {
		width: auto;
		height: auto;
		margin: 0 0 10px;
		padding: 15px 10px 24px 110px;
		position: relative;
		background: url(img/lecture/bg_lecture_sp02.png) center bottom repeat-x,
					url(img/lecture/bg_lecture_sp01.png) center top repeat-x;
		background-size: 640px 21px, contain;
	}
	#lecture #secLecture.detail header:after {
		width: 90px;
		height: 221px;
		top: 5px;
	}
	
	#lecture #secLecture.detail header h1 {
		vertical-align: middle;
		font-size: 1.2rem;
		white-space: normal;
	}
	#lecture #secLecture.detail header h1 em { font-size: 2.4rem; }
}


/* #lecture entry
-------------------------- */

#lecture #artPost { margin: 10px auto 40px; }

#lecture #artPost header {
	padding: 36px 0 0;
	position: relative;
}

#lecture #artPost header h1 {
	margin: 0 0 30px;
	padding: 0 0 16px;
	line-height: 1.46;
	color: #725c49;
	font-size: 20px;
	font-size: 2.0rem;
	border-bottom: 1px dashed #ede7de;
}

#lecture #artPost header aside {
	display: block;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

#lecture #artPost header p.cat {
	float: left;
	display: inline-block;
	margin: 0;
	padding: 0 10px;
	background: #ccc;
	height: 25px;
	overflow: hidden;
	line-height: 25px;
	color: #fff;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: bold;
}
#lecture #artPost header p.cat.topics { background: #ce6135; }
#lecture #artPost header p.cat.mental { background: #a8a62a; }
#lecture #artPost header p.cat.life { background: #1d638e; } 

#lecture #artPost header time {
	float: right;
	color: #9d8876;
}

#lecture #artPost .entry .pic:first-child {
	float: left;
	width: 226px;
	height: 226px;
	margin: 0 20px 20px 0;
	border: 2px solid #ede7de;
	box-sizing: border-box;
}
#lecture #artPost .entry .pic:first-child img {
	width: 100%;
	height: 100%;
}

@media screen and (max-width: 480px) {
	#lecture #artPost {
		margin: 20px 10px;
		padding: 0;
		outline: none;
		border: none;
		box-sizing: content-box;
	}
	
	#lecture #artPost header {
		padding: 30px 0 0;
		position: relative;
	}
	
	#lecture #artPost header h1 {
		margin: 0 0 15px;
		padding: 0 0 12px;
		line-height: 1.3;
		font-size: 1.3rem;
	}
	
	#lecture #artPost header p.cat {
		padding: 0 6px;
		height: 18px;
		line-height: 18px;
		font-size: 1.0rem;
	}
	
	#lecture #artPost header time { font-size: 1.0rem; }
	
	#lecture #artPost .entry .pic:first-child {
		width: 95px;
		height: 95px;
		margin: 0 10px 10px 0;
	}
}

/* artRelate, artRecommend
-------------------------- */

#lecture #artRelate > h1,
#lecture #artRecommend > h1 {
	height: 38px;
	margin: 0 0 20px;
	padding: 0 30px;
	line-height: 38px;
	font-size: 16px;
	font-size: 1.6rem;
	position: relative;
	border: 1px solid #ded8ce;
	background: #f5f2ed;
}

#lecture #artRelate > h1:before,
#lecture #artRecommend > h1:before {
	content: '';
	display: block;
	width: 6px;
	height: 17px;
	position: absolute;
	top: 11px;
	left: 12px;
	border-top: #b12f31;
	background: #d15a5c;
}

#lecture .artLists {
	width: 776px;
	margin: 0 -26px 20px 0;
	overflow: hidden;
}

#lecture .artLists article {
	float: left;
	width: 168px;
	margin: 0 26px 0 0;
}

#lecture .artLists article a {
	display: block;
	width: 168px;
	padding: 174px 0 0;
	position: relative;
}

#lecture .artLists article h1 {
	margin: 0 0 4px;
	line-height: 1.46;
	color: #725c49;
	font-size: 15px;
	font-size: 1.5rem;
}

#lecture .artLists article .pic {
	width: 168px;
	height: 168px;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	border: 1px solid #ede7de;
	box-sizing: border-box;
}

#lecture .artLists article img {
	width: 100%;
	height: 100%;
}
#lecture .artLists article a:hover { opacity: 0.7; }

#lecture .artLists article p.cat {
	display: inline-block;
	height: 18px;
	padding: 0 10px;
	line-height: 18px;
	color: #fff;
	font-size: 10px;
	font-size: 1.0rem;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2;
}
#lecture .artLists article p.cat.topics { background: #ce6135; }
#lecture .artLists article p.cat.mental { background: #a8a62a; }
#lecture .artLists article p.cat.life { background: #1d638e; }

#lecture .artLists article time {
	color: #9d8876;
	font-size: 14px;
	font-size: 1.4rem;
}

@media screen and (max-width: 480px) {	
	#lecture #artRelate > h1,
	#lecture #artRecommend > h1 {
		height: 25px;
		margin: 0 0 5px;
		padding: 0 20px;
		line-height: 25px;
		font-size: 1.1rem;
		border: none;
		border-top: 1px solid #ded8ce;
		border-bottom: 1px solid #ded8ce;
	}
	
	#lecture #artRelate > h1:before,
	#lecture #artRecommend > h1:before {
		width: 5px;
		height: 16px;
		top: 4px;
		left: 8px;
	}
	
	#lecture .artLists {
		width: auto;
		margin: 0 0 10px;
	}
	#lecture #artRecommend .artLists { margin: 0 0 15px; }
	
	#lecture .artLists article {
		float: none;
		width: auto;
		margin: 0;
		border-bottom: 2px solid #eae3d8;
		position: relative;
	}
	#lecture .artLists article:last-child { border: none; }
	
	#lecture .artLists article a {
		width: auto;
		min-height: 75px;
		padding: 10px 10px 10px 95px;
	}
	
	#lecture .artLists article h1 {
		min-height: 54px;
		margin: 0 0 6px;
		line-height: 1.27;
		font-size: 1.4rem;
	}
	
	#lecture .artLists article aside {
		height: 15px;
		line-height: 15px;
		font-size: 1.2rem;
	}
	
	#lecture .artLists article p.cat {
		height: 15px;
		margin: 0 10px 0 0;
		padding: 0 6px;
		line-height: 15px;
		font-size: 1.0rem;
		font-weight: normal;
		position: static;
	}
	
	#lecture .artLists article time { font-size: 1.2rem; }
	
	#lecture .artLists article .pic {
		width: 75px;
		height: 75px;
		top: 10px;
		left: 10px;
		border: none;
	}
}


/* #library LIBRARY
=========================================== */

/* archive header
-------------------------- */

#library .secArchive header:first-child {
	height: 130px;
	margin: 0 0 20px;
	padding: 40px 0 0 90px;
	overflow: hidden;
	color: #fff;
	white-space: nowrap;
	position: relative;
	background: url(img/library/bg_library01.png) left top repeat;	
}

#library .secArchive header:first-child:before {
	content: '';
	display: block;
	width: 34px;
	height: 87px;
	position: absolute;
	top: 0;
	left: 21px;
	background-image: url(img/library/bg_library02.png);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: cover;
}

#library .secArchive header:first-child:after {
	content: '';
	width: 314px;
	height: 170px;
	position: absolute;
	top: 0;
	right: 20px;
	z-index: 1;
	background-repeat: no-repeat;
	background-position: right top;
	background-size: contain;
}
#library .secArchive.symptom header:first-child:after { background-image: url(img/library/mainimg_symptom01.png); }
#library .secArchive.kind header:first-child:after { background-image: url(img/library/mainimg_type01.png); }
#library .secArchive.therapy header:first-child:after { background-image: url(img/library/mainimg_therapy01.png); }
#library .secArchive.cause header:first-child:after { background-image: url(img/library/mainimg_cause01.png); }
#library .secArchive.contact header:first-child:after { background-image: url(img/library/mainimg_contact01.png); }

#library .secArchive header:first-child h1 {
	font-size: 38px;
	font-size: 3.8rem;
	line-height: 1.0;
	margin: 0 0 16px;
	position: relative;
	z-index: 2;
}

#library .secArchive header:first-child p {
	line-height: 1.4;
	font-size: 15px;
	font-size: 1.5rem;
	position: relative;
	z-index: 2;
}
#library .secArchive header:first-child br.sp { display: none; }

@media screen and (max-width: 640px) {
	#library .secArchive header:first-child {
		height: 73px;
		margin: 0 0 10px;
		padding: 12px 0 0 40px;
	}
	
	#library .secArchive header:first-child:before {
		width: 20px;
		height: 40px;
		left: 10px;
	}
	
	#library .secArchive header:first-child:after {
		width: 157px;
		height: 85px;
		right: -20px;
		background-size: contain;
	}
	
	#library .secArchive header:first-child h1 {
		font-size: 1.8rem;
		margin: 0 0 6px;
	}
	
	#library .secArchive header:first-child p { font-size: 1.0rem; }
	
	#library .secArchive header:first-child br { display: none; }
	#library .secArchive header:first-child br.sp { display: block; }
}


/* archive list
-------------------------- */

ul.listArchive { margin: 0 0 30px; }

ul.listArchive li {
	display: table;
	width: 746px;
	margin: 0 0 10px;
	border: 2px solid #eae3d8;
}

ul.listArchive li a {
	display: table-cell;
	width: 100%;
	padding: 26px 66px 26px 28px;
	line-height: 1.55;
	vertical-align: middle;
	color: #725c49;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	position: relative;
}
ul.listArchive li a:after {
	content: '';
	display: inline-block;
	width: 7px;
	height: 13px;
	margin: -6.5px 0 0;
	position: absolute;
	top: 50%;
	right: 28px;
	background-image: url(img/library/ico_listArchive01.png);
	background-repeat: no-repeat;
	background-size: cover;
}
ul.listArchive li a:hover {
	text-decoration: none;
	background: #f4f1ec;
}

@media screen and (max-width: 640px) {
	ul.listArchive { margin: 0; }

	ul.listArchive li {
		margin: 0;
		border: none;
		border-bottom: 2px solid #eae3d8;
	}
	
	ul.listArchive li a {
		padding: 10px 40px 10px 10px;
		line-height: 1.3;
		font-size: 1.6rem;
	}
	ul.listArchive li a:after {
		right: 18px;
		background-image: url(img/library/ico_listArchive_sp01.png);
	}
}


/* #clinic CLINIC
=========================================== */

#clinic #secClinic h2 {
	margin: 0 0 20px;
	padding: 13px 15px 13px 30px;
	line-height: 1.2;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	border-top: 2px #e3dccf solid;
	background: #f5f2ed;
}

#clinic #secClinic h2 span {
	position: relative;
	display: block;
}
#clinic #secClinic h2 span:before {
	content: '';
	display: block;
	width: 6px;
	height: 100%;
	position: absolute;
	top: 0;
	left: -17px;
	bottom: auto;
	border-top: 9px #b12f31 solid;
	background: #c13b3d;
	box-sizing: border-box;
}

#clinic #secClinic > p {
	margin: 0 0 24px;
	padding: 0 0 16px;
	border-bottom: 1px dashed #d6c9b4;
}

#clinic #secClinic ul.areaList {
	width: 765px;
	margin: 0 -15px 0 0;
	overflow: hidden;
}

#clinic #secClinic ul.areaList li {
	float: left;
	width: 240px;
	height: 224px;
	margin: 0 15px 0 0;
	overflow: hidden;
}

#clinic #secClinic ul.areaList li a {
	display: block;
	width: 240px;
	height: 221px;
	padding: 24px 0 0;
	overflow: hidden;
	text-align: center;
	color: #333;
	position: relative;
	border-radius: 3px;
	background-position: center 86px;
	background-repeat: no-repeat;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
#clinic #secClinic ul.areaList li a:hover { background-color: #f4f1ec; }

#clinic #secClinic ul.areaList li.area01 a {
	border: 6px solid #567594;
	background-image: url(img/clinic/bg_map01.png);
	box-shadow: 0 3px 0 0 #3a4d60;
}
#clinic #secClinic ul.areaList li.area02 a {
	border: 6px solid #c26465;
	background-image: url(img/clinic/bg_map02.png);
	box-shadow: 0 3px 0 0 #7a3d3d;
}
#clinic #secClinic ul.areaList li.area03 a {
	border: 6px solid #62a191;
	background-image: url(img/clinic/bg_map03.png);
	box-shadow: 0 3px 0 0 #365c52;
}

#clinic #secClinic ul.areaList li a p:first-child {
	line-height: 1.4;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
}
#clinic #secClinic ul.areaList li a p:first-child em {
	display: block;
	font-size: 32px;
	font-size: 3.2rem;
}

#clinic #secClinic ul.areaList p.arrow {
	display: inline;
	margin: auto;
	line-height: 1.0;
	font-size: 13px;
	font-size: 1.3rem;
	position: absolute;
	right: 0;
	bottom: 14px;
	left: 0;
}
#clinic #secClinic ul.areaList p.arrow:after {
	content: url(img/clinic/ico_arrow01.png);
	display: inline-block;
	margin: 0 0 0 6px;
	position: relative;
	top: 1px;
}

@media screen and (max-width: 640px) {
	#clinic #secClinic { margin: 0 10px 25px; }
	
	#clinic #secClinic h2 {
		margin: 0 0 10px;
		padding: 8px 10px 8px 20px;
		font-size: 1.4rem;
	}
	
	#clinic #secClinic h2 span:before {
		width: 5px;
		left: -12px;
		border-top: 6px #b12f31 solid;
	}
	
	#clinic #secClinic > p {
		margin: 0 0 16px;
		padding: 0 0 16px;
	}
	
	#clinic #secClinic ul.areaList {
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-pack: justify;
		-ms-flex-pack: justify;
		-webkit-justify-content: space-between;
		justify-content: space-between;
		width: auto;
		margin: 0;
	}
	
	#clinic #secClinic ul.areaList li {
		float: none;
		width: 32%;
		height: 100px;
		margin: 0;
	}
	
	#clinic #secClinic ul.areaList li a {
		width: auto;
		height: 97px;
		padding: 6px 0 0;
		overflow: hidden;
		text-align: center;
		border-radius: 2px;
		background-size: 40% 40%;
		background-position: center 70%;
	}
	
	#clinic #secClinic ul.areaList li.area01 a {
		border: 3px solid #567594;
		background-position: center 75%;
		box-shadow: 0 2px 0 0 #3a4d60;
	}
	#clinic #secClinic ul.areaList li.area02 a {
		border: 3px solid #c26465;
		box-shadow: 0 2px 0 0 #7a3d3d;
	}
	#clinic #secClinic ul.areaList li.area03 a {
		border: 3px solid #62a191;
		box-shadow: 0 2px 0 0 #365c52;
	}
	
	#clinic #secClinic ul.areaList li a p:first-child {
		line-height: 1.2;
		font-size: 0.9rem;
	}
	#clinic #secClinic ul.areaList li a p:first-child em {
		line-height: 1.2;
		font-size: 2.0rem;
	}
	
	#clinic #secClinic ul.areaList p.arrow {
		font-size: 0.9rem;
		bottom: 6px;
	}
	#clinic #secClinic ul.areaList p.arrow:after {
		content: '';
		width: 9px;
		height: 9px;
		margin: 0 0 0 3px;
		top: 1px;
		background-image: url(img/clinic/ico_arrow01.png);
		background-size: cover;
	}
}


/* #clinic search
-------------------------- */

#clinic #secSearch { margin: 0 0 34px; }

#clinic #secSearch > h2 {
	height: 54px;
	margin: 0 0 10px;
	overflow: hidden;
	line-height: 54px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	border-radius: 5px;
}

#clinic #secSearch.tokyo > h2 { background: #1d638e; }
#clinic #secSearch.nagoya > h2 { background: #b24243; }
#clinic #secSearch.osaka > h2 { background: #269478; }

#clinic #searchBox {
	height: 76px;
	overflow: hidden;
	border: 6px solid #e0dfdf;
	border-radius: 6px;
}

#clinic #searchBox h3 {
	float: left;
	width: 180px;
	height: 76px;
	padding: 0 0 0 60px;
	overflow: hidden;
	line-height: 76px;
	font-size: 16px;
	font-size: 1.6rem;
	background: #eaeaea url(img/clinic/ico_search01.png) 24px center no-repeat;
}

#clinic #searchBox form#search {
	float: left;
	width: 454px;
	height: 54px;
	padding: 22px 22px 0;
}

#clinic #searchBox select {
	width: 282px;
	height: 30px;
	padding: 0 6px;
	font-size: 13px;
	font-size: 1.3rem;
	border: 1px solid #a9a9a9;
	border-radius: 2px;
}

#clinic #searchBox input[type="button"] {
	float: right;
	width: 160px;
	height: 30px;
	overflow: hidden;
	line-height: 30px;
	text-align: center;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	cursor: pointer;
	outline: none;
	border: none;
	border-radius: 3px;
	background: #4d4d4d;
	box-shadow: 0 2px 0 0 #292929;
	-webkit-appearance: none;
}
#clinic #searchBox input[type="button"]:hover { background: #6d6d6d; }

@media screen and (max-width: 640px) {
	#clinic #secSearch { margin: 0 10px 20px; }

	#clinic #secSearch > h2 {
		height: 40px;
		margin: 0 0 10px;
		line-height: 40px;
		font-size: 1.8rem;
	}
	
	#clinic #searchBox {
		height: auto;
		font-size: 1.5rem;
		border: 5px solid #e0dfdf;
		border-radius: 5px;
	}
	
	#clinic #searchBox h3 {
		float: none;
		width: auto;
		height: 46px;
		line-height: 46px;
		font-size: 1.5rem;
		background: #eaeaea;
	}
	#clinic #searchBox h3:before {
		content: '';
		display: inline-block;
		width: 24px;
		height: 24px;
		vertical-align: middle;
		margin: -2px 10px 0 0;
		background: url(img/clinic/ico_search01.png);
		background-size: cover;
	}
	
	#clinic #searchBox form#search {
		float: none;
		width: auto;
		height: auto;
		padding: 10px;
	}
	
	#clinic #searchBox select {
		width: 72%;
		height: 42px;
		padding: 0 10px;
		font-size: 1.4rem;
		border: 2px solid #a9a9a9;
		border-radius: 3px;
	}
	
	#clinic #searchBox input[type="button"] {
		float: right;
		width: 26%;
		height: 39px;
		line-height: 39px;
		font-size: 1.4rem;
		box-shadow: 0 3px 0 0 #292929;
	}
}


/* #clinic result
-------------------------- */

#clinic #secResult > header {
	overflow: hidden;
	margin: 0 0 20px;
	padding: 0 0 10px;
	line-height: 1.0;
	border-bottom: 1px dashed #d6c9b4;
}

#clinic #secResult > header h2 { float: left; }

#clinic #secResult > header h2 b { color: #c13b3d; }

#clinic #secResult > header p {
	float: right;
	padding: 2px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
}

#clinic #secResult article {
	margin: 0 0 10px;
	padding: 14px 28px 7px;
	border: 2px solid #eae3d8;
}

#clinic #secResult article h1 {
	margin: 0 0 13px;
	padding: 0 0 10px;
	line-height: 1.3;
	font-size: 20px;
	font-size: 2.0rem;
	border-bottom: 1px dashed #d6c9b4;
}

#clinic #secResult article dt {
	clear: left;
	float: left;
	width: 70px;
	height: 25px;
	margin: 0 0 7px;
	overflow: hidden;
	line-height: 25px;
	text-align: center;
	color: #655843;
	background: #eee5d7;
}

#clinic #secResult article dd {
	margin: 0 0 9px;
	padding: 2px 0 0 82px;
}

@media screen and (max-width: 640px) {
	#clinic #secResult { margin: 0 0 20px; }
	
	#clinic #secResult > header {
		margin: 0 10px 10px;
		padding: 0 0 5px;
		font-size: 1.0rem;
	}
	
	#clinic #secResult > header p {
		padding: 0;
		font-size: 1.0rem;
	}
	
	#clinic #secResult article {
		margin: 0 10px 10px;
		padding: 10px 14px 5px;
	}
	
	#clinic #secResult article h1 {
		margin: 0 0 10px;
		padding: 0 0 8px;
		font-size: 1.4rem;
	}
	
	#clinic #secResult article dt {
		width: 50px;
		height: 18px;
		margin: 0 0 5px;
		line-height: 18px;
	}
	
	#clinic #secResult article dd {
		margin: 0 0 7px;
		padding: 1px 0 0 60px;
		line-height: 1.4;
	}
}


/* #check CHECK
=========================================== */

#check #secCheck {
	padding: 44px 48px 48px;
	border: 2px solid #eae3d8;
}

#check #secCheck h2 {
	margin: 0 0 20px;
	line-height: 1.44;
	text-align: center;
	color: #c13b3d;
	font-size: 18px;
	font-size: 1.8rem;
}
#check #secCheck h2 br.sp { display: none; }

#check #secCheck p.check {
	margin: 30px 0 20px;
	text-align: center;
	font-size: 13px;
	font-size: 1.3rem;
	font-weight: bold;
}

#check #secCheck form#checkform {
	margin: 0 0 30px;
	padding: 0 30px 24px;
	border: 6px solid #eae3d8;
	background: #f6f2ec;
}

#check #secCheck dl.checkArea { margin: 0 0 24px; }

#check #secCheck dl.checkArea dt {
	padding: 20px 0 26px 64px;
	line-height: 1.27;
	font-size: 22px;
	font-size: 2.2rem;
	font-weight: bold;
	position: relative;
}
#check #secCheck dl.checkArea dt span {
	display: block;
	width: 60px;
	height: 60px;
	overflow: hidden;
	line-height: 68px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	position: absolute;
	top: 0;
	left: -15px;
	background-image: url(img/check/bg_check01.png);
	background-repeat: no-repeat;
	background-size: cover;
}

#check #secCheck dl.checkArea dd {
	padding: 14px 0 12px 24px;
	border-bottom: 1px dashed #d6c9b4;
	position: relative;
}

#check #secCheck dl.checkArea dd input[type="radio"] {
	margin: 4px 0 0;
	position: absolute;
	left: 0;
}

@media screen and (max-width: 640px) {
	#check #secCheck {
		margin: 0 10px 25px;
		padding: 20px 15px 15px;
	}
	
	#check #secCheck h2 { margin: 0 0 15px; }

	#check #secCheck h2 br.sp { display: block; }
	
	#check #secCheck p.check {
		margin: 15px 0;
		font-size: 1.2rem;
	}
	
	#check #secCheck form#checkform {
		margin: 0 0 20px;
		padding: 0 10px 15px;
		border: 4px solid #eae3d8;
	}
	
	#check #secCheck dl.checkArea { margin: 0 0 15px; }
	
	#check #secCheck dl.checkArea dt {
		padding: 9px 0 10px 44px;
		font-size: 1.4rem;
	}
	#check #secCheck dl.checkArea dt span {
		width: 35px;
		height: 35px;
		line-height: 36px;
		font-size: 1.4rem;
		left: 0;
		background-image: url(img/check/bg_check_sp01.png);
	}
	
	#check #secCheck dl.checkArea dd { padding: 10px 0 8px 20px; }
	
	#check #secCheck dl.checkArea dd input[type="radio"] {
		width: 1.2rem;
		height: 1.2rem;
	}
}


/* check result
-------------------------- */

#check #secResult {
	padding: 44px 48px 48px;
	border: 2px solid #eae3d8;
}

#check #secResult h2 {
	width: 200px;
	height: 34px;
	margin: 0 auto -34px;
	overflow: hidden;
	line-height: 34px;
	text-align: center;
	color: #fff;
	font-size: 20px;
	font-size: 2.0rem;
	background: url(img/check/bg_check02.png) center top no-repeat;
	position: relative;
	top: 36px;
}

#check #secResult #resultArea {
	margin: 0 0 30px;
	padding: 47px 44px 20px;
	border: 6px solid #eae3d8;
	background: #f6f2ec;
}

#check #secResult #resultArea dl {
	margin: 0 0 20px;
	text-align: center;
	background: #fff;
}

#check #secResult #resultArea dt {
	height: 106px;
	overflow: hidden;
	line-height: 128px;
	letter-spacing: 0.2em;
	color: #c13b3d;
	font-size: 40px;
	font-size: 4.0rem;
	font-weight: bold;
	border-bottom: 1px dashed #eae3d8;
}

#check #secResult #resultArea dd {
	padding: 16px 10px 14px;
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
}

@media screen and (max-width: 640px) {
	#check #secResult {
		margin: 0 10px 25px;
		padding: 15px;
	}
	
	#check #secResult h2 {
		width: 120px;
		height: 25px;
		margin: 0 auto -25px;
		line-height: 25px;
		font-size: 1.3rem;
		background: url(img/check/bg_check_sp02.png) center top no-repeat;
		background-size: cover;
		top: 18px;
	}
	
	#check #secResult #resultArea {
		margin: 0 0 30px;
		padding: 25px 10px 15px;
		border: 3px solid #eae3d8;
		background: #f6f2ec;
	}
	
	#check #secResult #resultArea dl { margin: 0 0 15px; }
	
	#check #secResult #resultArea dt {
		height: 70px;
		line-height: 84px;
		font-size: 2.8rem;
	}
	
	#check #secResult #resultArea dd {
		padding: 12px 10px 10px;
		font-size: 1.2rem;
	}	
}


/* check navi
-------------------------- */

#check #secCheck ul.checkNav,
#check #resultArea p {
	height: 37px;
	overflow: hidden;
	line-height: 35px;
	text-align: center;
}

#check #secCheck ul.checkNav li.prev {
	float: left;
	width: 120px;
	height: 37px;
}
#check #secCheck ul.checkNav li.next {
	float: right;
	width: 120px;
	height: 37px;
}

#check #resultArea p {
	width: 194px;
	margin: 0 auto;
}

#check #secCheck ul.checkNav button {
	width: 120px;
	height: 35px;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	cursor: pointer;
	position: relative;
	outline: none;
	border: none;
	border-radius: 3px;
	background: #4d4d4d;
	box-shadow: 0 2px 0 0 #282726;
	-webkit-appearance: none;
}
#check #secCheck ul.checkNav button:hover { background: #6d6d6d; }
#check #secCheck ul.checkNav li.prev button:before {
	content: '';
	width: 13px;
	height: 13px;
	background: url(img/check/ico_arrow01.png) left top no-repeat;
	background-size: cover;
	position: absolute;
	top: 11px;
	left: 11px;
}
#check #secCheck ul.checkNav li.next button:after {
	content: '';
	width: 13px;
	height: 13px;
	background: url(img/check/ico_arrow01.png) right top no-repeat;
	background-size: cover;
	position: absolute;
	top: 11px;
	right: 11px;
}

#check #resultArea p a {
	display: block;
	width: 194px;
	height: 35px;
	color: #fff;
	font-size: 15px;
	font-size: 1.5rem;
	font-weight: bold;
	position: relative;
	border-radius: 3px;
	background: #4d4d4d;
	box-shadow: 0 2px 0 0 #282726;
}
#check #resultArea p a:hover { background: #6d6d6d; }
#check #resultArea p a:before {
	content: '';
	width: 13px;
	height: 13px;
	background: url(img/check/ico_arrow01.png) left top no-repeat;
	position: absolute;
	top: 11px;
	left: 11px;
}

@media screen and (max-width: 640px) {
	#check #secCheck ul.checkNav,
	#check #resultArea p {
		height: 26px;
		line-height: 24px;
	}
	
	#check #secCheck ul.checkNav li.prev {
		width: 70px;
		height: 26px;
	}
	#check #secCheck ul.checkNav li.next {
		width: 70px;
		height: 26px;
	}
	
	#check #resultArea p { width: 140px; }
	
	#check #secCheck ul.checkNav button {
		width: 70px;
		height: 24px;
		font-size: 1.1rem;
	}
	#check #secCheck ul.checkNav li.prev button:before {
		width: 9px;
		height: 9px;
		background: url(img/check/ico_arrow_sp01.png) left top no-repeat;
		background-size: cover;
		top: 7px;
		left: 7px;
	}
	#check #secCheck ul.checkNav li.next button:after {
		width: 9px;
		height: 9px;
		background: url(img/check/ico_arrow_sp01.png) right top no-repeat;
		background-size: cover;
		top: 7px;
		right: 7px;
	}
	
	#check #resultArea p a {
		width: 140px;
		height: 24px;
		font-size: 1.1rem;
	}
	#check #resultArea p a:before {
		width: 9px;
		height: 9px;
		background: url(img/check/ico_arrow_sp01.png) left top no-repeat;
		background-size: cover;
		top: 7px;
		left: 7px;
	}
}


/* searchClinic
-------------------------- */

#check #searchClinic {
	margin: 0 50px 30px;
	overflow: hidden;
}

#check #searchClinic a {
	float: left;
	display: block;
	width: 136px;
	height: 54px;
	margin: 0 20px 0 0;
	padding: 0 0 0 64px;
	overflow: hidden;
	line-height: 54px;
	color: #fff;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	border-radius: 3px;
	background: #c13b3d url(img/check/ico_clinic01.png) 20px center no-repeat;
	box-shadow: 0 2px 0 0 #83292a;
}
#check #searchClinic a:hover { background: #cd6264 url(img/check/ico_clinic01.png) 20px center no-repeat; }

#check #searchClinic p {
	display: table-cell;
	height: 56px;
	line-height: 1.7;
	vertical-align: middle;
	font-size: 13px;
	font-size: 1.3rem;
}

@media screen and (max-width: 640px) {
	#check #searchClinic { margin: 0 10px 20px; }
	
	#check #searchClinic a {
		float: none;
		width: auto;
		height: 50px;
		margin: 0 0 10px;
		padding: 0 0 0 64px;
		line-height: 50px;
		font-size: 1.9rem;
		background: #c13b3d url(img/check/ico_clinic_sp01.png) 20px center no-repeat;
		background-size: 34px 31px;
	}
	#check #searchClinic a:hover { background: #cd6264 url(img/check/ico_clinic01.png) 20px center no-repeat; }
	
	#check #searchClinic p {
		display: inherit;
		height: auto;
		font-size: 1.2rem;
	}
}


/* about check
-------------------------- */

#check #secAbout {
	padding: 20px;
	border: 4px solid #f6f2ec;
}

#check #secAbout h3 {
	height: 22px;
	margin: 0 0 12px;
	padding: 0 0 12px 30px;
	line-height: 22px;
	overflow: hidden;
	font-size: 16px;
	font-weight: bold;
	border-bottom: 1px dashed #eae3d8;
	background: url(img/check/ico_about01.png) left top no-repeat;
}

@media screen and (max-width: 640px) {
	#check #secAbout {
		padding: 12px 15px;
		border: 2px solid #f6f2ec;
	}
	
	#check #secAbout h3 {
		height: 16px;
		margin: 0 0 10px;
		padding: 0 0 8px 20px;
		line-height: 16px;
		font-size: 1.3rem;
		background: url(img/check/ico_about01.png) left top no-repeat;
		background-size: 16px 16px;
	}
}


/* #search SEARCH
=========================================== */

#search #secResult > header {
	overflow: hidden;
	margin: 40px 0 4px;
	padding: 0 0 10px;
	line-height: 1.0;
	border-bottom: 3px solid #dbd1c2;
}

#search #secResult > header h2 { float: left; }

#search #secResult > header h2 b { color: #c13b3d; }

#search #secResult > header p {
	float: right;
	padding: 2px 0 0;
	font-size: 12px;
	font-size: 1.2rem;
}

#search #secResult ul.listSearch { margin: 0 0 40px; }

#search #secResult article {
	padding: 6px 0;
	border-bottom: 1px dashed #d6c9b4;
}

#search #secResult article a {
	display: block;
	padding: 10px 0;
}

#search #secResult article h1 {
	margin: 0 0 6px;
	padding: 0 0 0 20px;
	color: #725c49;
	line-height: 1.4;
	font-size: 15px;
	font-size: 1.5rem;
	background: url(img/clinic/ico_arrow01.png) left 4px no-repeat;
}
#search #secResult article a:hover h1 { text-decoration: underline; }

#search #secResult article p {
	line-height: 1.7;
	color: #4c4c4c;
	font-size: 13px;
	font-size: 1.3rem;
}

@media screen and (max-width: 640px) {
	#search #secResult > header {
		margin: 0 10px 10px;
		padding: 0 0 5px;
		font-size: 1.0rem;
		border-bottom: 2px solid #dbd1c2;
	}
	
	#search #secResult > header p {
		padding: 0;
		font-size: 1.0rem;
	}
	
	#search #secResult ul.listSearch { margin: 0 10px 20px; }
	
	#search #secResult article { padding: 3px 0; }
	
	#search #secResult article a { padding: 5px 0; }
	
	#search #secResult article p {
		padding: 0 0 0 20px;
		line-height: 1.6;
		font-size: 1.2rem;
	}
}


/* #terms TERMS
=========================================== */

#terms main h2 {
	height: 48px;
	margin: 30px 0 20px;
	line-height: 1.0;
	color: #333;
	font-size: 18px;
	font-size: 1.8rem;
	border-bottom: 3px solid #f6f2ec;
}
#terms main h1 + section:first-child h2 { margin: 0 0 20px; }

#terms main h3 {
	margin: 20px 0;
	line-height: 1.0;
	color: #c04e4f;
	font-size: 15px;
	font-size: 1.5rem;
}

#terms main p { margin: 0 0 15px; }

#terms main ol li {
	padding: 0 0 0 2em;
	text-indent: -2em;
}

#terms main ul { margin: 0 0 0 1.5em; }

#terms main ul li {
	list-style: outside disc;
	margin: 0 0 5px;
	padding: 0;
	text-indent: 0;
}

@media screen and (max-width: 640px) {
	#terms main > section { margin: 0 10px; }
	
	#terms main h2 {
		height: 24px;
		margin: 15px 0;
		font-size: 1.3rem;
	}
	#terms main h1 + section:first-child h2 { margin: 0 0 10px; }
	
	#terms main h3 {
		margin: 10px 0;
		font-size: 1.2rem;
	}
	
	#terms main p { margin: 0 0 10px; }
	
	#terms main ol li { margin: 0 0 3px; }
	
	#terms main ul li { margin: 0 0 3px; }
	
	#terms main small {
		display: block;
		margin: 0 10px 25px;
	}
}


/* #privacy PRIVACY POLICY
=========================================== */

#privacy main h2 {
	margin: 0 0 15px;
	color: #333;
	font-size: 15px;
	font-size: 1.5rem;
}

#privacy main p { margin: 0 0 20px; }

@media screen and (max-width: 640px) {
	#privacy main > section { margin: 0 10px; }

	#privacy main h2 {
		margin: 0 0 10px;
		font-size: 1.2rem;
	}
	
	#privacy main p { margin: 0 0 10px; }
	
	#privacy main small {
		display: block;
		margin: 0 10px 25px;
	}
}


/* #inquiry CONTACT US
=========================================== */

#inquiry main p {
	margin: 0 0 20px;
	font-size: 13px;
	font-size: 1.3rem;
}

#inquiry #mailform {
	padding: 30px 48px;
	border: 2px solid #eae3d8;
}

#inquiry #mailform dt {
	height: 40px;
	margin: 0 0 20px;
	padding: 0 18px;
	overflow: hidden;
	line-height: 40px;
	font-size: 16px;
	font-size: 1.6rem;
	font-weight: bold;
	white-space: nowrap;
	border-radius: 3px;
	background: #eae3d8;
}

#inquiry #mailform dt span {
	padding: 0 0 0 12px;
	color: #8b7460;
	font-size: 12px;
	font-size: 1.2rem;
	font-weight: normal;
}

#inquiry #mailform dt em {
	display: inline-block;
	height: 18px;
	margin: 11px 0 0 12px;
	padding: 0 9px;
	overflow: hidden;
	line-height: 18px;
	vertical-align: top;
	color: #fff;
	font-size: 11px;
	font-size: 1.1rem;
	border-radius: 9px;
	background: #c13b3d;
}

#inquiry #mailform dd {
	margin: 0 0 20px;
	padding: 0 0 20px;
	border-bottom: 1px dashed #d6c9b4;
}

#inquiry #mailform input[type="text"],
#inquiry #mailform input[type="email"],
#inquiry #mailform textarea {
	width: 100%;
	height: 40px;
	padding: 0 1em;
	border: none;
	border-radius: 3px;
	box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.2) inset;
	box-sizing: border-box;
	-webkit-appearance: none;
}
#inquiry #mailform textarea {
	height: 186px;
	padding: 1em;
	resize: vertical;
}

#inquiry #mailform input[type="submit"] {
	display: block;
	width: 200px;
	height: 50px;
	margin: 30px auto 0;
	overflow: hidden;
	line-height: 50px;
	text-align: center;
	letter-spacing: 0.1rem;
	color: #fff;
	font-size: 18px;
	font-size: 1.8rem;
	font-weight: bold;
	cursor: pointer;
	outline: none;
	border: none;
	border-radius: 3px;
	background: #4d4d4d;
	box-shadow: 0 3px 0 0 #292929;
	box-sizing: border-box;
	-webkit-appearance: none;
}
#inquiry #mailform input[type="submit"]:hover { background: #6b6b6b; }

#inquiry #mailform .wpcf7-validation-errors {
	margin: 0 0 20px;
	padding: 0.4em 1em 0.3em;
	background: #f6e0e0;
	border: none;
}

#inquiry #mailform .wpcf7-not-valid-tip {
	margin: 0.4em 0 0;
	color: #c13b3d;
}

@media screen and (max-width: 640px) {
	#inquiry main p {
		margin: 0 10px 20px;
		font-size: 1.2rem;
	}
	
	#inquiry #mailform {
		padding: 0;
		border: none;
	}
	
	#inquiry #mailform dt {
		height: 31px;
		margin: 0 0 15px;
		padding: 0 0 0 20px;
		line-height: 31px;
		font-size: 1.3rem;
		border-radius: 0;
	}
	
	#inquiry #mailform dt span {
		padding: 0 0 0 12px;
		color: #8b7460;
		font-size: 1.1rem;
		font-weight: normal;
	}
	
	#inquiry #mailform dt em {
		display: inline-block;
		float: right;
		height: 16px;
		margin: 7px 20px 0 0;
		padding: 0 8px;
		line-height: 16px;
		border-radius: 8px;
	}
	
	#inquiry #mailform dd {
		margin: 0 0 20px;
		padding: 0 20px;
		border-bottom: none;
	}
	#inquiry #mailform dl dd:last-child {
		padding: 0 20px 15px;
		border-bottom: 1px dashed #d6c9b4;
	}
	
	#inquiry #mailform input[type="text"],
	#inquiry #mailform input[type="email"] { height: 30px; }
	#inquiry #mailform textarea { height: 130px; }
	
	#inquiry #mailform input[type="submit"] {
		width: 230px;
		height: 44px;
		margin: 20px auto 28px;
		line-height: 44px;
		font-size: 1.4rem;
	}
	
	#inquiry #mailform .wpcf7-validation-errors {
		padding: 0.4em 1em 0.3em;
		background: #f6e0e0;
	}
	
	#inquiry #mailform .wpcf7-not-valid-tip {
		margin: 0.4em 0 0;
		color: #c13b3d;
	}
}