@charset "UTF-8";
/*--------------------------------------------------------------
 * this is common style
 *
 * @package conveythought
--------------------------------------------------------------*/
/*--------------------------------------------------------------
  content width
--------------------------------------------------------------*/
.size-auto,
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width : 100% ;
	height : auto ;
}

/*--------------------------------------------------------------
  minimum necessary
--------------------------------------------------------------*/
.sticky,
.gallery-caption,
.bypostauthor {
	display : block ;
}
.wp-caption,
.wp-caption-text {
	font-size : 90% ;
}

/*--------------------------------------------------------------
  Alignments
--------------------------------------------------------------*/
.alignnone {
	margin : 5px 20px 20px 0 ;
}
.aligncenter {
	display : block ;
	margin : 5px auto 5px auto ;
}
.alignright {
	float :right ;
	margin : 5px 0 20px 20px ;
}
.alignleft {
	float : left ;
	margin : 5px 20px 20px 0 ;
}
a img.alignright {
	float : right ;
	margin : 5px 0 20px 20px ;
}
a img.alignnone {
	margin : 5px 20px 20px 0 ;
}
a img.alignleft {
	float : left ;
	margin : 5px 20px 20px 0 ;
}
a img.aligncenter {
	display : block ;
	margin-left : auto ;
	margin-right : auto ;
}
a img {
	display : block!important ;
}
.wp-caption {
	background : #fff ;
	border : 1px solid #f0f0f0 ;
	max-width : 96% ;
	padding : 5px 3px 10px ;
	text-align : center ;
}
.wp-caption.alignnone {
	margin : 5px 20px 20px 0 ;
}
.wp-caption.alignleft {
	margin : 5px 20px 20px 0 ;
}
.wp-caption.alignright {
	margin : 5px 0 20px 20px ;
}
.wp-caption img {
	border : 0 none ;
	height : auto ;
	margin : 0 ;
	max-width : 98.5% ;
	padding : 0 ;
	width : auto ;
}
.wp-caption p.wp-caption-text {
	font-size : 11px ;
	line-height : 17px ;
	margin : 0 ;
	padding : 0 4px 5px ;
}
/* Text meant only for screen readers. */
.screen-reader-text {
	clip : rect(1px, 1px, 1px, 1px) ;
	position : absolute !important ;
	height : 1px ;
	width : 1px ;
	overflow : hidden ;
}
.screen-reader-text:focus {
	background-color : #f1f1f1 ;
	border-radius : 3px ;
	box-shadow : 0 0 2px 2px rgba(0, 0, 0, 0.6) ;
	clip : auto !important ;
	color : #21759b ;
	display : block ;
	font-size : 14px ;
	font-size : 0.875rem ;
	font-weight : bold ;
	height : auto ;
	left : 5px ;
	line-height : normal ;
	padding : 15px 23px 14px ;
	text-decoration : none ;
	top : 5px ;
	width : auto ;
	z-index : 100000 ; /* Above WP toolbar. */
}
.required,
.text-red {
	color : red ;
}
.oplink:hover img {
	opacity : 0.5 ;
 transition: 0.5s all;
}
.mark-square li {
	list-style-type: square;
}
.text-center {
	text-align: center;
}

