/* ------------------------------------------
                COMMON STYLES
------------------------------------------ */

* {
	box-sizing: border-box;
}

body {
	background: #fff;
	font:16px 'Lucida Grande','Hiragino Kaku Gothic ProN', Meiryo, sans-serif;
	color: #343434;
	line-height: 1.5;
	text-align: center;
}

a:link {
	color: #798832;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

a:visited {
	color: #8D9092;
	text-decoration: none;
}

a:active {
	color: #343434;
	text-decoration: none;
}

/* ------------------------------------------
                   HEADER
------------------------------------------ */


header {
	padding: 30px 0 20px 0;
	background: #F5F4F2;
	box-shadow: 1px 1px 1px rgba(0,0,0,0.15);
}

header .inner {
	width: 90%;
	max-width: 1320px;
	min-width: 980px;
	margin: 0 auto;
}

header h1 {
	width: 300px;
	margin: 0 auto 20px auto;
}

header h1 img {
	width: 100%;
}

header h2 {
	margin-bottom: 45px;
	font-size: 28px;
	font-weight: normal;
}

#globalnavi ul li {
	display: inline-block;
	margin: 0 1.5em;
}

#globalnavi ul li a {
	font-size: 18px;
	font-weight: bold;
	color: #343434;
	text-decoration: none;
}

#globalnavi ul li a:hover {
	color: #8d9092;
}

header.header-lower {
	padding: 20px 0;
	background: #fff;
	box-shadow: none;
}

header.header-lower  h1 {
	width: 180px;
	margin: 0;
	float: left;
}

header.header-lower #globalnavi {
	padding-top: 13px;
	text-align: right;
}

header.header-lower #globalnavi ul li {
	margin: 0 0 0 1.5em;
}

#respomsive-menu-button {
	display: none;
}

/* ------------------------------------------
                   FOOTER
------------------------------------------ */

footer {
	background: #4A4A4A;
	color: #fff;
	text-align: left;
}

footer .inner {
	width: 90%;
	max-width: 1320px;
	min-width: 980px;
	margin: 0 auto;
	padding: 75px 0 30px 0;
}

footer a:link,
footer a:visited {
	color: #D4D5D5;
}

#footer-about {
	width: 44%;
	float: left;
	font-size: 93%;
	line-height: 170%;
}

#footer-social {
	width: 48%;
	float: right;
}

#footer-about h1 {
	margin-bottom: 15px;
}

.footer-logo img {
	width: 143px;
	float: left;
	margin-right: 30px;
}

.footer-social-buttons {
	margin-bottom: 15px;
}

.footer-social-buttons ul li {
	display: inline-block;
	vertical-align: top;
	margin-right: 1em;
}

.footer-social-buttons ul li.facebook {
	position: relative;
	top: -3px;
	width: 80px;
}

.footer-social-buttons ul li.google {
	width: 60px;
}

.footer-social-links {
	font-size: 93%;
}

.footer-copyright {
	margin-top: 100px;
	color: #fff;
	text-align: center;
}

/* ------------------------------------------
                   LAYOUTS
------------------------------------------ */

#content {
	width: 90%;
	max-width: 1320px;
	min-width: 980px;
	margin: 0 auto;
	padding: 40px 0;
	text-align: left;
}

#main-wrapper {
	width: 100%;
	float: left;
	margin: 0 -300px 0 0;
}

#content main {
	display: block;
	margin-right: 360px;
}

#content aside {
	width: 300px;
	float: right;
}

#content aside section {
	margin-bottom: 30px;
}


/* ------------------------------------------
                   PARTS
------------------------------------------ */

.entrybox-large {
	margin-bottom: 90px;
}

.entrybox-large .entry-image {
	display: block;
	position: relative;
	width: 57%;
	float: left;
}

.entrybox-large .entry-image .image img {
	width: 100%;
}

a.label {
	position: absolute;
	top: 0;
	right: 0;
	display: inline-block;
	padding: 0.3em 0.6em;
	z-index: 100;
	background: #BABE5B;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-bottom-left-radius: 3px;
}

a.label:hover {
	background: #9FA24F;
}

.entrybox-large .entry-detail {
	width: 43%;
	float: right;
	padding-left: 2em;
}

