@charset "UTF-8";

/*--------------------------------------------------------------【サンプルコメント】*/
/* サンプルコメント（example）
----------------------------------------------- */

/*--------------------------------------------------------------リセット*/

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

body {
	line-height:1;
}

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
	display:block;
}

blockquote, q {
	quotes:none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content:'';
	content:none;
}

a {
	margin:0;
	padding:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}

/* change colours to suit your needs */
ins {
	background-color:#ff9;
	color:#000;
	text-decoration:none;
}

/* change colours to suit your needs */
mark {
	background-color:#ff9;
	color:#000;
	font-style:italic;
	font-weight:bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom:1px dotted;
	cursor:help;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

/* change border colour to suit your needs */
hr {
	display:block;
	height:1px;
	border:0;
	border-top:1px solid #cccccc;
	margin:1em 0;
	padding:0;
}

input, select {
	vertical-align:middle;
}


nav ul {
	list-style:none;
}

input[type="text"],
input[type="password"],
select{
	padding:3px;
	border:1px solid #CCC;
}


/*--------------------------------------------------------------リセット*/

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

* {
	-webkit-box-sizing: border-box;
	   -moz-box-sizing: border-box;
	        box-sizing: border-box;
}

.clearfix:after {
	content: '';
	display: block;
	clear: both;
}

/* ================================================================================ */
/*                                                                                  */
/*      汎用スタイル                                                                */
/*                                                                                  */
/* ================================================================================ */

body {
	font-size: 14px;
	font-family:'Hiragino Kaku Gothic ProN','ヒラギノ角ゴ ProN',Meiryo,メイリオ,'YuGothic','游ゴシック',Helvetica,Arial,sans-serif;
	color: #212121;
}

a {
	color: #212121;
}

a:hover {
	color: #424242;
	text-decoration: none;
}

a:hover img{
	opacity:0.7;
}

fieldset {
	border: 1px solid #CCC;
	padding: 0 5px 5px;
	margin: 9px;
	box-shadow: 2px 2px rgba(0,0,0,0.05);
}

ul,li,ol,li{
	list-style:none;
}

fieldset > fieldset {
	background: #EEE;
}

fieldset > fieldset > fieldset {
	background: #FFF;
}

fieldset legend {
	padding: 2px 3px;
	font-size: 13px;
}

#comment_post_err {
    color: #DC4E41;
}


/* ================================================================================ */
/*                                                                                  */
/*      レイアウト                                                                  */
/*                                                                                  */
/* ================================================================================ */

/*--------------------------------------------------------------l-container*/

.mainContainer {
	min-width: 960px;
	background-color: #F3F5F7;
}

.l-container {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 0 auto;
	width: 800px;
	padding: 20px 0;
}

.l-container__main {
	width: 100%;
}

.l-container__sub {
	width: 100%;
}

.l-container--col2 {
	width: 960px;
	flex-wrap: nowrap;
}

.l-container--col2 .l-container__main {
	width: 620px;
}

.l-container--col2 .l-container__sub {
	width: 300px;
}

.l-container--full {
	width: 100%;
}

.l-container--full .l-container__main {
	width: 800px;
	margin: 0 auto;
}

.l-container--editor {
	width: 100%;
}

.l-container--editor .l-container__main {
	width: 960px;
	margin: 0 auto;
}

.l-container--bgSilver {
	background: #F5F5F5;
}

	/* l-container
	----------------------------------------------- */

	/* iPad縦(portrait) */
	@media only screen and (max-width:980px) {

		.mainContainer {
			min-width: initial;
		}

		.l-container {
			width: 620px;
		}

		.l-container--col2 {
			width: 620px;
			flex-wrap: wrap;
		}

		.l-container--col2 .l-container__main {
			width: 620px;
		}

		.l-container--col2 .l-container__sub {
			width: 620px;
		}

		.l-container--full {
			width: 100%;
		}

		.l-container--editor .l-container__main {
			width: 100%;
		}

	}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.l-container {
			width: 100%;
		}

		.l-container--col2 {
			width: 100%;
			flex-wrap: wrap;
		}

		.l-container--col2 .l-container__main {
			width: 100%;
		}

		.l-container--col2 .l-container__sub {
			width: 100%;
		}

	}


/*--------------------------------------------------------------wrapper*/

#wrapper{
	max-width: 800px;
	margin: 0 auto;
}

#contents{}


/*--------------------------------------------------------------フッター*/

#foot {
	margin: 0;
	padding: 30px 0;
}

#foot #pagetop {
	position: fixed;
	right: 15px;
	bottom: 30px;
}

#foot #pagetop a {
	display: block;
	width: 30px;
	height: 30px;
	background: rgba(0,0,0,0.8);
	box-shadow: 2px 2px rgba(0,0,0,0.1);
	color: #FFF;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
}

#foot #pagetop a .fa {
	line-height: 30px;
}

#foot #pagetop a:hover {
	opacity: 0.7;
}

#foot .foot_inline {}

#foot .foot_inline .foot_menu {
	font-size: 12px;
}

#foot .foot_inline .foot_menu li {
	display: inline-block;
	padding-left: 10px;
	margin: 0 10px 10px 0;
	background: url(../img/style/list_icon.gif) no-repeat left 5px;
}

#foot .foot_inline .foot_menu li a {
	text-decoration: underline;
	color: #666;
}



/* ================================================================================ */
/*                                                                                  */
/*      モジュール                                                                  */
/*                                                                                  */
/* ================================================================================ */

/*--------------------------------------------------------------cmslPagination*/

.cmslPagination {
	margin: 20px 0;
	text-align: center;
}

.cmslPagination__info {
	margin: 0 0 10px;
}

.cmslPagination__list {
	position: relative;
	height: 40px;
}

.cmslPagination__list ul {
	font-size: 0;
	white-space: nowrap;
}

.cmslPagination__list ul li {
	display: inline-block;
	font-size: 12px;
}

.cmslPagination__list ul li.focus span,
.cmslPagination__list ul li a {
	display: block;
	height: 40px;
	line-height: 40px;
	padding: 0 15px;
	border: 1px solid #CCC;
	margin: 0 5px 0 0;
	background: rgba(255,255,255,0.8);
	border-radius: 3px;
}

.cmslPagination__list ul li a {
	color: #666;
}

.cmslPagination__list ul li a:hover {
	color: #000;
}

.cmslPagination__list ul li.back_full {}

.cmslPagination__list ul li.back {
}

.cmslPagination__list ul li.page {}

.cmslPagination__list ul li.next {}

.cmslPagination__list ul li.next_full {}

