/*
Theme Name: S.O.H.
Version: 1.3.9
Author: A.Ronzhyn
Text Domain: simpl4
Domain Path: /lang
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Description: Simplified Blog theme is a hassle-free theme. You can customize text, links, heading, meta, background colours, fonts (from google fonts), upload your logo and start blogging right away. No need for css editing. Theme also provides two layouts: fixed 980px width and fluid 980px-1600px width that looks great on wide screens. Blog, single post view and page views can all be separately set to use left sidebar, right sidebar or no sidebar at all. Simplified also supports various post formats, two widget areas and a custom menu below the logo. There is also a mobile layout for people browsing using smartphones.
Tags: black, white, dark, light, one-column, two-columns, right-sidebar, left-sidebar, custom-background, custom-colors, custom-menu, translation-ready, threaded-comments, fixed-layout, fluid-layout, post-formats, sticky-post, responsive-layout
*/
/*
Contents:
0. General
1. Layout
2. Sidebar
3. Menu
4. Meta-data
5. Typography
6. Headings
7. Post Format
8. Images
9. Links
10. Lists
11. Inputs
12. Navigation
13. Comments & contacts
14. Gallery
15. Mobile stuff
16. Misc
17. Customizable
*/
/*0. General*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, 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, figure, figcaption, hgroup, menu, header, footer, nav, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
}
a img {
	border: 0;
}

a:hover img{
opacity:0.7;
filter:alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
}


body {    font-size: 0.625em;line-height: 100%;height: 100%;
/* border:solid 5px #0000ff; */
/* width:100%; */
/* margin:0px; */
/* padding:0px; */
}
html {
	height: 100%;
	-webkit-text-size-adjust: 100%;
    -moz-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
}
.hide {	display: none;}
.clear {	clear: both;}
.left {float: left;}
.right {float: right;}
.center {	text-align: center;}
br {    margin: 0 0 0.5em;}
.alignleft {display: inline;float: left;margin-right: 1.625em;}
.alignright {display: inline;float: right;margin-left: 1.625em;}
.aligncenter {clear: both;display: block;margin: 0 auto;}
.m2 {margin-top: 2em;}

/*1. Layout*/

.tlo {  margin: 0 auto; overflow: hidden; padding: 0px;}

#footer {
    border-top: 1px solid #000000;
    clear: both;float: left;margin-top: 4em;margin-bottom:1em;padding-top: 1em;
    text-align: center;width: 100%;
background-color:#E7E7E8;}

#logo, #bloglist, .sidewrap, #aboutme, #highlights {display: block;}

#mainlogo {padding: 0;max-width: 980px;}

#logo {
/*    margin-bottom: 1em;*/
position: relative;min-height: 260px;padding: 0px;
/* max-width:980px; */
max-width:100%;
}

.printlogo{display:none;}


.page-id-72 #logo {
    margin-bottom: 1em;position: relative;min-height: 350px;
	padding: 0px;
/* max-width:980px; */
max-width:100%;}

/* index */
.page-id-72 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/indeximage.png);
 background-size:cover; 
width:100%;
} 

/* 外来 */
.page-id-134 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/01_gairai.jpg);background-size:cover;} 

/* 入院 */
.page-id-136 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/02_nyuin.jpg);background-size:cover;} 

/* 医師紹介 */
.page-id-138 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/03_doctor.jpg);background-size:cover;} 

/* 病院概要 */
.page-id-153 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/04_gaiyou.jpg);background-size:cover;} 

/* 骨粗しょう症外来 */
.page-id-143 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/09_kotu.jpg);background-size:cover;} 

/* 設備 */
.page-id-145 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/05_setubi.jpg);background-size:cover;} 

/* 手術実績 */
.page-id-147 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/06_ope.jpg);background-size:cover;} 

/* Ｑ＆Ａ */
.page-id-159 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/08_qanda.jpg);background-size:cover;} 

/* アクセス */
.page-id-157 #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/07_access.jpg);background-size:cover;} 

/* informationカテゴリ */
.cat-2-id #logo{ background-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/themes/SOH/images/otherimage.png);background-size:cover;} 

/* .page-id-72 #logo{ background-image:url(http://www.genkikai.ne.jp/genkikai/seikei/wp-content/uploads/2015/07/common_01.png);background-size:cover;}  */

#bloglist {    float: left;   
/* width: 69%; */
}

/* #column {    padding: 0 2% 0 1%;} */
#column {    padding: 0 1%; }

.postcontent, #comment-area {
/*    margin: 1em 1.4em 1em 8%; */
    margin: 1em 0px;}
