/*
Theme Name:     八雲町ブログ
Author:         HINET
Template:       twentyten
Version:        0.0.1
*/

@import url('css/reset.css');
@import url('../twentyten/style.css');



/*
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
_|                                                    _|
_|  PC and share                                      _|
_|                                                    _|
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
*/

/*---------------------------------------------------------------

  Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html

-------------------------------------------------------------- */
* {
	font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
}
input,
textarea {
	font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
}

/* float clear */
.cf:before,
.cf:after {
	content: "";
	display: table;
}
.cf:after {
	clear: both;
}
/* For IE 6/7 (trigger hasLayout) */
.cf {
	zoom: 1;
}

/* ページ内目次 */
#sp_page_index_link_wrap {
	display: none;
}

/* スマホ用メニュー */
.sp_button {
	display: none;
}

#spm_wrap, #tb_header_search_wrap, #top_search {
	display: none;
}
#spm_sp {
	display: none;
	width: auto;
	height: auto;
	margin: 10px 20px;
	padding: 20px 100px;
	border-radius: 20px;
	background: rgba(0,0,0,0.75);
	z-index: 100;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 1.4rem;
	border: none;
	text-align: left;
}

/* 全体 */
html{
	font-size: 62.5%;
}
body {
	margin: 0px;
	padding: 0px;
	border: 0px;
	text-align: center;
	min-width: 1100px;
	background: #FFFFFF;
	font-size: 10px;
	font-size: 1.6em;
	font-family: 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	-webkit-text-size-adjust: 100%; /* スマートフォンを横向きにした時に、フォントサイズが自動的に大きくなるのを防ぐ */
}

/*---------------------------------------------------------------

  Layout

-------------------------------------------------------------- */

/*
LAYOUT: Two columns
DESCRIPTION: Two-column fixed layout with one sidebar right of content
*/

#container {
	float: left;
	margin: 0;
	padding: 30px 0;
	width: 69.09%;
}
#content {
	margin: 0; /* twentyten reset */
	padding: 0;
	width: auto;
}
#primary,
#secondary {
	float: right; /* twentyten reset */
    width: 27.27%; /* responsive */
    padding: 0;
	margin: 30px auto;  
    overflow: hidden;
}
#footer {
	clear: both;
	width: auto;
}



/*---------------------------------------------------------------

  Fonts

-------------------------------------------------------------- */
body,
input,
textarea,
.page-title span,
.pingback a.url {
	font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
}
h3#comments-title,
h3#reply-title,
#access .menu,
#access div.menu ul,
#cancel-comment-reply-link,
.form-allowed-tags,
#site-info,
#site-title,
#wp-calendar,
.comment-meta,
.comment-body tr th,
.comment-body thead th,
.entry-content label,
.entry-content tr th,
.entry-content thead th,
.entry-meta,
.entry-title,
.entry-utility,
#respond label,
.navigation,
.page-title,
.pingback p,
.reply,
.widget-title,
.wp-caption-text {
	font-family: 'Hiragino Sans','ヒラギノ角ゴシック','Hiragino Kaku Gothic Pro','ヒラギノ角ゴ Pro W3','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,Verdana,sans-serif;
}


/*---------------------------------------------------------------

  Structure

-------------------------------------------------------------- */

/* The main theme structure */
#colophon,
#main {
	margin: 0 auto;
	width: 1100px;
	text-align: left;
}