/*--------------------------------------------------------------
  Element
--------------------------------------------------------------*/
html {
	font-size : 62.5% ;
}
body {
	color : #666 ;
	background : #fff ;
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif ;
	font-size : 15px ;
	font-size : 1.5rem ;
	line-height : 2 ;
	border-top : 3px solid #003686 ;
}
img {
	max-width : 100% ;
	height : auto ;
}
div,
p,
span,
table,
td,
th,
tr {
	box-sizing : border-box ;
	-ms-word-wrap : break-word ;
	word-wrap : break-word ;
}
ul,
li,
ol {
	box-sizing : border-box ;
	-ms-word-wrap : break-word ;
	word-wrap : break-word ;
}
a {
	color : #666 ;
	text-decoration : underline ;
}
a:hover,
a:active {
	color : #003686 ;
	text-decoration : none ;
}
h1,h2,h3,h4,h5,h6 {
	margin-bottom : 20px ;
	font-family : sans-serif ;
	font-weight : bold ;
	color : #000 ;
}
h1 a,h2 a,h3 a,h4 a,h5 a,h6 a {
	text-decoration : none ;
	-ms-word-wrap : break-word ;
	word-wrap : break-word ;
}
h1 {
	font-family : sans-serif ;
	font-size : 20px ;
	font-size : 2rem ;
	padding-bottom : .5em ;
	border-bottom : 2px solid #000 ;
}
h1:first-letter {
	margin-right : .1em ;
	font-size : 2.6rem ;
	color : #003686 ;
}
h2 {
  position : relative ;
  margin : 0 0 1.5em ;
  font-size : 1.6em ;
  font-weight : bold ;
	color: #003686;
	padding: 5px 15px 3px;
	border-left: 5px solid #003686;
}
h3 {
	font-size : 16 ;
	font-size : 1.6rem ;
	font-weight: normal;
	position : relative ;
	margin-top: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f0f9ff+51,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 50%, #f0f9ff 51%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#f0f9ff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 50%,#f0f9ff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-top: 5px solid #003686;
	padding : 10px ;
	border-bottom : 1px solid #ccc ;
}
h4 {
	color: #666;
	font-weight: normal;
	font-size : 16px ;
	font-size : 1.6rem ;
	border-bottom: 1px dotted #000;
	padding-left: 30px;
	height: 30px;
	line-height: 30px;
	background: url('../img/heart-icon-mini.png') no-repeat left center;
}

@media screen and (max-width : 768px) {
  h4 {
    height: auto;
  }
}

h5 {
	color: #003686;
	font-size : 14px ;
	font-size : 1.4rem ;
	border-bottom: 1px solid #003686;
	padding-bottom: 5px;

}
h6 {
	font-size : 12px ;
	font-size : 1.2rem ;
	border-bottom : 1px solid #000 ;
	padding-bottom : 10px ;
}
figure {
	max-width : 100% ;
}
blockquote {
	background : #fdfdfd ;
	color : #999 ;
	border-radius : 10px ;
	box-shadow : 1px 1px 2px rgba(0,0,0,0.3) ;
	border : 1px solid #f4f4f4 ;
}
textarea {
	width : 100% ;
}
table {
	width : 100% ;
	margin : 0 auto 50px ;
}
thead {
	border-bottom : 2px solid #999 ;
 }
th,
td {
	padding : 15px 15px 15px 10px ;
	font-weight: normal;
	font-size: 14px;
	font-size: 1.4rem;
}
th {
 white-space : normal;
}
tr {
	white-space: normal;
}
tr:nth-child(odd) {
	background-color: #f1fbff;
}
dl {
	width: 80%;
	margin: 0 auto 20px;
}
dt {
	clear : left ;
	float : left ;
	width : 20% ;
	font-weight : bold ;
	margin-bottom : 5px ;
}
dd {
	padding-left: 10px;
	margin : 0 0 5px 20% ;
}
ul li {
	list-style : disc ;
	margin-left : 10px ;
	overflow : visible ;
}
input,
button,
select,
textarea {
	border : 1px solid #ccc ;
	border-radius : 5px ;
}
input[type="text"] {
	width : 100% ;
}

/*--------------------------------------------------------------
  header
--------------------------------------------------------------*/
#header {
	margin : 0 ;
}
#header h1,
#header h2 {
	border : none ;
	margin : 10px 0 ;
	line-height : 1 ;
	padding : 0 ;
}
#header h1 a {
	color : #000 ;
}
#header h1 a:hover {
	opacity : 0.6 ;
}
#header a img {
	width: auto;
	margin: 0 0 0 auto;
}
#header .site-title {
	margin: 10px 0;
	padding : 0 ;
}
.header-description p {
	margin : 0 ;
	padding : 5px 0 0;
	line-height : 1 ;
	font-size : 12px ;
	font-size : 1.2rem ;
}
.header-common {
	padding-top: 5px;
	margin-bottom: 10px;
}
.header-common p {
	margin: 0;
	text-align: right;
	line-height: 1.2;
}
@media screen and (max-width : 768px) {
	.header-description {
		display : none ;
	}
	.header-common p {
		text-align: center;
	}
}