#post-none {    padding: 3em 0 10em;}

/*2 sidebar*/
#sidewrap {box-sizing: border-box;float: left;padding-left: 4%;width: 31%;padding-top: 1.8em;}
.sidebar {margin: 0 auto;overflow: hidden;width: 100%;}
.sidebar .widget-side {clear: both;display: block;float: right;margin-bottom: 2.6em;width: 100%;} 
.sidebar .widget-foot{
display: inline-block;margin: 0 0 1em 5%;padding-top: 5em;vertical-align: top;width: 28%;}
.sidewrap .textwidget {width: 100%;margin: 0 auto 1em;}
.textwidget {font-size: 1.3em;line-height: 150%;}
.tagcloud a {line-height: 150%;}

#wp-calendar {width: 80%;font-size: 1.1em;}
#wp-calendar td, #wp-calendar th{text-align: right;padding: 0.5em;}
.sidebar h2 {font-size: 1.8em;line-height: 150%;padding: 0 0 0.3em;text-align: left;}
#wp-calendar caption {font-size: 1.5em;line-height: 150%;padding-bottom: 0.2em;text-align: left;}

a.rsswidget img {padding: 0.2em 0 0;}
.sidewrap h2 {font-size: 4.2em;}
.post {clear: both;text-indent: 0;}

#bloglist .post {margin: 7em 0 0 0;}
#bloglist .post:first-child {margin: 0;}

.home .post:first-of-type {padding: 0;}	
.more {padding: 1em 0 0;clear: both;}
.more-link {}

/*3. Menu */
#menutoggle {
    height: 3.2em;
    text-align: center;
    width: 100%;
	display: none;
}
#menutoggle .fa {
    padding: 0 2em;
}
#menuline {
    padding-bottom: 1em;
    text-align: center;
    width: 100%;
    margin-bottom: 3em;
}
#menuline a {
    margin: 0 1em;
    padding: 0.3em 0;
}
.menu-item-has-children {
}
#menuline > nav {
    border-style: solid none;
    border-width: 1px 0;
}
.sub-menu {
	display: none;
}
#menuline nav ul {
    z-index: 999999;
    padding: 0;
	margin: 0;
}
#menuline nav ul li {
    display: inline-block;
    font-size: 2em;
    padding: 0.6em 0;
    position: relative;
}
#menuline nav ul li a:link, #menuline nav ul li a:visited {
	display:inline-block;
	position:relative;
}
#menuline nav ul li a:hover, #menuline nav ul li a:active {
	text-decoration:none;
}

#menuline ul.sub-menu {
    border-image: none;
    border-style: solid;
    border-width: 1px;
    display: none;
    left: 15%;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 2.2em;
    z-index: 999999;
}
#menuline nav ul li ul.sub-menu li {
	float:none;
	margin:0;
	padding:0;
	border-bottom:1px solid #ececec;
    font-size: 0.85em;
}
#menuline nav ul li ul.sub-menu li a {
    padding: 0.8em;
    white-space: nowrap;
}
/*4. meta data*/
.postline {
    box-sizing: border-box;
    clear: both;
    font-size: 1.3em;
/*    line-height: 150%; */
    line-height: 100%; */
    padding: 1.2em 0 1em 3.6em;
    width: 100%;
}
.single .postline {
    padding: 1em 1.4em 1em 8%;
}
.postline .fa {
    width: 1.5em;
}
.fa.lip {
	padding: 0 0 0 0.6em;
}
.tag-links a {
    padding: 0 0.5em 0 0;
}
.s_date, .s_auth {
    padding-right: 0.6em;
}
.page .s_category {
	display: none;
}
/*5. typography*/
.postcontent {
    font-size: 1.6em;
    line-height: 170%;
    color:#00AC97;
    word-wrap: break-word;
}
.postcontent p {
    margin-bottom: 0.6em;
}
tr {
/*	font-size: 1.4em; */
/*	line-height: 150%;  */	
}
th {
	padding: 0.1em;
}
.serif, cite, blockquote, {
    font-family: georgia, times, serif;
}
.monospace, var, code, code, kbd, tt, samp, pre {
	font-family: courier new, courier, monospace;
}
.ita, em, i {
	font-style: italic;
}
abbr {
    border-bottom: 1px dotted;
    cursor: help;
}
.crossed {
    text-decoration: line-through;
}
blockquote {
    font-style: italic;
    padding: 1em;
}
address, dfn, cite, em, i {
    font-style: italic;
}
mark, ins {
    border: 1px dotted;
	text-decoration: none;
}
pre {
    padding-left: 2em;
    white-space: pre-wrap;
    word-wrap: break-word;
}
table.ope {
    border-bottom: 1px solid;
    border-top: 1px solid;
    font-size: 0.8em;
}
table.ope th,table.ope td {
    padding: 1em;
/*    text-align: left;*/
/*    vertical-align: top;*/
}
tr {
/*    font-size: 1.2em;*/
/*    line-height: 150%;*/
}
thead th, b, strong, dt {
    font-weight: bold;
}
address, pre, ul, ol, dl, dd, table {
    margin-bottom: 0.4em;
}
hr {
    margin: 1em auto;
    width: 60%;
}
sup, sub {
    font-size: 75%;
    height: 0;
    line-height: 0;
    position: relative;
    vertical-align: baseline;
}
sub {
    top: 0.5ex;
}
sup {
    bottom: 1ex;
}
/*6. Headings*/
.site-description {
    font-size: 1.2em;
    padding-bottom: 2em;
}
.postcontent h1, .comment-body h1 {
    font-size: 2.8em;
    letter-spacing: 1px;
    width: 100%;
    line-height: 150%;	
} 
.heading h1, .heading h2, #logo h1, .archive-title {
    font-size: 4.48em;width: 100%;line-height: 130%;}