/*---------------------------------------------------------------

  Global Elements

-------------------------------------------------------------- */
a:link {
	color: #E64A19;
}
a:visited {
	color: #BF360C;
}
a:active,
a:hover {
	color: #FF5722;
}
img {
	vertical-align: text-bottom;	
}
strong {
	font-weight: bold;	
}
.align_center {
	text-align: center;	
}
.align_left {
	text-align: left;	
}
.align_right {
	text-align: right;	
}
/* nowarap */
.nowrap {
	white-space: nowrap !important;
}
/* Image */
.responsiveImg img,
.responsiveImg {
	max-width: 100%;
	height: auto;
}
.alignright, img.alignright,
.alignleft, img.alignleft {
	display: inline;
	margin-bottom: 2em;	
}
.alignright, img.alignright{
	float: right;
	margin-left: 2em;
}
.alignleft, img.alignleft {
	float: left;
	margin-right: 2em;
}
.fntColorRed	{ color: #f44336; }
.fntColorBlue	{ color: #2196F3; }
.fntColorGreen	{ color: #4caf50; }
.fntColorYellow { color: #ff9800; }



/* margein */
.mgtop0, .mgTop0		{	margin-top: 0 !important;		}
.mgtop1em, .mgTop1em	{	margin-top: 1em !important;		}
.mgtop2em, .mgTop2em	{	margin-top: 2em !important;		}
.mgtop3em, .mgTop3em	{	margin-top: 3em !important;		}
.mgtop4em, .mgTop4em	{	margin-top: 4em !important;		}
.mgbottom0, .mgBottom0		{	margin-bottom: 0 !important;	}
.mgbottom1em, .mgBottom1em	{	margin-bottom: 1em !important;	}
.mgbottom2em, .mgBottom2em	{	margin-bottom: 2em !important;	}
.mgbottom3em, .mgBottom3em	{	margin-bottom: 3em !important;	}
.mgbottom4em, .mgBottom4em	{	margin-bottom: 4em !important;	}


/*---------------------------------------------------------------

  Header

-------------------------------------------------------------- */
#header {
	clear: both;
	margin: 0px;
	padding: 0px;
	width: auto;
	height: auto;
}
#header2 {
	display: table;
	table-layout: fixed;
	width: 1100px;
	height: 120px;
	margin: 0px auto;
	padding: 5px 0px;
}
#header2 > div {
	display: table-cell;
	vertical-align: top;
}

#he_left {
	width: 230px;
}
#he_left .logo_background {
	position: absolute;
	z-index: -1;
	margin-left: -304px;
	margin-top: -55px;
}
#he_left p#logo, #he_left h1#logo {
	margin-top: 2px;
	padding: 0px;
	position: absolute;
}
#he_left p#logo a, #he_left h1#logo a {
	display: block;
}
#he_right {
	text-align: right;
	font-size: 1.3rem;
}

#header_link {
	display: block;
}
#header_link ul {
	margin: 12px 22px 10px 0;
	padding: 0px;
	list-style: none;
}
#header_link ul li {
	display: inline-block;
	margin: 0px 0px 0px 17px;
	padding: 0px;
	vertical-align: middle;
}
#header_link ul li:first-child {
	margin-left: 0px;
}
#header_link ul li a {
	display: block;
	color: #333333;
	text-decoration: none;
	white-space: nowrap;
	padding-left: 25px;
}
#header_link ul li a:hover {
	color: #FF4500;
}
#header_link ul li a.userguide {
	background: url(images/common/h1_icon_userguide.png) no-repeat center left -2px;
}
#header_link ul li a.sitemap {
	background: url(images/common/h1_icon_sitemap.png) no-repeat center left -2px;
}
#header_link ul li a.language {
	background: url(images/common/h1_icon_foreign.png) no-repeat center left -2px;
}
#header_link ul li a.icon_setting {
	background: url(images/common/h1_icon_setting.png) no-repeat center left -2px;
}
#header_link1:before {
	content: url(images/common/2030.png);
	display: inline-block;
	vertical-align: top;
	float: left;
	padding-left: 12px;
	margin-top: -2px;
	z-index: 11;
}

#skip_link a {
	background: url(images/common/icon_head01.png) no-repeat center left -2px;
	color: #666666;
	text-decoration: none;
	white-space: nowrap;
	padding-left: 15px;
}
#skip_link a:hover {
	color: #FF4500;
}
#top_navi {
	display: table;
	float: right;
	table-layout: fixed;
	clear: both;
	margin: 0 0 5px;
	padding: 0;
}
#top_navi ul {
	display: table-row;
	clear: both;
	text-align: center;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}
#top_navi ul li {
	width: 165px;
	display: table-cell;
	margin: 0;
	padding: 0;
	vertical-align: middle;
	border-left: 2px solid #336633;
}
#top_navi ul li:last-child {
	border-right: 2px solid #336633;
}
#top_navi ul li a {
	color: #336633;
	display: block;
	margin: 0;
	background-repeat: no-repeat;
	line-height: 1em;
	text-decoration: none;
	font-size: 1.6rem;
	letter-spacing: 0.1em;
}
#top_navi ul li#gnav0 a {
	background-image: url(images/common/top_nav0.png);
	background-position: center left 36px;
	padding: 20px 0px 14px 52px;
}
#top_navi ul li#gnav1 a {
	background-image: url(images/common/top_nav1.png);
	background-position: center left 15px;
	padding: 20px 0px 14px 36px;
}
#top_navi ul li#gnav2 a {
	background-image: url(images/common/top_nav2.png);
	background-position: center left 16px;
	padding: 20px 0px 14px 35px;
}
#top_navi ul li#gnav3 a {
	background-image: url(images/common/top_nav3.png);
	background-position: center left 18px;
	padding: 20px 0px 14px 36px;
}
#top_navi ul li#gnav4 a {
	background-image: url(images/common/top_nav4.png);
	background-position: center left 15px;
	background-size: auto 22px;
	padding: 20px 0px 14px 36px;
}