/*--------------------------------------------------------------
  nav
--------------------------------------------------------------*/
.header-nav a {
	text-decoration : none ;
}
.header-nav nav {
	border : none ;
	margin-bottom : 0 ;
	border-radius : 0 ;
}
.nav li {
	margin : 0 ;
	line-height : 2 ;
}
.nav li .dropdown-menu {
	border : none ;
}
.nav li:hover .sub-menu li {
	position : relative ;
	display : block ;
}
.sub-menu {
	padding : 0 ;
	margin : 0 ;
}
.sub-menu li .sub-menu {
	position : absolute ;
	margin-left : 100% ;
	top : 0 ;
	border-radius : 0 ;
}
.dropdown-menu > li > a {
	line-height : 2 ;
}
.nav li a {
	border-bottom: 5px solid rgba(255,255,255,0);
}
.nav li a:hover,
.current-menu-item a,
.current-menu-parent a,
.current-menu-ancestor a {
	border-bottom: 5px solid #003686 !important;
}
.nav li ul,
.nav li ul li {
	width: 100%;
	list-style: none;
}
.nav > li > a:hover,
.nav > li > a:focus {
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#efefef+0,ffffff+25 */
	background: #efefef; /* Old browsers */
	background: -moz-linear-gradient(top,  #efefef 0%, #ffffff 25%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #efefef 0%,#ffffff 25%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #efefef 0%,#ffffff 25%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
}
.header-nav .navbar-toggle {
    position: relative;
    float: right;
    padding: 9px 10px 6px;
		margin: 8px 15px;
    background-color: transparent;
    background: #003686;
    border: 1px solid transparent;
    border-radius: 4px;
		color: #fff;
		line-height: 1;
}
.header-nav .navbar-toggle span {
	line-height: 1;
	margin: 0;
	padding: 0;
}

@media screen and (min-width : 768px) {
	.header-nav {
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+74,efefef+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 74%, #efefef 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 74%,#efefef 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 74%,#efefef 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
	}
	.nav {
		width: 1000px;
		margin: 0 auto;
	}
	.nav li:hover > .dropdown-menu {
		display : block ;
	}
	.nav li .sub-menu li {
		display : none ;
	}
	.nav li {
		text-align: center;
	}
	.nav > li {
		width: 107px;
		float: left;
		border-left: 1px solid #ccc;
	}
	.nav > li:nth-child(2){
		width: 90px;
	}
	.nav > li:nth-child(5){
		width: 146px;
	}
	.nav > li:nth-child(6){
		width: 122px;
	}
	.nav > li > a {
		padding: 10px 5px;
	}
	.nav > li:last-child {
		border-right: 1px solid #ccc;
	}
}
@media screen and (max-width : 768px) {
	.nav li .dropdown-menu {
		display : block ;
		position : relative ;
		box-shadow : none ;
	}
	.sub-menu {
		width : 100% ;
	}
	.sub-menu li .sub-menu {
		margin : 0 ;
		position : relative ;
	}
	.sub-menu li .sub-menu li {
		margin-left : 20px ;
	}
}

/*--------------------------------------------------------------
  container
--------------------------------------------------------------*/
#container {
	width : 100% ;
}
.row {
	max-width : 1000px ;
	margin : 0 auto ;
}
#contents {
	padding: 30px 0 30px;
}