.entrybox-large .entry-detail .entry-meta {
	margin-bottom: 20px;
}

.entrybox-large .entry-detail .entry-meta .entry-author {
	display: table;
	width: 50%;
	float: left;
}

.entrybox-large .entry-detail .entry-meta .entry-author figure {
	display: table-cell;
	width: 40px;
	vertical-align: middle;
}

.entrybox-large .entry-detail .entry-meta .entry-author figure img{
	width: 100%;
}

.entrybox-large .entry-detail .entry-meta .entry-author p {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}

.entrybox-large .entry-detail .entry-meta .entry-author p a {
	text-decoration: none;
}

.entrybox-large .entry-detail .entry-meta .entry-date {
	width: 50%;
	float: left;
	padding-top: 9px;
	text-align: right;
	color: #8D9092;
}

.entrybox-large .entry-detail .entry-title {
	font-size: 28px;
	font-weight: bold;
	line-height: 1.4;
}

.entrybox-large .entry-detail .entry-title a {
	text-decoration: none;
	color: #343434;
}

.entrybox-large .entry-detail .entry-title a:hover {
	color: #8D9092;
}

.entrylist .entry-image {
	position: relative;
}

.entrylist li {
	width: 48%;
	float: left;
	margin: 0 4% 90px 0;
}

.entrylist li:nth-child(even) {
	margin-right: 0;
}

.entrylist li .entry-image {
	margin-bottom: 15px;
	max-height: 198px;
	overflow: hidden;
}

.entrylist li .entry-image .image img {
	width: 100%;
}

.entrylist li .entry-detail .entry-meta {
	margin-bottom: 15px;
	font-size: 86%;
}

.entrylist li .entry-detail .entry-meta .entry-author {
	display: table;
	width: 60%;
	float: left;
}

.entrylist li .entry-detail .entry-meta .entry-author figure {
	display: table-cell;
	width: 25px;
	vertical-align: middle;
}

.entrylist li .entry-detail .entry-meta .entry-author figure img {
	width: 100%;
}

.entrylist li .entry-detail .entry-meta .entry-author p {
	display: table-cell;
	padding-left: 5px;
	vertical-align: middle;
}

.entrylist li .entry-detail .entry-meta .entry-date {
	width: 40%;
	float: left;
	text-align: right;
	color: #8d9092;
}

.entrylist li .entry-detail .entry-title a {
	font-size: 18px;
	font-weight: bold;
	line-height: 1.4;
	color: #343434;
	text-decoration: none;
}

.entrylist li .entry-detail .entry-title a:hover {
	color: #8d9092;
}

.pagenation {
	text-align: center;
}

.pagenation ul li {
	display: inline-block;
}

.pagenation ul li a {
	padding: 0.7em 1em;
	border: solid 1px #D8D8D8;
	border-radius: 3px;
	line-height: 1;
	text-decoration: none;
}

.pagenation ul li a:hover {
	background: #F5F4F2;
}

.pagenation ul li a.active {
	background: #BABE5B;
	color: #fff;
	font-weight: bold;
}

.pagenation ul li span {
	margin: 0 0.5em;
}

.pagenation ul li.next {
	margin-left: 1em;
}

.pagenation ul li.next a {
	padding: 0;
	font-weight: bold;
	border: none;
	color: #343434;
}

.pagenation ul li.next a:hover {
	background: none;
	color: #8d9092;
}

.pagenation ul li.prev {
	margin-left: 1em;
}

.pagenation ul li.prev a {
	padding: 0;
	font-weight: bold;
	border: none;
	color: #343434;
}

.pagenation ul li.prev a:hover {
	background: none;
	color: #8d9092;
}

.search-form {
	border: solid 1px #C0C0C0;
	height: 38px;
}

.search-form .search-text {
	display: block;
	width: 263px;
	height: 38px;
	padding: 0 0.5em;
	line-height: 38px;
	border: none;
	float: left;
	font-size: ;
	line-height: 1;
}

.search-form .search-button {
	display: block;
	width: 35px;
	height: 32px;
	float: right;
	margin: 3px 0;
	padding: 0;
	border: none;
	border-left: solid 1px #E6E6E6;
	background: none;
	line-height: 32px;
	cursor: pointer;
}

