@charset "UTF-8";
/*
Theme Name: irako
Description:五十子内科医院　テーマ
Author: IIJIMA M.
Author URI: http://iijiman.com
Version: 1.5 2023.9.29
*/

/****************************************

          General Setting

*****************************************/

html {
	margin: 0;
	padding: 0;
	scroll-behavior: smooth;
}

body {
	background-image:url(../../../../ib.gif);
	margin: 0;
	padding: 0;
	color: #000;
	font-family:sans-serif;
}
p {
	text-align:left;
	text-indent:0px;
	line-height:2.0em;
	margin: 0px;
	padding: 5px 20px 5px 20px;
	font-size:1.2em;
}
p.post-meta{
	font-size:1em;
	line-height:1.6em;
}
img {
    max-width:100%; 
    height:auto; 
}
ul.wp-block-categories-list{
	margin-left:20px;
	list-style:disc;
	padding:5px;
	text-size:1.1em;
	line-height:2.0em;
	text-align:left;
}
ul.wp-block-latest-posts__list{
	margin-left:20px;
	padding:5px;
	text-size:1.1em;
	line-height:2.0em;
}
ul.wp-block-latest-posts__list > li{
	margin-left:5px;
	list-style:disc;
	padding:0px;
	text-align:left;
}

/* scroll */
.pagetop {
	display: none;
	position: fixed;
	bottom: 30px;
	right: 55px;
}
.pagetop a {
	display: block;
	width: 50px;
	height: 50px;
	background-color: #333;
	border-radius: 50px;
	text-align: center;
	color: #fff;
	font-size: 24px;
	text-decoration: none;
	line-height: 50px;
}
/* sidebar */
.wp-widget-group__inner-blocks {
	text-size:1.1em;
	line-height:2.0em;
}
address {
	text-align:center;
	font-style:normal;
	line-height:1.4em;
	font-size:1.0em;
}
#footer p {
	line-height:1.4em;
	margin: 0;
	padding: 2px;
	text-align:center;
	font-size:1.1em;
	font-style:normal;
}

/* styles for mobile */
#menu {
	display:none;
}
.slicknav_menu {
	display:block;
}

#g_navi,#g_navi ul,#g_navi ul li {
	display:none;
}

#menu li {
  float: left;
  width: 20%;
  text-align: center;
}
#menu li a {
  padding: 0 20px 10px;
  border-top: none;
  border-right: none;
  background: none;
  color: #555555;
  display: inline-block;
  margin: auto;
  text-shadow: -1px 1px rgba(255, 255, 255, 0.8);
}
#menu li a:hover {
  background: none;
  color: #97C1F3;
}
#menu li a:active {
  color: #5687F8;
}

#container {
	min-width:320px;
	border-left:#cfc 1px solid;
	border-right:#cfc 1px solid;
	padding:0;
}

#main {
	float:left;
	width: 100%;
	background:#FFF;
}
#sidebar {
	width: 100%;
	float:left;
	background:#FFF;
	text-align:center;
	margin:auto;
	font-size: 1em;
}
#footer {
	width:100%;
	padding: 0px;
	margin: 0px;
	background:#FFF;
} 

/* style for desktop */
@media only screen and (min-width : 850px){

#menu {
	display:none;
}

.slicknav_menu {
 
	display:none;
 
}
#g_navi,#g_navi ul,#g_navi ul li {
	display:block;
}

#container {
	background:#fff;
	max-width:850px;
	min-width:320px;
	margin:auto;
	padding:0;
}
#header {
	width:100%;
	padding: 0;
	margin:0;
}

/****************************************

          header

*****************************************/
#header {
	width:100%;
	margin:0;
}
img{
	vertical-align: bottom;
}

#description {
	margin-top: 0;
	color: #777;
}

/****************************************

          Breadcrumb

*****************************************/

#breadcrumb{
	margin-bottom: 20px;
}
#breadcrumb li{
	float: left;
	margin-right: .5em;
}


/****************************************

          Main

*****************************************/

#main .post,
#main .page{
	overflow: hidden;
	margin-bottom: 59px;
	border-bottom: 1px solid transparent;
	padding:10px;
}

.sticky{
	/* 先頭固定ポストのスタイル */
}

.post-meta{
	margin-bottom: 1.5em;
}
.post-meta .post-date,
.post-meta .category{
	padding-right: 1em;
}
.comment-num{ white-space: nowrap; }

.more-link{
	float: right;
}

.navigation{
	overflow: hidden;
	margin-bottom: 40px;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
	background: url(images/gray.gif) repeat-y 50% 0;
}
	.navigation > div{
		width: 50%;
	}

	.navigation .alignright{
		text-align: right;
	}

	.navigation a{
		display: block;
		padding: 1em;
		border: none;
	}
	.navigation a:hover{
		background: #ffeff7;
		color: #000;
	}
	.navigation .alignright a:hover{
		border-left: 1px solid #ddd;
	}

.footer-post-meta{
	margin-top: 40px;
	text-align: right;
}
	.post-author{ padding-left: 1em; }