.cmslPagination__list ul li.focus span {
	background: #333;
	color: #FFF;
}


	/* cmslPagination
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmslPagination__list {
			height: 70px;
		}

		.cmslPagination__list ul li.next_full a,
		.cmslPagination__list ul li.next a,
		.cmslPagination__list ul li.back_full a,
		.cmslPagination__list ul li.back a {
			width: 80px;
			height: 30px;
			line-height: 30px;
			text-decoration: none;
			margin: 0;
		}

		.cmslPagination__list ul li.page {
			display: none;
		}

		.cmslPagination__list ul li.back_full {
			position: absolute;
			left: 0;
			bottom: 0;
		}

		.cmslPagination__list ul li.back {
			position: absolute;
			left: 0;
		}

		.cmslPagination__list ul li.next {
			position: absolute;
			right: 0;
		}

		.cmslPagination__list ul li.next_full {
			position: absolute;
			right: 0;
			bottom: 0;
		}

		.cmslPagination__list ul li.focus {
			position: absolute;
			left: 50%;
			top: 50%;
			transform: translate(-50%,-50%);
		}

		.cmslPagination__list ul li.focus span {
			border: none;
			margin: 0;
		}

	}



/*--------------------------------------------------------------cmn-simpleForm*/

.cmn-simpleForm {
	background: #F5F5F5;
	border-radius: 2px;
	padding: 20px;
	margin: 0 0 20px;
	font-size: 12px;
}

.cmn-simpleForm__list {
	margin: 0 0 10px;
}

.cmn-simpleForm p {
	line-height: 1.4em;
	font-size: 12px;
}

.cmn-simpleForm__list dt {
	font-weight: bold;
	font-size: 12px;
	line-height: 1.4em;
}

.cmn-simpleForm__list dt .requisite {
	color: red;
	font-weight: normal;
	display: inline-block;
	padding: 0 3px;
}

.cmn-simpleForm__list dd {
	padding: 5px 0;
}

.cmn-simpleForm__list dd > input[type="password"],
.cmn-simpleForm__list dd > input[type="text"] {
	width: 100%;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 0 10px;
	height: 30px;
	font-size: 12px;
}

.cmn-simpleForm__list dd > textarea {
	width: 100%;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 10px;
	font-size: 12px;
}

.cmn-simpleForm__list .validate {
}

.cmn-simpleForm__list dd.validate > textarea,
.cmn-simpleForm__list dd.validate > input[type="password"],
.cmn-simpleForm__list dd.validate > input[type="text"] {
	border: 1px solid red;
}

.cmn-simpleForm__list .validateMessage {
	color: red;
	line-height: 1.4em;
	padding: 5px 0 0;
}

.cmn-simpleFormBtn {
	padding: 5px 0;
}

.cmn-simpleFormBtn > input[type="submit"] {
	font-size: 12px;
	display: inline-block;
	background: #333;
	color: #FFF;
	border: 1px solid #333;
	border-radius: 2px;
	padding: 0 1.6em;
	margin: 10px 3px;
	height: 30px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.cmn-simpleFormBtn > input[type="submit"]:hover {
	opacity: 0.7;
}

.cmn-simpleFormBtn--center {
	text-align: center;
}

.cmn-simpleFormError {
	color: red;
	text-align: center;
}


/*--------------------------------------------------------------cmn-contents*/

.cmn-contents {
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	padding: 20px;
	margin: auto;
	color: #666;
}

.cmn-contents__ {
}

.cmn-contents__title {
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4em;
	margin: 20px 0;
	color: #666;
}

.cmn-contents__title--lv2 {
	font-size: 14px;
}

.cmn-contents__body {}

.cmn-contents__body p {
	line-height: 1.4em;
	font-size: 12px;
	margin: 0.6em 0;
}


/*--------------------------------------------------------------cmn-actionLinkSet*/

.cmn-actionLinkSet {
	display: inline-flex;
	flex-wrap: nowrap;
}

.cmn-actionLinkSet__item {
	margin: 0 -1px 0 0;
}

.cmn-actionLinkSet__item > a {
	display: block;
	padding: 0.6em 1em;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background: #FFF;
	border: 1px solid #DDD;
}

.cmn-actionLinkSet__item--active > a {
	background: #F5F5F5;
}

.cmn-actionLinkSet__item:first-child > a {
	border-top-left-radius: 3px;
	border-bottom-left-radius: 3px;
}

.cmn-actionLinkSet__item:last-child > a {
	border-top-right-radius: 3px;
	border-bottom-right-radius: 3px;
}


/*--------------------------------------------------------------embedHorizontalLinks*/


.embedHorizontalLinks {
}

.embedHorizontalLinks__ {
}

.embedHorizontalLinks__list {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	justify-content: flex-start;
}

.embedHorizontalLinks__list > li {}

.embedHorizontalLinks__list > li > a {
	display: block;
	white-space: nowrap;
	text-decoration: none;
	font-size: 14px;
	padding: 1.4em 1em;
	color: #666;
}

.embedHorizontalLinks__list > li > a:hover {}


	/* embedHorizontalLinks
	----------------------------------------------- */

	/* iPad縦(portrait) */
	@media only screen and (max-width:980px) {

		.embedHorizontalLinks__ {
			width: 100%;
			-webkit-overflow-scrolling: touch;
		}

		.embedHorizontalLinks__list {
			flex-wrap: nowrap;
			justify-content: flex-start;
		}

		.embedHorizontalLinks__list > li > a {
			font-size: 12px;
		}

	}

.head_category_body-list-item--active
{
	font-weight: bold;
}

/*--------------------------------------------------------------embed-tagLists*/

.embed-tagLists {
}

.embed-tagLists__list {
	list-style: none;
	font-size: 0;
}

.embed-tagLists__list__item {
	display: inline-block;
	font-size: 14px;
	margin: 0 10px 10px 0;
}

.embed-tagLists__list__item > a {
	display: block;
	background: #F5F5F5;
	color: #444;
	text-decoration: none;
	padding: 0.4em 0.6em;
	line-height: 1.4em;
	border-radius: 2px;
}

.embed-tagLists__list__item > a:hover {
	opacity: 0.7;
}

.embed-tagLists__list__item__count {
	color: #666;
	margin: 0 0 0 4px;
	font-size: 10px;
	vertical-align: middle;
}

	/* mbed-tagLists
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.embed-tagLists__list__item {
			font-size: 12px;
		}

	}


/*--------------------------------------------------------------cmn-simpleTagList*/

.cmn-simpleTagList {
	display: flex;
	flex-wrap: nowrap;
	font-size: 12px;
	margin: 15px 0 0;
	color: #999;
}

.cmn-simpleTagList__icon {
	padding: 0 10px 0 0;
}

.cmn-simpleTagList__icon > .fa {
}

.cmn-simpleTagList__wrap {
	flex-grow: 1;
}

.embed-simpleTagList {
	overflow: hidden;
}

.embed-simpleTagList li {
	float: left;
	font-size: 12px;
	margin: 0 5px 5px 0;
}

.embed-simpleTagList li:not(:last-child)::after {
	content: ",";
	color: #999;
}

.embed-simpleTagList li a {
	color: #999;
	text-decoration: none;
}

.embed-simpleTagList li a:hover {
	opacity: 0.7;
}


	/* cmn-simpleTagList
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
	}


/*--------------------------------------------------------------cmn-simpleCategoryList*/

.cmn-simpleCategoryList {
	display: flex;
	flex-wrap: nowrap;
	font-size: 12px;
	margin: 15px 0 0;
	color: #999;
}

.cmn-simpleCategoryList__icon {
	padding: 0 10px 0 0;
}

.cmn-simpleCategoryList__icon > .fa {
}

.cmn-simpleCategoryList__wrap {
	flex-grow: 1;
}

.embed-simpleCategoryList {
	overflow: hidden;
}

.embed-simpleCategoryList li {
	float: left;
	font-size: 12px;
	margin: 0 5px 5px 0;
}

.embed-simpleCategoryList li:not(:last-child)::after {
	content: ",";
	color: #999;
}

.embed-simpleCategoryList li a {
	color: #999;
	text-decoration: none;
}

.embed-simpleCategoryList li a:hover {
	opacity: 0.7;
}


	/* cmn-simpleCategoryList
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
	}




/*--------------------------------------------------------------userIconList*/

.embed-userListWithIcon {
	margin: 0 0 30px;
}

.userIconList {
	overflow: hidden;
}

.userIconList__item {
	float: left;
	margin: 0 0 10px;
}

.userIconList__item__,
.userIconList__item > a {
	display: flex;
	flex-direction: column;
	width: 66px;
	overflow: hidden;
	text-decoration: none;
}

.userIconList__item > a:hover {
	opacity: 0.7;
}

.userIconList__item__icon {}

.userIconList__item__icon > img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	margin: auto;
}