.pickup-btn,
.pickup-btn li {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: center;
}
.pickup-btn li a {
	display: block;
}
.pickup-btn li img {
	margin: 0 auto;
}
.pickup-btn {
	margin-bottom: 30px;
}
/*--------------------------------------------------------------
  Post
--------------------------------------------------------------*/
.post {
	margin-bottom : 100px ;
	display: block !important;
	opacity: 1 !important;
}
.post ul {
	padding-left: 10px;
}
.post-in-wrap {
	overflow: hidden;
	background: #fff;
	border-radius: 5px;
	box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	border: 1px solid #f4f4f4;
	padding: 30px 20px;
	margin-bottom: 30px;
}
.page .post {
	margin-bottom: 30px;
}
.blog .post,
.archive .post,
.category .post {
	padding-bottom : 50px ;
	margin-bottom : 50px ;
	border-bottom : 1px solid #999 ;
	display : none ;
}
.post-title {
	padding : 20px 0 ;
	border-top : 1px solid #000 ;
	border-bottom : 1px solid #000 ;
	line-height : 1.5 ;
}
.entry-header {
	margin-bottom : 30px ;
}
.entry-footer {
	border-top : 1px solid #000 ;
	border-bottom : 1px solid #000 ;
	text-align : right ;
	padding : 20px 0 ;margin : 30px 0 ;
}

.post-in-wrap table.front {
	margin: 0 0 30px;
}

.post-in-wrap table.front tr {
	border-bottom: 1px solid #ddd;
}

.post-in-wrap table.front tr:first-child {
	border-top: 1px solid #ddd;
}

.post-in-wrap table.front th {
	text-align: center;
	font-size: 1.5rem;
	font-weight: bold;
}

.post-in-wrap table.front td {
	font-size: 1.5rem;
}

.post-in-wrap table.front tr:nth-child(odd) {
	background-color: #fff;
}

.post-in-wrap ul.front {
	margin: 0;
	padding-left: 10px;
}

.post-in-wrap ul.front li {
	list-style: none;
}

.post-in-wrap ul.front li::before {
	content: '＊';
	top: 0;
	margin-left: -15px;
}


@media screen and (max-width : 768px) {
	.post-title,
 	.archive-title {
	 font-size : 15px ;
	 font-size : 1.5rem ;
 }
 .post-in-wrap ul.front {
 	padding-left: 5px;
 }
}

/*--------------------------------------------------------------
  Bootstrap
--------------------------------------------------------------*/
.breadcrumb {
	background : #f4f4f4 ;
	color : #666 ;
	line-height : 1.5 ;
	padding :10px 20px 5px ;
}
.breadcrumb li {
	height : 100% ;
}
.breadcrumb a {
	color : #000 ;
}
.breadcrumb a:hover,
.breadcrumb a:active {
	color : #003686 ;
}

/*--------------------------------------------------------------
  main
--------------------------------------------------------------*/
@media (max-width: 767px) {
	#main {
		float: left;
	}
}

/*--------------------------------------------------------------
  mainvisu
--------------------------------------------------------------*/
.mainvisu {
	width : 100% ;
	background: url('../img/visu_bg.gif') repeat;
	margin-bottom : 10px ;
	padding: 20px 0;
}
.flexslider {
    margin: 0 auto 0;
    border: none;
    position: relative;
}
.flex-control-nav {
    bottom: 5px;
}
.flex-control-nav a {
    color: #fff;
		font-size : 12px ;
		font-size : 1.2rem ;
}
.flexslider li {
	list-style : none ;
}
@media screen and (min-width : 768px) {
	.flexslider {
		width: 1000px;
		height: 360px;
		overflow: hidden;
	}
}
@media screen and (max-width : 768px) {
	.mainvisu {
		padding: 10px;
	}
}
/*--------------------------------------------------------------
  subvisu
--------------------------------------------------------------*/
.subvisu {
	background: url('../img/visu_bg.gif');
}
.page-title {
	border: none;
	margin: 0;
	line-height: 2;
	padding: 20px 0;
}

/*--------------------------------------------------------------
  thumbnailtime
--------------------------------------------------------------*/
.archive-thumbnailtime {
	padding : 20px 0 ;
	color : #999 ;
	font-family : sans-serif ;
	font-weight : bold ;
}

/*--------------------------------------------------------------
  thumbnail
--------------------------------------------------------------*/
.archive-thumbnail {
	padding : 20px 0 ;
}
.time-img {
	background : #E6E6E6 ;
	padding : 10px ;
	max-width : 150px ;
	max-height : 150px ;
 }