.search-form .search-button img {
	position: relative;
	top: 8px;
}

.textbox {
	padding: 27px;
	background: #F5F4F2;
}

.textbox h1 {
	margin-bottom: 15px;
	font-size: 114%;
}

.textbox p {
	font-size: 93%;
    margin-bottom: 30px;
}

aside nav h1 {
	padding: 1em;
	margin-bottom: 12px;
	background: #4A4A4A;
	color: #fff;
}

.memberlist nav ul {
	padding: 0 20px;
	margin-right: -20px;
}

.memberlist nav ul li {
	float: left;
	margin: 0 20px 20px 0;
}

.memberlist nav ul li img {
	border-radius: 50%;
}

.categorylist ul {
	padding-left: 7px;
}

.categorylist ul li {
	margin-bottom: 0.3em;
	font-weight: bold;
}

.categorylist ul li small {
	padding: 0.2em 0.4em;
	margin-left: 0.3em;
	font-size: 13px;
	font-weight: bold;
	color: #79883F;
	background: #D8D8D8;
	border-radius: 3px;
}

.categorylist ul li ul {
	padding: 7px 0 2px 30px;
}

.categorylist ul li ul li {
	font-size: 86%;
	font-weight: normal;
}

.side-entrylist ul li {
	margin-bottom: 12px;
	padding-bottom: 12px;
	border-bottom: solid 1px #D8D8D8;
}

.side-entrylist ul li a {
	display: block;
	text-decoration: none;
	color: #343434;
	font-weight: bold;
}

.side-entrylist ul li a:hover {
	color: #8d9092;
}

.side-entrylist ul li a figure {
	position: relative;
	display: block;
	width: 90px;
	height: 90px;
	margin-right: 12px;
	float: left;
}

.side-entrylist ul li a figure img.entry-thumbnail {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 10;
}

.side-entrylist ul li a figure span {
	position: absolute;
	top: 5px;
	left: 5px;
	z-index: 100;
}

.side-entrylist ul li a figure span img {
	width: 27px;
}

.side-entrylist ul li a p {
	font-size: 93%;
	overflow: hidden;
}

.breadcrumb-navi {
	background: #F5F4F2;
}

.breadcrumb-navi .inner {
	width: 90%;
	max-width: 1320px;
	min-width: 980px;
	margin: 0 auto;
	padding: 15px 0;
	text-align: left;
}

.page-title {
	padding-bottom: 20px;
	margin-bottom: 30px;
	font-size: 35px;
	font-weight: normal;
	border-bottom: solid 2px #EBEBEB;
}


/* ------------------------------------------
                   Entry
------------------------------------------ */

.entry {
	padding-right: 30px;
}

.entry .entry-meta {
	margin-bottom: 20px;
}

.entry .entry-meta .entry-author {
	display: table;
	width: 50%;
	float: left;
}

.entry .entry-meta .entry-author figure {
	display: table-cell;
	width: 50px;
	vertical-align: middle;
}

.entry .entry-meta .entry-author figure img {
	margin-top: 0;
	border-radius: 50%;
}

.entry .entry-meta .entry-author p {
	display: table-cell;
	padding-left: 10px;
	vertical-align: middle;
}

.entry .entry-meta .entry-author p a {
	text-decoration: none;
}

.entry .entry-meta .entry-date {
	width: 50%;
	float: left;
	padding-top: 12px;
	text-align: right;
	color: #8D9092;
}

.entry .entry-categories {
	margin-bottom: 20px;
}

.entry .entry-categories ul li {
	display: inline-block;
}

.entry .entry-categories ul li a {
	display: inline-block;
	padding: 0.3em 0.6em;
	margin-right: 0.2em;
	z-index: 100;
	background: #BABE5B;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	border-radius: 3px;
	font-size: 86%;
}

.entry .entry-categories ul li a:hover {
	opacity: 0.8;
}

.entry-content {
	margin-bottom: 70px;
}