.userIconList__item__name {
	font-size: 11px;
	text-align: center;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	padding: 5px 0;
}


	/* userIconList
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

	}



/*--------------------------------------------------------------userIconName*/

.userIconName {
}

.userIconName a {
	text-decoration: none;
}

.userIconName a:hover {
	opacity: 0.7;
}

.userIconName__ {
	display: flex;
	align-items: center;
}

.userIconName__icon {}

.userIconName__icon img {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.userIconName__name {
	font-size: 11px;
	padding: 0 5px;
	width: 80px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;

}


/*--------------------------------------------------------------userAccessLog*/

.userAccessLog {
	margin: 0 0 30px;
}

.userAccessLog__list {}

.userAccessLog__list__item {
	display: flex;
	align-items: center;
	margin: 0 0 8px;
	padding: 0 10px 8px;
	border-bottom: 1px solid #DDD;
}

.userAccessLog__list__item__date {
	color: #666;
	font-size: 11px;
	padding: 0 8px;
}


/*--------------------------------------------------------------actionPagePosts*/

.actionPagePosts {
	/* loop parts */
	margin: 0 0 20px;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 2px;
	border-bottom: 2px solid #DDD;
}

.actionPagePosts__head {
	padding: 20px;
	display: flex;
	align-items: center;
}

.actionPagePosts__head__thumb {
}

.actionPagePosts__head__thumb img {
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.actionPagePosts__head__data {
	padding: 0 0 0 10px;
}

.actionPagePosts__head__data__title {
	font-size: 14px;
	line-height: 1.4;
	margin: 0 0 2px;
}

.actionPagePosts__head__data__title a {
	text-decoration: none;
}

.actionPagePosts__head__data__time {
	font-size: 11px;
	color: #999;
}

.actionPagePosts__body {
}

.actionPagePosts__body__thumb {
	text-align: center;
	margin: 0 0 20px;
}

.actionPagePosts__body__thumb img {
	height: auto;
	width: 100%;
	display: block;
}

.actionPagePosts__body__data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	position: relative;
	padding: 0 20px;
	margin: 20px 0 10px;
}

.actionPagePosts__body__data__time {
	font-size: 11px;
	color: #999;
}

.actionPagePosts__body__data__state {
	font-size: 12px;
}

.actionPagePosts__body__data__state a {
	display: inline-block;
	text-decoration: none;
	border-bottom: 1px solid #666;
	margin: 0 0 0 5px;
	color: #666;
	font-size: 12px;
	line-height: 1.4;
}

.actionPagePosts__body__data__state a:hover {
	opacity: 0.7;
}


.actionPagePosts__body__title {
	padding: 0 20px;
	line-height: 1.4;
	font-size: 16px;
	font-weight: bold;
}

.actionPagePosts__body__title a {
	text-decoration: none;
}

.actionPagePosts__body__text {
	padding: 15px 20px;
	line-height: 1.4;
	font-size: 14px;
}

.actionPagePosts__foot {
	padding: 20px;
	border-top: 1px solid #EEE;
	overflow: hidden;
}

.actionPagePosts__foot__time {
	font-size: 12px;
	color: #999;
}

.actionPagePosts__foot__violation {
	float: right;
}

.actionPagePosts__foot__violation a {
	font-size: 12px;
	color: #999;
	text-decoration: underline;
}


	/* actionPagePosts
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.actionPagePosts__head {
			padding: 10px;
		}

		.actionPagePosts__head__data {
			padding: 0 0 0 10px;
		}

		.actionPagePosts__body__thumb {
			margin: 0 0 15px;
		}

		.actionPagePosts__body__title {
			font-size: 16px;
			padding: 0 15px;
		}

		.actionPagePosts__body__text {
			font-size: 12px;
			padding: 10px 15px;
		}

		.actionPagePosts__foot {
			padding: 15px;
		}

		.actionPagePosts__foot__time {
			font-size: 11px;
		}

	}


/*--------------------------------------------------------------embed-authorProfile*/

.embed-authorProfile {
	margin: 0 0 30px;
}

.embed-authorProfile__title {
	color: #666;
	font-size: 18px;
	font-weight: bold;
	border-bottom: 1px solid #CCC;
	margin: 0 0 20px;
	padding: 10px 0;
}

.authorProfileCard {
	display: flex;
}

.authorProfileCard__thumb {}

.authorProfileCard__thumb > a {}

.authorProfileCard__thumb > a:hover {
	opacity: 0.7;
}

.authorProfileCard__thumb img {
	display: block;
	border-radius: 50%;
	width: 100px;
	height: 100px;
}

.authorProfileCard__body {
	flex-grow: 1;
	padding: 0 0 0 20px;
}

.authorProfileCard__body__name {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
	margin: 0 0 10px;
}

.authorProfileCard__body__name > a {
	color: #333;
	text-decoration: none;
}

.authorProfileCard__body__name > a:hover {
	opacity: 0.7;
}

.authorProfileCard__body__text {
	font-size: 12px;
	line-height: 1.5em;
}

.authorProfileCard--mypage {
	display: block;
	background: #F5F5F5;
	border-radius: 2px;
	margin: 0 0 30px;
}

.authorProfileCard--mypage .authorProfileCard__body {
	padding: 20px;
}

	/* embed-authorProfile
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.embed-authorProfile__title {
			font-size: 14px;
			margin: 0 0 10px;
		}

		.authorProfileCard__thumb img {
			width: 80px;
			height: 80px;
		}

		.authorProfileCard__body {
			padding: 0 0 0 10px;
		}

		.authorProfileCard--mypage {
			margin: 0 0 10px;
		}

		.authorProfileCard--mypage .authorProfileCard__body {
			padding: 10px;
		}

	}



/*----------------------------------------------------------------actionPageHead*/

.actionPageHead {
	background: #EEE;
	transition: 0.2s;
	overflow: hidden;
}

.actionPageHead__ {
	height: 250px;
	display: flex;
	flex-direction: column;
}

.actionPageHead__coverPhoto {
	position: relative;
	flex-grow: 1;
	display: flex;
	align-items: flex-end;
	/* background-image */
	background-color: #666;
	background-repeat: none;
	background-size: cover;
	background-position: center top;
}

	.actionPageHead__coverPhoto::before {
		content: '';
		background: inherit;
		filter: blur(20px);
		position: absolute;
		top: -30px;
		right: -30px;
		bottom: -30px;
		left: -30px;
	}

	.actionPageHead__coverPhoto::after {
		content: '';
		background-image:
		linear-gradient(
			to bottom,
			transparent 25%,
			rgba(0,0,0,.005) 32.5%,
			rgba(0,0,0,.024) 40%,
			rgba(0,0,0,.054) 47.5%,
			rgba(0,0,0,.099) 55.00000000000001%,
			rgba(0,0,0,.155) 62.5%,
			rgba(0,0,0,.211) 70%,
			rgba(0,0,0,.299) 77.5%,
			rgba(0,0,0,.388) 85%,
			rgba(0,0,0,.488) 92.5%,
			rgba(0,0,0,.600) 100%)
		;
		position: absolute;
		top: 0;
		right: 0;
		bottom: 0;
		left: 0;
	}

.actionPageHead__coverPhoto > *,
.actionPageHead__coverPhoto > * > * {
	z-index: 1;
}

.actionPageHead__coverPhoto__userProfile {
	width: 960px;
	margin: 0 auto;
	display: flex;
	align-items: flex-end;
	z-index: 4;
}

.actionPageHead__coverPhoto__userProfile__userIcon {
	transform: translateY(50%);
	margin: 0 20px 0 0;
}

.actionPageHead__coverPhoto__userProfile__userIcon__bg {
	width: 128px;
	height: 128px;
	border-radius: 50%;
	border: 4px solid #FFF;
	background: #EEE;
}

.actionPageHead__coverPhoto__userProfile__userIcon__bg img {
	width: 100%;
	height: auto;
	border-radius: 50%;
}

.actionPageHead__coverPhoto__userProfile__userName {
	font-weight: normal;
	font-size: 28px;
	margin: 20px 0;
	color: #FFF;
	text-shadow:
		0 1px 2px rgba(0,0,0,0.5)
	;
}

.actionPageHead__coverPhoto__userProfile__userName strong {
	font-weight: bold;
	margin: 0 20px 0 0;
}

.actionPageHead__coverPhoto__userProfile__userName span {
	font-size: 14px;
}

.actionPageHead__coverPhoto__userProfile__userName span > a {
	color: #FFF;
	text-decoration: none;
}

.actionPageHead__coverPhoto__userProfile__userName span > a:hover {
	opacity: 0.7;
}

.actionPageHead__navBar {
	height: 74px;
	background: #FFF;
	border-bottom: 1px solid #EEE;
	box-shadow:
		inset 0 2px 0 rgba(0,0,0,0.05),
		inset 0 -1px 0 rgba(0,0,0,0.1),
		0 1px 0 rgba(0,0,0,0.05)
	;
	position: relative;
	z-index: 3;

}

.actionPageHead__navBar__ {
	width: 960px;
	margin: 0 auto;
	position: relative;
	overflow: hidden;
}

.actionPageHead__navBar__list {
	margin: 0 0 0 148px;
	overflow: hidden;
	float: left;
}

.actionPageHead__navBar__list__item {
	float: left;
	height: 74px;
	margin: 0 30px 0 0;
}

.actionPageHead__navBar__list__item span,
.actionPageHead__navBar__list__item a {
	display: block;
	height: 74px;
	line-height: 74px;
	font-weight: bold;
	font-size: 14px;
	position: relative;
}

.actionPageHead__navBar__list__item--active span,
.actionPageHead__navBar__list__item--active a {
	border-bottom: 5px solid #000;
	color: #000;
}

.actionPageHead__navBar__list__item span b,
.actionPageHead__navBar__list__item a b {
	position: absolute;
	bottom: 1px;
	left: 50%;
	transform: translateX(-50%);
	font-size: 10px;
	font-weight: normal;
	line-height: 1;
	background: rgba(0,0,0,0.05);
	border-radius: 2px;
	padding: 0 3px;
	color: #000;
}

.actionPageHead__navBar__action {
	float: right;
	overflow: hidden;
}

.actionPageHead__navBar__action__item {
	float: left;
	height: 74px;
	margin: 0 0 0 10px;
	position: relative;
}

.actionPageHead__navBar__action__item a {
	position: relative;
	top: 50%;
	transform: translateY(-50%);
	white-space: nowrap;
	display: block;
	font-size: 12px;
	border-radius: 2px;
	border: 1px solid #CCC;
	background: #FFF;
	color: #333;
	height: 34px;
	line-height: 34px;
	padding: 0 1.4em;
	text-decoration: none;
}

.actionPageHead__navBar__action__item a:hover {
	opacity: 0.7;
}

.actionPageHead__navBar__action__item--active a {
	border: 1px solid #CCC;
	background: #EEE;
	color: #333;
}


	/* actionPageHead
	----------------------------------------------- */

	/* iPad縦(portrait) */
	@media only screen and (max-width:980px) {

		.actionPageHead__coverPhoto__userProfile__userIcon {
			margin: 10px;
		}

		.actionPageHead__navBar__ {
			width: 100%;
		}

		.actionPageHead__navBar__action__item {
			margin: 0 10px;
		}

		.actionPageHead__ {
			height: 160px;
		}

		.actionPageHead__coverPhoto {
			overflow: hidden;
		}

		.actionPageHead__coverPhoto__userProfile {
			width: 100%;
			align-items: center;
		}

		.actionPageHead__coverPhoto__userProfile__userIcon {
			margin: 10px;
			transform: translateY(0);
		}

		.actionPageHead__coverPhoto__userProfile__userIcon__bg {
			width: 64px;
			height: 64px;
			border: 2px solid #FFF;
		}

		.actionPageHead__coverPhoto__userProfile__userName {
			font-size: 16px;
			margin: 10px 0;
		}

		.actionPageHead__coverPhoto__userProfile__userName strong {
			margin: 0 0 5px;
			display: block;
		}

		.actionPageHead__coverPhoto__userProfile__userName span {
			font-size: 12px;
		}

		.actionPageHead__navBar {
			height: 50px;
		}

		.actionPageHead__navBar__ {
			width: 100%;
		}

		.actionPageHead__navBar__list {
			margin: 0;
			display: flex;
		}

		.actionPageHead__navBar__list__item {
			float: none;
			height: 50px;
			margin: 0;
		}

		.actionPageHead__navBar__list__item span,
		.actionPageHead__navBar__list__item a {
			height: 50px;
			line-height: 50px;
			font-size: 14px;
			padding: 0 10px;
		}

		.actionPageHead__navBar__action__item {
			height: 50px;
			margin: 0 10px;
		}

		.actionPageHead__navBar__action__item a {
			height: 30px;
			line-height: 30px;
		}

	}



/*--------------------------------------------------------------embed-commentList*/

.embed-commentList {}

.embed-commentList__title {
	color: #666;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 10px 0;
}

.embed-commentList__body {}


	/* embed-commentList
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
	}



/*--------------------------------------------------------------view-commentCard*/

.view-commentCard {
	margin: 0 0 30px;
}

.view-commentCard__ {
	display: flex;
	flex-wrap: nowrap;
}

.view-commentCard__thumb {
	min-width: 30px;
}

.view-commentCard__thumb > a {}

.view-commentCard__thumb > a:hover {}

.view-commentCard__thumb img {
	display: block;
	width: 32px;
	height: 32px;
	border-radius: 50%;
}

.view-commentCard__thumb__icon {
	width: 32px;
	text-align: center;
}

.view-commentCard__thumb__icon > .fa {
	font-size: 14px;
	line-height: 1.4em;
}

.view-commentCard__body {
	flex-grow: 1;
	padding: 0 0 0 15px;
}

.view-commentCard__body__head {
	margin: 0 0 10px;
}

.view-commentCard__body__head__name {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5em;
}

.view-commentCard__body__head__name a {
	color: #333;
	text-decoration: none;
}

.view-commentCard__body__head__name a:hover {
	opacity: 0.7;
}

.view-commentCard__body__head__date {
	color: #666;
	font-size: 11px;
}

.view-commentCard__body__comment > p {
	font-size: 14px;
	line-height: 1.5em;
}


	/* view-commentCard
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
	}



/*--------------------------------------------------------------embed-commentForm*/

.embed-commentForm {}

.embed-commentForm__input {
	margin: 0 0 10px;
}

.embed-commentForm__input > textarea {
	width: 100%;
	min-height: 38px;
	border: 1px solid #DDD;
	font-size: 14px;
	line-height: 1.4em;
	padding: 8px 10px;
}

.embed-commentForm__submit {
	margin: 0 0 10px;
}

.embed-commentForm__submit > input {
	font-size: 12px;
	display: inline-block;
	background: #333;
	color: #FFF;
	border: 1px solid #333;
	border-radius: 2px;
	padding: 0 1.6em;
	height: 30px;
	cursor: pointer;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

.embed-commentForm__submit > input:hover {
	opacity: 0.7;
}

.embed-commentForm__error {
	color: red;
	font-size: 12px;
	margin: 0 0 10px;
}


	/* embed-commentList
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
	}



/*--------------------------------------------------------------actionForElements*/

.actionForElements {}

.actionForElements__item {
	display: inline-block;
	margin: 0 10px 0 0;
}

.actionForElements__item > a {
	cursor: pointer;
	text-decoration: none;
	margin: 0 5px 0 0;
}

.actionForElements__item__icon {}

.actionForElements__item__icon > .fa {}

.actionForElements__item__icon--active {}

.actionForElements__item__icon--active > .fa {
	color: red;
}

.actionForElements__item__count {}


	/* actionForElements
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {
	}



/*--------------------------------------------------------------cmn-userList*/

.cmn-userList {
	border: 1px solid #DDD;
}

.cmn-userList__item {
	position: relative;
}

.cmn-userList__item:not(:last-child) {
	border-bottom: 1px solid #DDD;
}

.cmn-userList__item:hover {
	opacity: 0.7;
}

.cmn-userList__item__ {
	display: flex;
	flex-wrap: nowrap;
	align-items: center;
	padding: 20px;
}

a.cmn-userList__item__ {
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.cmn-userList__item__thumb {}

.cmn-userList__item__thumb img {
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 50%;
}

.cmn-userList__item__thumb a {
	text-decoration: none;
}

.cmn-userList__item__thumb a:hover {
	opacity: 0.7;
}

.cmn-userList__item__body {
	padding: 0 0 0 10px;
	overflow: hidden;
}

.cmn-userList__item__body__name {
	font-size: 14px;
	font-weight: bold;
	line-height: 1.4;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.cmn-userList__item__body__name a {
	text-decoration: none;
}

.cmn-userList__item__body__name a:hover {
	opacity: 0.7;
}

.cmn-userList__item__body__text {
	font-size: 11px;
	color: #999;
	margin: 3px 0 0;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.cmn-userList__item__body__clip {
	flex-grow: 2;
}

	/* cmn-userList
	----------------------------------------------- */

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.cmn-userList__item__ {
			padding: 10px;
		}

	}



/* ================================================================================ */
/*                                                                                  */
/*      モジュール                                                                  */
/*                                                                                  */
/* ================================================================================ */


/*--------------------------------------------------------------クリップ*/

.clipBtn {

}

.clipBtn .clipBtn-item {
    display: inline-block;
    border: 1px solid #DDD;
    border-radius: 2px;
    padding: 6px;
    position: relative;
}

.clipBtn .clipBtn-item .btn {
    display: block;
    padding: 3px 3px 3px 18px;
    font-size: 12px;
    color: #333;
    text-decoration: none;
}

.clipBtn .clipBtn-item .btn.orange:before {
	font-family: 'FontAwesome';
	content: '\f005';
	display: block;
	font-size: 12px;
	color: #FFB33B;
	position: absolute;
	left: 8px;
}

.clipBtn .clipBtn-item .btn.red:before {
	font-family: 'FontAwesome';
	content: '\f005';
	display: block;
	font-size: 12px;
	color: #f00;
	position: absolute;
	left: 8px;
}


/*--------------------------------------------------------------記事へアクセスしたユーザ*/

.article-access-his_button label,
.article-read_button label{
    margin: 16px auto 16px 20px;
    align-items: center;
    text-align: center;
    background-color: #000;
    color: #fff;
    padding: 0 16px;
    border-radius: 4px;
    height: 32px;
    line-height: 32px;
    font-size: 80%;
    font-weight: normal;
    cursor: pointer;
}

#accessuserlist-show,
#readuserlist-show {
    display:none;
}

#accessuserlist-show ~ [data-userlist=accessuserlist],
#readuserlist-show ~ [data-userlist=readuserlist] {
	display:none;
}

#accessuserlist-show:checked ~ [data-userlist=accessuserlist],
#readuserlist-show:checked ~ [data-userlist=readuserlist] {
	display:block;
}

[data-userlist=accessuserlist-show],
[data-userlist=readuserlist-show] {
    display: inline-block;
}

#accessuserlist-show:checked ~ div [data-userlist=accessuserlist-show],
#readuserlist-show:checked ~ div [data-userlist=readuserlist-show] {
    display: none;
}
[data-userlist=accessuserlist-noshow],
[data-userlist=readuserlist-noshow] {
    display: none;
}