.home .heading h2 {padding: 0;}
.archive-title {padding: 0 0 0 0.5em;}
#logo h1 {padding: 1.1em 0 0;}
.big {font-size: 2.8em;line-height: 150%;}
.small {font-size: 0.7em;}

.postcontent h2, .comment-body h2, p.no-comments {
	font-size: 2.2em;line-height: 1.2em;letter-spacing: -1px;
	clear: left;padding-top: 0.5em;}
.postcontent h1, .postcontent h3, .comment-body h1, .comment-body h3 {
	padding-top: 0.5em;}

h3, .medi {font-size: 1.8em;line-height: 150%;padding: 0 0 0.1em;}
.normal, h4, h5, .widget-side ul > li, .widget-foot ul > li, .pingback, .nopassword {font-size: 1.4em;line-height: 150%;}
.widget-side .children li, .widget-side .sub-menu li, .widget-foot  .children li, .widget-foot .sub-menu li  {font-size: 1em;}
h4, h5, h6 {padding: 0 0 0.1em;}
h6 {
	font-size: 0.8em;
	line-height: 150%;
}
.heading { 
    padding: 0 0 0 3em;
	display: block;
}
/*7. Post format specific*/
.sticky {
    border-left-style: solid;
    border-left-width: 2px;
}
.format-quote .postcontent, .format-status .postcontent  {
	font-size: 2em;
}
.format-quote .postcontent .quote {
    clear: both;
    font-size: 1em;
    margin: 0 auto;
    text-align: right;
    width: 90%;
}
.post.format-aside {
    border-bottom: 1px dashed #aaa;
    border-top: 1px dashed #aaa;
	padding-top: 0;
}	
/*8. Images*/
.post img, .sidebar img {
    height: auto;
    max-width: 100%;
    padding: 0.2em 0 0.6em;	
}
.post .wp-caption img {
    padding: 0.2em 0 0;		
}
img.wp-smiley {
    padding: 0 0.1em;
}
.post .wp-caption {
    max-width: 100%;
    padding: 0.5em;
    text-align: center;
}
.post .wp-caption img {
	margin: 0;
}
.post .wp-caption-text {
	margin: 0;
	font-size: 0.9em;
}
/*9. Links*/
a, a:link, a:visited {
  text-decoration: underline;
}
.list-text a, .comdate a, .fname a, .postline a, .heading h2 a, #logo a, #menuline a {
	text-decoration: none;
}
/*10. Lists*/
.postcontent ol, .postcontent ul {
   /* margin: 0.6em 1em;
    padding-left: 0.5em;*/
}
ol {
    list-style: outside none decimal;
}
ul li, ol li {
    padding: 0.2em 0;
}
.comment-body li > ul, .comment-body li > ol, .comment-body blockquote > ul, .comment-body blockquote > ol {
    margin-left: 1em;
}
.comment-body li > ul, .comment-body li > ol {
    margin-bottom: 0;
}
.sidebar ul, .sidebar ol {
    list-style: outside none none;
    margin-bottom: 0;
    padding-left: 2.5em;
}
/*11. inputs*/
input, textarea {
    border: 1px solid;
    font-size: 1.6em;
    line-height: 150%;
	outline: medium none;
    padding: 0.4em;
    box-sizing: border-box;
	width: 100%;
}
.postcontent input, .postcontent textarea {
    font-size: 1em;
}
input, textarea, select {
    max-width: 100%;
}
.search-submit {
	display: none;
}
textarea {
    min-height: 8em;
    padding: 0.4em 0.9em;
}
input:hover, textarea:hover, input:focus, textarea:focus {
    border: 1px solid;
}
/*12. Navigation*/
.nav-links {
    font-size: 2.2em;
    height: auto;
    padding: 2em 0;
    text-align: center;
    width: 100%;
}
.nav-next, .nav-previous {
    font-size: 2.2em;
	line-height: 150%;
}
.page-links {
    font-size: 1.8em;
    padding: 1em 0 1.5em 8%;
    text-align: left;
    width: 100%;
}
.page-numbers {
    border: 1px solid;
    padding: 0.2em 0.5em;
    margin-left: 1%;
}
.page-numbers.current {
    border-image: none;
    border-style: none none solid;
    border-width: 0 0 1px;
}
a.page-numbers {
    text-decoration: none;
    line-height: 250%;
}
.page-numbers.dots {
    border: 0 none;
}
/*13. comments & contacts*/
#comment-area {
    display: block;
	padding-top: 3em;
}
.formleft {
    float: left;
    padding-right: 1em;
    text-align: right;
    width: 25%;
}
.formright {
	float: left;
	width: 50%;
}
.formright textarea {
	float: left;
	width: 100%;
}
.commentlist {
	list-style: none outside none;
}
li.comment {
    clear: both;
    width: 100%;
    margin: 3em 0 0;
}
.commentary {
	display: block;
    width: 100%;
}
.comment-left {
    box-sizing: border-box;
    display: inline-block;
    padding: 1em;
    text-align: left;
    vertical-align: middle;
    width: 23%;
	font-weight: bold;
}
.comment-body {
    box-sizing: border-box;
    display: inline-block;
    font-size: 1.3em;
    line-height: 150%;
    vertical-align: top;
    width: 75%;
}
.commentlist .children > li {
    padding-left: 1.4737em;
}
.fname {
    font-size: 1.6em;
    font-style: normal;
    line-height: 150%;
}
.comdate {
    font-size: 1.1em;
    line-height: 100%;
}
.reply {
    font-size: 1.2em;
    line-height: 120%;
    padding: 1.2em 0 0;
}
.reply a {
	text-decoration: none;
}
.reply i {
   padding-right: 0.6em;
}
.commentlist .children {
	list-style: none;
}
.comment-form-comment {
	margin: 0px 0 1em;
}
.comment-form-comment label, .cancel-comment-reply {
	line-height: 150%;
    font-size: 1.3em;
}
.comment-body p {
	line-height: 150%;
    font-size: 1.3em;
}
.formbottom {
	clear: both;
}
.formleft p {
	margin-bottom: 0.6em;
}
#comments {
	float: left;
	width: 100%;
}
#get_recent_comments_wrap ul li {
	text-indent: -1em;
}
.big.comments-title {
	margin: 2em 0 0.8em;
}
.comments-title {
    margin: 0 0 0.8em;
}
.comment-reply-title, .comments-title {
    font-size: 3em;
}
.commentlist {
	list-style: none;
	margin: 0;
}
.commentlist article {
	padding: 1.6em 0;
}
.commentlist .children {
	list-style: none;
	margin: 0;
}
.comment-author {
   font-size: 1.6em;
    margin-bottom: 0.4em;
}
.comment-meta a {
	text-decoration: none;
}
.comment-author .avatar {
	float: left;
	margin-right: 0.8em;
}
.says {
	display: none;
}
.comment-metadata {
	margin-bottom: 1.6em;
}
.comment-metadata .edit-link {
	margin-left: 1em;
}
.pingback .edit-link {
	margin-left: 1em;
}
.comment-content ul,
.comment-content ol {
	margin: 0 0 1.6em 1.3em;
}
.comment-content li > ul,
.comment-content li > ol {
	margin-bottom: 0;
}
.comment-content > :last-child {
	margin-bottom: 0;
}
.commentlist .reply {
	font-size: 1.2em;
}
.commentlist .reply a {
    display: inline-block;
    font-weight: 700;
    padding: 0.4em 0.8em;
}
.comment-form {
	padding-top: 1.6em;
}
.contact-form input {
	max-width: 80%;
}
.comment-form label, .contact-form label {
	font-weight: 700;
	display: block;
	letter-spacing: 0.04em;
	line-height: 150%;
	text-transform: uppercase;
}
.comment-form label {
	font-size: 1.2em;
}
.postcontent .contact-form label {
	font-size: 0.75em;
}
.comment-notes,
.comment-awaiting-moderation,
.logged-in-as,
.form-allowed-tags {
    font-size: 1.2em;
    line-height: 150%;
    margin-bottom: 2em;
}
.logged-in-as a:hover {
	border-bottom: 1px solid #333;
}
.no-comments {
	border-top: 1px solid #eaeaea;
	font-weight: 700;
	padding-top: 1.6em;
}
.comment-navigation + .no-comments {
	border-top: 0;
}
.form-submit {
	margin-bottom: 0;
}
.comment-reply-title small {
	font-size: 100%;
}
.comment-reply-title small a {
	border: 0;
	float: right;
	height: 32px;
	overflow: hidden;
	width: 26px;
}
/*14. gallery*/
.gallery {
	margin-bottom: 1.6em;
}
.gallery-item {
	display: inline-block;
	padding: 1.8%;
	text-align: center;
	vertical-align: top;
	width: 100%;
    box-sizing: border-box;
}
.gallery-columns-2 .gallery-item {max-width: 50%;}
.gallery-columns-3 .gallery-item {max-width: 33%;}
.gallery-columns-4 .gallery-item {max-width: 25%;}
.gallery-columns-5 .gallery-item {max-width: 20%;}
.gallery-columns-6 .gallery-item {max-width: 16.4%;}
.gallery-columns-7 .gallery-item {max-width: 14.1%;}
.gallery-columns-8 .gallery-item {max-width: 12.2%;}
.gallery-columns-9 .gallery-item {max-width: 11%;}
.gallery-icon img {margin: 0 auto;padding: 0;}

