@charset "utf-8";
/* CSS Document */

/*
Theme Name: NoguchiKatsuhiro-SSL-2025
Theme URI:
Description: Noguchi Katsuhiro Website theme
Version: 1.5
Author: clownworks
Author URI: http://www.clownworks.org/
*/



/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/

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;
}

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

html {
	font-size: 12px;
	overflow-y: scroll;
	background:#f5f5f5;
}
body {
    line-height:1;
}


/*body,textarea { font-family: "メイリオ", "ＭＳ Ｐゴシック",sans-serif,Verdana,Arial,Helvetica;} 2012/10/18 */
body,textarea { font-family: "メイリオ", "Meiryo", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "Osaka", "ＭＳ Ｐゴシック", "MS P Gothic", Verdana, Arial, Helvetica, sans-serif;}
input,select { font-family: Arial, "ＭＳ Ｐゴシック", sans-serif,Verdana,Arial,Helvetica;}


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

ol, ul {
	list-style: none;
}

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;
}


/*common*/



body {
	font-size: 100%;
	line-height: 180%;
	color: #666666;
	text-align: center;
	background:#ffffff;
}

a { -webkit-tap-highlight-color:transparent;}
a { cursor: pointer;}
a:link { text-decoration:underline; color: #666;}
a:visited { text-decoration:underline; color: #666;}
a:active { text-decoration:underline; color: #666;}
a:hover { text-decoration:none; color: #b3b3b3;}


#header {
	width:600px;
	margin:0 auto;
	padding:58px 0 20px 0;
	border-bottom:solid 1px #e0e0e0;
}
#header #g_navi {
	padding-top:30px;	
}
#header #g_navi ul {
	text-align:center;
}
#header #g_navi li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 10px;
}
#header #g_navi li a:link {
	text-decoration:none;
}
#header #g_navi li a {
	text-decoration:none;
}
#contents {
	width:600px;
	margin:0 auto 40px;
}
#pagetop {
	width:600px;
	margin:0 auto;
	padding-bottom:10px;
	text-align:right;
	clear:both;
}
#pagetop2 {
	width:600px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:10px;
	text-align:right;
	clear:both;
}
#footer {
	width:100%;
	padding:30px 0;
	background:#f5f5f5;
	font-size:84%;
}
#footer ul {
	text-align:center;
	margin-bottom:15px;
}
#footer li {
	display:inline-block;
	/display:inline;
	/zoom:1;
	padding:0 10px;
}

/*top*/
#top #header {
	margin-bottom:30px;
}
#top #contents h2 {
	margin-bottom:30px;
}
#top #contents h2 img{
	max-width:600px !important;
	max-height:600px !important;
}
* html #top #contents h2 img {
	width:expression(document.body.clientWidth < 600? "600px" :document.body.clientWidth > 600? "600px" : "auto");
	height:expression(document.body.clientHeight < 600? "600px" :document.body.clientHeight > 600? "600px" : "auto");
}
#top #contents #news .title {

}
#top #contents #news .title h3 {
	width:600px;
	margin-bottom:5px;
border-bottom:1px solid #cccccc;
	text-align:left;
}
#top #contents .widget-container {
	padding-top:5px;
	text-align:left;
	margin-bottom:30px;
}

/*single*/
#single #header {
	margin-bottom:20px;
}
#single #contents .page_navi {
	margin-bottom:10px;
}
#single #contents .page_navi .prev {
	float:left;
}
#single #contents .page_navi .next {
	float:right;
}
#single #contents h2 {
	width:500px;
	margin:0 auto 10px;
	text-align:left;
	font-size:84%;
	font-weight: normal;
	color:#808080;
	float:left;
}
#single #contents .list_back {
		float:right;
}
#single #contents .post p img{
	clear:both;
	margin:0 auto 30px auto;
	text-align:center;
	max-width:600px !important;
	max-height:600px !important;
}
* html #single #contents .post img {
	width:expression(document.body.clientWidth < 600? "600px" :document.body.clientWidth > 600? "600px" : "auto");
	height:expression(document.body.clientHeight < 600? "600px" :document.body.clientHeight > 600? "600px" : "auto");
}
#single #contents .post {
	width:600px;
	margin:0 auto 25px;
	text-align:left;
}

#single #contents .post p {
	margin-bottom:10px;
}
#single #contents .social {
	width:600px;
	margin:0 auto 25px;
	text-align:center;
}
#single #contents .social li {
	float:left;  
	margin: 0;  
	padding: 0;  
	list-style-type: none;  
} 
#single #contents .social li.tw {
	width:100px;
}


/*archive*/

#archive #header {
	margin-bottom:20px;
}
#archive #contents .page_info {
	margin-bottom:15px;
}
#archive #contents .page_info h2 {
	font-size:134%;
	font-weight:normal;
	float:left;
}
#archive #contents .page_info ul{
	float:right;
}
#archive #contents .page_info li {
	width:14px;
	height:14px;