/*---------------------------------------------------------------

  Global Navigation

-------------------------------------------------------------- */
/*グローバル*/
/*タブここから*/
#top_search {
	clear: both;
	margin: 0px;
	padding: 0px;
	background: #BADFFF;
	z-index: 10;
	position: relative;
}
#top_search_a {
	display: table;
	table-layout: fixed;
	clear: both;
	margin: 0px auto;
	padding: 0px;
	width: 1100px;
	height: auto;
}
#top_search_a ul {
	display: table-row;
	clear: both;
	text-align: left;
	margin: 0px auto;
	padding: 0px;
	list-style: none;
}
#top_search_a li {
	display: table-cell;
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
}
#top_search_a li a {
	display: block;
	width: auto;
	height: auto;
	min-height: 1rem;
	margin: 10px 0px 10px 10px;
	padding: 25px 20px 25px 65px;
	line-height: 1em;
	color: #003399;
	text-decoration: none;
	font-size: 2.0rem;
	font-weight: bold;
	text-align: center;
	letter-spacing: 0.1em;
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	background-position: 30px center;
	transition: background-color 0.15s ease-in-out,color 0.15s ease-in-out;
	border-radius: 8px;
}

/* 検索 */
#header_search_wrap {
	clear: both;
	background: #336633;
}
#header_search {
	display: table;
	width: 1100px;
	height: auto;
	margin: 0px auto;
	padding: 20px 0px;
}
#header_search > div {
	display: inline-table;
	vertical-align: middle;
}

/* Diaster and Daily doctor */
#header_search > div.inform_fact {
    display: inline-block;
    float: right;
}
span.diaster, span.daily_doctor {
	display: inline-grid;
	margin-right: 0px;
	margin-bottom: 2px;
	padding: 0px;
	width: 150px;
}
span.diaster {
	margin-right: 12px;
}
span.diaster a, span.daily_doctor a {
	display: inline-block;
	background: #ffffff;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
	color: #d63333;
	font-size: 1.4rem;
	border: 1px solid #cd0303;
	text-decoration: none;
	transition: 0.2s;
	position: relative;
}
span.diaster a {
	padding: 12px 26px 12px 15px;
}
span.daily_doctor a {
	padding: 12px 26px 12px 15px;
}
span.diaster a:after, span.daily_doctor a:after {
	content: '';
	display: block;
	background: url(images/common/red_arrow.png) no-repeat center center;
	width: 18px;
	height: 18px;
	position: absolute;
	top: 50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
	vertical-align: middle;
	right: 12px;
	margin-top: -2px;
}

/*---------------------------------------------------------------

  breadcrumb

-------------------------------------------------------------- */
/* パンくずナビ */
#file_path {
	background: #eaefea;
}
#pankuzu_wrap {
	-webkit-box-ordinal-group: 1;
		-ms-flex-order: 0;
			order: 0;
	width: 1100px;
	margin: 0 auto;
	-webkit-box-sizing: border-box;
			box-sizing: border-box;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pankuzu {
	clear: both;
	margin: 0px;
	padding: 5px 0px 5px 80px;
	text-align: left;
	line-height: 2rem;
}
.pankuzu:first-child {
	background: url(images/common/icon_pankuzu.png) no-repeat left 0.2em;
}


/*---------------------------------------------------------------

  content

-------------------------------------------------------------- */
#main {
	padding: 0;	
}
#blogTitle {
	margin-top: 20px;
	width: 100%;
	height: auto;
}
#content {
}
#content,
#content input,
#content textarea {
	color: #000;
	font-size: 1.6rem;
	line-height: 1.5;
}
#content img {
	max-width: 100%;
	height: auto;
}
#content p,
#content ul,
#content ol,
#content dd,
#content pre,
#content hr {
	font-size: 1.6rem;