.time-img:hover {
	background : #F8F8F8 ;
}
.time-img p {
	margin :0 ;
	background : #fff ;
	padding : 10px ;
}
.time-img a {
	text-decoration : none ;
	color : #999
}
.time-img span {
	display : block ;
	text-align : center ;
}
.thumbnail-day {
	font-size : 300% ;
	border-bottom : 5px solid #ccc ;
	line-height : 1.5 ;
	color : #999 ;
}
.mini-img img {
	width :100% ;
	-webkit-transition : .2s ;
	transition : .2s ;
	opacity : 1 ;
}
.mini-img:hover img {
	-webkit-transition : .2s ;
	transition : .2s ;
	opacity : 0.5 ;
}
@media screen and (min-width : 768px) and (max-width : 990px ) {
	.thumbnail-day {
		font-size : 120% ;
	}
	.thumbnail-date {
		font-size : 60% ;
	}
}
@media screen and (max-width : 768px) {
	.thumbnail-day {
		font-size : 120% ;
	}
	.thumbnail-date {
		font-size : 60% ;
	}
}

/*--------------------------------------------------------------
  breadcrumb
--------------------------------------------------------------*/
.breadcrumb {
	background-color: inherit;
	padding: 0;
}
.breadcrumb li {
	margin: 0;
}
/*--------------------------------------------------------------
  banner
--------------------------------------------------------------*/
.widget_banner_mobile {
	display: none;
}
.widget_banner_pc {
	display: block;
	width: 100%;
	margin-bottom: 20px;
}

.widget_banner_pc img {
	margin-bottom: 10px;
}

.widget_banner_pc p {
	font-size: 13px;
	line-height: 1.5
}

.widget_banner_red {
	color: #ff0000;
}

.widget_banner_blue {
	color: #0000ff;
}

@media (max-width: 767px) {
	.widget_banner_pc {
	display: none;
	}
	.widget_banner_mobile {
		display: block;
		width: 100%;
		padding: 0 15px;
	}

	.widget_banner_mobile a {
		/* margin-bottom: 20px; */
	}

	.widget_banner_mobile p {
		padding: 30px 20px;
	}

	.widget_banner_mobile img {
		width: 100%;
		margin-bottom: 10px;
	}
}
/*--------------------------------------------------------------
  widget
--------------------------------------------------------------*/
#sidebar {
	clear: both;
}
#sidebar-mobile {
		display: none;
}
.mobile-row {
	display: none;
}
.widget {
	margin-bottom : 50px ;
}
.widget ul {
	padding-left : 20px ;
	line-height: 1.5;
}
.widget ul li {
	overflow : visible ;
	color : #003686 ;
}
#wp-calendar #next {
	text-align : right ;
}
.widget div {
	margin: 0 0 50px;
}
.widget table {
	margin-bottom: 5px;
}
.widget table tr:first-child {
	background: #003686;
	border: none;
	color: #fff;
}
.rest-day {
	display: block;
	text-align: center;
	color: red;
}
.widget th,
.widget td {
	text-align: center;
	padding: 0 5px ;
}
.widget_mobile .nav-tabs{
	overflow: hidden;
}
.widget_mobile .nav-tabs li {
	list-style: none;
	width: 100%;

}
@media (max-width: 767px) {
	#sidebar {
		display: none;
	}
	#sidebar-mobile {
			display: block;
	}
	#sidebar-mobile a {
		display: block;
		cursor: pointer;
	}
	.widget {
		margin-bottom: 0;
	}
	.mobile-row {
		background: rgb(249, 249, 249);
		padding: 15px;
	}
	h3.widget-title {
		font-size : 16 ;
		font-size : 1.6rem ;
		font-weight: normal;
		position : relative ;
		margin-top: 0;
		/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f0f9ff+51,ffffff+100 */
		background: #ffffff; /* Old browsers */
		background: -moz-linear-gradient(top,  #ffffff 50%, #f0f9ff 51%, #ffffff 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top,  #ffffff 50%,#f0f9ff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom,  #ffffff 50%,#f0f9ff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
		border: 1px solid #003686;
		padding : 10px ;
		box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
		border-radius: 5px;

	}
}