#accessuserlist-show:checked ~ div [data-userlist=accessuserlist-noshow],
#readuserlist-show:checked ~ div [data-userlist=readuserlist-noshow] {
    display: inline-block;
}

.article_read {
    padding: 2px 5px;
    background-color: #F6BB42;
    color: #fff;
    font-size: 60%;
    vertical-align: middle;
}


/*--------------------------------------------------------------作成した記事*/

.manage-article {
	width: 960px;
}

.article .manage-article {
	max-width: 100%;
}

.manage-article__title {
	color: #666;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 10px 0;
	position: relative;
}

.manage-article__body__delForm {
	width: 100%;
}

.manage-article__body__delForm th,
.manage-article__body__delForm td {
	border: 1px solid #EEE;
	padding: 10px;
}

.manage-article__body__delForm_button {
	margin: 10px auto;
	text-align: center;
}


/*--------------------------------------------------------------会員*/

.member {
	width: 100%;
}

.member__title {
	font-size: 20px;
	text-align: left;
	font-weight: 700;
	line-height: 1;
	margin-bottom: 20px;
}

.member__body {}

.member__body__registform {
	padding: 30px;
	overflow: hidden;
	margin: 20px auto 0;
	border: 2px solid #EEE;
}

.member__body__message {
	width: 100%;
	padding: 30px;
	margin: 10% auto;
	border: solid 2px #EEE;
	overflow: hidden;
}