.page-link{
	margin: 3em 0;
}
.comment-page-link{
	margin: 0 0 3em;
}

	.page-link span,
	.comment-page-link span,
	.comment-page-link a{
		display: inline-block;
		margin-right: 3px;
		padding: 5px 8px;
		border: 1px solid #ddd;
		background: #ddd;
	}
		.page-link a span,
		.comment-page-link a{
			background: #fff;
		}
	
	.page-link a{
		border-bottom: none;
		color: #000;
	}
	
	.page-link a span:hover,
	.comment-page-link a:hover{
		background: #ffeff7;
		color: #000;
	}

/****************************************

          index.php Main

*****************************************/

.content-box{
	float: right;
	margin-top: -0.25em;
	width: 520px;
}
	.content-box .more-link{
		margin: 0;
	}

.thumbnail-box{
	float: left;
	width: 200px;
}
	.thumbnail-box img{
		width: 160px;
		height: 160px;
	}

.widget{
	margin-bottom: 0;
}
h2.widgettitle{
	font-size: 1.0em;
	font-weight: bold;
	text-align: left;
}


#sidebar-recent-posts li,
#sidebar-popular-posts li{
	margin:10px 0;
}

.sidebar-thumbnail-box{
	float: left;
	width: 75px;
}

.sidebar-recent-posts-title{
	float: right;
	width: 165px;
}
	#sidebar-recent-posts h3,
	#sidebar-recent-posts p,
	#sidebar-popular-posts h3,
	#sidebar-popular-posts p{
		margin: 0;
	}

.tagcloud a{
	white-space: nowrap;
}

/****************************************

          WordPress Misc

*****************************************/

.aligncenter {
	display: block;
	margin-right: auto;
	margin-left: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.wp-caption {
	margin: 10px;
	padding-top: 4px;
	border: 1px solid #ddd;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: #f3f3f3;
	text-align: center;
}

.wp-caption-text,
.gallery-caption{
	font-size: 80%;
}

.wp-caption img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

.wp-caption-dd {
	margin: 0;
	padding: 0 4px 5px;
	font-size: 11px;
	line-height: 17px;
}

img.alignright {
    display: inline-block;
    margin: 0 0 1em 1.5em;
}

img.alignleft {
    display: inline-block;
    margin: 0 1.5em 1em 0;
}


/****************************************

          Clearfix

*****************************************/

#container:after,
#header .menu > ul:after,
#header ul.menu:after,
.clearfix:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: " ";
	font-size: 0;
}

#container,
#header .menu > ul,
#header ul.menu,
.clearfix {
	display: block;
}

/***** styles for mobile *****/
	
.slicknav_menu {
	display:none;
}
.js #menu {
	display:none;
}
.slicknav_menu {
	display:none;
}
.js .slicknav_menu {
	display:block;
}

#g_navi {
	display: none;
}
#menu {
	display:none;
}
#main {
	width: 100%;
	background:#fff;
	font-size:1.1em;
	line-height:2.0em;
}
#sidebar {
	width: 100%;
	text-align:center;
	background:#fff;
	font-size:1.1em;
	line-height:2.0em;
}

/***** styles for desktop *****/
@media screen and (min-width: 850px) {
.slicknav_menu {
	display:none;
}

#menu{
	display:none;
}

#main {
	float: left;
	width: 600px;
}
#sidebar {
	float: right;
	width: 247px;
}

/* -+-+-+-+-+-+-+-+-+-+-+-+- Global Navi Style */
#g_navi {
	height:41px;
	width:850px;
	background:url(../../../../img/menu_text.png);
	display:table;
	margin:0;
	padding:0;
}

#g_navi ul {
	padding:0px 0px 0px 117px;
	margin:0;
}
#g_navi li {
	display:inline;
	list-style-type:none;
}
#g_navi li a {
	height:40px;
	width:150px;
	display:block;
	float:left;
	text-decoration:none;
	overflow:hidden;
	margin:0;
}

/*------off*/
#g_navi li.g_navi01 a {
	background:url(../../../../img/menu_text.png) no-repeat -117px 0px;
	width:160px;
}
#g_navi li.g_navi02 a {
	background:url(../../../../img/menu_text.png) no-repeat -277px 0px;

	width:160px;
}
#g_navi li.g_navi03 a {
	background:url(../../../../img/menu_text.png) no-repeat -437px 0px;
	width:160px;
}
#g_navi li.g_navi04 a {
	background:url(../../../../img/menu_text.png) no-repeat -597px 0px;
}
/*------hover*/
#g_navi li.g_navi01 a:hover {
	background:url(../../../../img/menu_text.png) no-repeat -117px -40px;
}
#g_navi li.g_navi02 a:hover {
	background:url(../../../../img/menu_text.png) no-repeat -277px -40px;
}
#g_navi li.g_navi03 a:hover {
	background:url(../../../../img/menu_text.png) no-repeat -437px -40px;
}
#g_navi li.g_navi04 a:hover {
	background:url(../../../../img/menu_text.png) no-repeat -597px -40px;
}

/*------on*/
#g_navi li.g_navi01_on a {
	background:url(../../../../img/menu_text.png) no-repeat -117px -80px;
	width:160px;
}
#g_navi li.g_navi02_on a {
	background:url(../../../../img/menu_text.png) no-repeat -277px -80px;
	width:160px;
}
#g_navi li.g_navi03_on a {
	background:url(../../../../img/menu_text.png) no-repeat -437px -80px;
	width:160px;
}
#g_navi li.g_navi04_on a {
	background:url(../../../../img/menu_text.png) no-repeat -597px -80px;
	width:160px;
}
}