/*	margin-top: 1em;*/
	margin-bottom: 1.7em;
}
#content p {
	line-height: 2.0;
}
#content dl {
	line-height: 1.9;
	margin-left: 1.0em;	
}
#content ul {
	line-height: 1.9;
	margin-left: 2.2em;	
	list-style-type: disc;	
}
#content ol {
	line-height: 1.9;
	margin-left: 2.4em;	
	list-style-type: decimal;	
}
#content ul li,
#content ol li {
	margin-bottom: 0.5em;	
}
#content ul ul,
#content ol ol,
#content ul ol,
#content ol ul {
	margin-bottom: 0;
}
#content dt,
#content th {
	color: #000;
}
#content h2 {
    clear: both;
    margin: .8em 0 1.5em;
    padding: 0.9em 1em 1em 1em;
    font-size: 2.2rem;
    font-weight: normal;
    line-height: 1.2em;
    border: none;
    position: relative;
}
#content h2:before {
    position: absolute;
    background: linear-gradient(to right, #a9cf52 200px, #7c9e2c 50px);
    height: 5px;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
}
#content h3 {
    clear: both;
    margin: 1.5em 0 1.2em;
    padding: 0.9em 20px 0.9em 1em;
    font-size: 2rem;
    font-weight: normal;
    line-height: 1.2em;
    background: #e5e7eb;
    border: none;
}
#content h4 {
    clear: both;
    margin: 1em 0 1.5em;
    padding: 0.9em 1em 0.9em 1em;
    font-size: 1.7rem;
    font-weight: normal;
    line-height: 1.2em;
    background: url(images/common/h4bg.png) repeat-x right bottom;
    border: none;
}
#content h5 {
    clear: both;
    margin: 1em 0 .8em;
    padding: 0.9em 1em 0.9em 1.5em;
    font-size: 1.6rem;
    font-weight: normal;
    line-height: 1.2em;
    background: url(images/common/h5bg.png) no-repeat left center;
    background-position: 5px;
    border: none;
}
#content h6 {
    clear: both;
    margin: 1em 0 .8em;
    padding: 0.9em 20px 0.9em 25px;
    font-size: 1.4rem;
    font-weight: normal;
    line-height: 1.2em;
    background: url(images/common/h6bg.png) no-repeat left center;
    background-position: 5px;
    border: none;
}
/* table */
.tableBox,
.tableBoxScroll {
	margin-left: 0.1em;
	margin-bottom: 20px;
}
.tableBoxScroll {
	overflow-x: auto;
	white-space: nowrap;
}
.tableBoxScroll::-webkit-scrollbar{
	height: 5px;
}
.tableBoxScroll::-webkit-scrollbar-track{
	background: #F1F1F1;
}
.tableBoxScroll::-webkit-scrollbar-thumb {
	background: #BCBCBC;
}
#content table {
/*    border-top: 1px solid #724B4B;
    border-right: 1px solid #724B4B;
	border-left: none;
	border-bottom: none;*/
	border: none;
    margin: 0 0 5px 0;
    text-align: left;
	width: auto;
}
#content table caption {
	text-align: center;
	padding: .5em;
}
#content tr th, #content thead th,
#content tr td {
    padding: 1em;
/*	border-top: none;
	border-right: none;
	border-left: 1px solid #724B4B;
	border-bottom: 1px solid #724B4B;*/
	border: none;
	vertical-align: middle;
	line-height: 1.3;
	font-size: 88.8%;
	color: #000;
}
#content tr th, #content thead th {
    font-weight: normal;
	background: #E2DADA;
	text-align: center;
}
#content tr td {
}
#content table p {
	margin-bottom: 0;
}

/* page-title */
.page-title {
	padding: 1em;
	font-size: 1.8rem;
	background-color: #E5E7EB;
}


/* hentry */
.hentry,
.single .hentry {
	margin: 0 0 50px 0;
	padding: 0;
}
.entry-meta {
	padding: 0;
	margin: 2em 0 2.5em 0;
	color: #000;
	text-align: right;
	font-size: 1.6rem;
}
#content .entry-title {
    margin: 0;
    padding: 1.1em .5em 1.1em .5em;
    color: #001337;
    font-size: 2.6rem;
    font-weight: normal;
	text-align: left;
    line-height: 1.2em;
    border: none;
    position: relative;
}
#content .entry-title:before {
    position: absolute;
    background: linear-gradient(to right, #7fc7e4 200px, #3f9bcc 50px);
    height: 5px;
    content: '';
    bottom: 0;
    right: 0;
    left: 0;
}
#content .entry-title a:link,
#content .entry-title a:visited {
	color: #246dac;
	font-weight: bold;
	text-decoration: none;
}
#content .entry-content {
	padding-top: 0;
}
/* entry-utility */
.entry-utility {
	font-size: 1.4rem;
}