.member__delete__message {
	max-width: 400px;
	padding: 30px;
	margin: 10% auto;
	overflow: hidden;
	background: #F8F6F6;
}

.member__delete__message div {
	margin: 10px auto;
	text-align: center;
}

.member__delete__button {
	background: #FAFAFA;
	width: 50%;
	padding: 10px;
	color: #333;
	font-weight: bold;
	border: 1px solid #CCC;
	cursor: pointer;
	background: #FFF;
}


/*--------------------------------------------------------------お知らせ*/

.news {
	padding: 20px 30px;
	background: #FFF;
	border: 1px solid #DDD;
}

.category+.news {
	margin-top: 20px;
}

.news-list {}

.news-list .news-list_title,
.news-list .news-list-title {
	color: #666;
	font-size: 18px;
	font-weight: bold;
	margin: 0 0 20px;
	padding: 10px 0;
	position: relative;
}

.news-list .news-list_categorySwitch{
	margin: 0 0 20px;
}

.news-list .news-list_body{
	margin: 10px 0 20px;
}

.news-list .news-list_body dl {
	padding: 0 0 10px;
	margin: 0 0 10px;
	border-bottom: 1px dotted #DDD;
}

.news-list .news-list_body dt {
	color: #999;
	font-size: 14px;
	float: left;
}