.entry .entry-content ul{margin:2em 0 !important;}
.entry .entry-content ul li{
    padding-left: 2em;
    text-indent: -1em;
    list-style: inside disc;
}
.entry .entry-content ol{margin:2em 0 !important;}
.entry .entry-content ol li{
    padding-left: 2em;
    margin-right: 1em;
    text-indent: -1em;
    list-style: inside decimal;
}

.entry .entry-content dl{margin:1em !important;}
.entry .entry-content dl dt{margin-bottom: 0.5em !important; font-weight: bold !important;}
.entry .entry-content dl dd{margin:0 0 1em 2em !important;}

.entry h2 {
	margin-bottom: 15px;
	font-size: 35px;
	font-weight: normal;
}

.entry h3 {
	padding-top: 30px;
	padding-bottom: 10px;
	margin-bottom: 15px;
	font-size: 25px;
	font-weight: normal;
	border-bottom: #DCDCDC 1px solid;
}

.entry h4 {
	margin-bottom: 15px;
	font-size: 20px;
	font-weight: bold;
}

.entry p {
	margin-bottom: 30px;
}

.entry img {
	display: inline-block;
	margin-top: 15px;
	max-width: 100%;
	height: auto;
}

.entry blockquote {
	position: relative;
	padding: 35px 45px;
	margin-bottom: 30px;
	background: #F5F4F2;
}

.entry blockquote:before {
	position: absolute;
	top: 10px;
	left: 10px;
	content: url(../images/quote.svg);
}

.entry blockquote:after {
	position: absolute;
	bottom: 10px;
	right: 10px;
	content: url(../images/quote_end.svg);
}

.entry .caption {
	display: block;
	margin-bottom: 30px;
	font-size: 80%;
	text-align: center;
}

.conversation dt {
	float: right;
}

.conversation dt.moderator {
    float: left;
}

.entry .userpic {
    width: 42px;
    height: 42px;
}

.entry .userpic img {
	margin-top: 0;
	width: 40px;
	height: 40px;
	border-radius: 50%;
	box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}

.entry .entry-content dl.conversation dd {
    position: relative;
    padding: 1em 1.62em;
    margin: 0px 4em 1.62em 0px !important;
    background-color: #F5F4F2;
    border-radius: 10px;
}

.entry .entry-content dl.conversation dt.moderator + dd {
    margin: 0px 0px 1.62em 4em !important;
    background-color: #F5F4F2;
}

.entry .entry-content dl.conversation dd:after {
    content: "";
    position: absolute;
    right: -15px;
    top: 20px;
    width: 0px;
    height: 0px;
    border-top: 15px solid #F5F4F2;
    border-right: 15px solid transparent;
}

.entry .entry-content dl.conversation dt.moderator + dd:after {
    left: -15px;
    border-right: 0px none;
    border-left: 15px solid transparent;
}

.conversation dd p {
    margin: 0.62em 0px;
}