/* navigation */
#nav-below {
	margin: 0;	
	padding: 30px 0;
	border-top: 1px solid #d4d4d4;
/*	border-bottom: 1px solid #d4d4d4; */
}
.nav-previous,
.nav-next {
	width: 48%;
}
.nav-previous a,
.nav-next a {
    display: inline-block;
    font-size: 1.4rem;
    line-height: 1.4;
    padding: .9em;
	color: #000 !important;
	font-weight: normal;
	background-size: 12px 12px;
	background-repeat: no-repeat;
	background-color: #EEEEEE;
}
.nav-next a {
	padding-right: 32px;
	background-image: url(images/common/right_arrow_24px_black.png);
	background-position: right 8px top 50%;
}
.nav-previous a {
	padding-left: 32px;
	background-image: url(images/common/left_arrow_24px_black.png);
	background-position: left 8px top 50%;
}
.nav-index {
	clear: both;
	padding-top: 20px;
	text-align: center;
}
.nav-index a {
	display: inline-block;
	padding: 0;
	width: 18em;
	line-height: 50px;
	font-size: 1.4rem;
	font-weight: bold;
	text-decoration: none;
	color: #fff !important;
	background-color: #2a2a2a;
	background-image: url(images/common/up_arrow_24px_white.png);
	background-size: 10px 8px;
	background-position: left 15px top 50%;
	background-repeat: no-repeat;
}
.nav-previous a:hover,
.nav-next a:hover,
.nav-index a:hover {
	color: #000 !important;
	background-color: #E0E0E0;
}
.meta-nav {
	display: none;
}


/*---------------------------------------------------------------

  Images

-------------------------------------------------------------- */
#content .wp-caption {
	background: none;
	line-height: 1.4;
	margin-bottom: 20px;
	max-width: 100% !important;
    width: 100% !important;
	padding: 0;
	text-align: center;
}
#content .wp-caption img {
	margin: 0;
	max-width: 100% !important;
	height: auto;
}
#content .wp-caption p.wp-caption-text {
    color: #666;
    font-size: 1.4rem;
    margin: 10px 0 15px 0;
}
/* カスタムサイズのレスポンシヴ対応(クラス名に「wp-image-」があればレスポンシヴ化) */
img[class*="wp-image-"] {
	max-width: 100% !important;
	height: auto;
/*	margin-bottom: 30px;*/
}



/*---------------------------------------------------------------

  Footer

-------------------------------------------------------------- */
#footer {
	clear: both;
	width: auto;
	height: auto;
	background: url(images/common/footer_logo.png) no-repeat;
	background-position-x: 130%;
	background-position-y: -4%;
	background-color: #ffffff;
	/* background-size: auto 91%; */
	border-top: 2px solid #001337;
	margin: 0px;
	padding: 20px 0 0;
	text-align: left;
}
#footer > div {
	width: 1100px;
	margin: 0 auto;
}

#footer_navi ul {
	margin: 0px;
	padding: 0px 0px 15px 30px;
	text-align: left;
}
#footer_navi li {
	display: inline-block;
	border-left: 2px solid #999999;
}
#footer_navi li:first-child {
	border-left: none;
}
#footer_navi li a {
	color: #333;
	letter-spacing: 0.1em;
	margin: 0px;
	padding: 0px 20px;
}
#footer_navi li:first-child a {
	padding-left: 0;
}
#footer_navi li a:hover {
	color: #FF4500;
}

#author_box {
	padding: 0px 0px 0px 30px;
}
#author_box p {
	margin: 0;
	padding: 0;
}
#author_box p span {
	display: inline-block;
	vertical-align: middle;
	line-height: 1.7;
}
#author_box p span.f_author {
	font-size: 2.1rem;
	font-weight: bold;
}
#author_box p span.f_number {
	font-size: 1.5rem;
}
#author_box p span.f_address {
	margin-top: 7px;
}
#author_box p a {
	color: #333;
}
#author_box p a:hover {
	color: #FF4500;
}

#information {
	margin-top: 20px;
	display: block;
}
#information div {
	background: #ccd0d7;
	width: 250px;
	border-radius: 5px;
	display: inline-block;
	margin-right: 10px;
	padding: 10px 8px 10px 0px;
	text-align: center;
}
#information div a {
	padding: 7px 0 7px 34px;
	text-decoration: none;
	color: #595a5c;
}
#information #footer_access a {
	background: url(images/common/footer_access.png) no-repeat left center;
}
#information #footer_mail a {
	background: url(images/common/footer_mail.png) no-repeat left center;
}