.news-list .news-list_body_category {
	font-size: 14px;
	display: inline-block;
	background: #F5F5F5;
	border-radius: 2px;
	padding: 2px 3px;
	text-transform: uppercase;
	width: 55px;
	text-align: center;
}

.news-list .news-list_body_date {
	font-size: 14px;
	display: inline-block;
	line-height: 1.5;
}

.news-list .news-list_body dd {
	margin-left: 180px;
	font-size: 15px;
	padding: 2px 0;
	line-height: 1.4;
}

.news-list .news-list_body dd a {
	color: #333;
	text-decoration: underline;
}

.news-list .news-list_more {
	text-align: right;
	font-size: 14px;
}

.news-list .news-list_more a {
	color: #666;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.news {
			margin: 20px 20px 0;
		}
	}

/*--------------------------------------------------------------ページ*/

.static-page {
	width: 100%;
}

.static-page .static-page_title {
	color: #666;
	font-size: 24px;
	line-height: 1.1;
	font-weight: normal;
	margin-bottom: 10px;
}


.static-page .static-page_main {
	border: 1px solid #EEE;
	padding: 20px;
}


/*--------------------------------------------------------------ソーシャルログイン*/

.socialLoginBtn {
	max-width: 310px;
}

.socialLoginBtn + .socialLoginBtn {
	margin: 10px 0 0;
}

.socialLoginBtn a {
	display: flex;
	text-decoration: none;
	color: #FFF;
	border-radius: 2px;
	background: #999;
}

.socialLoginBtn a:hover {
	opacity: 0.8;
}

.socialLoginBtn a .fa {
	width: 40px;
	height: 40px;
	line-height: 30px;
	text-align: center;
}

.socialLoginBtn a .fa:before {
	font-size: 24px;
}

.socialLoginBtn__icon {
	width: 40px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background-size: cover;
}

.socialLoginBtn__icon--tw {
	/*
		http://fa2png.io/
	*/
	background-image: url(../img/style/font-awesome_4-7-0_twitter_30_30_ffffff_none.png);
}

.socialLoginBtn__icon--fb {
	/*
		http://fa2png.io/
	*/
	background-image: url(../img/style/font-awesome_4-7-0_facebook_30_30_ffffff_none.png);
}

.socialLoginBtn__icon--gl {
	/*
		http://fa2png.io/
	*/
	background-image: url(../img/style/font-awesome_4-7-0_google-plus_30_30_ffffff_none.png);
}

.socialLoginBtn__text {
	flex-grow: 2;
	font-weight: bold;
	line-height: 40px;
	padding: 0 0 0 1em;
	border-left: 1px solid rgba(255,255,255,0.3);
	background: rgba(0,0,0,0.05);
}

.socialLoginBtn--tw a {
	background: #55acee;
}

.socialLoginBtn--fb a {
	background: #315096;
}

.socialLoginBtn--gl a {
	background: #DC4E41;
}

/*----------------------------------------------------------------【エラーメッセージ】*/
.container .container-inner .error {
	color: #f00;
	margin: 5px 0;
}

.contents_m .error_message{
	padding:10px;
	color:#FF0000;
}

.contents_m .error_message ul{
	margin-top:20px;
}

.contents_m .error_message ul li{
	padding-left:10px;
	background:url(../img/style/list_icon.gif) no-repeat left 5px;
}

.contents_m .error_message p{
	margin-bottom:10px;
}



/*--------------------------------------------------------------globalHeader*/

.globalHeader {
	border-bottom: 1px solid #DDD;
	background:#59C0C8;
	width: 100%;
}