.gallery-caption {display: block;line-height: 150%;padding: 0.5em 0;}

.gallery-columns-6 .gallery-caption,
.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption {
	display: none;
}
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto;
}


/*15. Mobile devices*/
@-ms-viewport {	width: device-width;}
@viewport {	width: device-width;}
@media (max-width: 767px) {
	#menutoggle {	display: block;}
	.hidder-99 {	display: none;}
	.heading {	padding: 0 0 0 4%;}
	#logo {	padding: 0 4%;}

	#bloglist { width: 100%;}
	#column {padding: 0 2% 0 1%;}
	.postcontent, #comment-area {margin: 0 1% 0 4%;}

	#sidewrap {
	    width: 100%;
	    font-size: 1.6em;padding-left: 4% !important;}
	.nav-links {font-size: 2.4em;}
	.page-numbers.dots {margin: 0;padding: 0;}

	.archive .postline, .blog .postline, .form-allowed-tags {display:none;}

	.heading h1, .heading h2, #logo h1, .archive-title {font-size: 4em;}
	.postcontent h1 {font-size: 2em;}
	.postcontent h2 {font-size: 1.8em;}
	.postcontent h3 {font-size: 1.6em;}
	.comment-notes,
	.comment-awaiting-moderation,
	.logged-in-as {    font-size: 1.8em;}

	.gallery-columns-2 .gallery-item {max-width: 100%;}
	.gallery-columns-3 .gallery-item {max-width: 100%;}
	.gallery-columns-4 .gallery-item {max-width: 50%;}
	.gallery-columns-5 .gallery-item {max-width: 50%;}
	.gallery-columns-6 .gallery-item {max-width: 50%;}
	.gallery-columns-7 .gallery-item {max-width: 50%;}
	.gallery-columns-8 .gallery-item {max-width: 33%;}
	.gallery-columns-9 .gallery-item {max-width: 33%;}
}


