@charset "utf-8";

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

header

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

header {
	text-align: center;
/*opacity: 0.5;*/
}

header .logo {
	padding-top: 40px;
}

header .sub_logo {
	padding-top: 16px;
}

header .image {
	margin-top: 42px;
	height: 355px;
}

header .image img {
	display: none;
}

header .caption {
	max-width: 820px;
	margin: 0 auto;
	padding: 0 10px;
	font-size: 11px;
	text-align: right;
}

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

article

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


article .wrapper {
	max-width: 820px;
	margin: 0 auto;
	padding: 12px 10px 0;
/*opacity: 0.5;*/
}

article h1 {
	padding-bottom: 30px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-weight: 400;
	color: #808080;
}

article .date {
	float: left;
	width: 200px;
	padding: 10px 0 0 15px;
	font-family: 'Fredoka One', sans-serif;
	font-size: 13px;
	color: #534741;
}

article .main {
	float: right;
	width: 580px;
}

article .main h2 {
	padding-top: 2px;
	display: table;
}

article .main h2 .vol {
	display: table-cell;
	padding-right: 20px;
	vertical-align: top;
	white-space: nowrap;
	font-family: 'Fredoka One', sans-serif;
	font-size: 48px;
	color: #534741;
}

article .main h2 .title {
	display: table-cell;
	vertical-align: top;
	padding-top: 10px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 24px;
	font-weight: 700;
	line-height: 28px;
	color: #534741;
}

article .main .entry {
	clear: both;
	padding-top: 14px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 18px;
	font-weight: 400;
	line-height: 34px;
}

article .navi {
	clear: both;
	padding-top: 40px;
}

article .navi li {
	list-style-type: none;
	float: left;
}

article .navi li.prev {
	padding-left: 5px;
	width: 100px;
}

article .navi li.this {
	width: 600px;
	text-align: center;
}

article .navi li.this .title {
	padding: 0 19px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 16px;
}

article .navi li.this .pagination {
	font-family: 'Fredoka One', sans-serif;
	font-size: 18px;
}

article .navi li.this .pagination span {
	padding: 0 19px;
	line-height: 2;
}

article .navi li.next {
	padding-right: 5px;
	width: 100px;
	text-align: right;
}

#edit_post_link {
	margin-top: 20px;
	text-align: center;
	font-size: 12px;
}



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

aside

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

aside {
	background: url(/akichi/common/img/column_line_1.png) top center repeat-x;
/*opacity: 0.5;*/
}

aside .wrapper {
	max-width: 820px;
	margin: 0 auto;
	padding: 70px 10px 0;
}

aside p {
	float: left;
	padding: 10px 25px 0 185px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 16px;
}

aside li {
	float: left;
	padding: 10px 9px 0 0;
	list-style-type: none;
}



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

footer

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


footer {
	padding-top: 58px;
	background: #ded3bc url(/akichi/common/img/column_line_2.png) top center repeat-x;
/*opacity: 0.5;*/
}

footer .wrapper {
	max-width: 820px;
	margin: 0 auto 135px;
	padding: 0 10px 30px;
	background: url(/akichi/common/img/column_line_3.png) top center no-repeat;
}

footer .no_photo {
	margin-
}

footer #backnumber {
	float: left;
	width: 380px;
}

footer #backnumber h3 {
	margin: 197px 0 0 28px;
	padding-bottom: 12px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	background: url(/akichi/common/img/column_line_4.png) bottom left no-repeat;
}

footer #backnumber h3.no_photo {
	margin-top: 30px;
}

footer #backnumber dl {
	padding: 32px 0 0 30px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-weight: 400;
	line-height: 24px;
}

footer #backnumber dt {
	clear: both;
	float: left;
	width: 2.3em;
	padding: 0 17px 6px 0;
}

footer #backnumber dd {
	float: left;
	width: 310px;
	padding-bottom: 6px;
}

footer #profile {
	float: right;
	width: 380px;
}

footer #profile h2 {
	padding-right: 5px;
	text-align: right;
}

footer #profile .image {
	position: relative;
	padding: 20px 0 0 70px;
}

footer #profile .image span {
	position: absolute;
	bottom: 0;
	left: 240px;
	z-index: 10;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 10px;
	font-weight: 400;
	line-height: 1.2;
}