.globalHeader__ {
	margin: 0px auto;
	padding: 20px 0;
	width: 800px;
}

.globalHeader__logo {
	margin-bottom: 20px;
}

.globalHeader__logo > a {
	display: block;
}

.globalHeader__logo > a > img {
	display: block;
	max-height: 50px;
	width: auto;
}

.globalHeader__logo > a:hover {
}

	/* globalHeader
	----------------------------------------------- */

	/* iPad縦(portrait) */
	@media only screen and (max-width:980px) {

		.globalHeader {
			min-width: initial;
		}

		.globalHeader__ {
			width: 620px;
		}

		.globalHeader__logo {
		}

	}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.globalHeader {
			padding: 0 20px;
		}

		.globalHeader__ {
			width: 100%;
		}

		.globalHeader__logo > a > img {
			max-height: 40px;
		}

	}


/*----------------------------------------------------------------スマホ　トグルメニュー*/

/* スマホ　トグルメニュー
----------------------------------------------- */
#sp_toggle_right,
#sp_toggle_left{
	display: none;
}

/* 右メニュー
----------------------------------------------- */
.globalHeader .head_menu {
	position: fixed;
	top: 0;
	right: -100vw;
	z-index: 100;
	width: 200px;
	height: 100%;
	padding-top: 70px;
	-webkit-transition: 0.53s transform;
			transition: 0.53s transform;
	-webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99);
			transition-timing-function: cubic-bezier(.38,.52,.23,.99);
	background: rgba(0,0,0,0.7);
	overflow-y: auto;
}

.globalHeader .head_menu ul {}

.globalHeader .head_menu li {}

.globalHeader .head_menu li a {
	display: block;
	font-size: 14px;
	padding: 1em 20px;
	text-decoration: none;
	color: #ffffff;
	border-bottom: 1px solid rgba(255,255,255,0.3);
}

.globalHeader #sp_toggle_right {
	display: none;
	opacity: 0;
}

.globalHeader #sp_toggle_right:checked ~ .head_menu {
	-webkit-transform: translateX(-100vw);
			transform: translateX(-100vw);
}

.globalHeader #sp_toggle_right ~ label {
	display: none;
	cursor: pointer;
	-webkit-transition: 0.5s transform;
			transition: 0.5s transform;
	-webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
			transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27);
	text-align: center;
	background: #EEE;
	color: #333;
	position: absolute;
	top: 18px;
	right: 10px;
	width: 34px;
	height: 34px;
	border-radius: 2px;
	z-index:1000;
}

.globalHeader #sp_toggle_right:checked ~ label {
	display: block;
	position: fixed;
}

.globalHeader #sp_toggle_right ~ label::before {
	font-family: 'FontAwesome';
	content: '\f0c9';
	font-size: 18px;
	line-height: 34px;
}

.globalHeader #sp_toggle_right:checked ~ label::before {
	content: '\f00d';
}


	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		/* 右メニュー
		----------------------------------------------- */
		.globalHeader .head_menu {
			padding-top: 60px;
		}

		.globalHeader #sp_toggle_right ~ label {
			display: block;
			top: 13px;
		}

	}






/* ヘッド検索フォーム
----------------------------------------------- */

.search-form {
	text-align: center;
	position: relative;
	width: 800px;
}

.search-form .search-form__searchword {
	width: 100%;
	height: 50px;
	padding: 12px 30px;
	color: #ffffff;
	font-size: 16px;
	letter-spacing: 2px;
	border-radius: 2px;
	border-style: none;
	background: rgba(255,255,255, 0.2);
}

.search-form .search-form__searchword::placeholder {
	color: #ffffff;
	font-size: 16px;
}

input.search-form__searchword:-webkit-autofill {
	/* chromeのオートフィルの背景色 */
	-webkit-box-shadow: 0 0 0 1000px #7BCDD3 inset;
	-webkit-text-fill-color: white !important;
	font-size: 16px;
}

.search-form__search_btn {
	position: relative;
	right: 50px;
	top: 0;
	background: none;
	color: #ffffff;
	border: none;
	font-size: 20px;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:980px) {
		.search-form {
			width: 620px;
		}
	}

	@media only screen and (max-width:640px) {
		.search-form {
			width: 100%;
		}
	}

	@media only screen and (min-width:320px) {

		.search-form__search_btn {
			position: absolute;
			right: 24px;
			top: 12px;
		}
	}

/* パンくず
----------------------------------------------- */
.dreadcrumb {
	margin-bottom: 10px;
	padding: 10px 0;
}


.dreadcrumb ul {
	display: flex;
}

.dreadcrumb ul li:after{
	padding: 2px;
	content: ">";
}

.dreadcrumb ul li:last-child:after{
	padding: 2px;
	content: "";
}

/* トップ カテゴリーリスト
----------------------------------------------- */
.category .category_item .category_info {
	display: flex;
}

.category_item {
	padding: 20px 30px;
	border: 1px solid #DDD;
	background-color: #FFF;
}

.category .category__list {
	margin-bottom: 10px;
}

.category_item+.category_item {
	margin-top: 20px;
}

.category_item a {
	text-decoration: none;
}

.category_info .category_img {
	width: 100px;
	margin: 0 5px 0 0 ;
	text-align: center;
}

.category_info .category_img img {
	margin: 5px auto;
}

.category_info .category_title {
	padding: 5px 0;
	font-size: 18px;
	font-weight: bold;
}

.category_info .category_desc {
	padding: 5px 0;
	font-size: 16px;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:980px) {

		.category_info .category_img {
			max-width: 60px;
		}

		.category_info .category_img img {
			width: 30px;
			height: 30px;
			object-fit: contain;
		}
	}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.category .category__list {
			margin: 0 20px;
		}
	}


/* カテゴリー詳細
----------------------------------------------- */
.category__main {
	border: 1px solid #DDD;
	background-color: #ebeef1;
	padding-bottom: 30px;
}
.category__main .category_info {
	padding: 20px 30px;
	display: flex;
}

.category__main .subCategories .subCategory-list .subCategory {
	margin: 0 auto 20px;
}

.category__main .subCategory .subCategory-title {
	margin: 0 30px;
	padding: 0 0 15px;
	font-size: 18px;
	font-weight: bold;
}

.contents__body {
	background: #FFF;
	border: 1px solid #DDD;
	border-bottom: 0px;
	border-radius: 2px;
	padding: 20px 30px;
	-webkit-box-shadow:2px 1px 2px 0 rgba(0,0,0,0.05);
	box-shadow:2px 1px 2px 0 rgba(0,0,0,0.05);
}

.category__main .contents__body {
	margin: 0 30px;
}


.contents__body:last-child {
	border: 1px solid #DDD;
}

.contents__body a {
	text-decoration: none;
}

