@charset "utf-8";

/*=====================================

common.css

=====================================*/

/*-------------------------------------
 tag
-------------------------------------*/
.tag {
	display: inline-block;
	background: #f6ec7d;
}
.tag a {
	display: block;
	padding: 2px 5px;
	color: #141414;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
}
.tagList {
	margin: 0 -13px 0 0;
	overflow: hidden;
}
.tagList li {
	float: left;
	margin: 6px 13px 6px 0;
}
.tagList li a {
	display: block;
	padding: 1px 4px;
	color: #141414;
	text-decoration: none;
	border-radius: 3px;
	border: 1px solid #c6b49e;
	background: #fafaf8;
}

.tagGroup li dl dt {
	clear: both;
	float: left;
	width: 4em;
}
.tagGroup li dl dd {
	padding: 0 0 0 4em;
}
.tagGroup li dl dd .tag,
.tagGroup li dl dd .type {
	margin: 0 5px 0 0;
	line-height: 1.4;
}

.type {
	display: inline-block;
	padding: 2px 5px;
	color: #141414;
	font-size: 11px;
	font-weight: bold;
	background: #d5ebe9;
}


/*-------------------------------------
 category
-------------------------------------*/
.categoryTitle {
	clear: both;
	display: table;
	width: 100%;
	border-top: 3px solid #f6ec7d;
	border-bottom: 1px solid #ebeaec;
}
.categoryTitle:after {
	clear: both;
	display: block;
	content: "";
}
.categoryTitle h1 {
	display: table-cell;
	width: 470px;
	padding: 15px 0;
	font-size: 24px;
	font-weight: bold;
	vertical-align: top;
}
.categoryTitle h1 img {
	width: 34px;
	margin: 1px 10px 0 0;
	vertical-align: top;
}
.categoryTitle p {
	display: table-cell;
	width: 470px;
	padding: 13px 10px 10px 0;
	vertical-align: middle;
}
.categoryTitle p .categoryLink {
	float: right;
	display: inline-block;
	margin: 5px 0 0 0;
}
.categoryTitle2nd {
	border-top: 3px solid #80c40f;
	border-bottom: none;
}
.categoryTitle3rd {
	border-bottom: none;
}

.categoryList {
	overflow: hidden;
}
.categoryList ul {
	margin: 0 -10px 25px -10px;
	padding: 1px 0 0 0;
	letter-spacing: -0.4em;
	border-top: 1px solid #ebeaec;
	border-bottom: 1px solid #ebeaec;
	background: url(/common/images/border01.png) repeat-y center top;
}
.categoryList li {
	display: inline-block;
	width: 50%;
	padding: 5px 10px 10px 10px;
	letter-spacing: normal;
	vertical-align: top;
	border-top: 1px solid #ebeaec;
	box-sizing: border-box;
}
.categoryList .thumb {
	float: left;
	width: 120px;
	margin: 5px 10px 0 0;
}
.categoryList .thumb img {
	border: 1px solid #ebeaec;
	box-sizing: border-box;
}
.categoryList .item {
	position: relative;
	min-height: 105px;
	padding: 0 0 20px 0;
	overflow: hidden;
}
.categoryList .mainttl {
	clear: both;
	padding: 4px 0;
	font-size: 17px;
	font-weight: bold;
	line-height: 1.3;
}
.categoryList .subttl {
	padding: 0 0 0 1em;
	font-size: 15px;
}
.categoryList .summary {
}
.categoryList .date {
	position: absolute;
	right: 0;
	bottom: 0;
	color: #737373;
	font-size: 13px;
}
.categoryList .tag {
	float: left;
	margin: 5px 0 0 0;
}
.categoryList .icon {
	float: right;
	width: 34px;
	margin: 0 7px 0 0;
}
.categoryListB .date {
	position: relative;
}

.categoryBtnMore {
	clear: both;
	cursor: pointer;
	text-align: center;
	background: #f8f7f3;
}
.categoryBtnMore p {
	display: inline-block;
	padding: 12px 24px 12px 0;
	color: #183f85;
	font-size: 18px;
	font-weight: bold;
	background: url(/common/images/icn_plus02.png) no-repeat right center;
}

.categoryToolList {
	padding: 20px 0;
}
.categoryToolList ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 17px;
	background: url(/common/images/icn_arw02.png) no-repeat 0 5px;
}
.categoryToolList .type,
.categoryToolList .mainttl,
.categoryToolList .date {
	display: inline;
	margin-right: 10px;
}
.categoryToolList .mainttl {
	font-weight: bold;
	line-height: 1.7;
}
.categoryToolList .date {
	color: #737373;
	font-size: 13px;
}

.categoryArwList {
	padding: 20px 0;
}
.categoryArwList ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 17px;
	background: url(/common/images/icn_arw02.png) no-repeat 0 5px;
}
.categoryArwList .mainttl,
.categoryArwList .date {
	display: inline;
	margin-right: 10px;
}
.categoryArwList .mainttl {
	font-weight: bold;
	line-height: 1.7;
}
.categoryArwList .date {
	color: #737373;
	font-size: 13px;
}

.categoryEventsList {
	overflow: hidden;
}
.categoryEventsList h2 {
	margin: 1px 0 0 0;
	padding: 15px 0;
	font-size: 16px;
	font-weight: bold;
	border-top: 1px solid #ebeaec;
}
.categoryEventsList ul {
	margin: 0 -10px 25px -10px;
	padding: 1px 0 0 0;
	letter-spacing: -0.4em;
	border-bottom: 1px solid #ebeaec;
	background: url(/common/images/border01.png) repeat-y center top;
}
.categoryEventsList li {
	display: inline-block;
	width: 50%;
	padding: 10px 10px 15px 10px;
	letter-spacing: normal;
	vertical-align: top;
	border-top: 1px solid #ebeaec;
	box-sizing: border-box;
}
.categoryEventsList .date {
	display: block;
	margin: 0 0 5px 0;
	color: #575757;
	font-size: 13px;
	font-weight: bold;
}
.categoryEventsList .type,
.categoryEventsList .mainttl {
	display: inline;
}
.categoryEventsList .mainttl {
	clear: both;
	padding: 4px 0;
	font-size: 15px;
	font-weight: bold;
}

.categoryThumbList {
	margin: 0 -10px 20px 0;
	letter-spacing: -0.4em;
}
.categoryThumbList li {
	display: inline-block;
	width: 150px;
	margin: 0 10px 15px 0;
	letter-spacing: normal;
	vertical-align: top;
}
.categoryThumbList li .thumb {
	margin: 0 0 5px 0;
	border: 1px solid #ebeaec;
}
.categoryThumbList li .item {
	padding: 0 0 0 18px;
	font-weight: bold;
	line-height: 1.3;
	background: url(/common/images/icn_arw02.png) no-repeat 0 3px;
}
.categoryThumbList li .type {
	margin: 0 5px 0 0;
}
.categoryThumbList li .mainttl {
	display: inline;
}

.categoryHead {
	clear: both;
	border-top: 3px solid #f6ec7d;
	border-bottom: 3px double #ebeaec;
}
.categoryHead:after {
	clear: both;
	display: block;
	content: "";
}
.categoryHead h3 {
	float: left;
	width: 465px;
	padding: 11px 0;
	font-size: 20px;
	font-weight: bold;
}
.categoryHead h3 img {
	width: 34px;
	margin: -1px 10px 0 0;
	vertical-align: top;
}
.categoryHead p {
	float: right;
	width: 465px;
	padding: 7px 0;
}


/*-------------------------------------
 article
-------------------------------------*/
.article hr {
	height: 0;
	margin: 0 0 10px 0;
	padding: 0;
	border: 0;
	border-top: 1px solid #ccc;
}


/*-------------------------------------
 head
-------------------------------------*/
/* articleHead
-------------------------------------*/
.articleHead {
	margin: 0 0 30px 0;
}
.articleHead:after {
	clear: both;
	display: block;
	content: "";
}
.articleHead .date {
	float: left;
	padding: 5px 0 0 0;
	color: #737373;
	font-size: 13px;
}
.articleHead .snsList {
	float: right;
}
.articleHead .snsList ul {
	float: left;
	margin: 0 0 0 12px;
}
.articleHead .snsList ul li {
	float: left;
	width: 25px;
	margin: 0 0 0 8px;
}
.articleHead h1 {
	clear: both;
	padding: 20px 0 5px 0;
	font-size: 18px;
	font-weight: bold;
}
.articleHead h1 em {
	display: block;
	font-size: 24px;
}
.articleSummary {
	margin: 0 0 4px 0;
	border-top: 1px solid #ebeaec;
	border-bottom: 1px solid #ebeaec;
	overflow: hidden;
}
.articleSummary .pic {
	float: right;
	width: 125px;
	padding: 15px 0 15px 20px;
}
.articleSummary .item {
	padding: 10px 0;
	font-size: 15px;
	line-height: 2;
}
.articleName {
	margin: 0 0 5px 0;
	color: #737373;
	font-size: 12px;
}
.articleName p a {
	font-size: 16px;
	font-weight: bold;
}
.articleTitle01,
.articleTagTitle {
	clear: both;
	padding: 20px 0 0 0;
}
.articleTitle01 .tag,
.articleTitle01 .type,
.articleTagTitle .tag,
.articleTagTitle .type {
	margin: 5px 0 0 0;
	vertical-align: top;
}
.articleTitle01 h1,
.articleTitle01 h1 em,
.articleTagTitle h1,
.articleTagTitle h1 em {
	display: inline;
}
.articleTitle01 .icnIllust,
.articleTagTitle .icnIllust {
	margin: 8px 0 0 3px;
}

/* interviewHead
-------------------------------------*/
.interviewHead {
	clear: both;
	position: relative;
	top: 20px;
	display: table;
	width: 100%;
	min-height: 200px;
	margin: 20px 0 50px 0;
	color: #fff;
	background: #918563;
	overflow: hidden;
}
.interviewHead .pic {
	display: table-cell;
	width: 614px;
	vertical-align: top;
}
.interviewHead .item {
	display: table-cell;
	width: 300px;
	padding: 20px 10px;
	font-size: 15px;
	vertical-align: bottom;
}
.interviewHead h1 {
	margin: 0 0 10px 0;
	font-size: 22px;
	font-weight: bold;
	white-space: nowrap;
}
.interviewHead h1 em {
	display: block;
	margin: 0 0 25px 0;
	font-size: 60px;
	font-weight: normal;
}
.interviewHead h1 .subttl {
	white-space: normal;
}
@media all and (-ms-high-contrast:none){

.interviewHead {
	table-layout: fixed;
}
.interviewHead .pic {
	width: auto !important;
	max-width: 614px;
}
.interviewHead .item {
	width: auto !important;
	min-width: 300px;
}

}
.interviewHeadPicR .pic {
	text-align: right;
}
/*.interviewHeadPicR .item {
	left: 15px;
}*/
.interviewHead02 {
	background: #90cc32;
}

/* mainTitle
-------------------------------------*/
.mainTitle {
	margin: 0 0 30px 0;
}

/* sectionHead
-------------------------------------*/
.sectionHead01 {
	padding: 4px 0;
	border-top: 1px solid #ebeaec;
	border-bottom: 1px solid #ebeaec;
	background: #f9f8f5;
}
.sectionHead01 h2 {
	font-size: 16px;
	font-weight: bold;
	vertical-align: middle;
}
.sectionHead01 h2 img {
	display: inline-block;
	width: 34px;
	padding: 0 2px;
	vertical-align: middle;
}

.sectionHead02 {
	padding: 13px 0;
	background: url(/common/images/line01.png) repeat-x 0 0;
}
.sectionHead02 h2 {
	color: #80c40f;
	font-size: 22px;
	font-weight: bold;
}
.sectionHead02 h2 img {
	width: 34px;
	margin: 0 9px 0 0;
	padding: 7px 6px;
	vertical-align: middle;
	border-radius: 50%;
	background: #f2f1e9;
}

.sectionHead03 {
	clear: both;
	margin: 0 0 20px 0;
	border-top: 3px solid #f6ec7d;
	border-bottom: 1px solid #ebeaec;
}
.sectionHead03:after {
	clear: both;
	display: block;
	content: "";
}
.sectionHead03 h1 {
	padding: 15px 0;
	font-size: 24px;
	font-weight: bold;
}

/* arwHead
-------------------------------------*/
.arwHead01 {
	margin: 0 0 10px 0;
	padding: 10px 0;
	font-size: 15px;
	font-weight: bold;
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 33.3%, transparent 33.3%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 3px 1px;
	overflow: hidden;
}
.arwHead01 h3 {
	float: left;
	width: 850px;
}
.arwHead01 .arwLink01 {
	clear: none;
	float: right;
	margin: 2px 0 0 0;
}


/*-------------------------------------
 unit
-------------------------------------*/
/* unitHead
-------------------------------------*/
.unitHead {
	padding: 15px 0 10px 0;
}
.unitHead .unitTitle {
	margin: 0 0 25px 0;
	padding: 15px 10px 15px 22px;
	color: #141414;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.2;
	background: url(/common/images/unit_title_bg01.png) repeat-y left top;
}
.unitHead .unitTitle02 {
	margin: 0 0 25px 0;
	padding: 15px 10px 15px 22px;
	color: #141414;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.2;
	background: url(/common/images/unit_title_bg02.png) repeat-y left top;
}
.unitHead h3 {
	margin: 0 0 10px 0;
	color: #6c5337;
	font-size: 22px;
	font-weight: bold;
}
.unitHead h4 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}

/* unitSection
-------------------------------------*/
.unitSection {
	clear: both;
	padding: 0 0 20px 0;
	font-size: 16px;
	line-height: 1.9;
}
.unitSection:after {
	clear: both;
	display: block;
	content: "";
}
.unitSection p {
	margin: 0 0 20px 0;
	/*line-height: 1.9;*/
}

/* unitFrame
-------------------------------------*/
.unitFrame01,
.unitFrame02,
.unitFrame03 {
	clear: both;
	margin: 0 0 30px 0;
	padding: 20px;
	line-height: 1.8;
}
.unitFrame01:after,
.unitFrame02:after,
.unitFrame03:after {
	clear: both;
	display: block;
	content: "";
}
.unitFrame01 h5,
.unitFrame02 h5,
.unitFrame03 h5 {
	margin: 0 0 10px 0;
	font-size: 16px;
	font-weight: bold;
}
.unitFrame01 p,
.unitFrame02 p,
.unitFrame03 p {
	margin: 0 0 10px 0;
}
.unitFrame01 {
	border: 1px solid #e2d9ce;
	background: #f8f8f4;
}
.unitFrame02 {
	color: #fff;
	border: 3px solid #d8d8d8;
	background: #457f5e;
}
.unitFrame03 {
	border: 1px solid #e2d9ce;
	background: #fff;
}

/* unitInterview
-------------------------------------*/
.unitInterview p {
	line-height: 1.8;
}
.unitInterview .qBody {
	margin: 0 0 10px 0;
}
.unitInterview .aBody {
	margin: 0 0 25px 0;
}
.unitInterview .qBody {
	color: #91714c;
}
.unitInterview .qBody em,
.unitInterview .aBody em {
	margin: 0 1em 0 0;
	font-weight: bold;
}

.unitSection ul,
.unitFrame01 ul,
.unitFrame02 ul,
.unitFrame03 ul {
	padding: 0 0 20px 22px;
	list-style: disc;
	overflow: hidden;
}
.unitSection ol,
.unitFrame01 ol,
.unitFrame02 ol,
.unitFrame03 ol {
	padding: 0 0 20px 35px;
	list-style: decimal;
	overflow: hidden;
}
.unitSection li,
.unitFrame01 li,
.unitFrame02 li,
.unitFrame03 li {
	margin: 0 0 5px 0;
}
.unitSection a,
.unitFrame01 a,
.unitFrame02 a,
.unitFrame03 a {
	font-weight: bold;
}


/*-------------------------------------
 table
-------------------------------------*/
.tbl01 {
	width: 100%;
	margin: 0 0 20px 0;
	border-top: 1px solid #80c40f;
}
.tbl01 th,
.tbl01 td {
	padding: 6px 10px;
	text-align: left;
	vertical-align: top;
	border-left: 1px solid #80c40f;
	border-bottom: 1px solid #80c40f;
}
.tbl01 tr > th:first-child,
.tbl01 tr > td:first-child {
	border-left: none;
}
.tbl01 th {
	font-size: 15px;
	font-weight: bold;
	background: #f4faee;
}
.tbl01.tblC th,
.tbl01.tblC td {
	text-align: center;
}
.tbl01.tblL th,
.tbl01.tblL td {
	text-align: left;
}
.tbl01.tblR th,
.tbl01.tblR td {
	text-align: right;
}
.tbl01.tblM th,
.tbl01.tblM td {
	vertical-align: middle;
}
.tbl01.tblT th,
.tbl01.tblT td {
	vertical-align: top;
}
.tbl01.tblB th,
.tbl01.tblB td {
	vertical-align: bottom;
}

.tbl02 {
	width: 100%;
	margin: 0 0 20px 0;
}
.tbl02 th {
	padding: 0 10px 25px 0;
	font-weight: bold;
	text-align: left;
	vertical-align: top;
}
.tbl02 td {
	padding: 0 0 25px 0;
	text-align: left;
	vertical-align: top;
}

.tbl01 td.empty,
.tbl02 td.empty {
	position: relative;
}
.tbl01 td.empty:before,
.tbl02 td.empty:before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: url('data:image/svg+xml,<svg preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><line fill="none" stroke="#80c40f" stroke-width="0.1" stroke-miterlimit="10" x1="20" y1="0" x2="0" y2="20"/></svg>') no-repeat;
	background-size: 100%;
}