hr {
	height: 3.24em;
	margin: 1.62em 0;
	border: none;
	background :transparent url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAC0AAAAtCAYAAAA6GuKaAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyRpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMy1jMDExIDY2LjE0NTY2MSwgMjAxMi8wMi8wNi0xNDo1NjoyNyAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENTNiAoTWFjaW50b3NoKSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpBMjM1QTRGOUI4NzMxMUUxODUxRkY2N0JCNTM2MDY2RiIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpBMjM1QTRGQUI4NzMxMUUxODUxRkY2N0JCNTM2MDY2RiI+IDx4bXBNTTpEZXJpdmVkRnJvbSBzdFJlZjppbnN0YW5jZUlEPSJ4bXAuaWlkOkEyMzVBNEY3Qjg3MzExRTE4NTFGRjY3QkI1MzYwNjZGIiBzdFJlZjpkb2N1bWVudElEPSJ4bXAuZGlkOkEyMzVBNEY4Qjg3MzExRTE4NTFGRjY3QkI1MzYwNjZGIi8+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+7WaIMgAAAy1JREFUeNrsmM1LlUEUh719mRFGIRVhKNEmy4QWYUFZi0whtIV9QX9AHyDtIhdmd3GlRRSB+g8EUUFoBGYtigiqRYgaShRpJKEQRRKKhd2eA7OQy515z7wTgfUe+DEwM++cZ4b3nPlIZbPZgoVmiwoWoCXQCfS/Br3E1bh5wzqZ1BF0Au1Ca9EsGkN9qPPdp8k3vk4fPTlZQXEK1aJyVIgm0Qt0E905sO/GL9v3KVvKA7jCDLDd4X8OXUMXgP+pgF1KcRmdE9+OroPoOOAjamiAqyieomLl4nWjJsDnHMCLKe6iBuWYU2gv4AOR/zTARRQ9HsBih2W1I/q0eAAXGP89TLZIE4hnUFmM+Ghhwqssq7xGMal8JhxnNdDHYga1rMghS1uDaY9jRzXQWwOyUaWlfkvAmNs00MsDHKyw1K8MGLNQAz0e4OCjpX4sYMxxDXRvgIMHnvUa69VAXzebhq/1kaeH8jWQa6X+YYwx5wyPGxrHwxStnoN/NqnSZadNPx9rZcLDqgMT4BmKNMoq/+Navnnv6oRzaa9z/PfzTfxe4puM1ykPiIsUNeixY5uVc0QVffs1ywbEK+lvvpuydBN/NfRt8z4w5Wzt6ymqkZTTJhs81xySHGeRZebkWGZS5YSc8oCdiPo2lVxsE+j/6bo1L2hyA3HUBE3sQCS45RazOzcQCe6wQAR2j+RLtN+S8rokfQH/1QN2NcV5s9kUW1JeK/DPvKEBbjM7Y0qxuTQC3q8A3mGuZhsVm0sa8DY1NMByy8h4buM7AR91AG+ieIlKfG5DgLdHBqK53qc9f9ES86u4rMsTWCxtXgUis0ezNkBz7CATrrSscqV544iTKJo10PUB2ajOs15j9Rro0gAHtgArDxizVAM9G+Bg2lL/PWDMHxro1wEOhiz1I39yzHzQt2IOPoPuW9rumfY4dlsD3Yk+xBg8Q57+ZrlQfKFojzGmcHREQuNYVqTRcbPIZ90KqIxZca2J/0YmPKM65ZmXSjkgDSpuy1fk6YpvnDd486LahK4q7p7it5pvBuIcmFyP6vKW0QHs2xgnvMhHdYD9H9WTS0ACnUD/PfstwABrEBW7NsNLiQAAAABJRU5ErkJggg==") no-repeat scroll center center;
}

.ninja_onebutton {
	margin-bottom: 30px;
}

.entry-author-detail {
	position: relative;
	padding: 30px;
	margin-bottom: 30px;
	background: #F5F4F2;
}

.entry-author-detail-header {
	margin-bottom: 15px;
}

.entry-author-detail-header p {
	margin-bottom: 0;
	font-weight: bold;
}

ul.entry-author-buttons {
	position: absolute;
	top: 30px;
	left: 0;
	width: 100%;
	padding-right: 30px;
	text-align: right;
}

ul.entry-author-buttons li {
	display: inline-block;
	margin-left: 0.1em;
	vertical-align: top;
	line-height: 1;
}

ul.entry-author-buttons li img {
	margin-top: 0;
}

.entry-author-detail-body figure {
	width: 90px;
	float: left;
}

.entry-author-detail-body figure img {
	margin-top: 0;
    border-radius: 50%;
}

.entry-author-detail-body .entry-author-detail-body-text {
	margin-left: 120px;
}

.entry-author-detail-body .entry-author-detail-body-text p {
	margin-bottom: 0;
}

.entry-author-detail-body .entry-author-detail-body-text .name  {
	margin-bottom: 5px;
}

.entry-author-detail-body .entry-author-detail-body-text .name a {
	color: #556AA9;
	font-weight: bold;
	text-decoration: none;
}

.entry-author-detail-body .entry-author-detail-body-text .name a:hover {
	text-decoration: underline;
}

.entry-author-detail-body .entry-author-detail-body-text .profile {
	font-size: 79%;
}

.entry-navi a {
	display: block;
	padding: 15px;
	margin-bottom: 30px;
	border: solid 1px #DFDFDF;
	border-radius: 5px;
	text-decoration: none;
	color: #4A4A4A;
	font-size: 114%;
}