.contents__body:hover {
	-webkit-box-shadow:2px 1px 2px 0 rgba(0,0,0,0.1);
	box-shadow:2px 1px 2px 0 rgba(0,0,0,0.1);
	opacity: 0.95;
}


.contents__body__thumb {
	text-align: center;
	margin: 0 0 20px;
}

.contents__body__thumb img {
	height: auto;
	width: 100%;
	display: block;
}

.contents__body__data {
	display: flex;
	justify-content: space-between;
	align-items: center;
	overflow: hidden;
	position: relative;
	margin: 0 0 10px;
}

.contents__body__data__time {
	font-size: 11px;
	color: #999;
}

.contents__body__title {
	line-height: 1.4;
	font-size: 18px;
	font-weight: bold;
	padding: 5px 0;
}

.contents__body__title a {
	text-decoration: none;
}

.contents__body__text {
	padding: 5px 0;
	line-height: 1.4;
	font-size: 16px;
}

.contents__body__author {
	padding: 5px 0px;
	line-height: 1.4;
	font-size: 14px;
	display: flex;
	align-items: center;
}

.contents__body__author-img img {
	width: 30px;
	height: 30px;
}

.contents__body__author-name {
	margin-left: 10px;
}

.cat_h1 {
	font-size: 24px;
}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.category__main {
			margin: 0 20px;
		}

		.contents__body__thumb {
			margin: 0 0 15px;
		}

		.contents__body__text {
			padding: 10px 0;
		}
	}

	@media only screen and (max-width:400px) {

		.category__main .category_info {
			display: block;
		}
	}

/* 下位カテゴリーコンテンツの一覧(subCategory-contents)
----------------------------------------------- */
.subCategory-contents {
	margin-bottom: 20px;
}


/*----------------------------------------------------------------ゴッドログイン*/

#super_user{
	max-width:980px;
	margin:0 auto;
}

#super_user a{
	display:block;
	width:150px;
	padding:5px;
	margin:0 0 0 auto;
	text-align:center;
	width:100px;
	color:#FFF;
	text-decoration:none;
	font-weight:bold;
	background-color:#555;
}

#super_user a:hover{
	background-color:#333;
}



/* ================================================================================ */
/*                                                                                  */
/*      レスポンシブ対応(PCファースト)                                              */
/*                                                                                  */
/* ================================================================================ */


/*スマホ　
----------------------------------------------- */
@media screen and (max-width:640px) {

	#wrapper {
		width: 100%;
	}

	/* 作成した記事
	----------------------------------------------- */
	.manage-article {
		width: 100%;
	}

	.manage-article__title {
		font-size: 14px;
		margin: 0 0 10px;
	}

	#foot {
		padding: 30px 20px;
	}

	#foot .foot_inline .foot_menu li {
		display: block;
	}
}


@media screen and (max-width:640px) {
	/* お知らせ　一覧
	----------------------------------------------- */
}

@media screen and (max-width:400px) {
	.news-list .news-list_body dt {
		float: none;
	}

	.news-list .news-list_body dd {
		margin-left: 0px;
	}
}
/*--------------------------------------------------------------ecFlow*/

.ecFlow {
	display: table;
	table-layout: fixed;
	width: 100%;
	margin: 0 0 20px;
}

.ecFlow__step {
	display: table-cell;
	vertical-align: middle;
	position: relative;
	padding: 12px 0;
	font-size: 12px;
	text-align: center;
	background: #DDD;
	color: #333;
	border-right: 3px solid #FFF;
}

.ecFlow__step:last-child {
	border: none;
}

.ecFlow__step:not(:last-child)::after {
	position: absolute;
	top: 50%;
	right: -23px;
	margin-top: -6px;
	border-width: 6px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #FFF;
	content: "";
	z-index: 2;
}

.ecFlow__step:not(:first-child)::before {
	position: absolute;
	top: 50%;
	left: -4px;
	margin-top: -6px;
	border-width: 6px 10px;
	border-style: solid;
	border-color: transparent transparent transparent #DDD;
	content: "";
	z-index: 2;
}

.ecFlow__step span {
	display: block;
	line-height: 1.4;
}

.ecFlow__step--current {
	background: #333;
	color: #FFF;
}

.ecFlow__step--current + .ecFlow__step::before {
	border-color: transparent transparent transparent #333;
}

.ecFlow__step--pass {
	background: #EEE;
	color: #666;
}

.ecFlow__step--pass + .ecFlow__step::before {
	border-color: transparent transparent transparent #EEE;
}

	/* iPad縦(portrait) */
	@media only screen and (max-width:980px) {}

	/* smartphone横(landscape) */
	@media only screen and (max-width:640px) {

		.ecFlow__step {
			font-size: 10px;
			padding: 6px 0;
		}

	}

	.cms-side-search-form
	{
		margin-bottom: 1rem;
	}
	.cms-side-page--text
	{
		border: 1px solid #CCC;
		padding: 1rem;
	}
	.cms-side-page--img
	{
		border: 1px solid #CCC;
	}
	.cms-side-page--img img
	{
		width:100%;
	}
	.cms-side--more {
		text-decoration: none;
		display: block;
		width: 100%;
		height: 100%;
	}
	.cms-side--more:hover {
		opacity: 0.7;
	}


/*--------------------------------------------------------------記事カード*/
.cms-side-ranking__title {
    color: #666;
    font-size: 18px;
    font-weight: bold;
    margin: 2rem 0 0.5rem 0;
    position: relative;
}

.cms-side-link-set {
	display: flex;
	flex-wrap: nowrap;
}

.cms-side-link-set__item {
	width: 25%;
    text-align: center;
}

.cms-side-link-set__item > a {
	display: block;
	padding: 0.6em 1em;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	background: #FFF;
	border-top: 1px solid #DDD;
	border-left: 1px solid #DDD;
	border-bottom: none;
}
.cms-side-link-set__item:last-child > a {
	border-right: 1px solid #DDD;
}

.cms-side-link-set__item--active > a {
	background: #F5F5F5;
}


.cms-side-ranking {
	border: 1px solid #CCC;
	border-radius: 2px;
	background: #FFF;
	position: relative;
}

.cms-side-ranking__--more {
	text-decoration: none;
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
}

.cms-side-ranking:hover {
	opacity: 0.7;
}

.cms-side-ranking__ {}


.cms-side-ranking__thumb {
	width: 100%;
}

.cms-side-ranking__thumb img {
	display: block;
	width: 100%;
	height: auto;
}

.cms-side-ranking__body {
	padding: 15px;
}

.cms-side-ranking__body__title {
	line-height: 1.5em;
	font-size: 0.8rem;
	font-weight: bold;
	margin-bottom: 10px;
	color: #333;
}

.cms-side-ranking__body__title > a {
	text-decoration: none;
}

.cms-side-ranking__body__description {
	line-height: 1.5em;
	font-size: 0.7rem;
	color: #333;
}

.cms-side-ranking__body__date {
	font-size: 12px;
}