h3 {
	font-size : 16 ;
	font-size : 1.6rem ;
	font-weight: normal;
	position : relative ;
	margin-top: 0;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+50,f0f9ff+51,ffffff+100 */
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top,  #ffffff 50%, #f0f9ff 51%, #ffffff 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #ffffff 50%,#f0f9ff 51%,#ffffff 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #ffffff 50%,#f0f9ff 51%,#ffffff 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	border-top: 5px solid #003686;
	padding : 10px ;
	border-bottom : 1px solid #ccc ;
}

/*--------------------------------------------------------------
  page link
--------------------------------------------------------------*/
.nav-next {
	text-align : right ;
}
.nav-links,
.nav-previous,
.nav-next {
	padding : 0 ;
}
.nav-links a {
	background : #003686 ;
	border-radius : 5px ;
	padding : 10px 10px 8px ;
	width : 90% ;
	display : inline-block ;
	color : #fff ;
}
.nav-links a:hover {
	opacity : 0.7 ;
}
.nav-links .page-numbers {
	width : 30px ;
	height : 30px ;
	line-height : 30px ;
	padding : 0 ;
	text-align : center ;
}
.nav-links .next,
.nav-links .prev {
	width : 80px ;
}
.nav-links .current {
	height : 30px ;
	line-height : 30px ;
	padding : 10px ;
	text-align : center ;
}
@media screen and (max-width : 768px) {
	.nav-links a {
		width : 100% ;
		margin-bottom : 20px ;
	}
}
.link-page-nav {
	margin-bottom : 50px ;
	text-align : right ;
}
.link-page-nav span {
	display : inline-block ;
	  padding : 0 ;
	}
.link-page-nav span {
	line-height : 30px ;
	width : 30px ;
	height : 30px ;
	display : inline-block ;
	text-align : center ;
	border-radius : 3px ;
	background : #ccc ;
	color : #999 ;
	margin : 0 5px 0 0 ;
	white-space : nowrap ;
	text-overflow : ellipsis ;
	overflow : hidden ;
	font-size : 13px ;
	text-decoration : none ;
	-webkit-transition : .2s ;
	transition : .2s ;
}
.link-page-nav a span {
	color : #fff ;
	background : #003686 ;
}
.link-page-nav a:hover span {
	background : #ccc ;
		color : #000 ;
	}

/*--------------------------------------------------------------
  tag
--------------------------------------------------------------*/
.tagcloud a {
	padding : 5px 10px ;
	border : 1px solid #ccc ;
	font-size : 12px !important ;
	font-size : 1.2rem !important ;
	text-decoration : none ;
	white-space : nowrap ;
}
.tagcloud a:hover {
	background-color : #003686 ;
	border : 1px solid #ccc ;
	color : #fff ;
}
.tagcloud a:hover span {
	background-color : #fff ;
	color : #003686 ;
}
.tag-area a {
	padding : 4px 10px 2px 10px ;
	border-radius : 5px ;
	background : #003686 ;
	text-decoration : none ;
	white-space : nowrap ;
	font-size : 13px ;
	font-size : 1.3rem ;
}
.tag-area a:hover {
	background : #ccc ;
	color : #fff ;
}

/*--------------------------------------------------------------
  category
--------------------------------------------------------------*/
.category-area a {
	padding : 4px 10px 2px 10px ;
	border-radius : 5px ;
	background : #e6e6e6 ;
	text-decoration : none ;
	white-space : nowrap ;
	font-size : 13px ;
	font-size : 1.3rem ;
}
.category-area a:hover {
	background : #003686 ;
	color : #fff ;
}