.entry-navi a:hover {
	background: #F5F4F2;
	border: solid 1px #CDCDCD;
}

.entry-navi a .header {
	margin-bottom: 3px;
	font-weight: bold;
}

.entry-navi a .title {
	margin-bottom: 0;
}

.entry-navi .entry-navi-next a .header {
	padding-left: 1em;
	background: url(../images/arw_left.svg) no-repeat left;
}

.entry-navi .entry-navi-prev a .header {
	padding-right: 1em;
	text-align: right;
	background: url(../images/arw_right.svg) no-repeat right;
}

.mailmagazine {
	margin-bottom: 30px;
	padding: 30px;
	border: solid 1px #C0C0C0;
	border-radius: 5px;
    background: url(../images/tophmail-240.png) no-repeat;
    /*background-position: top 15pt right 30pt;*/
    background-position: 93% 20px;
    background-size:100px 100px;
}
aside .mailmagazine{background: none;}

.mailmagazine .title {
	margin-bottom: 10px;
	font-size: 114%;
	font-weight: bold;
}

.mailmagazine .lead {
	width: 90%;
	margin-bottom: 20px;
	padding-right: 120px;
	/*background: url(../images/mailmagazine.svg) no-repeat right;*/
}
aside .mailmagazine .lead {
	width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
    background: none;
}

.mailmagazine form {
	padding: 15px;
	background: #F5F4F2;
	border-radius: 5px;
}

/*
.mailmagazine form label {
	width: 20%;
	float: left;
	padding-top: 0.5em;
	padding-right: 12px;
	text-align: right;
    font-size: 80%;
}
*/

.mailmagazine form .mail-text {
	width: 76%;
	float: left;
	margin-right: 2%;
	padding: 0.5em;
	font-size: 100%;
	border: solid 1px #C0C0C0;
	border-radius: 5px;
}
aside .mailmagazine form .mail-text {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 0.5em;
}

.mailmagazine form .main-button {
	width: 20%;
	float: left;
	padding: 0.5em;
	background: #4A4A4A;
	color: #fff;
	font-size: 100%;
	border: none;
	border-radius: 5px;
	cursor: pointer;
}
aside .mailmagazine form .main-button {
    width: 50%;
    float: none;
}


.mailmagazine form .main-button:hover {
	background: #999;
}

.sixapart-follow {
	margin-bottom: 30px;
}

.sixapart-follow .title {
	margin-bottom: 10px;
	font-size: 30px;
	text-align: center;
}

.sixapart-follow ul {
	text-align: center;
}

.sixapart-follow ul li {
	width: 32%;
	margin: 0 0.1em;
	display: inline-block;
}

.sixapart-follow ul li a {
	width: 100%;
	display: inline-block;
	padding: 15px 15px 15px 65px;
	color: #fff;
	text-decoration: none;
	text-align: left;
}

.sixapart-follow ul li.facebook a {
	background: #3B579E url(../images/icon-follow-facebook.png) no-repeat 17px 20px;
}

.sixapart-follow ul li.twitter a {
	background: #55ADEF url(../images/icon-follow-twitter.png) no-repeat 17px 20px;
}

.sixapart-follow ul li.feedly a {
	background: #89C131 url(../images/icon-follow-feedly.png) no-repeat 17px 20px;
}

.sixapart-follow ul li a:hover {
	opacity: 0.8;
}

.relation-entrylist h1 {
	margin-bottom: 15px;
	padding: 0.3em 1em;
	background: #4A4A4A;
	color: #fff;
}

.relation-entrylist ul li {
	width: 100%;
	display: table;
	margin-bottom: 15px;
	padding-bottom: 10px;
	border-bottom: solid 1px #D8D8D8;
}

.relation-entrylist ul li a {
	text-decoration: none;
}


.relation-entrylist ul li figure {
	display: table-cell;
	padding: 0 20px 0 0;
	vertical-align: top;
	width: 150px;
	height: 80px;
	overflow: hidden;
}

.relation-entrylist ul li figure img.entry-thumbnail {
	margin-top: 0;
	width: 150px;
}


.relation-entrylist ul li .detail {
	display: table-cell;
	vertical-align: top;
}