/*16. misc*/
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;overflow: hidden;position: absolute !important;width: 1px;}

.bypostauthor {}

/*17.Customisable css: overriden by the theme settings*/
#logo {text-align: center;}
.tlo {max-width: 980px;}
body, input, textarea, .site-description {font-family: 'Open Sans', sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6 {font-family: 'Merriweather Sans', sans-serif;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6, .site-description { font-weight: normal;}
input:hover, textarea:hover, input:focus, textarea:focus, .sticky {border-color: #9b0000;}
h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {color: #333;}
body, input, textarea {color: #000;} 
input, textarea {border-color: #888;}
.postline, footer.postline a, .archive-title, .format-status .postcontent, .format-quote .postcontent .quote, .fa-quote-left, .reply, .reply a, 
.comment-meta a {color: #888;}
a {color: #9b0000;}
.tlo, input, textarea, #menuline ul.sub-menu {background-color: #FFF;}
a:active, a:focus, a:hover, footer.postline a:hover {color: #DD3D37;}


.ftl{float:left;}
.ftr{float:right;}
ul li{list-style-type:none;}

.num li{list-style-type : decimal;}

/* Padding ------------------------------------ */
.pd0{padding:0px;}
.pd7{padding:7px;}
.pd10{padding:10px;}
.pd20{padding:20px;}

/* margin ------------------------------------- */
.mg0{margin:0px;}
.mg10{margin:10px;}
.mg0a{margin:0px auto;}
.mgl10{margin-left:10px;}
.mgr10{margin-right:10px;}
.mgl20{margin-left:20px;}
.mgr20{margin-right:20px;}
.mgl50{margin-left:50px;}
.mgr50{margin-right:50px;}
.mgb50{margin-bottom:20px;}


/* width --------------------------------------- */
.w70{width:70px;}
.w130{width:130px;}
.w150{width:150px;}
.w200{width:200px;}
.w230{width:230px;}
.w240{width:240px;}
.w300{width:300px;}
.w360{width:360px;}
.w380{width:380px;}
.w700{width:704px;}
.w960{width:960px;}
.w24p{width:25%;margin-right:0px;border-collapse: collapse;}
.w100p{width:100%;}
.w96p{width:96%;}
.w94p{width:94%;}
.w92p{width:92%;}
.w90p{width:90%;}
.w80p{width:80%;}
.w74p{width:75%;}
.w70p{width:70%;vertical-align:top;box-sizing: border-box;}
.w60p{width:60%;}
.w50p{width:50%;}
.w40p{width:40%;}
.w39p{width:39%;}
.w30p{width:30%;}
.w24p{width:25%;}

/* height ------------------------------------------ */
.h20{height:20px;}
.h30{height:30px;}
.h40{height:40px;}
.h50{height:50px;}
.h60{height:60px;}
.h70{height:70px;}


/* Vertical Text Position --------------------- */
.vt{vertical-align:top;}
.vm{vertical-align: middle;}
.vb{vertical-align:bottom;}

/* line-height -------------------------------- */
.lh8{line-height:0.8em;}
.lh9{line-height:0.9em;}
.lh10{line-height:1.0em;}
.lh11{line-height:1.1em;}
.lh12{line-height:1.2em;}
.lh13{line-height:1.3em;}
.lh14{line-height:1.4em;}
.lh15{line-height:1.5em;}
.lh16{line-height:1.6em;}
.lh2{line-height:2.0em;}

/* font-size -------------------------------- */
.fs05{font-size:0.5em;}
.fs06{font-size:0.6em;}
.fs07{font-size:0.7em;}
.fs08{font-size:0.8em;}
.fs09{font-size:0.9em;}
.fs10{font-size:1.0em;}
.fs11{font-size:1.1em;}
.fs12{font-size:1.2em;}
.fs13{font-size:1.3em;}
.fs14{font-size:1.4em;}
.fs15{font-size:1.5em;}
.fs16{font-size:1.6em;}
.fs2{font-size:2.0em;}
.fs11pt{font-size:11pt;}

/* 字下げ ------------------------------------- */
.gsg {text-indent: 1em;margin:0px;padding:0px;line-height:1.3em;margin-bottom : 0;}

/* 段落単位左インデント ------------------------ */
.dsg1{padding-left:1em;}
.dsg2{padding-left:2em;}
.dsg3{padding-left:3em;}
.dsg6{padding-left: 6em;
  text-indent: -6em;}


/* Clearfix ----------------------------------  */
.clearfix:after {
  content: ".";display: block;height: 0;clear: both;visibility: hidden;
}

.clearfix { display: inline-table; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */


/* display tableccell ------------------------------------ */
.tcell{display: table-cell;}

div.rela{position: relative;height:70px;}
span.abs{position: absolute;top: 45%;left: 95px;margin: -0.5em;}
span.abs2{position: absolute;top: 20%;left: 95px;margin: -0.5em;}


/* qabox */
.qabox{
    display: table-cell;
    text-align: center;
    vertical-align: middle;
    width: 200px;
    height: 200px;
    background-color: #eee;
}

/* qabox inner */
.qaboxinner{
    text-align: center;
    vertical-align: middle;
    margin: 0 auto;
    width: 80px;
    height: 50px;
    background-color: #ccc;
}

.infowaku{
padding:15px 3px;
/* border:solid 1px #ffffff; */
border:1px solid #000000;
/* width:75%; */
width:100%;
float:left;}

.boxwaku{display:table;margin:0 auto;padding:7px;box-sizing: border-box;}
.boxcellwaku{display:table-cell;}

.menuwaku ul{
float:left;margin:0px, padding:0px;
}

/* Border ------------------------------------ */
.rb{border:solid 1px #ff0000;}
.gbt{border-top:solid 1px #00AC97;}

.breadcrumbs .home{display:inline;}
.breadcrumbs .bread{margin:0px;padding:0px;font-size:1em;line-height:1.3em;display:inline;}


.disc{list-style-type: disc}


.nyuinguide li{list-style-image:url(http://www.genkikai-gp.or.jp/seikei/wp-content/uploads/2015/07/diya_green.png);}

.nyuinguide h2{font-size:1.4em;}

hr.line {
height: 1px;background-color: #00AC97;border: none;color: #00AC97;width:100%;}

hr.gline {
height: 1px;background-color: #9a9a9a;border: none;color: #9a9a9a;width:100%;}

hr.wline {
height: 1px;background-color: #ffffff;border: none;color: #ffffff;width:100%;}


/* 実績用 */

.twaku{width:90%;border:none; margin-left: auto;
 margin-right: auto;}
.jisseki{width:94%;font-size:1.0em;}
.nendo{text-align:center;border-top:solid 1px #00AC97;border-bottom:solid 1px #00AC97;}
.ltitle{border-bottom:solid 1px #00AC97;}
.rtitle{text-align:right;color:#9a9a9a;border-bottom:solid 1px #00AC97;}


/* Q&A用 */

  /* 角丸四角形 */
.quewaku{
background-color:#ECF9F7;
border:solid 1px;
-webkit-border-top-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius:0px;
-moz-border-radius-topleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 0px;
-moz-border-radius-bottomleft: 0px;
border-bottom:none;}

.que{background-color:#00AC97;color:#ffffff;
-webkit-border-radius:4px;
-moz-border-radius: 4px;}

.ans{border:solid 2px #00AC97;
-webkit-border-radius:4px;
-moz-border-radius: 4px;}

.answaku{
border:solid 1px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-bottom-left-radius:6px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-bottomleft: 6px;}


div#ggp{margin:0 auto;text-align:center;width:960px;
  background: #EFF6F8;
  background-image: -webkit-linear-gradient(top, #EFF6F8, #C6E0E8);
  background-image: -moz-linear-gradient(top, #EFF6F8, #C6E0E8);
  background-image: -ms-linear-gradient(top, #EFF6F8, #C6E0E8);
  background-image: -o-linear-gradient(top, #EFF6F8, #C6E0E8);
  background-image: linear-gradient(to bottom, #EFF6F8, #C6E0E8);
  -webkit-border-radius: 10;
  -moz-border-radius: 10;
  border-radius: 6px;
  padding: 5px 0px 5px 0px;
}

.gp{text-align:center;}
.gp li{  display: -moz-inline-box;  display: inline-block;
  /display: inline;  /zoom: 1;  
  pading:0px; margin:0px;}


div#topinfo{margin:0 auto;
text-align:left;width:980px;
  background: #ffffff;
  padding: 5px 0px 5px 0px;
  border:solid 1px #000;
box-sizing: border-box;
}

.tp{text-align:left;}
.tp li{  display: -moz-inline-box;  display: inline-block;
  /display: inline;  /zoom: 1;  
  pading:0px; margin:0px;
  vertical-align:middle;}


/*----------------------------------------------------
    .timeta
----------------------------------------------------*/
.timetitwaku{margin:10px 0px;
text-align:center;
font-size:1.4em;
letter-spacing:0.1em;
font-weight:bold;}

.timetawaku{
margin-top:5px;
 -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  -webkit-box-shadow: 2px 1px 5px #6b6b6b;
  -moz-box-shadow: 2px 1px 5px #6b6b6b;
  box-shadow: 2px 1px 5px #6b6b6b;
  font-family: Arial;
  color: #2EC0AC;
  padding: 3px 2px 3px 2px;
/*  border: solid #DFDFDF 5px; */
/*  text-decoration: none; */
/* background:#ffffff; */
text-align:left;
}

.timeta table{width:100%;
margin:0 auto;
}

.timeta th  { width: 28%; text-align: left;
border-bottom:1px solid #D3D3D3;
background:#ffffff;
padding-left:5px;font-size:0.8em;
line-height:1.1em;
text-align: left;
color:#2EC0AC;
}

/*.timeta td:first-child  { width:126px;
border-bottom:1px solid #D3D3D3;
padding:0px;font-size:0.9em;
font-weight:bold;
line-height:1.1em;
color:#2EC0AC;
text-align:center;
}*/

.timeta td  { width:72%;
border-bottom:1px solid #D3D3D3;
padding:0px;font-size:0.8em;
line-height:1.1em;
color:#2EC0AC;
text-align:center;
}

.peach{background-color:#FBDFEB;}



/* 印刷用 */
@media print{
body {font-size: 0.4em;}
#topmenu,#logo,.forktai,.forsp,.forpc,.fortopktai,.fortopsp{display:none;}
#footer{display:none;} 
.printlogo{display:inline-block;width:100%;}
.breadcrumbs .home{display:none;}
.breadcrumbs .bread{margin:0px;padding:0px;font-size:2em;line-height:3em;display:inline;}

.w700{width:74%;}
.w240{width:24%;}
.w74p{width:74%;}
.w24p{width:24%;}
}

@media screen and (max-width: 400px) {
   /* 表示領域が400px以下の場合に適用するスタイル */
   .forktai { width: 100%; }
   .forsp{display:none;}
   .forpc{display:none;}
   .fortopktai { width: 100%; }
   .fortopsp{display:none;}
   .fortoppc{display:none;}
.ftwaku{width:100%;margin:0 auto;text-align:left;}
.otaru{width:100%;}
}

@media screen and (min-width: 401px) and (max-width: 640px) {
   /* 表示領域が640px以下401以上の場合に適用するスタイル */
   .forktai{display:none;}
   .forsp { width:100%; }
	.forpc{display:none;}
   .fortopktai{display:none;}
   .fortopsp { width:100%; }
	.fortoppc{display:none;}
.ftwaku{width:100%;margin:0 auto;text-align:left;}
.setubiwakul{width:100%; border:solid 1px #ff0000;}
.setubiwakur{width:100%; border:solid 1px #ff0000;}
}
@media screen and (min-width: 641px) {
   /* 表示領域が641px以上の場合に適用するスタイル */
	.forktai{display:none;}
	.forsp{display:none;}
        .forpc { width: 100%; }
	.fortopktai{display:none;}
	.fortopsp{display:none;}
        .fortoppc { width: 100%; }
.ftwaku{width:960px;margin:0 auto;text-align:left;}
.setubiwakul{float:left; border:solid 1px #ff0000;}
.setubiwakur{float:right; border:solid 1px #ff0000;}
}

.btsets {
/*   border: 0px solid #5abf1b; */
   background: #00AC97;
   background: -webkit-gradient(linear, left top, left bottom, from(#00AC97), to(#00AC97));
   background: -webkit-linear-gradient(top, #00AC97, #00AC97);
   background: -moz-linear-gradient(top, #00AC97, #00AC97);
   background: -ms-linear-gradient(top, #00AC97, #00AC97);
   background: -o-linear-gradient(top, #00AC97, #00AC97);
   background-image: -ms-linear-gradient(top, #00AC97 0%, #00AC97 100%);
   padding: 2px 4px;
   -webkit-border-radius: 3px;
   -moz-border-radius: 3px;
   border-radius: 3px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
   box-shadow: rgba(255,255,255,0.4) 0 0px 0, inset rgba(255,255,255,0.4) 0 0px 0;
/*   text-shadow: #ff0000 0 1px 0; */
   color: #ffffff;
   font-size: 0.9em;
   line-height:0.9em;
/*   font-family: helvetica, serif; */
/*   text-decoration: none; */
	text-align:center;
   vertical-align: middle;
   width:100px;
   letter-spacing:0.1em;
   margin:0px;
   
   }
   
.mh500{min-height: 500px;}
.bxbox{box-sizing: border-box;}

.biz-hour {
  display: block;
  border-collapse: collapse;
  /* overflow-x: scroll;で、
  スマホ画面幅に表が入りきらない場合は
  横スクロールしてくれます */
  overflow-x: scroll;
}

.biz-hour th {
  /* １番上の線 */
  /* #A28C63っていうのが色の名前なので、ここをお好みで */
  border-top: 1px solid #A28C63;
}

.biz-hour th, .biz-hour td {
  padding: 10px 20px;
  text-align: center;
  /* ２番目以降の線 */
  /* 色はお好みで */
  border-bottom: 1px solid #A28C63;
}

/* スマホ時に横スクロールしないよう、横の余白（padding）を20px→10pxに */
@media screen and (max-width: 559px) {
  .biz-hour th, .biz-hour td {
    padding: 10px 10px;
  }
}

.biz-hour th {
  font-weight: normal;
}

/* 「土」の文字色 */
.biz-hour th.sat {
  color: #3db2da;
}

/* 「日」の文字色 */
.biz-hour th.sun {
  color: #e66a6a;
}