/*--------------------------------------------------------------
  comments
--------------------------------------------------------------*/
#respond,
.comment-wrap {
	padding : 15px ;
	border-radius : 10px ;
	border : 1px solid #f4f4f4 ;
	margin-bottom : 50px ;
}
#comments label {
	display : block ;
}
.comment-wrap a {
	text-decoration : none ;
}
.comment-body {
	margin-bottom : 30px ;
	border-bottom : 1px dashed #000 ;
	padding-bottom : 30px ;
}
.comment-author {
	border-bottom : 1px solid #000 ;
}
.reply a {
	background : #003686 ;
	padding : 10px 15px 8px ;
	border-radius : 5px ;
	color : #fff ;
}
.reply a:hover {
	background : #ccc ;
}

/*--------------------------------------------------------------
  footer
--------------------------------------------------------------*/
#copyright-area {
	max-width: 1000px;
	margin: 0 auto;
	background : #fff ;
	color : #666 ;
	text-align : right;
	padding : 10px 0 ;
}
#copyright-area a {
	color : #003686 ;
	text-decoration : none ;
}
#footer {
	font-size: 14px;
	font-size: 1.4rem;
}
#copyright-area a:hover {
	color : #ccc ;
}
#footer .widget-categories ul {
	padding : 0 ;
}
#footer .widget-categories li {
	float : left ;
	list-style : none ;
	margin : 0 5px 5px 0 ;
	padding : 2px 5px 0 ;
	border : 1px solid #ccc ;
	font-size : 12px !important ;
	font-size : 1.2rem !important ;
	text-decoration : none ;
	white-space : nowrap ;
}
#footer .widget-categories li a {
	text-decoration : none ;
	display : inline-block ;
}
#footer .widget-categories li a:hover {
	color : #fff ;
}
#footer .widget-categories li:hover {
	color : #fff ;
	background : #003686 ;
}
#footer-nav-wrap {
	width: 100%;
	background: #3a5298; /* Old browsers */
	background: -moz-linear-gradient(top,  #3a5298 15%, #003d8a 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  #3a5298 15%,#003d8a 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  #3a5298 15%,#003d8a 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3a5298', endColorstr='#003d8a',GradientType=0 ); /* IE6-9 */
}
#footer-nav {
	max-width: 1000px;
	margin: 0 auto;
	overflow: hidden;
	padding: 0;
}
#footer-nav li {
	width: 20%;
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	line-height: 3;
	text-align: center;
}
#footer-nav li a {
	color: #fff;
	text-decoration: none;
}
@media screen and (min-width : 768px) {
}
@media screen and (max-width : 768px) {
	#footer-nav li {
		width: 100%;
	}
}
/*--------------------------------------------------------------
  calendar
--------------------------------------------------------------*/
#wp-calendar tbody th,
#wp-calendar tbody td {
	text-align : center ;
	vertical-align : middle ;
}
#wp-calendar #today {
	background : #ccc ;
}
#wp-calendar tbody th a,
#wp-calendar tbody td a {
	color : #003686 ;
	font-weight : bold ;
}

/*--------------------------------------------------------------
  related
--------------------------------------------------------------*/
.related-entry-area ul {
	padding : 0 ;
	margin : 0 ;
}
.related-entry-area ul li {
	padding : 10px ;
	margin : 0 ;
	list-style : none ;
	overflow : hidden ;
	text-align : center ;
}

/*--------------------------------------------------------------
  related
--------------------------------------------------------------*/
.all-list-wrap {
	padding: 10px;
}
.list-wrap {
	padding: 10px;
	border : 5px solid #ebf6fd;
	display: block;
}
.list-wrap:hover {
	background: #f5fbff;
}
.list-wrap p {
	line-height: 1.5;
}

/*--------------------------------------------------------------
  contact
--------------------------------------------------------------*/
.mwform-tel-field input[type="text"].mw-tel {
	width: 25%;
}

/*--------------------------------------------------------------
  front
--------------------------------------------------------------*/
.front-news-list ul,
.front-news-list li,
.front-news-list dl,
.front-news-list dt,
.front-news-list dd {
	margin: 0;
	padding: 0;
	line-height: 2;
	list-style: none;
}
.front-news-list dl {
	width: 100%;
}
.front-news-list dt {
	white-space: nowrap;
}
.front-news-list dd {
	margin-left: 30%;
}