.relation-entrylist ul li a .detail .title {
	margin-bottom: 0;
	font-size: 114%;
	font-weight: bold;
	color: #798832;
}

.relation-entrylist ul li a:hover .detail .title {
	color: #8D9092;
}

.relation-entrylist ul li a .detail .excerpt {
	margin-bottom: 0;
	color: #343434;
}



/* ------------------------------------------
                  ClearFix
------------------------------------------ */

.group,
.conversation {
	zoom:1;
	overflow: hidden;
}

.group:after,
.conversation:after {
    content: "";
    display: block;
    clear: both;
}



/* ------------------------------------------
               for Small PC
------------------------------------------ */

@media(max-width:1100px){

#content {
	padding-left: 1em;
	padding-right: 1em;
}

.entrybox-large .entry-detail .entry-title {
	font-size: 18px;
}

}


/* ------------------------------------------
                 for tablet
------------------------------------------ */

@media(max-width:768px){

img {
	max-width: 100%;
	height: auto;
}

header {
	padding: 30px 0 20px 0;
	background: #F5F4F2;
	box-shadow: none;
}

header .inner {
	width: 100%;
	max-width: 100%;
	min-width: 300px;
	padding-left: 1em;
	padding-right: 1em;
}

header h2 {
	display: none;
}

header.header-lower #globalnavi {
	padding-top: 16px;
}

header.header-lower #globalnavi ul li {
	margin-left: 1em;
}

header.header-lower #globalnavi ul li a {
	font-size: 100%;
}

.breadcrumb-navi .inner {
	width: 100%;
	max-width: 100%;
	min-width: 300px;
    padding: 15px 1em;
}

#content {
	width: 100%;
	max-width: 100%;
	min-width: 300px;
	padding: 30px 0 10px 0;
	text-align: left;
}

#main-wrapper {
	width: 100%;
	float: none;
	margin: 0 0 0 0;
}

#content main {
	margin-right: 0;
	margin-bottom: 50px;
	padding: 0 1em;
}

#content aside {
	width: 100%;
	float: none;
	padding: 0 1em;
}
#content aside .mailmagazine{display: none;}

#side-banner {
	text-align: center;
}

#side-likebox {
	width: 300px !important;
	margin: 0 auto;
}

footer .inner {
	width: 100%;
	max-width: 100%;
	min-width: 300px;
	margin: 0 auto;
	padding: 30px 1em 30px 1em;
}

footer a:link,
footer a:visited {
	color: #D4D5D5;
}

#footer-about {
	width: 100%;
	float: none;
	margin-bottom: 1em;
	text-align: center;
}

#footer-social {
	width: 100%;
	float: none;
}

.footer-logo img {
	float: none;
	margin-right: 0;
}

#footer-about p {
	margin-top: 1em;
}

.footer-social-buttons {
	margin-bottom: 0;
}

.footer-social-buttons ul {
	text-align: center;
}

.footer-social-links {
	text-align: center;
}

.footer-copyright {
	margin-top: 30px;
}

.entry {
    padding-right: 0;
}

.entrybox-large {
    margin-bottom: 30px;
}

.entrylist li {
    margin: 0px 4% 30px 0px;
}


}

/* ------------------------------------------
                 for sp
------------------------------------------ */

@media(max-width:480px){

body {
	padding-top: 60px;
}

header.header-lower,
header.top-header {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 60px;
    padding: 14px 0px;
    background: #F5F4F2;
    z-index: 1000;
}

header.header-lower h1,
header.top-header h1 {
	width: 96px;
	margin: 0 0 20px 0;
}

#respomsive-menu-button {
	position: absolute;
	top: 10px;
	right: 10px;
	display: block;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	background: #fff url(../images/respomsive-menu-button.png) no-repeat 8px 12px;
	background-size: 25px 17px;
	cursor: pointer;
}

.respomsive-btn-active {
	background: #fff url(../images/respomsive-menu-button-active.png) no-repeat 10px 10px !important;
	background-size: 20px 20px !important;
}

header.header-lower #globalnavi,
header.top-header #globalnavi {
	display: none;
	position: absolute;
	top: 60px;
	left: 0;
	width: 100%;
	padding-top: 0;
	text-align: left;
	z-index: 1000;
}