/*-------------------------------------
 box
-------------------------------------*/
/* cmnBox
-------------------------------------*/
.cmnBox01 {
	margin: 0 0 30px 0;
	padding: 10px 18px;
	border: 2px solid #f6ec7d;
	background: #fefff9;
}
.cmnBox01 .boxHead {
	margin: 0 0 15px 0;
	padding: 5px 0 8px 0;
	font-size: 18px;
	font-weight: bold;
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 50%, transparent 51%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 8px 2px;
}
.cmnBox01 .boxBody ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 24px;
	background: url(/common/images/icn_check01.png) no-repeat 2px 3px;
}

/* reportBox
-------------------------------------*/
.reportBox {
	margin: 0 0 20px 0;
	padding: 5px 0 15px 0;
	background: url(/common/images/report_box_bg.png) repeat-y 0 10px #f3f6f6;
}
.reportBox .boxHead {
	margin: 0 0 0 26px;
	padding: 15px 0 15px 15px;
	color: #80c40f;
	font-size: 18px;
	font-weight: bold;
	background: url(/common/images/report_title_bg.png) no-repeat 0 0;
}
.reportBox .boxBody {
	padding: 5px 40px;
}
.reportBox .boxBody p {
	font-size: 13px;
	line-height: 1.9;
}

/* lstBox
-------------------------------------*/
.lstBox {
	margin: 0 0 20px 0;
	padding: 15px 0 0 0;
}
.lstBox:after {
	clear: both;
	display: block;
	content: "";
}
.lstBox .boxHead {
	padding: 0 0 5px 0;
	border-top: 2px solid #80c40f;
}
.lstBox .boxHead h2,
.lstBox .boxHead h3,
.lstBox .boxHead h4,
.lstBox .boxHead h5 {
	display: inline-block;
	position: relative;
	top: -12px;
	padding: 0 7px 0 0;
	font-size: 18px;
	font-weight: bold;
	background: #fff;
}
.lstBox .imgL,
.lstBox .imgR,
.lstBox .imgR .pic img,
.lstBox .imgL .pic img {
	max-width: 250px;
}
.lstBox p {
	margin: 0 0 10px 0;
	line-height: 2;
}
.lstBox p a {
	font-weight: bold;
}

/* profileBox
-------------------------------------*/
.profileBox01 p,
.profileBox02 p,
.profileBox03 p,
.profileBox04 p,
.profileBox05 p {
	font-size: 13px;
	line-height: 2;
}
.profileBox01 {
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #ebeaec;
	overflow: hidden;
}
.profileBox01 .thumb {
	float: left;
	width: 155px;
	margin: 0 20px 0 0;
}
.profileBox01 .item {
	overflow: hidden;
}
.profileBox01 .name {
	margin: 5px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.profileBox01 .list li {
	position: relative;
	padding: 10px 0;
}
.profileBox02 {
	margin: 0 0 30px 0;
	padding: 0 0 0 15px;
	border-left: 5px solid #ebeaec;
	overflow: hidden;
}
.profileBox02 .thumb {
	float: left;
	width: 155px;
	margin: 0 20px 0 0;
}
.profileBox02 .name {
	margin: 0 0 15px 0;
	font-weight: bold;
	line-height: 1.4;
}
.profileBox02 .name em {
	display: block;
	font-size: 18px;
}
.profileBox03 {
	margin: 0 0 10px 0;
	padding: 20px 0 0 0;
	overflow: hidden;
}
.profileBox03 .thumb {
	float: left;
	width: 155px;
	margin: 0 20px 0 0;
}
.profileBox03 .name {
	margin: 0 0 15px 0;
	font-weight: bold;
	line-height: 1.4;
}
.profileBox03 .name em {
	display: block;
	font-size: 18px;
}
.profileBox03 .note {
	margin: 10px 0 0 0;
	font-size: 11px;
	text-align: right;
}
.profileBox04 {
	margin: 0 0 20px 0;
	padding: 20px;
	border: 1px solid #ebeaec;
	overflow: hidden;
}
.profileBox04 .thumb {
	float: right;
	margin: 0 0 0 20px;
}
.profileBox04 .name {
	margin: 5px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.profileBox05 {
	margin: 0 0 20px 0;
	padding: 5px;
	border: 1px solid #ebeaec;
	overflow: hidden;
}
.profileBox05 ul {
	letter-spacing: -0.5em;
}
.profileBox05 ul li {
	display: inline-block;
	width: 50%;
	padding: 15px;
	letter-spacing: normal;
	vertical-align: top;
	box-sizing: border-box;
}
.profileBox05 .thumb {
	float: left;
	width: 130px;
	margin: 0 20px 5px 0;
}
.profileBox05 .name {
	margin: 5px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
}
.profileBox06 {
	margin: 0 0 20px 0;
	padding: 20px 20px 1px 20px;
	border: 1px solid #ebeaec;
	overflow: hidden;
}
.profileBox06 ul {
	margin: 0 -15px;
	padding: 0;
	letter-spacing: -0.4em;
	text-align: center;
	overflow: hidden;
}
.profileBox06 ul li {
	display: inline-block;
	width: 160px;
	margin: 0 15px 20px 15px;
	letter-spacing: normal;
	vertical-align: top;
}
.profileAuthor {
	margin: -15px 0 40px 0;
	color: #737373;
	font-size: 13px;
	text-align: right;
}

/* bookBox
-------------------------------------*/
.bookBox01 {
	margin: 0 0 30px 0;
	padding: 20px;
	border: 1px solid #ebeaec;
	overflow: hidden;
}
.bookBox01 .thumb {
	float: left;
	width: 155px;
	margin: 0 20px 0 0;
}
.bookBox01 .item {
	overflow: hidden;
}
.bookBox01 .name {
	margin: 5px 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}
.bookBox01 .info {
	font-size: 13px;
	line-height: 2;
}

/* relBox
-------------------------------------*/
.relBox {
	clear: both;
}
.relBox .boxHead {
	position: relative;
	padding: 7px 35px 7px 10px;
	border-top: 1px solid #ebeaec;
	background: #f9f9f5;
}
.relBox .boxHead h2 {
	font-size: 16px;
	font-weight: bold;
}
.relBox .boxHead .icon {
	position: absolute;
	right: 0;
	top: 50%;
	width: 30px;
	margin: -13px 5px 0 0;
}
.relBox .boxBody {
	overflow: hidden;
}
.relBox .boxBody ul {
	margin: 0 -10px 25px -10px;
	letter-spacing: -0.4em;
	border-bottom: 1px solid #ebeaec;
	background: url(/common/images/border01.png) repeat-y center top;
}
.relBox .boxBody li {
	display: inline-block;
	width: 50%;
	margin: 0 0 -1px 0;
	padding: 15px 10px;
	letter-spacing: normal;
	vertical-align: top;
	border-top: 1px solid #ebeaec;
	overflow: hidden;
	box-sizing: border-box;
}
.recommendList .tag {
	display: table;
	margin: 0 0 4px 0;
}
.recommendList .mainttl {
	display: inline;
	margin: 0 1em 0 0;
	font-weight: bold;
}
.recommendList .date {
	display: inline;
	color: #737373;
	font-size: 13px;
}
.latestList .thumb {
	float: left;
	width: 68px;
	margin: 0 10px 0 0;
	border: 1px solid #ebeaec;
}
.latestList .item {
	overflow: hidden;
}
.latestList .mainttl {
	margin: 5px 0 5px 0;
	font-weight: bold;
}
.latestList .date {
	color: #737373;
	font-size: 13px;
}

/* anchorBox
-------------------------------------*/
.anchorBox {
	margin: 0 0 30px 0;
	padding: 20px 0 10px 20px;
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 50%, transparent 50%, transparent 100%), linear-gradient(to left, #c6b49e 0%, #c6b49e 50%, transparent 50%, transparent 100%);
	background-repeat: repeat-x, repeat-x;
	background-position: left top, left bottom;
	background-size: 8px 1px, 8px 1px;
	overflow: hidden;
}
.anchorBox ul {
	float: left;
	width: 45%;
	margin: 0 5% 0 0;
}
.anchorBox ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	background: url(/common/images/icn_arw06.png) no-repeat 0 7px;
}
.anchorBox ul li a {
	font-weight: bold;
}

/* acdBox
-------------------------------------*/
.acdBox {
	margin: 0 0 20px 0;
	padding: 10px;
	border-radius: 3px;
	background: url(/common/images/bg03.png) repeat;
}
.acdBox .boxHead {
	position: relative;
	min-height: 27px;
	padding: 3px 40px 10px 0;
	cursor: pointer;
}
.acdBox .boxHead:after {
	position: absolute;
	top: 0;
	right: 0;
	width: 30px;
	height: 30px;
	content: "";
	background: url(/common/images/icn_acd_plus01.png) no-repeat 0 0;
}
.acdBox.acdOpen .boxHead:after {
	background: url(/common/images/icn_acd_minus01.png) no-repeat 0 0;
}
.acdBox .boxHead h5 {
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}
.acdBox .boxBody {
	display: none;
	padding: 20px 20px 10px 20px;
	border-radius: 3px;
	background: #fff;
}
.acdBox .boxBody .faqBody {
	overflow: hidden;
}

.acdMoreBox {
	position: relative;
	margin: 0 0 20px 0;
	padding: 10px;
	border-radius: 3px;
	background: url(/common/images/bg03.png) repeat;
	overflow: hidden;
}
.acdMoreBox .boxHead {
	position: relative;
	min-height: 27px;
	padding: 3px 40px 10px 0;
}
.acdMoreBox .boxHead h5 {
	font-size: 18px;
	font-weight: bold;
	overflow: hidden;
}
.acdMoreBox .boxBody {
	height: 250px;
	padding: 20px 20px 10px 20px;
	border-radius: 3px;
	background: #fff;
	overflow: hidden;
	transition: all .2s ease;
}
.acdMoreBox .boxBtn {
	position: absolute;
	left: 15px;
	right: 15px;
	bottom: 15px;
	height: 40px;
	cursor: pointer;
	text-align: center;
	background: url(/common/images/icn_acd01_open.png) no-repeat center center;
	background-color: rgba(135,200,20,0.85);
}
.acdMoreBox.acdOpen .boxBody {
	height: auto;
	padding-bottom: 50px;
}
.acdMoreBox.acdOpen .boxBtn {
	background: url(/common/images/icn_acd01_close.png) no-repeat center center;
	background-color: rgba(135,200,20,0.85);
}

.acdBox .boxBody p,
.acdMoreBox .boxBody p {
	margin: 0 0 10px 0;
	line-height: 2.1;
}
.acdBox .boxBody ul,
.acdMoreBox .boxBody ul {
	padding: 0 0 10px 22px;
	list-style: disc;
	overflow: hidden;
}
.acdBox .boxBody ol,
.acdMoreBox .boxBody ol {
	padding: 0 0 10px 25px;
	list-style: decimal;
	overflow: hidden;
}
.acdBox .boxBody li,
.acdMoreBox .boxBody li {
	margin: 0 0 5px 0;
}
.acdBox .boxBody a,
.acdMoreBox .boxBody a {
	font-weight: bold;
}
.faqQ,
.faqA {
	position: relative;
	float: left;
	margin: 0 10px 0 0;
	font-size: 24px;
	font-weight: bold;
}
.faqQ {
	top: -6px;
	color: #80c40f;
}
.faqA {
	top: -4px;
	color: #91714c;
}

/* inqBox
-------------------------------------*/
.inqBox {
	margin: 0 0 70px 0;
	padding: 20px 30px;
	border: 1px solid #82c510;
}
.inqBox .boxHead h2 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}
.inqBox .boxBody p {
	padding: 0 0 20px 0;
	font-size: 14px;
}


/*-------------------------------------
 list
-------------------------------------*/
/* icnList
-------------------------------------*/
.icnList01 {
	padding: 0 0 12px 0;
}
.icnList01 li {
	margin: 0 0 8px 0;
	padding: 0 0 0 30px;
	background: url(/common/images/icn_circle01.png) no-repeat 20px 5px;
}

.icnList02 {
	padding: 0 0 12px 0;
}
.icnList02 li {
	margin: 0 0 8px 0;
	padding: 0 0 0 32px;
	background: url(/common/images/icn_file01.png) no-repeat 14px 4px;
}

.icnList03 {
	padding: 0 0 12px 0;
}
.icnList03 li {
	margin: 0 0 8px 0;
	padding: 0 0 0 32px;
	background: url(/common/images/icn_related01.png) no-repeat 14px 2px;
}