p#copyright {
	background-color: #001337;
	color: #ffffff;
	padding: 20px 0;
	text-align: center;
	font-size: 1.4rem;
	margin: 25px 0 0 0;
}

/* ページトップに戻る */
#back_or_pagetop div {
	cursor: pointer;
}
#to_top {
	background: url(images/common/page_to_top.png)no-repeat;
	position: fixed;
	width: 170px;
	height: 150px;
	right: 10px;
	bottom: 25px;
	z-index: 110;
}
#back_or_pagetop div a span {
	display: none;
}



/*---------------------------------------------------------------

  Comment

-------------------------------------------------------------- */

.commentlist li.comment {
    padding: 0;
}

/*---------------------------------------------------------------

  Navigation(primary/secondary)

-------------------------------------------------------------- */
#main .widget-area ul  {
	padding: 0;
}
.widget-container {
	padding: 20px;
	margin: 0 0 30px 0;
	font-size: 1.6rem;
	border: 1px solid #D6CBCB;
}
.widget-container h3 {
	padding: .5em;
	margin: 0 0 1.5em 0;
	text-align: center;
	font-weight: normal;
	background-color: #D6CBCB;
	border-radius: 5px;
}
#main .widget-area ul ul li {
	margin: 1em 0;
	line-height: 1.4;
}
#wp-calendar {
	text-align: center;
}
#wp-calendar caption, #wp-calendar th {
	text-align: center;
}
#wp-calendar tfoot #prev,
#wp-calendar tfoot #next {
	padding: .5em 0 0 0;
}
#wp-calendar tfoot #prev {	text-align: left;  }
#wp-calendar tfoot #next {	text-align: right; }
.widget-area input,
.widget-area select,
.widget-area option {
	font-size: 1.6rem;
}