header.header-lower #globalnavi ul li,
header.top-header #globalnavi ul li {
	display: block;
    margin: 0px 0px 0px 0;
}

header.header-lower #globalnavi ul li a,
header.top-header #globalnavi ul li a {
	display: block;
	padding: 0.7em;
	background: rgba(255,255,255,0.95);
	border-bottom: solid 1px #d8d8d8;
	font-weight: normal;
}

.entrybox-large .entry-image {
    display: block;
    position: relative;
    width: 100%;
    float: none;
    margin-bottom: 15px;
}

.entrybox-large .entry-detail {
    width: 100%;
    float: none;
    padding-left: 0;
}

.entrybox-large .entry-detail .entry-meta {
	margin-bottom: 15px;
}

#breadcrumb {
	display: none;
}

.page-title {
    padding-bottom: 5px;
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: normal;
    border-bottom: 2px solid #EBEBEB;
}

.pagenation ul li {
	margin-bottom: 2em;
}

.entry-author {
	font-size: 86%;
}

.entry .entry-meta .entry-date {
	padding-top: 14px;
	font-size: 86%;
}

.entry .entry-categories ul li {
	margin-bottom: 0.3em;
}

.entrylist li {
	width: 100%;
    margin: 0 0 50px 0;
    float: none;
}

.entry h2 {
    margin-bottom: 15px;
    font-size: 20px;
    font-weight: bold;
}

.entry h3 {
	font-size: 20px;
}

.entry h4 {
	font-size: 16px;
}

.ninja_onebutton {
    margin-bottom: 30px;
}

.entry-author-detail {
	padding: 15px;
}

.entry-author-detail-header {
	margin-bottom: 15px;
}

.entry-author-detail-header p {
	text-align: center;
}

ul.entry-author-buttons {
	position: static;
	width: 100%;
	padding-right: 0;
	text-align: left;
}

ul.entry-author-buttons li {
	margin: 0 0.1em 0 0;
}

ul.entry-author-buttons li img {
	margin-top: 0;
}

.entry-author-detail-body figure {
	width: 100%;
	float: none;
	margin-bottom: 15px;
	text-align: center;
}

.entry-author-detail-body figure img {
	margin-top: 0;
}

.entry-author-detail-body .entry-author-detail-body-text {
    margin: 0 0 15px 0;
}

.mailmagazine{background: none;}
.mailmagazine .lead {
	width: 100%;
    margin-bottom: 20px;
    padding-right: 0;
    background: none;
}

.mailmagazine form label {
    width: 100%;
    float: none;
    padding-top: 0;
    padding-right: 0;
    margin-bottom: 0.5em;
    text-align: left;
}

.mailmagazine form .mail-text {
    width: 100%;
    float: none;
    margin-right: 0;
    margin-bottom: 0.5em;
}

.mailmagazine form .main-button {
    width: 50%;
    float: none;
}

.sixapart-follow ul li {
	width: 30%;
}

.sixapart-follow ul li a {
	display: block;
	height: 60px;
}

.sixapart-follow ul li a span {
	display: none;
}

.sixapart-follow ul li.facebook a {
	background: #3B579E url(../images/icon-follow-facebook.png) no-repeat 50% 13px;
}

.sixapart-follow ul li.twitter a {
	background: #55ADEF url(../images/icon-follow-twitter.png) no-repeat 50% 13px;
}

.sixapart-follow ul li.feedly a {
	background: #89C131 url(../images/icon-follow-feedly.png) no-repeat 50% 13px;
}

.relation-entrylist ul li a .detail .excerpt {
	display: none;
}

/*
#side-members {
	display: none;
}

#side-categories {
	display: none;
}

#side-recentpost {
	display: none;
}

#side-about {
	display: none;
}
*/

#footer-about {
    text-align: left;
}

#side-likebox {
	width: 100% !important;
}

.search-form .search-text {
    width: 250px;
}

.footer-social-buttons ul {
    text-align: left;
}

.footer-social-links {
    text-align: left;
}

.footer-copyright {
	text-align: left;
}

}

#page-top{
	position:fixed;
	right:16px;
	bottom:16px;
}
#page-top a {
	text-decoration: none;
}