footer #profile h3 {
	margin: 15px 0 30px;
	padding: 0 0 12px 10px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 14px;
	font-weight: 700;
	line-height: 24px;
	background: url(/akichi/common/img/column_line_4.png) bottom left no-repeat;
}

footer #profile h3.no_photo {
	margin-top: 37px;
}

footer #profile p {
	padding: 0 40px 0 12px;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size: 12px;
	font-weight: 400;
	line-height: 22px;
}

footer .copyright {
	height: 110px;
	padding-top: 57px;
	text-align: center;
	font-family: 'Special Elite', sans-serif;
	font-size: 14px;
	letter-spacing: 2px;
	background: url(/akichi/common/img/column_line_5.png) bottom center no-repeat;
}



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

Smart Phone 599px�ȉ�

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

@media (max-width: 599px) { 

	header .image {
		height: auto;
		background: none !important;
	}

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

	article .date {
		float: none;
		padding-left: 0;
	}

	article .main {
		float: none;
		width: 100%;
	}

	article .main .entry {
		word-wrap:break-word;
		overflow-wrap:break-word;
	}

	article .main .entry img {
		max-width: 100%;
		height: auto;
	}

	article .main .entry .wp-caption {
		max-width: 100%;
	}

	article .main .entry img.alignright,
	article .main .entry img.alignleft {
		float: none;
		display: block;
		margin: 0 auto 1em;
	}


	article .navi li.prev,
	article .navi li.next {
		width: 10%;
	}

	article .navi li.prev img,
	article .navi li.next img {
		max-width: 100%;
		height: auto;
	}

	article .navi li.this {
		width: 80%;
	}

	article .navi li.this .title {
		display: block;
		padding-bottom: 5px;
	}

	article .navi li.this .pagination span {
		padding: 0 15px;
	}

	aside p {
		float: none;
		padding: 15px 0 15px 0;
	}

	aside ul {
		display: inline;
	}

	aside li {
		float: none;
		display: inline;
		padding-right: 5px;
	}

	aside li.print {
		display: none;
	}

	aside li img {
		width: 50px;
		height: 50px;
	}

	footer .wrapper {
		margin-bottom: 0;
		background: none;
	}

	footer #backnumber {
		float: none;
		width: 100%;
	}

	footer #backnumber h3,
	footer #backnumber h3.no_photo {
		margin-top: 20px;
		margin-left: 0;
	}

	footer #backnumber dl {
		padding-left: 0;
	}

	footer #backnumber dd {
		width: 85%;
	}

	footer #profile {
		float: none;
		width: 100%;
	}

	footer #profile h2 {
		padding: 50px 0 0;
		text-align: left;
	}

	footer #profile .image {
		padding-left: 0;
		text-align: center;
	}

	footer #profile h3.no_photo {
		margin-top: 30px;
	}

	footer #profile .image span {
		position: static;
		display: block;
		padding-top: 5px;
	}

	footer .copyright {
		font-size: 9px;
	}

} /* /@media */



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

Tablet 600�`800px

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

@media (min-width: 600px) and (max-width: 800px) {

	header .image {
		height: auto;
		background: none !important;
	}

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

	article .date {
		float: none;
		padding-left: 0;
	}

	article .main {
		float: none;
		width: 100%;
	}

	article .main .entry img {
		max-width: 100%;
		height: auto;
	}

	article .main .entry .wp-caption {
		max-width: 100%;
	}

	article .navi li.prev {
		width: 10%;
	}

	article .navi li.this {
		width: 80%;
	}

	article .navi li.next {
		width: 10%;
	}

	aside .wrapper {
		text-align: center;
	}

	aside h2 {
		padding-bottom: 30px;
		text-align: left;
	}

	aside p {
		float: none;
		display: inline;
		padding-right: 15px;
		padding-left: 0;
		vertical-align: top;
	}

	aside ul {
		display: inline;
	}

	aside li {
		float: none;
		display: inline;
		padding-right: 5px;
	}

	footer #backnumber {
		width: 46%;
	}

	footer #backnumber dd {
		width: 85%;
	}

	footer #profile {
		width: 46%;
	}

} /* /@media */