/* clipList
-------------------------------------*/
.clipList {
	padding: 0 0 50px 0;
}
.clipList ul {
	letter-spacing: -0.4em;
	text-align: center;
}
.clipList ul li {
	display: inline-block;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.clipList li a {
	position: relative;
	display: block;
	min-width: 166px;
	height: 30px;
	padding: 0 32px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	border-radius: 3px;
	background: url(/common/images/bg04.png) repeat;
}
.clipList li a img {
	position: absolute;
	top: 5px;
	left: 10px;
}
.clipList li.btnClip a img {
	width: 21px;
}
.clipList li.btnClipboard a img {
	width: 19px;
}

/* writerList
-------------------------------------*/
.writerList {
	margin: 0 -12px 0 0;
	padding: 0 0 8px 0;
	letter-spacing: -0.4em;
}
.writerList li {
	clear: both;
	display: inline-block;
	width: 298px;
	margin: 0 12px 12px 0;
	padding: 6px;
	letter-spacing: normal;
	vertical-align: top;
	background: #f9f9f9;
	overflow: hidden;
}
.writerList li p {
	margin: 0;
	line-height: 1.4;
}
.writerList li .thumb {
	float: left;
	width: 48px;
	margin: 0 8px 0 0;
	border: 1px solid #ebeaec;
}
.writerList li .item {
	overflow: hidden;
}
.writerList li .name {
	margin: 0;
	padding: 0 0 0 17px;
	font-weight: bold;
	background: url(/common/images/icn_arw02.png) no-repeat 0 2px;
}
.writerList li .title {
	font-size: 11px;
}
.writerList li .theme {
	color: #888;
	font-size: 11px;
}

/* arwList
-------------------------------------*/
.arwList01,
.arwList02,
.arwList03 {
	margin: 0 -10px 0 0;
	letter-spacing: -0.4em;
}
.arwList01 li a,
.arwList02 li a,
.arwList03 li a {
	font-weight: bold;
}
.arwList01 li {
	display: inline-block;
	width: 452px;
	margin: 0 10px 12px 0;
	padding: 0 0 0 20px;
	letter-spacing: normal;
	vertical-align: top;
	background: url(/common/images/icn_arw02.png) no-repeat 0 3px;
}
.arwList02 li {
	display: inline-block;
	width: 211px;
	margin: 0 10px 12px 0;
	padding: 0 0 0 20px;
	letter-spacing: normal;
	vertical-align: top;
	background: url(/common/images/icn_arw02.png) no-repeat 0 3px;
}
.arwList03 li {
	margin: 0 10px 6px 0;
	padding: 0 0 0 20px;
	letter-spacing: normal;
	vertical-align: top;
	background: url(/common/images/icn_arw02.png) no-repeat 0 3px;
}

/* thumbList
-------------------------------------*/
.thumbList01 {
	margin: 0 -10px 0 0;
	padding: 5px 0 0 0;
	letter-spacing: -0.4em;
}
.thumbList01 li {
	display: inline-block;
	width: 110px;
	margin: 0 10px 15px 0;
	letter-spacing: normal;
	vertical-align: top;
}
.thumbList01 li img {
	border: 1px solid #ebeaec;
}

/* groupList
-------------------------------------*/
.groupList01 {
	border-bottom: 1px solid #ebeaec;
}
.groupList01 li {
	padding: 10px 0;
	border-top: 1px solid #ebeaec;
}
.groupList01 li h3 {
	float: left;
	width: 49%;
	font-size: 20px;
	font-weight: bold;
}
.groupList01 li h3 img {
	width: 32px;
	vertical-align: top;
}
.groupList01 li p {
	float: right;
	width: 49%;
	margin: 0 0 5px 0;
}

/* dlList
-------------------------------------*/
.dlList01 {
	display: table;
	font-size: 14px;
}
.dlList01 dt,
.dlList01 dd {
	display: table-cell;
	vertical-align: top;
}
.dlList01 dt {
	width: 6em;
	font-weight: bold;
}
.dlList01 dd ul {
	padding: 0 0 12px 0;
	list-style: none;
}
.dlList01 dd ul li a {
	font-weight: normal;
}

/* snsBtn
-------------------------------------*/
.snsBtn {
	padding: 10px 0 30px 0;
}


/*-------------------------------------
 movie
-------------------------------------*/
/* movieData
-------------------------------------*/
.movieData {
	margin: 0 0 30px 0;
	padding: 5px 6px 12px 6px;
	border-radius: 5px;
	background: url(/common/images/bg01.png) repeat;
	overflow: hidden;
}
.movieData dl {
	float: left;
	width: 50%;
	padding: 0 6px;
	box-sizing: border-box;
}
.movieData dl dt {
	margin: 0 0 5px 0;
	color: #fff;
	font-size: 20px;
}
.movieData dl dd {
	padding: 10px 15px;
	font-size: 13px;
	line-height: 1.7;
	border-radius: 3px;
	background: #fff;
}

/* movieRecommend
-------------------------------------*/
.movieRecommend {
	margin: 0 0 20px 0;
	padding: 0 12px 12px 12px;
	border-radius: 5px;
	background: url(/common/images/bg02.png) repeat;
}
.movieRecommend .movieHead {
	position: relative;
	padding: 6px 0 6px 19px;
	color: #fff;
	font-size: 18px;
	font-weight: bold;
}
.movieRecommend .movieHead:after {
	position: absolute;
	top: -4px;
	left: 0;
	width: 16px;
	height: 36px;
	content: "";
	background: url(/common/images/icn_ribbon01.png) no-repeat 0 0;
}
.movieRecommend .movieBody {
	padding: 30px;
	font-size: 13px;
	line-height: 1.7;
	background: #fff;
	overflow: hidden;
}
.movieRecommend .movieTitle {
	margin: 0 0 30px 0;
	overflow: hidden;
}
.movieRecommend .movieTitle .pic {
	float: left;
	width: 200px;
	margin: 0 15px 0 0;
}
.movieRecommend .movieTitle h6 {
	font-size: 17px;
	font-weight: bold;
	line-height: 1.4;
	overflow: hidden;
}
.movieRecommend .movieTitle h6 em {
	display: block;
	font-size: 26px;
}
.movieNote p {
	color: #737373;
	font-size: 12px;
	line-height: 1.4;
}
.movieSummary {
	padding: 12px 0 0 0;
}
.movieSummary p {
	margin: 0;
	font-size: 13px;
	line-height: 1.4;
}


/*-------------------------------------
 entrySeries
-------------------------------------*/
.entrySeries {
	margin: 0 0 20px 0;
	padding: 12px;
	border-radius: 5px;
	background: url(/common/images/bg03.png) repeat;
}
.entrySeries .seriesNav {
	padding: 0 0 12px 0;
	overflow: hidden;
}
.entrySeries .seriesNav a {
	display: block;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	line-height: 25px;
	text-decoration: none;
	border-radius: 3px;
}
.entrySeries .seriesNav .btnPrev {
	float: left;
}
.entrySeries .seriesNav .btnPrev a {
	padding: 0 28px 0 7px;
	background: url(/common/images/btn_prev_bg01.png) no-repeat right top;
}
.entrySeries .seriesNav .btnNext {
	float: right;
}
.entrySeries .seriesNav .btnNext a {
	padding: 0 7px 0 28px;
	background: url(/common/images/btn_next_bg01.png) no-repeat left top;
}
.entrySeries .seriesBox {
	padding: 10px 15px;
	border-radius: 3px;
	background: #fff;
}
.entrySeries .seriesBox .boxHead {
	margin: 0 0 8px 0;
	font-size: 18px;
	font-weight: bold;
}
.entrySeries .seriesBox .boxBody ul {
	margin: 0 0 -3px 0;
}
.entrySeries .seriesBox .boxBody ul li {
	margin: 0 0 8px 0;
	padding: 0 0 0 24px;
	background: url(/common/images/icn_file01.png) no-repeat 4px 2px;
}


/*-------------------------------------
 img
-------------------------------------*/
.imgR {
	float: right;
	/*max-width: 400px;*/
	padding: 0 0 20px 25px;
	text-align: right;
}
.imgL {
	float: left;
	/*max-width: 400px;*/
	padding: 0 25px 20px 0;
	text-align: left;
}
.imgC {
	margin: 0 0 20px 0;
	text-align: center;
}
.imgList ul {
	margin: 0 -20px 0 0;
	padding: 0;
	letter-spacing: -0.4em;
	overflow: hidden;
}
.imgList ul li {
	display: inline-block;
	width: 223px;
	margin: 0 20px 20px 0;
	letter-spacing: normal;
	text-align: center;
	vertical-align: top;
}

.imgR,
.imgL {
	display: table;
	width: 100px;
}
.imgR .pic img,
.imgL .pic img {
	max-width: 400px;
}
.imgR .title,
.imgL .title,
.imgC .title,
.imgList .title {
	margin: 0 0 10px 0;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
}

.imgR .pic a,
.imgL .pic a,
.imgC .pic a {
	position: relative;
	display: inline-block;
}
.imgC .pic a {
	max-width: 100%;
}
.imgList .pic a {
	position: relative;
	display: block;
}
.imgR .pic a:after,
.imgL .pic a:after,
.imgC .pic a:after,
.imgList .pic a:after {
	position: absolute;
	right: 15px;
	bottom: 15px;
	width: 50px;
	height: 50px;
	content: "";
	background: url(/common/images/icn_zoom01.png) no-repeat 0 0;
}

.caption {
	padding: 5px 0;
	color: #737373;
	font-size: 12px;
	text-align: left;
}
.caption p {
	margin: 0;
	line-height: 1.3;
}
.caption p a {
	display: inline-block;
	/*padding: 0 15px 0 0;*/
	font-size: 13px;
	font-weight: bold;
	/*background: url(/common/images/icn_blank01.png) no-repeat right 2px;*/
}
.imgR .caption,
.imgL .caption {
	/*background: #f9f9f9;*/
}
.imgC .caption {
	text-align: center;
}


/*-------------------------------------
 video
-------------------------------------*/
.videoC {
	max-width: 640px;
	margin: 0 auto 20px auto;
	text-align: center;
}
.videoMid {
	max-width: 448px;
}
.videoSml {
	max-width: 320px;
}
.videoL,
.videoR {
	width: 320px;
}
.videoL {
	float: left;
	padding: 0 25px 20px 0;
}
.videoR {
	float: right;
	padding: 0 0 20px 25px;
}
.videoC .video,
.videoL .video,
.videoR .video {
	position: relative;
	height: 0;
	margin: 0 auto;
	padding-top: 56.25%;
}
.videoC .video video,
.videoL .video video,
.videoR .video video {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.videoC .title,
.videoL .title,
.videoR .title {
	margin: 0 0 10px 0;
	font-size: 17px;
	font-weight: bold;
	letter-spacing: normal;
	text-align: center;
}


/*-------------------------------------
 modal
-------------------------------------*/
.modalOverlay {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	z-index: 1000;
	background: rgba(0,0,0,0.5);
}
.modalWindow {
	position: absolute;
	top: 50%;
	left: 50%;
	margin: auto;
	padding: 40px;
	background: #fff;
	transform: translate(-50%,-50%);
}
.modalClose {
	position: absolute;
	top: -34px;
	right: -34px;
	width: 72px;
	height: 72px;
	cursor: pointer;
	background: url(/common/images/modal_btn_close.png) no-repeat 0 0;
}
.modalBox {
	min-width: 640px;
}
.modalBox .videoC {
	margin: 0;
}



/*-------------------------------------
 btn
-------------------------------------*/
.btnList01 {
	padding: 0 0 50px 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.btnList01 li {
	display: inline-block;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.btnList01 a {
	position: relative;
	display: block;
	height: 40px;
	padding: 0 42px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	border-radius: 3px;
	background: url(/common/images/bg04.png) repeat;
}
.btnList01 a img {
	position: absolute;
	top: 4px;
	left: 10px;
	width: 32px;
}

.btnList02 {
	clear: both;
	padding: 25px 0 0 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.btnList02 li {
	display: inline-block;
	min-width: 450px;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.btnList02 a {
	position: relative;
	display: block;
	height: 45px;
	padding: 0 50px;
	color: #fff;
	font-size: 23px;
	font-weight: bold;
	line-height: 45px;
	text-decoration: none;
	border-radius: 3px;
	background: url(/common/images/bg04.png) repeat;
}
.btnList02 a img {
	position: absolute;
	top: 6px;
	left: 20px;
}

.btnList03 {
	padding: 0 0 50px 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.btnList03 li {
	display: inline-block;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.btnList03 a {
	position: relative;
	display: block;
	height: 40px;
	padding: 0 42px;
	color: #91714c;
	font-size: 15px;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	border-radius: 3px;
	background: url(/common/images/bg03.png) repeat;
}

.btnList04 {
	letter-spacing: -0.4em;
	text-align: center;
}
.btnList04 li {
	display: inline-block;
	margin: 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.btnList04 a {
	position: relative;
	display: block;
	min-width: 212px;
	height: 30px;
	padding: 0 35px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	text-decoration: none;
	border-radius: 3px;
	background: url(/common/images/bg04.png) repeat;
}
.btnList04 a img {
	position: absolute;
	top: 5px;
	left: 15px;
	width: 20px;
}


/*-------------------------------------
 link
-------------------------------------*/
.arwLink01 {
	clear: both;
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
	text-align: right;
}
.arwLink01 a {
	display: inline-block;
	padding: 0 22px 0 0;
	background: url(/common/images/icn_arw01.png) no-repeat right center;
}
.arwLink02 {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}
.arwLink02 a {
	display: inline-block;
	padding: 0 0 0 22px;
	background: url(/common/images/icn_arw01.png) no-repeat left center;
}
.arwLink03 {
	font-size: 13px;
	font-weight: bold;
	line-height: 15px;
}
.arwLink03 a {
	display: inline-block;
	padding: 0 0 0 22px;
	background: url(/common/images/icn_arw04.png) no-repeat left center;
}


/*-------------------------------------
 pageNav
-------------------------------------*/
.pageNav {
	padding: 50px 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.pageNav li {
	display: inline-block;
	margin: 0 0 0 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.pageNav li a {
	display: block;
	width: 25px;
	height: 25px;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	border-radius: 3px;
	border: 1px solid #c6b49e;
	background: #fff;
	box-sizing: border-box;
	overflow: hidden;
}
.pageNav .pagePrev a,
.pageNav .pageNext a {
	text-indent: 100%;
	white-space: nowrap;
	border: none;
}
.pageNav .pagePrev a {
	background: url(/common/images/btn_prev_bg01.png) no-repeat right center;
}
.pageNav .pageNext a {
	background: url(/common/images/btn_next_bg01.png) no-repeat left center;
}

.pageList01 {
	padding: 20px 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.pageList01 a,
.pageList01 b {
	display: inline-block;
	width: 30px;
	height: 30px;
	margin: 0 5px;
	line-height: 30px;
	letter-spacing: normal;
	text-align: center;
	border: 1px solid #ebeaec;
}
.pageList01 b {
	color: #91714c;
	font-weight: bold;
	background: #f6f5f2;
}
.pageList01 .prev,
.pageList01 .next,
.pageList01 .first,
.pageList01 .last {
	display: inline-block;
	padding: 0 5px;
}
.pageList01 .prev a,
.pageList01 .next a,
.pageList01 .first a,
.pageList01 .last a {
	width: auto;
	height: auto;
	margin: 0;
	border: none;
}

/*-------------------------------------
 column
-------------------------------------*/
.columnList {
	margin: 0 -15px 10px -15px;
	letter-spacing: -0.4em;
	overflow: hidden;
}
.columnList .clm {
	display: inline-block;
	padding: 0 15px 30px 15px;
	letter-spacing: normal;
	vertical-align: middle;
}
.columnTwo .clm {
	width: 50%;
	box-sizing: border-box;
}

/*-------------------------------------
 yomu
-------------------------------------*/
/* math
-------------------------------------*/
.mathArwBox01 {
	clear: both;
	padding: 50px 0 10px 0;
	background: url(/common/images/icn_arw06.gif) no-repeat center top;
}
.mathArwBox01:after {
	clear: both;
	display: block;
	content: "";
}
.mathTxt01 {
	padding: 0 0 20px 0;
}
.mathTxt01 p {
	line-height: 1.2 !important;
}
.mathTxt01 .group {
	display: inline-block;
	padding: 0 5px 0 0;
	letter-spacing: normal;
	vertical-align: middle;
}
.mathTxt01 .fraction {
	display: flex;
	flex-direction: column-reverse;
}
.mathTxt01 .fraction span {
	display: block;
	padding: 3px;
	text-align: center;
}
.mathTxt01 .fraction .denom {
	border-top: 1px solid #000;
}


/*-------------------------------------
 yakudatsu
-------------------------------------*/
/* toolTab
-------------------------------------*/
.toolTab {
	padding: 30px 0 5px 0;
}
.toolTab h2 {
	margin: 0 0 10px 0;
	font-size: 20px;
	font-weight: bold;
}
.toolTab ul {
	margin: 0 -12px 0 0;
	overflow: hidden;
}
.toolTab ul li {
	float: left;
	width: 310px;
	margin: 0 12px 0 0;
	cursor: pointer;
}
.toolTab ul li p {
	position: relative;
	padding: 12px 12px 12px 75px;
	font-size: 12px;
	line-height: 1.6;
	border-radius: 5px 5px 0 0;
	background: url(/common/images/bg03.png) repeat;
}
.toolTab ul li p em {
	display: block;
	font-size: 20px;
	font-weight: bold;
}
.toolTab ul li p:after {
	position: absolute;
	top: 12px;
	left: 12px;
	width: 51px;
	height: 51px;
	content: "";
	background-repeat: no-repeat;
	background-position: 0 0;
}
.toolTab ul li.toolTab01 p:after {
	background-image: url(/common/images/tab_cat_yakudatsu_plans.png);
}
.toolTab ul li.toolTab02 p:after {
	background-image: url(/common/images/tab_cat_yakudatsu_ideas.png);
}
.toolTab ul li.toolTab03 p:after {
	background-image: url(/common/images/tab_cat_yakudatsu_materials.png);
}
.toolTab ul li.select p {
	color: #fff;
	background: url(/common/images/bg01.png) repeat;
}
.toolTab ul li.toolTab01.select p:after  {
	background-image: url(/common/images/tab_cat_yakudatsu_plans_on.png);
}
.toolTab ul li.toolTab02.select p:after  {
	background-image: url(/common/images/tab_cat_yakudatsu_ideas_on.png);
}
.toolTab ul li.toolTab03.select p:after  {
	background-image: url(/common/images/tab_cat_yakudatsu_materials_on.png);
}

.toolTabPanel,
.toolSelect {
	position: relative;
	clear: both;
	padding: 10px 0 10px 10px;
	background: #f7f7f3;
}
.toolTabPanel {
	margin: 0 0 60px 0;
}
.toolSelect {
	margin: 0 0 25px 0;
}
.toolTabPanel:after,
.toolSelect:after {
	content: "";
	position: absolute;
	bottom: -16px;
	left: 50%;
	margin-left: -16px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 16px 16px 0 16px;
	border-color: #f7f7f3 transparent transparent transparent;
}
.toolTabBox,
.toolSelectBox {
	overflow: hidden;
}
.toolTabBox dl {
	float: left;
	width: 462px;
	margin: 0 10px 0 0;
	border-radius: 3px;
	background: #fff;
}
.toolSelectBox dl {
	margin: 0 10px 0 0;
	border-radius: 3px;
	background: #fff;
}
.toolSelectClmTwo dl {
	float: left;
	width: 462px;
}
.toolTabBox dl dt,
.toolSelectBox dl dt {
	padding: 5px 15px 10px 15px;
	color: #80c40f;
	font-size: 18px;
	font-weight: bold;
	background-image: linear-gradient(to left, #e2d9ce 0%, #e2d9ce 60%, transparent 61%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 10px 2px;
}
.toolTabBox dl dd ul {
	padding: 10px 15px 0 15px;
	letter-spacing: -0.4em;
}
.toolTabBox dl dd ul li {
	display: inline-block;
	width: 140px;
	margin: 0 0 10px 0;
	letter-spacing: normal;
	vertical-align: top;
}
.toolSelectBox dl dd ul {
	padding: 10px 0 0 15px;
	letter-spacing: -0.4em;
}
.toolSelectBox dl dd ul li {
	display: inline-block;
	margin: 0 15px 10px 0;
	letter-spacing: normal;
	vertical-align: top;
}
.toolTabBox dl dd ul li label,
.toolSelectBox dl dd ul li label {
	position: relative;
	cursor: pointer;
}
.toolTabBox dl dd ul li label:before,
.toolSelectBox dl dd ul li label:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 18px;
	height: 18px;
	content: "";
	border-radius: 2px;
	border: 2px solid #cfbca6;
	box-sizing: border-box;
	box-shadow: 1px 1px rgba(0,0,0,0.05) inset;
}
.toolTabBox dl dd ul li label.checked:after,
.toolSelectBox dl dd ul li label.checked:after {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 12px;
	height: 10px;
	content: "";
	background: url(/common/images/icn_check02.png) no-repeat 0 0;
}
.toolTabBox dl dd ul li label.disabled,
.toolSelectBox dl dd ul li label.disabled {
	color: #a3a3a3;
}
.toolTabBox dl dd ul li label.disabled:before,
.toolSelectBox dl dd ul li label.disabled:before {
	border: 2px solid #eadfd1;
	background: #f5f5f5;
	box-shadow: none;
}
.toolTabBox dl dd ul li label.disabled:after,
.toolSelectBox dl dd ul li label.disabled:after {
	display: none;
}
.toolTabBox dl dd ul li label input,
.toolSelectBox dl dd ul li label input {
	margin: 0 10px 0 0;
	visibility: hidden;
}

/* resultBox
-------------------------------------*/
.resultBox {
	margin: -25px 0 40px 0;
	padding: 15px 15px 5px 15px;
	border-radius: 5px;
	border: 2px solid #80c40f;
}
.resultBox ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 23px;
	background: url(/common/images/icn_arw02.png) no-repeat 0 3px;
}
.resultBox ul li p {
	display: inline;
	font-weight: bold;
	vertical-align: top;
}

/* yakudatsuSection
-------------------------------------*/
.yakudatsuSection {
	margin: 0 0 20px 0;
	border-bottom: 1px solid #ebeaec;
}
/* illustList */
.illustList01 {
	margin: 0 -10px 20px 0;
	letter-spacing: -0.4em;
}
.illustList01 li {
	display: inline-block;
	width: 200px;
	margin: 0 10px 10px 0;
	padding: 15px;
	letter-spacing: normal;
	vertical-align: top;
	background: #f7f6f2;
	overflow: hidden;
}
.illustList01 li .thumb {
	border: 1px solid #ebeaec;
}
.illustList01 li .item {
	padding: 10px 0;
}
.illustList01 li .caption {
	display: inline;
	color: #141414;
	font-size: 13px;
	background: none;
}
.illustList01 li .type {
	margin: 0 5px 0 0;
}
.btnDl a {
	position: relative;
	display: block;
	height: 30px;
	padding: 0 33px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	line-height: 30px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	background: url(/common/images/bg04.png) repeat;
}
.btnDl a img {
	position: absolute;
	top: 5px;
	left: 12px;
	width: 21px;
}
/* slideList */
.slideList01 {
	position: relative;
	margin: 0 0 20px 0;
	padding: 0 30px;
}
.slideList01 ul {
	margin: 0 -10px 0 0;
	letter-spacing: -0.4em;
}
.slideList01 ul li {
	display: inline-block;
	width: 135px;
	margin: 0 7px;
	letter-spacing: normal;
	vertical-align: top;
}
.slideList01 ul li .thumb {
	margin: 0 0 5px 0;
	border: 1px solid #ebeaec;
}
.slideList01 ul li .item {
	padding: 0 0 0 18px;
	font-weight: bold;
	line-height: 1.3;
	background: url(/common/images/icn_arw02.png) no-repeat 0 3px;
}
.slideList01 ul li .type {
	margin: 0 5px 0 0;
}
.slideList01 ul li .mainttl {
	display: inline;
}
.slideList01 .btnPrev,
.slideList01 .btnNext {
	position: absolute;
	top: 0;
	bottom: 0;
	width: 23px;
	cursor: pointer;
	background-color: #f6f5f1;
	background-repeat: no-repeat;
	background-position: center center;
}
.slideList01 .btnPrev {
	left: 0;
	background-image: url(/common/images/btn_prev02.png);
}
.slideList01 .btnNext {
	right: 0;
	background-image: url(/common/images/btn_next02.png);
}


/*-------------------------------------
 sankasuru
-------------------------------------*/
.sankasuruClmTwo {
	position: relative;
	margin: 0 0 40px 0;
	border-bottom: 1px solid #ebeaec;
	background: url(/common/images/border01.png) repeat-y center top;
}
.sankasuruClmTwo:after {
	clear: both;
	display: block;
	content: "";
}
.sankasuruClmBox {
	float: left;
	width: 50%;
	padding: 0 0 30px 0;
}
.sankasuruClmBox .categoryHead h3 {
	width: auto;
}
.sankasuruClmBox .boxBody {
	padding: 12px;
}
.sankasuruClmBox .arwLink01 {
	position: absolute;
	right: auto;
	bottom: 12px;
	width: 50%;
	box-sizing: border-box;
}
.sankasuruClmBox:nth-child(odd) .arwLink01 {
	padding: 0 12px 0 0;
}
.sankasuruClmBox .boxBody .photosBox .arwLink01 {
	position: relative;
	right: auto;
	bottom: auto;
	width: auto;
}
.sankasuruClmBox .lead {
	margin: 0 0 15px 0;
	line-height: 1.9;
}

/* index
-------------------------------------*/
/* questionnaire/photos */
.questionnaireBox .mainttl {
	clear: both;
	padding: 0 0 15px 0;
}
.questionnaireBox .mainttl p {
	position: relative;
	padding: 15px 10px 15px 45px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	background: #f8f8f4;
}
.questionnaireBox .mainttl p em {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #80c40f;
	font-size: 23px;
}
.questionnaireBox .mainttl p:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 40px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: #f8f8f4 transparent transparent transparent;
}
.questionnaireBox .group {
	text-align: right;
}
.questionnaireBox .group .type {
	margin: 0 0 0 5px;
}
.questionnaireBox .graph {
	float: left;
	width: 160px;
	padding: 0 20px 0 0;
}
.questionnaireBox .graph canvas {
	width: 100%;
	height: auto;
	max-width: 160px;
}
.questionnaireBox .item {
	padding: 30px 0 10px 0;
	text-align: center;
	overflow: hidden;
}
.questionnaireBox .item .questionnaireSelect {
	margin: 0 0 10px 0 !important;
}
.questionnaireBox .item .questionnaireBtn input {
	width: 150px;
	max-width: 100%;
	padding: 5px 0 5px 50px;
	box-sizing: border-box;
}

.photosBox {
	margin: 0 -12px 0 0;
	padding: 15px;
	border-radius: 3px;
	background: #f8f8f4;
}
.photosBox .pic {
	margin: 0 0 10px 0;
	padding: 15px;
	text-align: center;
	background: #fff;
}
.btnPhotos {
	width: 300px;
	margin: 0 auto;
	padding: 10px 0 0 0;
}
.btnPhotos a {
	position: relative;
	display: block;
	height: 25px;
	padding: 0 36px;
	color: #fff;
	font-weight: bold;
	line-height: 25px;
	text-align: center;
	text-decoration: none;
	border-radius: 3px;
	background: url(/common/images/bg04.png) repeat;
}
.btnPhotos a img {
	position: absolute;
	top: 3px;
	left: 16px;
	width: 20px;
}
/* event */
.eventList {
	margin: 0 0 10px 0;
}
.eventList li {
	padding: 0 0 10px 20px;
	background: url(/common/images/icn_arw02.png) no-repeat 0 2px;
}
.eventList li .date {
	display: block;
	color: #575757;
	font-size: 13px;
	font-weight: bold;
}
.eventList li .mainttl {
	display: inline;
	font-weight: bold;
}
/* present */
.presentsList {
	margin: 0 0 10px 0;
}
.presentsList li {
	clear: both;
	padding: 0 0 20px 0;
	overflow: hidden;
}
.presentsList li .mainttl {
	font-weight: bold;
}
.presentsList li .subttl {
	font-size: 12px;
}
.presentsList .date {
	display: block;
	color: #e24500 !important;
	font-size: 13px;
}
.presentsList01 li .thumb {
	width: 158px;
	height: 158px;
	margin: 0 auto 15px auto;
	padding: 20px;
	text-align: center;
	border: 1px solid #ebeaec;
}
.presentsList01 li .item {
	padding: 0 0 20px 0;
	text-align: center;
}
.presentsList02 .thumb {
	float: left;
	width: 85px;
	margin: 0 10px 0 0;
	text-align: center;
	border: 1px solid #ebeaec;
}
.presentsList02 .item {
	overflow: hidden;
}


/* photos
-------------------------------------*/
.photosBox01 {
	clear: both;
	position: relative;
	z-index: 1;
	margin: 0 0 10px 0;
	background: url(/common/images/bg05.png) repeat;
}
.photosBox01 .bgTop {
	position: relative;
	height: 30px;
	background: url(/common/images/box03_bg_top.png) repeat-x center top;
}
.photosBox01 .bgBottom {
	position: relative;
	height: 30px;
	background: url(/common/images/box03_bg_bottom.png) repeat-x center bottom;
}
.photosBox01 .bgTop:before,
.photosBox01 .bgTop:after,
.photosBox01 .bgBottom:before,
.photosBox01 .bgBottom:after {
	position: absolute;
	width: 30px;
	height: 30px;
	content: "";
}
.photosBox01 .bgTop:before {
	top: 0;
	left: 0;
	background: url(/common/images/box03_bg_top_l.png) no-repeat 0 0;
}
.photosBox01 .bgTop:after {
	top: 0;
	right: 0;
	background: url(/common/images/box03_bg_top_r.png) no-repeat 0 0;
}
.photosBox01 .bgBottom:before {
	bottom: 0;
	left: 0;
	background: url(/common/images/box03_bg_bottom_l.png) no-repeat 0 0;
}
.photosBox01 .bgBottom:after {
	bottom: 0;
	right: 0;
	background: url(/common/images/box03_bg_bottom_r.png) no-repeat 0 0;
}
.photosBox01 .bgMain {
	background: url(/common/images/box03_bg_l.png) repeat-y left top;
}
.photosBox01 .inner {
	width: auto;
	padding: 30px 60px;
	text-align: center;
	background: url(/common/images/box03_bg_r.png) repeat-y right top;
}
.photosBox01 h1 {
	margin: 0 0 10px 0;
	font-size: 26px;
	font-weight: bold;
}
.photosBox01 .pic {
	display: inline-block;
	margin: 25px 0;
	padding: 25px;
	background: #fff;
}
.photosBox01 .item {
	text-align: left;
}
.photosBox01 .item p {
	margin: 0 0 10px 0;
	line-height: 1.8;
}

.photosBox02 {
	clear: both;
	position: relative;
	z-index: 1;
	margin: 0 0 10px 0;
	padding: 5px;
	background: url(/common/images/bg04.png) repeat;
}
.photosBox02:before {
	position: absolute;
	top: -20px;
	left: -11px;
	z-index: 2;
	width: 86px;
	height: 86px;
	content: "";
	background: url(/common/images/box01_bg_top.png) no-repeat 0 0;
}
.photosBox02:after {
	position: absolute;
	bottom: -20px;
	right: -11px;
	z-index: 2;
	width: 86px;
	height: 86px;
	content: "";
	background: url(/common/images/box01_bg_bottom.png) no-repeat 0 0;
}
.photosBox02 .inner {
	width: auto;
	margin: 3px;
	padding: 30px;
	box-shadow: 0 0 0 3px #fffef1;
	border: 1px solid #80c40f;
	background: #fffef1;
}
.photosBox02 .pic {
	float: right;
	width: 238px;
	margin: 0 0 0 35px;
	padding: 30px 10px;
	text-align: center;
	border: 1px solid #ebeaec;
	background: #fff;
}
.photosBox02 .pic img {
	max-height: 200px;
}
.photosBox02 .item {
	overflow: hidden;
}
.photosBox02 h1 {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: bold;
}
.photosBox02 .item p {
	margin: 0 0 20px 0;
	line-height: 2;
}

.photosBox03 {
	clear: both;
	position: relative;
	z-index: 1;
	margin: 0 0 50px 0;
}
.photosBox03 .bgTop {
	clear: both;
	position: relative;
	height: 24px;
	background: url(/common/images/box04_bg_top.png) no-repeat center top;
}
.photosBox03 .bgBottom {
	clear: both;
	position: relative;
	height: 24px;
	background: url(/common/images/box04_bg_bottom.png) no-repeat center bottom;
}
.photosBox03 .bgTop:before,
.photosBox03 .bgTop:after,
.photosBox03 .bgBottom:before,
.photosBox03 .bgBottom:after {
	position: absolute;
	width: 26px;
	height: 24px;
	content: "";
}
.photosBox03 .bgTop:before {
	top: 0;
	left: 0;
	background: url(/common/images/box04_bg_top_l.png) no-repeat 0 0;
}
.photosBox03 .bgTop:after {
	top: 0;
	right: 0;
	background: url(/common/images/box04_bg_top_r.png) no-repeat 0 0;
}
.photosBox03 .bgBottom:before {
	bottom: 0;
	left: 0;
	background: url(/common/images/box04_bg_bottom_l.png) no-repeat 0 0;
}
.photosBox03 .bgBottom:after {
	bottom: 0;
	right: 0;
	background: url(/common/images/box04_bg_bottom_r.png) no-repeat 0 0;
}
.photosBox03 .inner {
	width: auto;
	padding: 16px 0 20px 0;
	overflow: hidden;
}
.photosBox03 h1 {
	margin: 0 0 24px 0;
	padding: 0 0 0 20px;
	font-size: 26px;
	font-weight: bold;
}
.photosBox03 h1 img {
	margin: 0 10px 0 0;
	vertical-align: middle;
}
.photosBox03 .announce {
	position: relative;
	float: left;
	width: 400px;
	margin: 0 38px 0 0;
	padding: 0 25px 38px 25px;
	text-align: center;
	background: url(/common/images/box05_bg_bottom.png) no-repeat left bottom;
	background-size: 100% auto;
}
.photosBox03 .announce:before {
	position: absolute;
	top: 0;
	left: 0;
	width: 72px;
	height: 72px;
	content: "";
	background: url(/common/images/box05_bg_top_l.png) no-repeat 0 0;
}
.photosBox03 .announce:after {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 72px;
	height: 72px;
	content: "";
	background: url(/common/images/box05_bg_bottom_r.png) no-repeat 0 0;
}
.photosBox03 .announce h2 {
	margin: 0 -25px;
	padding: 35px 25px 5px 25px;
	font-size: 20px;
	font-weight: bold;
	background: url(/common/images/box05_bg_top.png) no-repeat left top;
	background-size: 100% auto;
}
.photosBox03 .announce .name {
	margin: 0 0 20px 0;
	font-size: 16px;
}
.photosBox03 .announce .pic {
	padding: 15px;
	background: #fff;
}
.photosBox03 .announce .pic img {
	max-height: 270px;
}
.photosBox03 .item {
	overflow: hidden;
}
.photosBox03 .item h3 {
	margin: 0 0 10px 0;
	padding: 10px 0;
	font-size: 18px;
	font-weight: bold;
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 33.3%, transparent 33.3%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 3px 1px;
	overflow: hidden;
}
.photosBox03 .item p {

	margin: 0 0 20px 0;
	line-height: 1.8;
	overflow: hidden;
}
.photosBox03 .item .prize {
	float: right;
	width: 200px;
	margin: 0 0 0 26px;
}
.photosBox03 .item .prize img {
	border: 1px solid #ebeaec;
	box-sizing: border-box;
}

.photosTag {
	clear: both;
	margin: 0 0 50px 0;
}

.photosBtn {
	clear: both;
	margin: 0 0 50px 0;
}
.photosBtn p {
	font-size: 18px;
	font-weight: bold;
	text-align: center;
}

/* presents
-------------------------------------*/
.presentsBox01 {
	clear: both;
	position: relative;
	z-index: 1;
	margin: 0 0 50px 0;
	padding: 5px;
	background: url(/common/images/bg04.png) repeat;
}
.presentsBox01:before {
	position: absolute;
	top: -20px;
	left: -11px;
	z-index: 2;
	width: 86px;
	height: 86px;
	content: "";
	background: url(/common/images/box01_bg_top.png) no-repeat 0 0;
}
.presentsBox01:after {
	position: absolute;
	bottom: -20px;
	right: -11px;
	z-index: 2;
	width: 86px;
	height: 86px;
	content: "";
	background: url(/common/images/box01_bg_bottom.png) no-repeat 0 0;
}
.presentsBox01 .inner {
	width: auto;
	margin: 3px;
	padding: 30px;
	box-shadow: 0 0 0 3px #fffef1;
	border: 1px solid #80c40f;
	background: #fffef1;
}
.presentsBox01 .pic {
	float: right;
	width: 238px;
	margin: 0 0 0 35px;
	padding: 30px 10px;
	text-align: center;
	border: 1px solid #ebeaec;
	background: #fff;
}
.presentsBox01 .item {
	overflow: hidden;
}
.presentsBox01 h1 {
	margin: 0 0 10px 0;
	font-size: 24px;
	font-weight: bold;
}
.presentsBox01 h5 {
	margin: 0 0 10px 0;
	font-size: 18px;
	font-weight: bold;
}
.presentsBox01 .tagList,
.presentsBox01 p {
	margin: 0 0 10px 0;
}
.presentsBox01 .lead {
	padding: 0 0 25px 0;
}

.presentsBox02 {
	clear: both;
	position: relative;
	z-index: 1;
	margin: 0 0 50px 0;
	padding: 0 0 27px 0;
	background: url(/common/images/box02_bg_bottom.png) repeat-x center bottom;
}
.presentsBox02:before,
.presentsBox02:after {
	position: absolute;
	bottom: 0;
	width: 39px;
	height: 27px;
	content: "";
}
.presentsBox02:before {
	left: 0;
	background: url(/common/images/box02_bg_bottom_l.png) no-repeat 0 0;
}
.presentsBox02:after {
	right: 0;
	background: url(/common/images/box02_bg_bottom_r.png) no-repeat 0 0;
}
.presentsBox02 .inner {
	width: auto;
	padding: 0 39px 20px 39px;
}
.presentsBox02 .title {
	position: relative;
	height: 49px;
	margin: 0 -39px 20px -39px;
	text-align: center;
	background: url(/common/images/box02_bg_top_l02.png) no-repeat left top;
}
.presentsBox02 .title:before {
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 49px;
	content: "";
	background: url(/common/images/box02_bg_top_r02.png) no-repeat right top;
}
.presentsBox02 .title p {
	position: relative;
	display: inline-block;
	min-width: 434px;
	height: 49px;
	color: #fff;
	font-size: 22px;
	font-weight: bold;
	line-height: 35px;
	background: url(/common/images/box02_bg_top.png) repeat center top;
}
.presentsBox02 .title p:before,
.presentsBox02 .title p:after {
	position: absolute;
	top: 0;
	width: 15px;
	height: 49px;
	content: "";
}
.presentsBox02 .title p:before {
	left: 0;
	background: url(/common/images/box02_bg_top_l01.png) no-repeat 0 0;
}
.presentsBox02 .title p:after {
	right: 0;
	background: url(/common/images/box02_bg_top_r01.png) no-repeat 0 0;
}
.presentsBox02 h1 {
	margin: 0 0 10px 0;
	font-size: 22px;
	font-weight: bold;
}
.presentsBox02 .tagList {
	margin: 0 0 30px 0;
}
.presentsBox02 .pic {
	float: right;
	width: 238px;
	margin: 0 0 0 35px;
	padding: 30px 10px;
	text-align: center;
	border: 1px solid #ebeaec;
	background: #fff;
}
.presentsBox02 .item {
	overflow: hidden;
}
.presentsBox02 .item dl dt {
	position: relative;
	padding: 0 0 10px 42px;
	font-size: 16px;
	line-height: 1.7;
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 33.3%, transparent 33.3%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 3px 1px;
}
.presentsBox02 .item dl dt em {
	font-size: 22px;
	font-weight: bold;
}
.presentsBox02 .item dl dt em img {
	position: absolute;
	top: 0;
	left: 0;
}
.presentsBox02 .item dl dd {
	padding: 10px 0;
	font-size: 16px;
	font-weight: bold;
	line-height: 1.6;
}
.presentsBox02 .item dl dd .name {
	padding: 10px 0 0 0;
}
.presentsBox02 .item dl dd .name li {
	font-size: 15px;
	font-weight: normal;
}

/* questionnaire
-------------------------------------*/
.questionnaireBox01,
.questionnaireBox02,
.questionnaireBox03 {
	position: relative;
	padding: 20px 0;
	border-bottom: 1px solid #ebeaec;
	overflow: hidden;
}
.questionnaireBox02 {
	min-height: 200px;
	padding: 20px 200px 20px 0;
}
.questionnaireHead .date {
	margin: 0 0 10px 0;
	color: #737373;
	font-size: 13px;
}
.questionnaireHead .state {
	padding: 2px 5px;
	color: #fff;
	font-size: 11px;
	font-weight: bold;
}
.questionnaireHead .state01 {
	background: #e24500;
}
.questionnaireHead .state02 {
	background: #999;
}

.questionnaireBox01 .questionnaireHead {
	margin: 0 0 20px 0;
}
.questionnaireBox01 .mainttl {
	clear: both;
	padding: 0 0 10px 0;
}
.questionnaireBox01 .mainttl p {
	position: relative;
	padding: 15px 10px 15px 45px;
	font-size: 18px;
	font-weight: bold;
	border-radius: 5px;
	background: #f8f8f4;
}
.questionnaireBox01 .mainttl p em {
	position: absolute;
	top: 10px;
	left: 10px;
	color: #80c40f;
	font-size: 23px;
}
.questionnaireBox01 .mainttl p:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 40px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 0 0 10px;
	border-color: #f8f8f4 transparent transparent transparent;
}
questionnaireBox01 .group {
	text-align: right;
}
.questionnaireBox01 .graph {
	float: left;
	width: 300px;
	padding: 0 5% 0 15%;
}
.questionnaireBox01 .graph canvas {
	width: 100%;
	height: auto;
	max-width: 300px;
}
.questionnaireBox01 .item {
	padding: 80px 15% 0 0;
	text-align: center;
	overflow: hidden;
}

.questionnaireBox02 .questionnaireHead,
.questionnaireBox03 .questionnaireHead {
	margin: 0 0 20px 0;
	padding: 0 8% 0 0;
}
.questionnaireBox02 .mainttl,
.questionnaireBox03 .mainttl {
	clear: both;
	padding: 0 0 10px 0;
}
.questionnaireBox02 .mainttl p,
.questionnaireBox03 .mainttl p {
	position: relative;
	padding: 5px 0 0 35px;
	font-size: 18px;
	font-weight: bold;
}
.questionnaireBox02 .mainttl p em,
.questionnaireBox03 .mainttl p em {
	position: absolute;
	top: 0;
	left: 0;
	color: #80c40f;
	font-size: 23px;
}
.questionnaireBox02 .graph {
	position: absolute;
	top: 20px;
	right: 0;
	width: 200px;
}
.questionnaireBox02 .graph canvas {
	width: 100%;
	height: auto;
	max-width: 200px;
}
.questionnaireBox02 .item {
	padding: 0 8% 0 0;
	overflow: hidden;
}
.questionnaireBox03 .result {
	margin: 0 0 10px 0;
	font-size: 18px;
}

.questionnaireSelect {
	display: inline-block;
	margin: 0 0 30px 0;
	text-align: left;
	letter-spacing: -0.4em;
}
.questionnaireSelect li {
	display: inline-block;
	min-width: 34%;
	padding: 0 20px 20px 20px;
	letter-spacing: normal;
	vertical-align: top;
	box-sizing: border-box;
}
.questionnaireSelect li label {
	position: relative;
	cursor: pointer;
}
.questionnaireSelect li label:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	border: 2px solid #cfbca6;
	box-sizing: border-box;
	box-shadow: 1px 1px rgba(0,0,0,0.05) inset;
}
.questionnaireSelect li label input {
	margin: 0 10px 0 0;
	visibility: hidden;
}
.questionnaireSelect li label:before {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.questionnaireSelect li label.checked:after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	content: "";
	border-radius: 50%;
	background: #80c40f;
}
.questionnaireSelect li label.label01:before {
	border: 2px solid #84c611;
}
.questionnaireSelect li label.label02:before {
	border: 2px solid #169d8c;
}
.questionnaireSelect li label.label03:before {
	border: 2px solid #14add9;
}
.questionnaireSelect li label.label04:before {
	border: 2px solid #14d9cd;
}
.questionnaireSelect li label.label01.checked:after,
.questionnaireSelect li label.label02.checked:after,
.questionnaireSelect li label.label03.checked:after,
.questionnaireSelect li label.label04.checked:after {
	background: #cfbca6;
}
.questionnaireBtn,
.questionnaireEndBtn {
	position: relative;
	text-align: center;
}
.questionnaireBtn label {
	display: inline-block;
	border-radius: 3px;
	background: url(/common/images/bg04.png) repeat;
}
.questionnaireBtn input {
	width: 195px;
	padding: 10px 0 10px 70px;
	color: #fff;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	cursor: pointer;
	border: none;
	background: url(/common/images/icn_dl01.png) no-repeat 12px center;
	background-size: 22px auto;
}
.questionnaireBtn.disabled label{
	background: url(/common/images/bg03.png) repeat;
}
.questionnaireBtn.disabled input {
	color: #c6b8a7;
	cursor: default;
	background: url(/common/images/icn_check03.png) no-repeat 12px center;
}
.questionnaireComment {
	padding: 10px;
	background: #f8f8f4;
}
.questionnaireComment dt {
	margin: 0 0 5px 0;
	font-weight: bold;
}
.questionnaireComment dd {
	font-size: 13px;
}

/* form
-------------------------------------*/
.formBlock {
	margin: 5px 0 30px 0;
	padding: 10px;
	border-radius: 3px;
	background: url(/common/images/bg03.png) repeat;
}
.formBlock dl {
	padding: 5px 15px;
	border-radius: 3px;
	background: #fff;
}
.formBlock dl dt {
	padding: 20px 0 0 0;
	color: #80c40f;
	font-size: 18px;
	font-weight: bold;
}
.formBlock dl dd {
	padding: 10px 0 20px 0;
	border-bottom: 1px solid #f5f4f5;
}
.formBlock dl dd:last-of-type {
	border-bottom: none;
}
.formBlock dl dd p {
	margin: 0 0 10px 0;
}
.formBlock dl dd input::-webkit-input-placeholder {
	color: #c6b49e;
}
.formBlock dl dd input::-moz-placeholder {
	color: #c6b49e;
}
.formList01 {
	margin: 0 0 -15px 0;
}
.formList01 li {
	display: inline-block;
	padding: 0 10px 15px 0;
	vertical-align: top;
}
.formList01 li label {
	position: relative;
	cursor: pointer;
}
.formList01 li label:before {
	position: absolute;
	top: 0;
	left: 0;
	content: "";
	border: 2px solid #cfbca6;
	box-sizing: border-box;
	box-shadow: 1px 1px rgba(0,0,0,0.05) inset;
}
.formList01 li label input {
	margin: 0 10px 0 0;
	visibility: hidden;
}
.formListCheck li label:before {
	width: 18px;
	height: 18px;
	border-radius: 2px;
}
.formListCheck li label.checked:after {
	position: absolute;
	top: 4px;
	left: 3px;
	width: 12px;
	height: 10px;
	content: "";
	background: url(/common/images/icn_check02.png) no-repeat 0 0;
}
.formListRadio li label:before {
	width: 20px;
	height: 20px;
	border-radius: 50%;
}
.formListRadio li label.checked:after {
	position: absolute;
	top: 5px;
	left: 5px;
	width: 10px;
	height: 10px;
	content: "";
	border-radius: 50%;
	background: #80c40f;
}
.formList02 {
	padding: 0 0 5px 0;
}
.formList02 li {
	position: relative;
	margin: 0 0 5px 0;
	padding: 0 0 0 1em;
}
.formList02 li:after {
	position: absolute;
	top: 0;
	left: 0;
	color: #e74c3c;
	content: "＊"
}
.formList03 {
	padding: 15px 15px 0 15px;
	letter-spacing: -0.4em;
}
.formList03 li {
	display: inline-block;
	margin: 0 35px 12px 0;
	padding: 0 0 0 20px;
	font-weight: bold;
	letter-spacing: normal;
	vertical-align: top;
	background: url(/common/images/icn_arw02.png) no-repeat 0 3px;
}
.formBtn {
	clear: both;
	padding: 15px 0 0 0;
	letter-spacing: -0.4em;
	text-align: center;
}
.formBtn li {
	display: inline-block;
	margin: 0 10px 5px 10px;
	letter-spacing: normal;
	vertical-align: top;
}
.formBtn input,
.formBtn button {
	position: relative;
	min-width: 120px;
	padding: 10px 20px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	border-radius: 3px;
	border: none;
	background: url(/common/images/bg04.png) repeat;
}
.formBtn .submit {
	margin: 0 10px 25px 10px;
}
.formBtn .submit input,
.formBtn .submit button {
	min-width: 410px;
	padding: 15px 20px;
}
.formBtn button em {
	display: inline-block;
	padding: 0 30px 0 0;
	font-size: 24px;
	background: url(/common/images/icn_arw05.png) no-repeat right 6px;
}
.form01,
.form02,
.form03,
.form04,
.form05,
.form06,
.form07,
.form08 {
	height: 45px;
	padding: 5px;
	border-radius: 3px;
	border: 2px solid #cfbca6;
	box-shadow: 0 0 2px rgba(0,0,0,0.1) inset;
	box-sizing: border-box;
}
.form01 {
	width: 45%;
}
.form02 {
	width: 67%;
	height: 90px;
}
.form03 {
	width: 21%;
}
.form04 {
	width: 67%;
}
.form05 {
	width: 21%;
}
.form06 {
	width: 90%;
	height: 180px;
}
.form07 {
	width: 60px;
}
.form08 {
	width: 80px;
}
.formFile {
	margin: 0 0 10px 0;
}
.require {
	color: #e74c3c;
	font-weight: bold;
}
.error {
	margin: 0 0 5px 0 !important;
	color: #e74c3c;
}
.btnZip {
	position: relative;
	padding: 5px 20px;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	border-radius: 3px;
	border: none;
	background: url(/common/images/bg04.png) repeat;
}


/*-------------------------------------
 
-------------------------------------*/
/* sitemap
-------------------------------------*/
.sitemapBox {
	position: relative;
	padding: 30px 0;
	letter-spacing: -0.4em;
}
.sitemapBox h3 {
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 50%, transparent 51%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 6px 1px;
}
.sitemapBox h3 img {
	position: relative;
	top: -28px;
	width: 72px;
	background: #fff;
}
.sitemapBox dl {
	display: inline-block;
	width: 45%;
	margin: 0 0 10px 5%;
	letter-spacing: normal;
	vertical-align: top;
}
.sitemapBox dl dt {
	padding: 7px 0 10px 10px;
	color: #6c5337;
	font-size: 15px;
	font-weight: bold;
}
.sitemapBox dl dt img {
	width: 34px;
	margin: 0 12px 0 0;
	vertical-align: middle;
}
.sitemapBox dl dd {
	padding: 0 0 2px 58px;
}
.sitemapNav {
	padding: 30px 0;
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 50%, transparent 51%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 6px 1px;
}
.sitemapNav ul {
	margin: 0 0 0 5%;
	padding: 0 0 0 58px;
}
.sitemapNav ul li,
.sitemapBox dl dd ul li {
	padding: 0 0 15px 12px;
	background: url(/common/images/icn_arw03.png) no-repeat 0 5px;
}

/* 404
-------------------------------------*/
.statusBox {
	position: relative;
	min-height: 300px;
	padding: 25px 0 50px 0;
}



/*-------------------------------------
 common
-------------------------------------*/
.fltL { float: left !important; }
.fltR { float: right !important; }
.alignL { text-align: left !important; }
.alignR { text-align: right !important; }
.alignC { text-align: center !important; }
.valignT { vertical-align: top !important; }
.valignM { vertical-align: middle !important; }
.valignB { vertical-align: bottom !important; }
.bold { font-weight: bold !important; }
.fontS { font-size: 0.8em !important; }
.fontL { font-size: 1.2em !important; }
.color01 { color: #91714c !important; }
.color02 { color: #e24500 !important; }
.color03 { color: #e74c3c !important; }
.color04 { color: #0054ac !important; }
.sup {
	font-size: 0.7em;
	vertical-align: top;
	position: relative;
	top: -0.1em;
}
.sub {
	font-size: 0.7em;
	vertical-align: bottom;
	position: relative;
	top: 0.1em;
} 

/* icn
-------------------------------------*/
.icnImg {
	width: 14px;
	margin: 0 0 0 3px;
	vertical-align: middle;
}
.icnIllust {
	max-width: inherit;
	height: 14px;
	margin: 2px 0 0 3px;
	vertical-align: top;
}

/* txt
-------------------------------------*/
.txtNote01 {
	margin: -15px 0 40px 0;
	color: #737373;
	font-size: 13px;
	text-align: right;
}
.txtNote02 {
	margin: 0 0 20px 0;
	padding: 0 0 0 1em;
	color: #737373;
	font-size: 13px;
	text-indent: -1em;
}
.sunday,
.holiday {
	color: #ec5485;
}
.saturday {
	color: #00a5d9;
}

/* border
-------------------------------------*/
.borderT01 {
	padding-top: 20px;
	background-image: linear-gradient(to left, #c6b49e 0%, #c6b49e 50%, transparent 50%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left top;
	background-size: 8px 1px;
}

/* title
-------------------------------------*/
.cmnTitle01 {
	margin: 0 0 25px 0;
	padding: 15px 10px 15px 22px;
	color: #141414;
	font-size: 23px;
	font-weight: bold;
	line-height: 1.2;
	background: url(/common/images/unit_title_bg01.png) repeat-y left top;
}

/* video
-------------------------------------*/
video.dlnone::-webkit-media-controls-enclosure {
	overflow:hidden;
}
video.dlnone::-webkit-media-controls-panel {
	width: calc(100% + 30px);
}























/*-------------------------------------------------------------------
 Media Queries
-------------------------------------------------------------------*/

/* SP layout
-------------------------------------------------------------------*/
@media screen and (max-width: 768px) {

/*-------------------------------------
 tag
-------------------------------------*/
.tag a {
	padding: 0 3px;
	font-size: 10px;
}
.tagList {
	margin: 0 -10px 0 0;
}
.tagList li {
	float: left;
	margin: 3px 10px 4px 0;
}
.tagList li a {
	display: block;
	padding: 0 2px;
	font-size: 13px;
}
.type {
	padding: 0 3px;
	font-size: 10px;
}


/*-------------------------------------
 category
-------------------------------------*/
.categoryTitle {
	display: block;
	margin: 0 -10px;
	padding: 10px;
}
.categoryTitle h1 {
	display: block;
	width: auto;
	padding: 0 0 5px 0;
	font-size: 17px;
}
.categoryTitle h1 img {
	margin: -5px 5px 0 0;
}
.categoryTitle p {
	display: block;
	width: auto;
	padding: 0;
}
.categoryTitle p .categoryLink {
	float: none;
	display: block;
	margin: 0;
}

.categoryList {
	margin: 0 -10px;
}
.categoryList ul {
	margin: 0;
	padding: 1px 0 0 0;
	border-bottom: none;
	background: none;
}
.categoryList li {
	display: table;
	width: 100%;
	padding: 5px 10px 10px 10px;
	border-right: none;
	box-sizing: border-box;
}
.categoryList li.last {
	display: none;
}
.categoryList .thumb,
.categoryList .item {
	display: table-cell;
	vertical-align: top;
}
.categoryList .thumb {
	width: 89px;
	margin: 5px 10px 0 0;
}
.categoryList .item {
	width: 100%;
	min-height: inherit;
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}
.categoryList .mainttl {
	padding: 5px 0;
	font-size: 14px;
}
.categoryList .subttl {
	font-size: 12px;
}
.categoryList .summary {
	font-size: 11px;
}
.categoryList .date {
	font-size: 11px;
}
.categoryList .icon {
	float: right;
	margin: 0;
	width: 24px;
}
.categoryList .tag {
	max-width: 86%;
}

.categoryBtnMore {
	margin: 10px;
}
.categoryBtnMore p {
	padding: 5px 20px 5px 0;
	font-size: 13px;
	background: url(/common/images/icn_plus01_sp.png) no-repeat right center;
	background-size: 15px 15px;
}

.categoryEventsList {
	margin: 0 0 10px 0;
	overflow: visible;
}
.categoryEventsList h2 {
	margin: 1px -10px 0 -10px;
	padding: 10px;
	font-size: 14px;
}
.categoryEventsList ul {
	margin: 0 -10px 10px -10px;
	background: none;
}
.categoryEventsList li {
	display: block;
	width: auto;
}
.categoryEventsList li.last {
	display: none;
}
.categoryEventsList .mainttl {
	font-size: 14px;
}
.categoryEventsList .date {
	font-size: 11px;
}

.categoryToolList ul li {
	padding: 0 0 0 15px;
	background: url(/common/images/icn_arw02.png) no-repeat 0 5px;
	background-size: 10px 10px;
}
.categoryToolList .mainttl {
	line-height: 1.5;
}
.categoryToolList .date {
	font-size: 11px;
}

.categoryArwList ul li {
	padding: 0 0 0 15px;
	background: url(/common/images/icn_arw02.png) no-repeat 0 5px;
	background-size: 10px 10px;
}
.categoryArwList .mainttl {
	line-height: 1.5;
}
.categoryArwList .date {
	font-size: 11px;
}

.categoryThumbList {
	margin: 0 -6px;
	padding: 2px 0 0 0;
}
.categoryThumbList li {
	width: 50%;
	margin: 0 0 6px 0;
	padding: 0 6px;
	box-sizing: border-box;
}

.categoryHead {
	margin: 0 -10px;
	padding: 10px;
}
.categoryHead h3 {
	float: none;
	width: auto;
	padding: 0;
	font-size: 17px;
}
.categoryHead h3 img {
	margin: -5px 5px 0 0;
}
.categoryHead p {
	float: none;
	width: auto;
	padding: 5px 0 0 0;
}


/*-------------------------------------
 head
-------------------------------------*/
/* articleHead
-------------------------------------*/
.articleHead {
	margin: 0 0 25px 0;
}
.articleHead h1 {
	clear: both;
	padding: 20px 0 5px 0;
	font-size: 13px;
	font-weight: normal;
}
.articleHead h1 em {
	margin: 0 0 5px 0;
	font-size: 17px;
	font-weight: bold;
}
.articleSummary {
	margin: 0 -10px 7px -10px;
	padding: 0 10px;
}
.articleSummary .pic {
	width: 90px;
	padding: 10px 0 10px 10px;
}
.articleSummary .item {
	padding: 5px 0;
	font-size: 14px;
	line-height: 1.5;
}
.articleName {
	font-size: 11px;
}
.articleName p a {
	font-size: 14px;
}
.articleIcnTitle .icnIllust {
	margin: 4px 0 0 3px;
}

/* interviewHead
-------------------------------------*/
.interviewHead {
	min-height: inherit;
}
.interviewHead .pic {
	display: table-header-group;
	width: auto;
	text-align: center;
}
.interviewHead .pic img {
	width: 100%;
}
.interviewHead .item {
	width: auto;
	padding: 5px 10px 10px 10px;
	font-size: 12px;
}
.interviewHead h1 {
	margin: 0 0 5px 0;
	font-size: 14px;
	font-weight: bold;
}
.interviewHead h1 em {
	margin: 0;
	font-size: 30px;
}

/* sectionHead
-------------------------------------*/
.sectionHead01 {
	margin: 0 -10px;
}
.sectionHead02 {
	margin: 0 -10px;
	padding: 10px;
	background-size: 135px auto;
}
.sectionHead02 h2 {
	font-size: 19px;
}
.sectionHead02 h2 img {
	width: 30px;
	padding: 6px 5px;
}
.sectionHead03 {
	margin: 0 -10px 20px -10px;
	padding: 10px;
}
.sectionHead03 h1 {
	float: none;
	width: auto;
	padding: 0;
	font-size: 17px;
}

/* arwHead
-------------------------------------*/
.arwHead01 {
	margin: 0 -10px 10px -10px;
	padding: 10px;
	font-size: 14px;
}
.arwHead01 h3 {
	float: left;
	width: 80%;
}
.arwHead01 .arwLink01 {
	margin: 2px 0 0 0;
}


/*-------------------------------------
 unit
-------------------------------------*/
/* unitHead
-------------------------------------*/
.unitHead {
	padding: 0 0 5px 0;
}
.unitHead .unitTitle {
	margin: 0 -10px 20px -10px;
	padding: 7px 7px 7px 12px;
	font-size: 17px;
	background: url(/common/images/unit_title_bg01_sp.png) repeat-y left top;
	background-size: 800px auto;
}
.unitHead .unitTitle02 {
	margin: 0 -10px 20px -10px;
	padding: 7px 7px 7px 12px;
	font-size: 17px;
	background: url(/common/images/unit_title_bg02_sp.png) repeat-y left top;
	background-size: 800px auto;
}
.unitHead h3 {
	font-size: 16px;
}
.unitHead h4 {
	font-size: 15px;
}

/* unitSection
-------------------------------------*/
.unitSection {
	font-size: 15px;
	line-height: 1.6;
}

/* unitFrame
-------------------------------------*/
.unitFrame01,
.unitFrame02,
.unitFrame03 {
	padding: 10px;
	line-height: 1.4;
}
.unitFrame01 h5,
.unitFrame02 h5,
.unitFrame03 h5 {
	margin: 0 0 5px 0;
	font-size: 16px;
}
.unitFrame01 p,
.unitFrame02 p,
.unitFrame03 p {
	margin: 0 0 5px 0;
	font-size: 15px;
}
.unitFrame01,
.unitFrame03 {
	border: 2px solid #e2d9ce;
}
.unitFrame02 {
	border: 5px solid #d8d8d8;
}


/*-------------------------------------
 table
-------------------------------------*/
.tbl01 th,
.tbl01 td {
	padding: 3px 5px;
}
.tbl01 th {
	font-size: 14px;
}
.tbl01 td {
	font-size: 13px;
}

.tbl02 th {
	padding: 0 0 5px 0;
	display: block;
	font-size: 14px;
}
.tbl02 td {
	display: block;
	font-size: 13px;
}

.tblScroll {
	margin: 0 0 20px 0;
	overflow: auto;
}
.tblScroll table {
	width: 600px;
}
.tblScroll::-webkit-scrollbar {
	height: 5px;
}
.tblScroll::-webkit-scrollbar-track {
	background: #F1F1F1;
	border-radius: 3px;
}
.tblScroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
	border-radius: 3px;
}


/*-------------------------------------
 box
-------------------------------------*/
/* cmnBox
-------------------------------------*/
.cmnBox01 {
	padding: 5px 9px;
}
.cmnBox01 .boxHead {
	margin: 0 0 10px 0;
	padding: 0 0 3px 0;
	font-size: 16px;
	background-size: 4px 1px;
}
.cmnBox01 .boxBody ul li {
	margin: 0 0 6px 0;
	padding: 0 0 0 20px;
	background: url(/common/images/icn_check01_sp.png) no-repeat 1px 3px;
	background-size: 14px 12px;
}

/* reportBox
-------------------------------------*/
.reportBox {
	padding: 5px 0;
	background: url(/common/images/report_box_bg_sp.png) repeat-y 0 10px #f3f6f6;
	background-size: auto 40px;
}
.reportBox .boxHead {
	margin: 0 0 0 16px;
	padding: 12px 0 10px 10px;
	font-size: 14px;
	background: url(/common/images/report_title_bg_sp.png) no-repeat 0 0;
	background-size: 139px 39px;
}
.reportBox .boxBody {
	padding: 5px 20px;
}
.reportBox .boxBody p {
	line-height: 1.5;
}

/* lstBox
-------------------------------------*/
.lstBox {
	padding: 15px 0 0 0;
}
.lstBox .boxHead {
	padding: 0 0 5px 0;
	border-top: 2px solid #80c40f;
}
.lstBox .boxHead h2,
.lstBox .boxHead h3,
.lstBox .boxHead h4,
.lstBox .boxHead h5 {
	display: inline-block;
	position: relative;
	top: -10px;
	padding: 0 5px 0 0;
	font-size: 16px;
}

/* profileBox
-------------------------------------*/
.profileBox01,
.profileBox02,
.profileBox04,
.profileBox05 {
	margin: 0 -10px 20px -10px;
	border-left: none;
	border-right: none;
	border-top: 1px solid #ebeaec;
	border-bottom: 1px solid #ebeaec;
}
.profileBox03 {
	margin: 0 -10px;
	padding: 10px;
}
.profileBox01 .name,
.profileBox02 .name,
.profileBox03 .name,
.profileBox04 .name,
.profileBox05 .name {
	margin: 0 0 10px 0;
	font-size: 13px;
}
.profileBox01 .name em,
.profileBox02 .name em,
.profileBox03 .name em,
.profileBox04 .name em,
.profileBox05 .name em {
	font-size: 15px;
}
.profileBox01 .profile,
.profileBox02 .profile,
.profileBox03 .profile,
.profileBox04 .profile,
.profileBox05 .profile {
	font-size: 12px;
	line-height: 1.6;
}

.profileBox01 {
	position: relative;
	padding: 40px 10px 10px 10px;
}
.profileBox01 .item {
	overflow: visible;
}
.profileBox01 .name {
	position: absolute;
	top: 10px;
	left: 10px;
}
.profileBox01 .list {
	margin-top: -40px;
}
.profileBox01 .list li {
	padding: 40px 0 10px 0;
}
.profileBox01 .list li .name {
	left: 0;
}
.profileBox02,
.profileBox04 {
	padding: 10px;
}
.profileBox01 .thumb,
.profileBox02 .thumb,
.profileBox03 .thumb,
.profileBox05 .thumb {
	float: right;
	width: 105px;
	margin: 0 0 10px 10px;
}
.profileBox05 ul li {
	display: block;
	width: 100%;
	padding: 10px 5px;
	overflow: hidden;
}
.profileBox06 {
	padding: 20px 10px 1px 10px;
}
.profileBox06 ul li {
	width: 40%;
	margin: 0;
  padding: 0 15px 20px 15px;
}
.profileAuthor {
	font-size: 12px;
	text-align: left;
}

/* bookBox
-------------------------------------*/
.bookBox01 {
	margin: 0 -10px 20px -10px;
	border-left: none;
	border-right: none;
	border-top: 1px solid #ebeaec;
	border-bottom: 1px solid #ebeaec;
}
.bookBox01 .thumb {
	float: none;
	width: 105px;
	margin: 0 auto 10px auto;
}
.bookBox01 .name {
	font-size: 15px;
}
.bookBox01 .info {
	font-size: 12px;
	line-height: 1.6;
}


/* relBox
-------------------------------------*/
.relBox {
	clear: both;
	margin: 0 -10px;
}
.relBox .boxHead {
	padding: 7px 35px 7px 10px;
	border-top: 3px double #ebeaec;
}
.relBox .boxBody ul {
	margin: 0 0 25px 0;
	background: none;
}
.relBox .boxBody li {
	display: block;
	width: auto;
	padding: 12px 10px;
	border-right: none;
}
.recommendList .date {
	font-size: 11px;
}
.latestList .tag {
	display: table;
	margin: 0 0 4px 0;
}
.latestList .thumb {
	float: left;
	width: 58px;
	margin: 0 10px 0 0;
	border: 1px solid #ebeaec;
}
.latestList .date {
	display: inline;
	font-size: 11px;
}
.latestList .mainttl {
	display: inline;
	margin: 0 1em 0 0;
}

/* anchorBox
-------------------------------------*/
.anchorBox {
	padding: 15px 0 5px 10px;
}
.anchorBox ul {
	float: none;
	width: auto;
	margin: 0;
}
.anchorBox ul li {
	margin: 0 0 10px 0;
	padding: 0 0 0 18px;
	background: url(/common/images/icn_arw06_sp.png) no-repeat 0 7px;
	background-size: 9px 6px;
}

/* acdBox
-------------------------------------*/
.acdBox,
.acdMoreBox {
	margin: 0 -10px 20px -10px;
}
.acdBox .boxHead {
	position: relative;
	min-height: 15px;
	padding: 0 20px 5px 0;
	cursor: pointer;
}
.acdBox .boxHead:after {
	width: 15px;
	height: 15px;
	background: url(/common/images/icn_acd_plus01.png) no-repeat 0 0;
	background-size: 15px 15px;
}
.acdBox.acdOpen .boxHead:after {
	background: url(/common/images/icn_acd_minus01.png) no-repeat 0 0;
	background-size: 15px 15px;
}
.acdBox .boxHead h5,
.acdMoreBox .boxHead h5 {
	font-size: 14px;
}
.acdBox .boxBody,
.acdMoreBox .boxBody {
	padding: 10px 10px 5px 10px;
}
.acdBox .boxBody p,
.acdMoreBox .boxBody p {
	line-height: 1.8;
}

.acdMoreBox .boxBtn {
	height: 20px;
	background: url(/common/images/icn_acd01_open.png) no-repeat center center;
	background-size: 15px 10px;
	background-color: rgba(135,200,20,0.85);
}
.acdMoreBox.acdOpen .boxBody {
	padding-bottom: 25px;
}
.acdMoreBox.acdOpen .boxBtn {
	background: url(/common/images/icn_acd01_close.png) no-repeat center center;
	background-size: 15px 10px;
	background-color: rgba(135,200,20,0.85);
}

.faqQ,
.faqA {
	font-size: 20px;
}
.faqA {
	top: -2px;
}

/* inqBox
-------------------------------------*/
.inqBox {
	margin: 0 0 30px 0;
	padding: 10px 15px 0 15px;
}
.inqBox .boxHead h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
}
.inqBox .boxBody p {
	padding: 0 0 15px 0;
	font-size: 13px;
}


/*-------------------------------------
 list
-------------------------------------*/
/* icnList
-------------------------------------*/
.icnList01 li {
	padding: 0 0 0 23px;
	background: url(/common/images/icn_circle01_sp.png) no-repeat 10px 5px;
	background-size: 6px 6px;
}
.icnList02 li {
	padding: 0 0 0 23px;
	background: url(/common/images/icn_file01_sp.png) no-repeat 5px 3px;
	background-size: 12px 14px;
}
.icnList03 li {
	margin: 0 0 8px 0;
	padding: 0 0 0 23px;
	background: url(/common/images/icn_related01_sp.png) no-repeat 5px 3px;
	background-size: 13px 14px;
}

/* clipList
-------------------------------------*/
.clipList ul li {
	display: block;
	margin: 0 0 10px 0;
	background: url(/common/images/bg04.png) repeat;
	background-size: 135px auto;
}
.clipList li a {
	min-width: 166px;
	height: 25px;
	padding: 0 40px;
	color: #fff;
	font-size: 14px;
	line-height: 25px;
}
.clipList li a img {
	position: absolute;
	top: 3px;
	left: 19px;
}

/* writerList
-------------------------------------*/
.writerList {
	margin: 0;
}
.writerList li {
	display: block;
	width: auto;
	margin: 0 0 5px 0;
}
.writerList li .thumb {
	width: 38px;
}
.writerList li .name {
	padding: 0 0 0 15px;
	background: url(/common/images/icn_arw02_sp.png) no-repeat 0 4px;
	background-size: 10px 10px;
}
.writerList li .title {
	font-size: 13px;
}

/* arwList
-------------------------------------*/
.arwList01,
.arwList02,
.arwList03 {
	margin: 0 0 20px 0;
}
.arwList01 li,
.arwList02 li,
.arwList03 li {
	display: block;
	width: auto;
	margin: 0 0 5px 0;
	padding: 0 0 0 15px;
	font-size: 13px;
	background: url(/common/images/icn_arw02_sp.png) no-repeat 0 4px;
	background-size: 10px 10px;
}

/* thumbList
-------------------------------------*/
.thumbList01 {
	margin: 0 -6px;
	padding: 2px 0 0 0;
}
.thumbList01 li {
	width: 25%;
	margin: 0 0 6px 0;
	padding: 0 6px;
	box-sizing: border-box;
}
/* groupList
-------------------------------------*/
.groupList01 {
	border-bottom: none;
}
.groupList01 li h3 {
	float: none;
	width: auto;
	margin: 0 0 5px 0;
	font-size: 17px;
}
.groupList01 li p {
	float: none;
	width: auto;
}

/* dlList
-------------------------------------*/
.dlList01 {
	display: block;
}
.dlList01 dt,
.dlList01 dd {
	display: block;
}
.dlList01 dt {
	width: auto;
	margin: 0 0 5px 0;
}



/*-------------------------------------
 movie
-------------------------------------*/
/* movieData
-------------------------------------*/
.movieData {
	margin: 0 -10px 20px -10px;
	padding: 5px 7px 2px 7px;
	border-radius: 0;
	background-size: 135px auto;
}
.movieData dl {
	float: none;
	width: auto;
	margin: 0 0 5px 0;
}
.movieData dl dt {
	margin: 0 0 3px 0;
	font-size: 15px;
}
.movieData dl dd {
	padding: 10px 12px;
	line-height: 1.3;
}

/* movieRecommend
-------------------------------------*/
.movieRecommend {
	margin: 0 -10px 20px -10px;
	padding: 0 7px 7px 7px;
	border-radius: 0;
	background-size: 135px auto;
}
.movieRecommend .movieHead {
	padding: 3px 0 3px 23px;
	font-size: 15px;
}
.movieRecommend .movieHead:after {
	top: -4px;
	left: 7px;
	width: 15px;
	height: 35px;
	content: "";
	background: url(/common/images/icn_ribbon01_sp.png) no-repeat 0 0;
	background-size: 15px 35px;
}
.movieRecommend .movieBody {
	padding: 13px;
}
.movieRecommend .movieTitle .pic {
	float: none;
	width: auto;
	margin: 0 0 10px 0;
	text-align: center;
}
.movieRecommend .movieTitle h6 {
	float: none;
	width: auto;
	font-size: 13px;
}
.movieRecommend .movieTitle h6 em {
	font-size: 16px;
}


/*-------------------------------------
 entrySeries
-------------------------------------*/
.entrySeries {
	margin: 0 -10px 20px -10px;
	padding: 10px 7px;
	border-radius: 0;
	background: url(/common/images/bg03.png) repeat;
	background-size: 135px auto;
}
.entrySeries .seriesNav {
	padding: 0 0 10px 0;
}
.entrySeries .seriesNav a {
	font-size: 14px;
	line-height: 23px;
	border-radius: 3px;
}
.entrySeries .seriesNav .btnPrev a {
	padding: 0 27px 0 6px;
	background: url(/common/images/btn_prev_bg01_sp.png) no-repeat right top;
	background-size: auto 100%;
}
.entrySeries .seriesNav .btnNext a {
	padding: 0 6px 0 27px;
	background: url(/common/images/btn_next_bg01_sp.png) no-repeat left top;
	background-size: auto 100%;
}
.entrySeries .seriesBox {
	padding: 10px 12px;
}
.entrySeries .seriesBox .boxHead {
	font-size: 16px;
}
.entrySeries .seriesBox .boxBody ul li {
	padding: 0 0 0 23px;
	background: url(/common/images/icn_file01_sp.png) no-repeat 5px 3px;
	background-size: 12px 14px;
}


/*-------------------------------------
 img
-------------------------------------*/
.imgR,
.imgL,
.imgC {
	float: none;
	width: 300px;
	margin: 0 auto;
	padding: 0 0 20px 0;
	text-align: center;
}
.imgR .pic img,
.imgL .pic img {
	max-width: 300px;
}
.imgR .title,
.imgL .title,
.imgC .title,
.imgList .title {
	font-size: 14px;
}
.imgC .caption {
	text-align: left;
}
.imgR .pic a:after,
.imgL .pic a:after,
.imgC .pic a:after,
.imgList .pic a:after {
	position: absolute;
	right: 10px;
	bottom: 10px;
	width: 25px;
	height: 25px;
	content: "";
	background: url(/common/images/icn_zoom01.png) no-repeat 0 0;
	background-size: 25px 25px;
}

.imgList ul {
	margin: 0 -5px;
}
.imgList ul li {
	width: 50%;
	margin: 0 0 20px 0;
	padding: 0 5px;
	box-sizing: border-box;
}

.imgFlex {
	display: flex;
	flex-flow: column;
	align-items: center;
}
.imgFlex .imgL,
.imgFlex .imgR {
	order: 1;
}


/*-------------------------------------
 video
-------------------------------------*/
.videoMid,
.videoSml {
	max-width: inherit;
}
.videoL,
.videoR {
	float: none;
	width: auto;
	padding: 0 0 20px 0;
}
.videoC .title,
.videoL .title,
.videoR .title {
	font-size: 14px;
}

/*-------------------------------------
 modal
-------------------------------------*/
.modalWindow {
	padding: 15px;
}
.modalClose {
	top: -17px;
	right: -17px;
	width: 36px;
	height: 36px;
	background-size: 36px 36px;
}
.modalBox {
	min-width: 80vw;
}



/*-------------------------------------
 btn
-------------------------------------*/
.btnList01 li {
	display: block;
	margin: 0 0 10px 0;
}
.btnList01 li a {
	height: auto;
	padding: 5px 28px;
	font-size: 14px;
	line-height: 1.4;
	background-size: 135px auto;
}
.btnList01 a img {
	position: absolute;
	top: 0;
	left: 2px;
	width: 32px;
}

.btnList02 li {
	display: block;
	min-width: inherit;
}
.btnList02 li a {
	height: auto;
	padding: 5px 28px;
	font-size: 14px;
	line-height: 1.4;
	background-size: 135px auto;
}
.btnList02 a img {
	position: absolute;
	top: 1px;
	left: 19px;
	width: 21px;
}

.btnList03 li {
	display: block;
	margin: 0 0 10px 0;
}
.btnList03 li a {
	height: auto;
	padding: 5px 28px;
	font-size: 14px;
	line-height: 1.4;
	background-size: 135px auto;
}

.btnList04 li {
	display: block;
	margin: 0 0 10px 0;
}
.btnList04 li a {
	height: auto;
	padding: 5px 28px;
	font-size: 14px;
	line-height: 1.4;
	background-size: 135px auto;
}



/*-------------------------------------
 link
-------------------------------------*/
.arwLink01,
.arwLink02,
.arwLink03 {
	font-size: 11px;
}
.arwLink01 a {
	padding: 0 20px 0 0;
	background: url(/common/images/icn_arw01_sp.png) no-repeat right center;
	background-size: 15px 15px;
}
.arwLink02 a {
	padding: 0 0 0 20px;
	background: url(/common/images/icn_arw01_sp.png) no-repeat left center;
	background-size: 15px 15px;
}
.arwLink03 a {
	padding: 0 0 0 20px;
	background: url(/common/images/icn_arw04_sp.png) no-repeat left center;
	background-size: 15px 15px;
}


/*-------------------------------------
 pageNav
-------------------------------------*/
.pageNav {
	padding: 30px 0;
}
.pageNav li {
	margin: 0 5px;
}
.pageNav li a {
	width: 23px;
	height: 23px;
	font-size: 14px;
	line-height: 23px;
}
.pageNav .pagePrev a {
	background: url(/common/images/btn_prev_bg01_sp.png) no-repeat right center;
	background-size: auto 100%;
}
.pageNav .pageNext a {
	background: url(/common/images/btn_next_bg01_sp.png) no-repeat left center;
	background-size: auto 100%;
}

.pageList01 {
	padding: 30px 0;
	font-size: 12px;
}
.pageList01 a,
.pageList01 b {
	width: 25px;
	height: 25px;
	margin: 0 3px;
	line-height: 25px;
}
.pageList01 .prev,
.pageList01 .next,
.pageList01 .first,
.pageList01 .last {
	padding: 0 3px;
}


/*-------------------------------------
 yakudatsu
-------------------------------------*/
/* toolTab
-------------------------------------*/
.toolTab {
	margin: 0 -7px;
	padding: 10px 0 5px 0;
}
.toolTab h2 {
	padding: 0 0 0 5px;
	font-size: 16px;
}
.toolTab ul {
	display: table;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.toolTab ul li {
	float: none;
	display: table-cell;
	width: 33.3%;
	margin: 0;
	padding: 0 3px;
	vertical-align: top;
	box-sizing: border-box;
}
.toolTab ul li p {
	position: relative;
	padding: 38px 0 5px 0;
	font-size: 10px;
	line-height: 1.4;
	text-align: center;
	background-size: 135px auto;
}
.toolTab ul li p em {
	font-size: 13px;
}
.toolTab ul li p:after {
	position: absolute;
	top: 5px;
	left: 50%;
	width: 30px;
	height: 30px;
	margin: 0 0 0 -15px;
	background-size: 30px 30px;
}
.toolTab ul li.select p {
	background-size: 135px auto;
}
.toolTabPanel {
	margin: 0 -10px 60px -10px;
	padding: 10px 10px 0 10px;
}
.toolSelect {
	margin: 0 -10px 17px -10px;
	padding: 10px 10px 0 10px;
}
.toolTabPanel:after,
.toolSelect:after {
	content: "";
	position: absolute;
	bottom: -10px;
	left: 50%;
	margin-left: -10px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 10px 10px 0 10px;
	border-color: #f7f7f3 transparent transparent transparent;
}
.toolTabBox dl,
.toolSelectBox dl {
	float: none;
	width: auto;
	margin: 0 0 10px 0;
	border-radius: 3px;
	background: #fff;
}
.toolTabBox dl dt,
.toolSelectBox dl dt {
	padding: 5px 10px;
	color: #80c40f;
	font-size: 14px;
	font-weight: bold;
	background-image: linear-gradient(to left, #e2d9ce 0%, #e2d9ce 50%, transparent 51%, transparent 100%);
	background-repeat: repeat-x;
	background-position: left bottom;
	background-size: 6px 1px;
}
.toolTabBox dl dd ul,
.toolSelectBox dl dd ul {
	padding: 10px 0 0 10px;
	letter-spacing: -0.4em;
}
.toolTabBox dl dd ul li,
.toolSelectBox dl dd ul li {
	display: inline-block;
	width: 50%;
	margin: 0 0 12px 0;
	padding: 0 10px 0 0;
	font-size: 13px;
	box-sizing: border-box;
}
.toolTabBox dl dd ul li label.checked:after,
.toolSelectBox dl dd ul li label.checked:after {
	background: url(/common/images/icn_check02_sp.png) no-repeat 0 0;
	background-size: 12px 10px;
}

/* resultBox
-------------------------------------*/
.resultBox {
	margin: -43px 0 25px 0;
	padding: 8px 8px 3px 8px;
	border-radius: 5px;
	border: 2px solid #80c40f;
}
.resultBox ul li {
	margin: 0 0 5px 0;
	padding: 0 0 0 13px;
	background: url(/common/images/icn_arw02_sp.png) no-repeat 0 3px;
	background-size: 10px 10px;
}
.resultBox ul li .tag {
	vertical-align: middle;
}
.resultBox ul li p {
	font-size: 12px;
}

/* yakudatsuSection
-------------------------------------*/
.yakudatsuSection {
	border-bottom: none;
}
/* illustList */
.illustList01 {
	margin: 0 0 20px 0;
}
.illustList01 li {
	display: block;
	width: auto;
	margin: 0 0 5px 0;
	padding: 7px;
}
.illustList01 li .thumb {
	float: left;
	width: 63px;
	border: 1px solid #ebeaec;
}
.illustList01 li .item {
	padding: 0 0 5px 70px;
}
.btnDl {
	padding: 0 0 0 70px;
	text-align: right;
}
.btnDl a {
	position: relative;
	display: inline-block;
	height: 22px;
	padding: 0 10px 0 29px;
	font-size: 14px;
	line-height: 22px;
	background: url(/common/images/bg04.png) repeat;
	background-size: 135px auto;
}
.btnDl a img {
	position: absolute;
	top: 2px;
	left: 7px;
	width: 16px;
}
/* slideList */
.slideList01 {
	position: relative;
	margin: 0 -10px 20px -10px;
	padding: 0 17px;
}
.slideList01 ul {
	margin: 0;
}
.slideList01 ul li {
	display: inline-block;
	width: 33.3%;
	margin: 0;
	padding: 0 7px;
	box-sizing: border-box;
}
.slideList01 ul li .item {
	padding: 0 0 0 13px;
	font-size: 13px;
	background: url(/common/images/icn_arw02_sp.png) no-repeat 0 3px;
	background-size: 10px 10px;
}
.slideList01 .btnPrev,
.slideList01 .btnNext {
	width: 17px;
}
.slideList01 .btnPrev {
	background-image: url(/common/images/btn_prev02_sp.png);
	background-size: 10px 18px;
}
.slideList01 .btnNext {
	background-image: url(/common/images/btn_next02_sp.png);
	background-size: 10px 18px;
}


/*-------------------------------------
 sankasuru
-------------------------------------*/
.sankasuruClmTwo {
	margin: 0 0 15px 0;
	border-bottom: none;
	background: none;
}
.sankasuruClmBox {
	float: none;
	width: auto;
	padding: 0 0 12px 0;
}
.sankasuruClmBox .boxBody {
	padding: 12px 0;
}
.sankasuruClmBox .lead {
	margin: 0 0 15px 0;
	line-height: 1.6;
}
.sankasuruClmBox .arwLink01 {
	position: relative;
	right: auto;
	bottom: auto;
	width: auto;
}
.sankasuruClmBox:nth-child(odd) .arwLink01 {
	padding: 0;
}

/* index
-------------------------------------*/
/* questionnaire/photos */
.questionnaireBox .mainttl p {
	padding: 10px 10px 10px 38px;
	font-size: 14px;
}
.questionnaireBox .mainttl p em {
	top: 4px;
	left: 10px;
	font-size: 20px;
}
.questionnaireBox .group {
	margin: 0 0 10px 0;
}
.questionnaireBox .graph {
	float: none;
	width: 160px;
	margin: 0 auto;
	padding: 0;
}
.questionnaireBox .item {
	padding: 20px 0;
}
.btnPhotos {
	width: auto;
}
.btnPhotos a {
	background: url(/common/images/bg04.png) repeat;
	background-size: 135px auto;
}
/* event */
.eventList li {
	padding: 0 0 10px 15px;
	background: url(/common/images/icn_arw02_sp.png) no-repeat 0 2px;
	background-size: 10px 10px;
}
.eventList li .mainttl {
	font-size: 12px;
}
.eventList li .date {
	font-size: 11px;
}
/* present */
.presentsList {
	margin: 0;
}
.presentsList01 li .thumb {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
}

/* photos
-------------------------------------*/
.photosBox01 {
	margin: 0 -10px 10px -10px;
	background: url(/common/images/bg05.png) repeat;
	background-size: 50px 50px;
}
.photosBox01 .bgTop {
	height: 14px;
	background: url(/common/images/box03_bg_top_sp.png) repeat-x center top;
	background-size: auto 14px;
}
.photosBox01 .bgBottom {
	position: relative;
	height: 14px;
	background: url(/common/images/box03_bg_bottom_sp.png) repeat-x center bottom;
	background-size: auto 14px;
}
.photosBox01 .bgTop:before,
.photosBox01 .bgTop:after,
.photosBox01 .bgBottom:before,
.photosBox01 .bgBottom:after {
	width: 14px;
	height: 14px;
}
.photosBox01 .bgTop:before {
	background: url(/common/images/box03_bg_top_l_sp.png) no-repeat 0 0;
	background-size: 14px 14px;
}
.photosBox01 .bgTop:after {
	background: url(/common/images/box03_bg_top_r_sp.png) no-repeat 0 0;
	background-size: 14px 14px;
}
.photosBox01 .bgBottom:before {
	background: url(/common/images/box03_bg_bottom_l_sp.png) no-repeat 0 0;
	background-size: 14px 14px;
}
.photosBox01 .bgBottom:after {
	background: url(/common/images/box03_bg_bottom_r_sp.png) no-repeat 0 0;
	background-size: 14px 14px;
}
.photosBox01 .bgMain {
	background: url(/common/images/box03_bg_l_sp.png) repeat-y left top;
	background-size: 14px auto;
}
.photosBox01 .inner {
	padding: 20px 35px;
	background: url(/common/images/box03_bg_r_sp.png) repeat-y right top;
	background-size: 14px auto;
}
.photosBox01 h1 {
	font-size: 16px;
}
.photosBox01 .name {
	font-size: 13px;
}
.photosBox01 .pic {
	display: inline-block;
	margin: 15px 0;
	padding: 12px;
}
.photosBox01 .item p {
	line-height: 1.5;
}

.photosBox02 {
	margin: 0 -10px 10px -10px;
	padding: 5px 0;
	background: url(/common/images/bg04.png) repeat;
	background-size: 135px auto;
}
.photosBox02:before {
	position: absolute;
	top: -12px;
	left: -8px;
	width: 43px;
	height: 43px;
	background: url(/common/images/box01_bg_top.png) no-repeat 0 0;
	background-size: 43px 43px;
}
.photosBox02:after {
	position: absolute;
	bottom: -12px;
	right: -8px;
	width: 43px;
	height: 43px;
	background: url(/common/images/box01_bg_bottom.png) no-repeat 0 0;
	background-size: 43px 43px;
}
.photosBox02 .inner {
	display: table;
	width: 100%;
	margin: 2px 0;
	padding: 15px 10px;
	box-shadow: 0 0 0 2px #fffef1;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
}
.photosBox02 .pic {
	float: none;
	width: auto;
	margin: 0;
	padding: 15px 10px;
}
.photosBox02 .item {
	display: table-header-group;
}
.photosBox02 h1 {
	font-size: 14px;
}
.photosBox02 .item p {
	font-size: 13px;
	line-height: 1.6;
}

.photosBox03 .bgTop {
	background: url(/common/images/box04_bg_top_sp.png) no-repeat center top;
	background-size: auto 24px;
}
.photosBox03 .bgBottom {
	background: url(/common/images/box04_bg_bottom_sp.png) no-repeat center bottom;
	background-size: auto 24px;
}
.photosBox03 .bgTop:before,
.photosBox03 .bgTop:after,
.photosBox03 .bgBottom:before,
.photosBox03 .bgBottom:after {
	width: 25px;
}
.photosBox03 .bgTop:before {
	background: url(/common/images/box04_bg_top_l_sp.png) no-repeat 0 0;
	background-size: 25px 24px;
}
.photosBox03 .bgTop:after {
	background: url(/common/images/box04_bg_top_r_sp.png) no-repeat 0 0;
	background-size: 25px 24px;
}
.photosBox03 .bgBottom:before {
	background: url(/common/images/box04_bg_bottom_l_sp.png) no-repeat 0 0;
	background-size: 25px 24px;
}
.photosBox03 .bgBottom:after {
	background: url(/common/images/box04_bg_bottom_r_sp.png) no-repeat 0 0;
	background-size: 25px 24px;
}
.photosBox03 .inner {
	padding: 10px 0;
	overflow: visible;
}
.photosBox03 h1 {
	margin: 0 0 24px 0;
	padding: 0;
	font-size: 16px;
}
.photosBox03 h1 img {
	width: 19px;
	margin: 0 5px 0 0;
	vertical-align: middle;
}
.photosBox03 .announce {
	float: none;
	width: auto;
	max-width: 350px;
	margin: 0 auto 20px auto;
	padding: 0 25px 38px 25px;
	background: url(/common/images/box05_bg_bottom_sp.png) no-repeat left bottom;
	background-size: 100% auto;
}
.photosBox03 .announce:before {
	width: 54px;
	height: 54px;
	background: url(/common/images/box05_bg_top_l_sp.png) no-repeat 0 0;
	background-size: 54px 54px;
}
.photosBox03 .announce:after {
	width: 54px;
	height: 54px;
	background: url(/common/images/box05_bg_bottom_r_sp.png) no-repeat 0 0;
	background-size: 54px 54px;
}
.photosBox03 .announce h2 {
	font-size: 16px;
	background: url(/common/images/box05_bg_top_sp.png) no-repeat left top;
	background-size: 100% auto;
}
.photosBox03 .announce .name {
	font-size: 13px;
}
.photosBox03 .item {
	margin: 0 -10px;
	overflow: visible;
}
.photosBox03 .item h3 {
	margin: 0 0 10px 0;
	padding: 5px 10px;
	font-size: 14px;
}
.photosBox03 .item p {
	margin: 0 0 20px 0;
	padding: 0 10px;
	font-size: 13px;
	line-height: 1.6;
}
.photosBox03 .item .prize {
	width: 140px;
	margin: 0 10px 0 30px;
}

.photosBtn p {
	font-size: 14px;
}


/* presents
-------------------------------------*/
.presentsBox01 {
	margin: 0 -10px 50px -10px;
	padding: 5px 0;
	background: url(/common/images/bg04.png) repeat;
	background-size: 135px auto;
}
.presentsBox01:before {
	position: absolute;
	top: -12px;
	left: -8px;
	width: 43px;
	height: 43px;
	background: url(/common/images/box01_bg_top.png) no-repeat 0 0;
	background-size: 43px 43px;
}
.presentsBox01:after {
	position: absolute;
	bottom: -12px;
	right: -8px;
	width: 43px;
	height: 43px;
	background: url(/common/images/box01_bg_bottom.png) no-repeat 0 0;
	background-size: 43px 43px;
}
.presentsBox01 .inner {
	display: table;
	width: 100%;
	margin: 2px 0;
	padding: 15px 10px 25px 10px;
	box-shadow: 0 0 0 2px #fffef1;
	border-left: none;
	border-right: none;
	box-sizing: border-box;
}
.presentsBox01 .pic {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
	padding: 15px 10px;
}
.presentsBox01 .item {
	display: table-header-group;
}
.presentsBox01 h1 {
	font-size: 14px;
}

.presentsBox02 {
	margin: 0 -10px 50px -10px;
	padding: 0 0 22px 0;
	background: url(/common/images/box02_bg_bottom_sp.png) repeat-x center bottom;
	background-size: auto 22px;
}
.presentsBox02:before,
.presentsBox02:after {
	width: 23px;
	height: 22px;
}
.presentsBox02:before {
	background: url(/common/images/box02_bg_bottom_l_sp.png) no-repeat left top;
	background-size: 23px 22px;
}
.presentsBox02:after {
	background: url(/common/images/box02_bg_bottom_r_sp.png) no-repeat right top;
	background-size: 23px 22px;
}
.presentsBox02 .inner {
	padding: 0 10px 10px 10px;
}
.presentsBox02 .title {
	position: relative;
	height: 35px;
	margin: 0 -10px 15px -10px;
	background: url(/common/images/box02_bg_top_l02_sp.png) no-repeat left top;
	background-size: auto 35px;
}
.presentsBox02 .title:before {
	height: 35px;
	background: url(/common/images/box02_bg_top_r02_sp.png) no-repeat right top;
	background-size: auto 35px;
}
.presentsBox02 .title p {
	position: relative;
	display: inline-block;
	min-width: inherit;
	height: 35px;
	font-size: 16px;
	line-height: 25px;
	background: url(/common/images/box02_bg_top_sp.png) repeat center top;
	background-size: auto 35px;
}
.presentsBox02 .title p:before,
.presentsBox02 .title p:after {
	width: 10px;
	height: 35px;
}
.presentsBox02 .title p:before {
	background: url(/common/images/box02_bg_top_l01_sp.png) no-repeat 0 0;
	background-size: auto 35px;
}
.presentsBox02 .title p:after {
	background: url(/common/images/box02_bg_top_r01_sp.png) no-repeat 0 0;
	background-size: auto 35px;
}
.presentsBox02 h1 {
	font-size: 14px;
}
.presentsBox02 .tagList {
	margin: 0 0 20px 0;
}
.presentsBox02 .title p {
	display: block;
	min-width: inherit;
	margin: 0 9%;
}
.presentsBox02 .pic {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
	padding: 15px 10px;
}
.presentsBox02 .item dl dt {
	padding: 0 0 10px 24px;
	font-size: 13px;
}
.presentsBox02 .item dl dt em {
	font-size: 16px;
}
.presentsBox02 .item dl dt em img {
	position: absolute;
	top: 0;
	left: 0;
	width: 16px;
}
.presentsBox02 .item dl dd {
	font-size: 13px;
}
.presentsBox02 .item dl dd .name li {
	font-size: 13px;
}

/* questionnaire
-------------------------------------*/
.questionnaireBox01 .graph {
	float: none;
	margin: 0 auto;
	padding: 0;
}
.questionnaireBox01 .item {
	float: none;
	padding: 20px 0 0 0;
	overflow: hidden;
}
.questionnaireBox01 .mainttl p {
	padding: 10px 10px 10px 38px;
	font-size: 14px;
}
.questionnaireBox01 .mainttl p em {
	top: 4px;
	left: 10px;
	font-size: 20px;
}
.questionnaireBox02 .mainttl p,
.questionnaireBox03 .mainttl p {
	padding: 5px 0 0 28px;
	font-size: 14px;
}
.questionnaireBox02 .mainttl p em,
.questionnaireBox03 .mainttl p em {
	font-size: 20px;
}
.questionnaireBox02,
.questionnaireBox03 {
	padding: 20px 0;
}
.questionnaireBox02 .graph {
	position: relative;
	top: 0;
	margin: 0 auto 20px auto;
}
.questionnaireBox03 .result {
	font-size: 16px;
}
.questionnaireSelect {
	margin: 0 0 10px 0;
}
.questionnaireSelect li {
	min-width: inherit;
}
.questionnaireBtn label {
	background: url(/common/images/bg04.png) repeat;
	background-size: 135px auto;
}

/* form
-------------------------------------*/
.formBlock {
	margin: 0 -10px;
}
.formBlock dl {
	padding: 5px 10px;
}
.formBlock dl dt {
	padding: 15px 0 0 0;
	font-size: 15px;
}
.formBlock dl dd select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}
.formListCheck li label.checked:after {
	background: url(/common/images/icn_check02_sp.png) no-repeat 0 0;
	background-size: 12px 10px;
}
.formList03 {
	padding: 15px 0;
}
.formList03 li {
	margin: 0 20px 5px 0;
	padding: 0 0 0 15px;
	font-size: 13px;
	background: url(/common/images/icn_arw02_sp.png) no-repeat 0 4px;
	background-size: 10px 10px;
}
.formBtn input,
.formBtn button {
	font-size: 16px;
	background-size: 135px auto;
}
.formBtn .submit input,
.formBtn .submit button {
	min-width: inherit;
	padding: 10px 5px;
	font-size: 13px;
}
.formBtn button em {
	padding: 0 20px 0 0;
	font-size: 20px;
	background: url(/common/images/icn_arw05.png) no-repeat right 7px;
	background-size: 15px 15px;
}
.form01,
.form02,
.form03,
.form04,
.form05,
.form06 {
	width: 100%;
	font-size: 16px;
}
.form07,
.form08 {
	font-size: 16px;
}
.btnZip {
	padding: 5px 10px;
}

/*-------------------------------------
 
-------------------------------------*/
/* sitemap
-------------------------------------*/
.sitemapBox {
	padding: 20px 0;
}
.sitemapBox h3 {
	margin: 0 -10px;
}
.sitemapBox h3 img {
	top: -14px;
	width: 55px;
}
/*.sitemapShiru h3 {
	background-image: url(/common/images/aside_nav_cat_shiru_sp.png);
}
.asideNavYomu h3 img {
	background-image: url(/common/images/aside_nav_cat_yomu_sp.png);
}
.asideNavYakudatsu h3 {
	background-image: url(/common/images/aside_nav_cat_yakudatsu_sp.png);
}
.asideNavSankasuru h3 {
	background-image: url(/common/images/aside_nav_cat_sankasuru_sp.png);
}*/
.sitemapBox dl {
	display: block;
	width: auto;
	margin: 0;
}
.sitemapBox dl dt {
	padding: 8px 0 5px 2px;
	font-size: 14px;
}
.sitemapBox dl dt img {
	width: 29px;
	margin: 0 8px 0 0;
}
.sitemapBox dl dd {
	padding: 0 0 2px 40px;
}
.sitemapNav {
	margin: 0 -10px;
	padding: 20px 10px;
}
.sitemapNav ul {
	margin: 0;
	padding: 0 0 0 40px;
}
.sitemapNav ul li,
.sitemapBox dl dd ul li {
	padding: 0 0 10px 10px;
	font-size: 13px;
	background: url(/common/images/icn_arw03_sp.png) no-repeat 0 4px;
	background-size: 6px 9px;
}

/* 404
-------------------------------------*/
.statusBox {
	min-height: inherit;
	padding: 5px 0 35px 0;
}
.statusBox .inner {
	padding: 0 10px;
}


/*-------------------------------------
 common
-------------------------------------*/
/* txt
-------------------------------------*/
.txtNote01,
.txtNote02 {
	font-size: 12px;
	text-align: left;
}

/* title
-------------------------------------*/
.cmnTitle01 {
	margin: 0 -10px 20px -10px;
	padding: 7px 7px 7px 12px;
	font-size: 17px;
	background: url(/common/images/unit_title_bg01_sp.png) repeat-y left top;
	background-size: 800px auto;
}





}



/* PC layout
-------------------------------------------------------------------*/
@media screen and (min-width: 769px) {

.tagList li a,
.clipList li a,
.entrySeries .seriesNav .btnPrev a,
.entrySeries .seriesNav .btnNext a,
.thumbList01 li a,
.categoryThumbList li a,
.btnList01 a,
.btnList02 a,
.btnList03 a,
.btnList04 a,
.pageNav a,
.hover {
	transition: opacity 0.2s linear;
	-webkit-transition: opacity 0.2s linear;
	-moz-transition: opacity 0.2s linear;
}
.tagList li a:hover,
.clipList li a:hover,
.entrySeries .seriesNav .btnPrev a:hover,
.entrySeries .seriesNav .btnNext a:hover,
.thumbList01 li a:hover,
.categoryThumbList li a:hover,
.btnList01 a:hover,
.btnList02 a:hover,
.btnList03 a:hover,
.btnList04 a:hover,
.pageNav a:hover,
.hover:hover {
	opacity: 0.8;
}



}



/* 769-1280
-------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1280px) {



/*-------------------------------------
 head
-------------------------------------*/
/* interviewHead
-------------------------------------*/
.interviewHead .pic {
	width: 60%;
}
.interviewHead .item {
	width: 35%;
	padding: 10px;
}
.interviewHead h1 {
	font-size: 20px;
}
.interviewHead h1 em {
	font-size: 45px;
}


/*-------------------------------------
 yakudatsu
-------------------------------------*/
/* toolTab
-------------------------------------*/
.toolTab {
	margin: 0 -6px;
}
.toolTab ul {
	display: table;
	width: 100%;
	margin: 0;
	overflow: hidden;
}
.toolTab ul li {
	float: none;
	display: table-cell;
	width: 33.3%;
	margin: 0;
	padding: 0 6px;
	vertical-align: top;
	box-sizing: border-box;
}
.toolTab ul li p em {
	font-size: 16px;
}


/*-------------------------------------
 sankasuru
-------------------------------------*/
/* index
-------------------------------------*/
.questionnaireBox .item .questionnaireBtn input {
	width: 120px;
	padding: 5px 0 5px 40px;
}

/* questionnaire
-------------------------------------*/
.questionnaireBox01 .graph {
	padding: 0 5%;
}
.questionnaireBox01 .item {
	padding: 80px 5% 0 0;
}


/*-------------------------------------
 
-------------------------------------*/
/* 404
-------------------------------------*/
.statusBox .inner {
	padding: 0 10px;
}



}



/* 769-1024
-------------------------------------------------------------------*/
@media screen and (min-width: 769px) and (max-width: 1024px) {

/*-------------------------------------
 category
-------------------------------------*/
.categoryTitle h1 {
	display: block;
	width: auto;
	padding: 15px 0 5px 0;
}
.categoryTitle p {
	display: block;
	width: auto;
	padding: 0 0 10px 5px;
}
.categoryList {
	margin: 0 -10px;
}
.categoryList ul {
	margin: 0;
	padding: 1px 0 0 0;
	border-bottom: none;
	background: none;
}
.categoryList li {
	display: table;
	width: 100%;
	margin: 0;
	padding: 10px 10px 5px 10px;
	border-right: none;
	box-sizing: border-box;
}
.categoryList li.last {
	display: none;
}
.categoryList .thumb,
.categoryList .item {
	display: table-cell;
	vertical-align: top;
}
.categoryList .thumb {
	width: 89px;
	margin: 5px 10px 0 0;
}
.categoryList .item {
	width: 100%;
	height: 90px;
	margin: 0;
	padding: 0 0 15px 0;
	overflow: hidden;
}

.categoryEventsList ul {
	background: none;
}
.categoryEventsList li {
	display: block;
	width: auto;
}
.categoryEventsList li.last {
	display: none;
}

.categoryHead h3 {
	float: none;
	width: auto;
	padding: 10px 0 5px 0;
}
.categoryHead p {
	float: none;
	width: auto;
	padding: 0 0 10px 0;
}


/*-------------------------------------
 head
-------------------------------------*/
/* interviewHead
-------------------------------------*/
.interviewHead {
	min-height: inherit;
}
.interviewHead .pic {
	display: table-header-group;
	width: auto;
}
.interviewHead .pic img {
	width: 100%;
}
.interviewHead .item {
	width: auto;
	font-size: 12px;
}
.interviewHead h1 {
	margin: 0 0 5px 0;
	font-size: 14px;
}
.interviewHead h1 em {
	margin: 0;
	font-size: 30px;
}


/*-------------------------------------
 box
-------------------------------------*/
/* relBox
-------------------------------------*/
.relBox .boxBody ul {
	border-bottom: none;
	background: none;
}
.relBox .boxBody li {
	display: block;
	width: auto;
	margin: 0;
}

/* anchorBox
-------------------------------------*/
.anchorBox ul {
	float: none;
	width: auto;
	margin: 0;
}

/* inqBox
-------------------------------------*/
.inqBox {
	margin: 0 0 30px 0;
	padding: 10px 15px 0 15px;
}
.inqBox .boxHead h2 {
	margin: 0 0 10px 0;
	font-size: 16px;
}
.inqBox .boxBody p {
	padding: 0 0 15px 0;
	font-size: 13px;
}


/*-------------------------------------
 list
-------------------------------------*/
/* clipList
-------------------------------------*/
.clipList ul li {
	display: block;
	margin: 0 0 10px 0;
}

/* writerList
-------------------------------------*/
.writerList li {
	display: block;
	width: auto;
}
/* groupList
-------------------------------------*/
.groupList01 li h3 {
	float: none;
	width: auto;
	margin: 0 0 5px 0;
}
.groupList01 li p {
	float: none;
	width: auto;
}


/*-------------------------------------
 img
-------------------------------------*/
.imgList ul li {
	width: 21%;
}

/*-------------------------------------
 btn
-------------------------------------*/
.btnList02 li {
	display: block;
	min-width: inherit;
}
.btnList04 li {
	display: block;
	min-width: inherit;
	margin: 0 0 10px 0;
}


/*-------------------------------------
 yakudatsu
-------------------------------------*/
/* toolTab
-------------------------------------*/
.toolTabBox dl,
.toolSelectClmTwo dl {
	float: none;
	width: auto;
	margin: 0 10px 0 0;
}

/*-------------------------------------
 sankasuru
-------------------------------------*/
.sankasuruClmTwo {
	background: none;
}
.sankasuruClmBox {
	float: none;
	width: auto;
	padding: 0 0 12px 0;
}
.sankasuruClmBox .arwLink01 {
	position: relative;
	right: auto;
	bottom: auto;
	width: auto;
}
.sankasuruClmBox:nth-child(odd) .arwLink01 {
	padding: 0;
}

/* index
-------------------------------------*/
/* present */
.presentsList01 li .thumb {
	width: auto;
	height: auto;
	margin: 0 0 10px 0;
}
.presentsList01 li .item {
	padding: 0 0 10px 0;
}

/* photos
-------------------------------------*/
.photosBox02 .inner {
	display: table;
	width: 99%;
	box-sizing: border-box;
}
.photosBox02 .pic {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
}
.photosBox02 .item {
	display: table-header-group;
}

.photosBox03 .announce {
	float: none;
	width: auto;
	margin: 0 auto 20px auto;
}

/* presents
-------------------------------------*/
.presentsBox01 .inner {
	display: table;
	width: 99%;
	box-sizing: border-box;
}
.presentsBox01 .pic {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
}
.presentsBox01 .item {
	display: table-header-group;
}

.presentsBox02 .title p {
	min-width: 70%;
}
.presentsBox02 .pic {
	float: none;
	width: auto;
	margin: 0 0 20px 0;
}

/* questionnaire
-------------------------------------*/
.questionnaireBox01 .graph {
	float: none;
	margin: 0 auto;
	padding: 0;
}
.questionnaireBox01 .item {
	float: none;
	padding: 20px 0 0 0;
	overflow: hidden;
}
.questionnaireSelect {
	margin: 0 0 10px 0;
}
.questionnaireSelect li {
	min-width: inherit;
}
.questionnaireBox02 {
	padding: 20px 0;
}
.questionnaireBox02 .graph {
	position: relative;
	top: 0;
	margin: 0 auto 20px auto;
}

/* form
-------------------------------------*/
.form01,
.form02,
.form03,
.form04,
.form05,
.form06 {
	width: 100%;
}
.formBtn .submit input,
.formBtn .submit button {
	min-width: inherit;
	padding: 10px;
	font-size: 13px;
}



/*-------------------------------------
 
-------------------------------------*/
/* sitemap
-------------------------------------*/
.sitemapBox dl {
	display: block;
	width: auto;
	margin: 0 0 0 5%;
}

}



/* 1025-1280
-------------------------------------------------------------------*/
@media screen and (min-width: 1025px) and (max-width: 1280px) {

/*-------------------------------------
 category
-------------------------------------*/
.categoryTitle h1,
.categoryHead h3 {
	width: 40%;
}
.categoryTitle p,
.categoryHead p {
	width: 58%;
}
.categoryList .tag {
	float: left;
	max-width: 78%;
}


/*-------------------------------------
 list
-------------------------------------*/
/* writerList
-------------------------------------*/
.writerList li {
	width: 46%;
}


/*-------------------------------------
 img
-------------------------------------*/
.imgList ul li {
	width: 22%;
}


/*-------------------------------------
 yakudatsu
-------------------------------------*/
/* toolTab
-------------------------------------*/
.toolTabPanel,
.toolSelect {
	padding: 10px 5px;
}
.toolTabBox dl,
.toolSelectClmTwo dl {
	width: 48.5%;
	margin: 0 5px;
}
.toolSelectBox dl {
	margin: 0 5px;
}


}