overflow: hidden;
	background:#d9d9d9;
	float:left;
	margin:0 0 0 10px;
}
#archive #contents .page_info li:hover {
	background:#CCC;
}
#archive #contents .page_info li.active {
	background:#666;
}
#archive #contents .area {/*切り替わる部分はまず全部消しておく*/
	display: none;
}
#archive #contents .archive_list {
	width:600px;
	height:600px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:600px;
	background:#fafafa;
}
#archive #contents .archive_list img {
	max-width:600px;
	max-height:600px;
	vertical-align:middle;
}
* html #archive #contents .archive_list img {
	width:expression(document.body.clientWidth < 600? "600px" :document.body.clientWidth > 600? "600px" : "auto");
	height:expression(document.body.clientHeight < 600? "600px" :document.body.clientHeight > 600? "600px" : "auto");
}
#archive #contents .archive_list2 {
	width:112px;
	height:112px;
	display:table-cell;
	text-align:center;
	vertical-align:middle;
	layout-grid-line:112px;
	line-height:112px; /* heightと同じ値 */
	background:#fafafa;
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}
#archive #contents .archive_list2 img {
	max-width:112px !important;
	max-height:112px !important;
	vertical-align:middle;
}
* html #archive #contents .archive_list2 img {
	width:expression(document.body.clientWidth < 112? "112px" :document.body.clientWidth > 112? "112px" : "auto");
	height:expression(document.body.clientHeight < 112? "112px" :document.body.clientHeight > 112? "112px" : "auto");
}


/*news*/
#news #header {
	margin-bottom:20px;
}
#news #contents .page_navi {
	margin-bottom:15px;
}
#news #contents .page_navi .prev {
	float:left;
}
#news #contents .page_navi .next {
	float:right;
}
#news #contents h2 {
	width:400px;
	text-align:left;
	margin-bottom:20px;
	float:left;
}
#news #contents .list_back {
		float:right;
}
#news #contents .page_navi ul {
	clear:both;
}
#news #contents h3 {
	width:180;
	margin:0;
	float:left;
}
#news #contents h4 {
	width:600px;
	margin:0;
	float:right;
	text-align:left;
}
#news #contents .date {
	width:600px;
	margin:0;
	float:right;
	text-align:left;
}
#news #contents .post {
	width:600px;
	margin:0 auto 25px;
	float:right;
	text-align:left;
}
/* 190424 追記 */
#news #contents .post img {
	max-width: 100%;
	width: auto;
	height: auto;
}
#news #contents .post p{
	word-break: break-word;
}
/* 190424 追記ここまで*/
#news #contents .social {
	width:600px;
	margin:0 auto 25px;
	clear:both;
	text-align:left;
}
#news #contents .social li {
	float:left;
	margin: 0;  
	padding: 0;  
	list-style-type: none;  
}
#news #contents .social li.tw {
	width:100px;
}


#news #contents .news_single_box h3 {
	width:600;
	margin:0;
}
#news #contents .news_single_box h4 {
	width:600px;
	margin:0;
}
#news #contents .news_single_box .date {
	width:600px;
	margin:0;
}
#news #contents .news_single_box .post {
	width:600px;
	margin:0 auto 25px;
}


#news #contents .news_box ul{
	padding-top:5px;
}
#news #contents .news_box li{
	padding-bottom:5px;
}
#news #contents .news_box li .date{
	width:90px;
	float:left;
	text-align:left;
	clear:both;
}
#news #contents .news_box li .detail{
	width:510px;
	float:left;
	text-align:left;
}


/*page*/
#page #header {
	margin-bottom:20px;
}
#page #contents .page_navi {
	margin-bottom:15px;
}
#page #contents .page_navi .prev {
	float:left;
}
#page #contents .page_navi .next {
	float:right;
}
#page #contents h2 {
	text-align:left;
	margin-bottom:20px;
}
#page #contents .profile_box {
	width:600px;
	text-align:left;
}
#page #contents .profile_box h3,
#page #contents .profile_box h4,
#page #contents .profile_box h5 {
	font-size:117%;
	padding-top:20px;
	padding-bottom:10px;
	width:600px;
	clear:both;
}
#page #contents .profile_box dl {
	margin-bottom:20px;
}
#page #contents .profile_box dt {
	width:80px;
	padding:0 0 5px 0;
	float:left;
	clear:both;
}
#page #contents .profile_box dd {
	width:450px;
	padding:0 0 5px 0;
	float:left;
}
#page #contents .link_box ul {
	text-align:center;
}
#page #contents .link_box li {
	margin-bottom:10px;
}
#page #contents .contact_box {
	text-align:left;
}
#page #contents .contact_box .wpcf7 {
	margin-top:20px;
}

/*pagenavi */
.wp-pagenavi {
	clear: both;
padding-bottom:4px;
}
.wp-pagenavi a,
.wp-pagenavi span {
	text-decoration: none !important;
	border: 1px solid #BFBFBF;
	padding: 3px 5px;
	margin: 2px;
}
.wp-pagenavi a:hover,
.wp-pagenavi span.current {
	text-decoration: none;
	border-color: #000;
}
.wp-pagenavi span.current {
	font-weight: bold;
}

/* ===================================================================
	CLEARFIX
==================================================================== */
.clearfix:after {
  content: ".";  /* 新しい要素を作る */
  display: block;  /* ブロックレベル要素に */
  clear: both;
  height: 0;
  visibility: hidden;
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}