/*--------------------------------------------------------------
  インフルエンザお知らせ
--------------------------------------------------------------*/

.influenza-notice span {
	color: red;
}

.reserve-wrap {
	margin: 0 0 30px;
}

.reserve-inner {
	overflow: hidden;
}

.reserve-btn,
.reserve-method {
	float: left;
}

.reserve-btn,
.reserve-method,
.influenza-medical-history-form {
	margin: 0 20px 20px 0;
}

.reserve-btn a,
.reserve-method a,
.influenza-medical-history-form a {
	text-decoration: none;
	background-color: #d5e0f1;
	padding: 10px;
	display: inline-block;
	border-radius: 5px;
	color: #003686;
	font-weight: bold;
}

.reserve-btn a:hover,
.reserve-method a:hover,
.influenza-medical-history-form a:hover {
	background-color: #003686;
	color: #fff;
}

@media screen and (max-width : 768px) {
	.reserve-btn,
	.reserve-method {
		float: none;
	}
}

/*--------------------------------------------------------------
  発熱外来お知らせ
--------------------------------------------------------------*/
p.hatsunetugairai-notice span {
	color: red;
}
p.hatsunetugairai-notice strong.underline {
	text-decoration-line: underline;
	text-decoration-style: double;
}


/*--------------------------------------------------------------
  インフルエンザお知らせ
--------------------------------------------------------------*/
/* p.covid-notice span, */
p.covid-notice span .txt-red {
	color: red;
	font-weight: 700;
	font-size: 1.9rem;
}
p.covid-notice strong.underline {
	/* text-decoration-line: underline; */
	/* text-decoration-style: double; */
	color: red;
	font-size:1.15em;
	line-height:1.5;
}

p.influenza-notice .underline {
	text-decoration-line: underline;
}

p.influenza-notice .txt-red {
	color: red;
	font-weight: 700;
	font-size: 1.6rem;
}

/*--------------------------------------------------------------
  teaser
--------------------------------------------------------------*/
.teaser header img {
	max-width: 100%;
	margin: 0 auto;
}
.teaser .header-description {
	text-align: center;
	margin-top: 5px;
}
.teaser table {
	margin-bottom: 20px;
}
.teaser table th,
.teaser table td {
	padding: 5px;
}
.teaser footer {
	padding: 10px 0 ;
	background-color: #003686;
	color: #fff;
}
.teaser footer a,
.teaser footer #copyright-area a {
	color: #fff;
	text-decoration: none;
}
.teaser p {
	margin: 0;
	padding: 0;
	line-height: 1.3;
}
.teaser #copyright-area {
	color: #fff;
	background-color: #003686;
	padding: 0;
	display: inline-table;
	vertical-align: bottom;
}
.teaser h2 {
	text-align: center;
	background-color: #003686;
	color: #fff;
	padding: 15px;
	border-radius: 10px;
}
.teaser .greeting-text {
	padding: 30px 50px;
}
.teaser .address-text {
	margin-bottom: 15px;
}
/*--------------------------------------------------------------
  google map
--------------------------------------------------------------*/
.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}

.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/*--------------------------------------------------------------
  Mobile style
--------------------------------------------------------------*/
@media (max-width: 767px) {
	#header a {
		display: block;
		text-align: center;
	}
	#header a img {
		width: auto;
		margin: 0 auto;
	}
	dt,
	dd {
		width: 100%;
		margin: 0;
	}
	.front-news-list dd {
    margin-left: 0;
	}
	.page-title {
		padding: 20px 10px;
	}
}

.med {
	border: 1px dotted #000;
}
.med-tit {
	background-color: #f1fbff;
	border-right: 1px solid #fff;
	text-align: center;
}
.med tr:first-child {
	border-bottom: 1px dotted #000;
}


/*20171023追記*/
.post_20171023 dl dd a {
	color: red;
}
.mark-news {
	display: inline-block;
	padding: 2px 5px 0;
	background: red;
	border-radius: 3px;
	color: #fff;
	font-size: 8px;
}