/*
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
_|                                                    _|
_|  SP  ～820px(old 670px)			      _|
_|                                                    _|
_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|_|
*/
@media screen and (max-width: 820px) {

	* {
		float: none;
		word-break: normal;
	}

	body {
		min-width: 320px;
		margin: 0px;
		padding: 0px;
		font-family: Meiryo, "Hiragino Kaku Gothic Pro", "MS PGOTHIC";
		/*-webkit-text-size-adjust: none;*/
		background: none transparent;
	}
	
	/*---------------------------------------------------------------

	  Layout

	-------------------------------------------------------------- */
	#container {
		float: none;
		width: 100%;
/*		padding: 50px 0;*/
	}
	#content {
		margin: 0 10px;
	}
	#primary,
	#secondary {
		float: none;
	   	width: auto;
		padding: 0 10px;
	}
	
	/*---------------------------------------------------------------

	  Structure

	-------------------------------------------------------------- */
	#main {
		width: auto;
	}

	/*---------------------------------------------------------------

	  Global Elements

	-------------------------------------------------------------- */
	img.alignleft, img.alignright, img.aligncenter {
   	 margin-bottom: 0;
	}
	.alignright, img.alignright,
	.alignleft, img.alignleft {
		clear: both;
		display: block;
		float: none;
		margin-left: auto;
		margin-right: auto;
		margin-top: 0;
	}


	/*---------------------------------------------------------------

	  Header

	-------------------------------------------------------------- */
	/* ヘッダ */
	#header {
		margin: 0px;
		padding: 0px;
		width: auto;
		height: auto;
		position: relative;
	}
	#header2 {
		display: block;
		width: 100%;
		height: auto;
		min-height: 90px;
		margin: 0px;
		padding: 0px;
		position: relative;
	}
	#header2 > div#he_right {
		display: none;
	}

	#header2 > div#he_left {
		display: block;
	}
	#he_left p a img,
	#he_left h1 a img {
		width: 147px;
		height: auto;
		margin: 7px 0px 10px 15px;
		padding: 0px;
	}
	#he_left .logo_background {
		display: none;
	}
	#he_left p#logo {
		margin: 0;
	}
	#spm_wrap {
		display: block;
		position: absolute;
		z-index: 100;
		top: 0px;
		right: 0px;
		width: 160px;
		height: 90px;
		margin: 0px auto;
		padding: 0px;
		text-align: right;
	}
	#header #spm_wrap button {
		top: 0px;
		right: 0px;
		position: absolute;
		background-image: url(images/common/btn_menu.png);
		display: block;
		width: 80px;
		height: 90px;
		margin: 0px;
		padding: 0px;
		color: transparent;
		font-size: 0px;
		background-position: center center;
		background-repeat: no-repeat;
		background-size: cover;
		background-color: #ffffff;
		-webkit-border-radius: 0px;
		-moz-border-radius: 0px;
		border-radius: 0px;
		border: none;
	}
	#top_search.open {
		display: block;
		position: static;
		width: 100%;
		height: auto;
		padding: 0px;
		background: #FFF;
		clear: both;
		margin: 0px;
		z-index: 10;
	}
	#sp_header_search_link {
		display: block;
		position: static;
		text-align: center;
		width: 100%;
		height: auto;
		margin: 0;
		padding: 22px 0 0 0;
		table-layout: fixed;
		clear: both;
		float: none;
		word-break: normal;
		border-top: 1px solid #cccaca;
	}
	#sp_header_search_link ul {
		width: 100%;
		height: auto;
		margin: 0;
		padding: 0px;
	}	
	#sp_header_search_link ul li {
		width: 100%;
		height: auto;
		margin: 0 0 10px 0;
		padding: 0px;
	}
	#sp_header_search_link ul li a {
		display: block;
		min-height: 1em;
		width: auto;
		height: auto;
		margin: 0px 40px 0px 40px;
		padding: 17px;
		overflow: visible;
		text-indent: 0px;
		font-size: 1.8rem;
		white-space: normal;
		text-decoration: none;
		border-radius: 14px;
		background-color: #020f4d;
		color: #FFF;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: 25px;
		text-align: center;
	}
	#sp_header_search_link ul li a.disaster {
		background-color: #cc0000;
		border-radius: 0;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}
	#sp_header_search_link ul li a.daily_doctor {
		background-color: #1975d1;
		border-radius: 0;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}
	#sp_top_search_a {
		display: block;
	}
	#sp_top_search_a ul {
		position: static;
		text-align: center;
		width: 49%;
		height: auto;
		margin: 0 0 5px 0;
		padding: 0px;
		display: inline-block;
	}
	#sp_top_search_a ul.sp_search1 li {
		border-right: 1px solid #707070;
	}
	#sp_top_search_a ul li {
		width: auto;
		height: auto;
		margin: 25px 0;
		padding: 6px;
		list-style: none;
	}
	#sp_top_search_a ul li a {
		text-decoration: none;
		width: auto;
		height: auto;
		font-size: 1.8rem;
		color: #000000;
		font-family: "游明朝体", "Yu Mincho", YuMincho, "ヒラギノ明朝Pro", "Hiragino Mincho Pro", "MS P明朝", "MS PMincho", serif;
	}
	.sp_article_search label {
		text-align: left;
		margin-left: 6px;
		display: block;
		color: #ffffff;
		font-size: 1.5rem;
	}
	#spm_sp {
		padding: 10px;
		position: fixed;
		background: rgba(0,0,0,0.5);
		width: 100%;
		z-index: 100;
		top: 0;
		color: #fff;
		font-weight: bold;
		font-size: 1.4rem;
	}



	/*---------------------------------------------------------------

	  Global Navigation

	-------------------------------------------------------------- */
	#header_search_wrap {
		display: none;
		background: #BADFFF;
	}
	#header_search_wrap.acc_open {
		display: block;
	}
	#top_search_a,
	#top_search_a ul {
		position: static;
		text-align: center;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
		display: block;
	}
	#top_search_a li,
	#top_search_a li#gnav0 {
		display: block;
		width: 100%;
		height: auto;
		margin: 0px;
		padding: 0px;
	}
	#top_search_a li a,
	#top_search_a li a:hover,
	#top_search_a li#gnav0 a,
	#top_search_a li#gnav0 a:hover {
		display: block;
		float: none;
		min-height: 1em;
		width: auto;
		height: auto;
		margin: 0;
		padding: 10px 20px 10px 45px;
		overflow: visible;
		text-align: left;
		text-indent: 0px;
		font-size: 1.6rem;
		font-weight: bold;
		white-space: normal;
		text-decoration: none;
		text-align: left;
		border-radius: 0px;
		border-bottom: 1px solid #FFF;
		background-color: #66C;
		color: #FFF;
		background-repeat: no-repeat;
		background-position: 10px center;
		background-size: 25px;
	}
	#header_search {
		display: block;
		width: auto;
		padding: 10px;
	}
	#header_search > div {
		display: block;
	}
	#header_search_link {
		width: 100%;
		margin: 0px;
		padding: 0px;
		table-layout: auto;
	}
	#header_search_link ul {
		table-layout: auto;
	}
	#header_search_link ul li a {
		/*margin-left: 5px;
		padding: 10px 0px;
		font-size: 1.3rem;
		font-weight: normal;*/
	}
	#header_search_link ul li:first-child a {
		margin-left: 0px;
	}
	
	
	/*---------------------------------------------------------------

	  breadcrumb

	-------------------------------------------------------------- */
	/* パンくずナビ */
	#pankuzu_wrap {
		width: auto;
		padding: 10px;
	}
	.pankuzu {
		font-size: 1.2rem;
	}

	/*---------------------------------------------------------------

	  content

	-------------------------------------------------------------- */
	#content {
	}
	#blogTitle {
		margin-top: 0;
	}
	#content p,
	#content ul,
	#content ol,
	#content dd,
	#content pre,
	#content hr {
		font-size: 1.4rem;
	}
	#content p {
	}
	#content h2 {
		font-size: 2.0rem;
	}
	#content h3 {
		font-size: 1.9rem;
	}
	#content h4 {
		font-size: 1.7rem;
	}
	#content h5 {
		font-size: 1.5rem;
	}
	#content h6 {
		font-size: 1.4rem;
	}
	/* table */
	.tableBox,
	.tableBoxScroll {
		margin-left: .6em;
		margin-bottom: 24px;
	}
	#content tr th, #content thead th,
	#content tr td {
		padding: .5em;
		font-size: 1.3rem;
		line-height: 1.2;
	}
	
	
	/* hentry */
	.hentry,
	.single .hentry {
		margin: 0 0 80px 0;
	}
	#content .entry-meta {
		margin: 1.5em 0 2em;
		font-size: 1.4rem;
		-webkit-text-size-adjust: none; /* iPhoneで文字サイズが大きくなるため */
	}
	#content .entry-title {
		margin: 0;
		padding: 1.0em 0;
		font-size: 2.2rem;
	}
	/* entry-utility */
	.entry-utility {
		font-size: 1.2rem;
	}
	/* navigation */
	.nav-previous a,
	.nav-next a {
    	font-size: 1.2rem;
		line-height: 1.2;
	}
	.nav-next a {
		background-position: right 10px top 50%;
	}
	.nav-previous a {
		background-position: left 10px top 50%;
	}
	.nav-index a {
		font-size: 1.3rem;
	}


	/*---------------------------------------------------------------

	  Footer

	-------------------------------------------------------------- */
	#footer {
		background-image: none;
	}
	#footer > div {
		width: 100%;
	}	
	#footer_navi ul {
		padding: 20px 10px 5px;
		font-size: 1.3rem;
		text-align: center;
	}
	#footer_navi li {
		margin-bottom: 10px;
		padding: 3px 0px;
	}
	#footer_navi li a {
		padding: 0px 10px;
	}
	#author_box {
		background: none;
		padding: 0 10px 10px 10px;
		text-align: center;
	}
	#author_box p span {
		font-size: 1.3rem;
	}
	#author_box p span.f_author {
		display: block;
	}
	#author_box p span.f_author:after {
		display: none;
	}
	#information div {
		margin-bottom: 10px;
	}
	p#copyright {
		margin: 12px 0 0 0;
	}
	
	/* ページトップ */
	#back_or_pagetop{
		order: 40;
	}
	#back_or_pagetop > div {
		min-width: 0;
		margin: 0;
	}
	#back_or_pagetop > div a {
		font-size: 1.2rem;
		margin: 0;
		padding: 10px;
		width: auto;
	}
	#to_top {
		background-image: url(images/common/page_to_top.png);
		background-size: 81px 76.5px;
		background-repeat: no-repeat;
		width: 85px;
		height: 75px;
		right: 10px;
		bottom: 25px;
	}
	
	/*---------------------------------------------------------------

	  Navigation(primary/secondary)

	-------------------------------------------------------------- */
	.widget-container {
		padding: 15px;
		margin: 0 0 20px 0;
		font-size: 1.4rem;
		-webkit-text-size-adjust: none; /* iPhoneで文字サイズが大きくなるため */
	}
	.widget-container h3 {
		font-size: 1.6rem;
		-webkit-text-size-adjust: none; /* iPhoneで文字サイズが大きくなるため */
	}
	#main .widget-area ul ul li {
		margin: .8em 0;
		line-height: 1.2;
	}

}