@charset "UTF-8";
/*  
Theme Name:Original Style - 1column
Version:1.1
2016.11.05
*全ページ共通の指定
*投稿、画像
*見出し、リスト、
*横並びボックス
*googlemap、youtube
*
*/

/*==========================
	投稿（ブログ、新着情報）
==========================*/

.entry-block {/* 一投稿を囲むブロック */
	padding-bottom:1.5em;
	margin-bottom: 2em;
	border-bottom:1px dotted #ccc;
}

.entry-block .dateBlock {/* 日時 */
	color:#;
	font-size:13px;
	padding-bottom:0.5em;
	padding-top:0.5em;
}

/* ブログページのカテゴリーリスト --------------------*/

#aside .menu-blog {
	padding:10px 10px 20px;
	box-sizing:border-box;
	margin-top:1em;
	background:#f1f1f1;
}
#aside .menu-blog h3 {
	border-bottom:1px dotted #ccc;
	color: #1a1a1a;
	font-size:18px;
	padding:0.6em 0 0.7em ;
	text-align:center;
	margin-bottom:0.8em;
	letter-spacing:0.12em;
}
#aside .menu-blog li { font-size:11px;}
#aside .menu-blog li a {
	position:relative;
	padding-left:1em;
	font-size:14px;
	color:#555;
	text-decoration:none;
}
#aside .menu-blog li a:hover {
	color:#3faebe;
	text-decoration:none;
}
#aside .menu-blog li a::after {
	position:absolute;
	content:"";
	top:0.5em;
	left:0.3em;
	width:3px;
	height:3px;
	border-radius:50%;
	background:#3faebe;
}

/*-- ページネーション ------------*/

.pager {
	font-size:88%;/*14px*/
	margin-bottom:3em;
}
.pager span.current,
.pager a {
	display:inline-block;
	margin-right:5px;
	width:25px;
	height:25px;
	line-height:25px;
	background:#fff;
	text-decoration:none;
	color:#51504e;
	text-align:center;
}
.pager a:hover {
	color:#;
}
.pager span.current {/* 今のページ */
	background:#;
	color:#fff;
}

/*==========================
	画像
==========================*/

img {
	height:auto;
	vertical-align:bottom;
	max-width:100%;
	max-height:100%;
}
.mainblock img { max-width:100%;}

/* 真ん中寄せ */
.aligncenter {
    display: block;
    margin: 0 auto;
}

/* 小さい画像に対応 */
.img_size img,img.img_size {
	width:auto !important;
}

/*==========================
	見出し
==========================*/

/*-- H3 ------------*/

.post-type-page h3, .under h3 {
    font-size: 26px;
    color: #fff;
    line-height: 1.2em;
    letter-spacing: 0.05em;
    padding: 15px 0 15px 30px;
    margin-bottom: 20px;
    text-align: left;
    background: #007bbd;
    position: relative;
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;

}
.post-type-page h3::before ,
.under h3::before{
    content: "";
    position: absolute;
    width: 4px;
    height: 70%;
    top: 0;
    left: 10px;
    background: rgba(255,255,255,0.3);
}
.post-type-page h3::before,
.under h3::before {
}
.post-type-page h3::after,
.under h3::after {
}
.mainblock > h3:first-child,
.mainblock > div:first-child h3,
.mainblock > h3:first-of-type {
	margin-top:0;
}

.post-type-page .h3_bg h3 {
}


/*-- H4 投稿タイトル ------------*/

.entry-block h3, .mce-content-body h4, .under h4  {
    padding: 10px 5px 10px 30px;
    font-size: 22px;
    letter-spacing: 0.06em;
    position: relative;
    line-height: 1.4em;
    margin-bottom: 1.2em;
    margin-top: 0.8em;
    color: #333;
    border-bottom: 1px solid #ccc;
	font-family:"游明朝", YuMincho, "Hiragino Mincho ProN", "Hiragino Mincho Pro", "ＭＳ 明朝", serif;
}
.entry-block h3::before, .mce-content-body h3::before, .under h4::before {
    position: absolute;
    content: "";
    background: #3faebe;
    width: 15px;
    height: 15px;
    top: 16px;
    left: 5px;
}
.mce-content-body div.h3 + h4,
div.h3 + h4 {
	margin-top:0;
}
.mce-content-body .top01 h4 {
	border:inherit;
	text-align:inherit;
} 

/* 投稿タイトルのみ */
.entry-block h3 {
	font-size:18px;
	margin-top:0;
}
.entry-block h3 a {
	color:#555;
	text-decoration:none;
}
.entry-block h3 a:hover {
	color:#22ac38;
}


/*-- H5 ------------*/

.mce-content-body h5, .under h5 {
    font-size: 18px;
    display: block;
    color: #333;
    position: relative;
    padding: 5px 0 5px 10px;
    line-height: 1.4em;
    margin-bottom: 1em;
    margin-top: 1.2em;
    border-bottom: 1px dotted #3faebe;
    border-left: 5px solid #3faebe;
}
/*.mce-content-body h5::before,
.under h5::before {
	position:absolute;
	content:"";
	height:80%;
	top:10%;
	width:5px;
	border-radius:2px;
	background:#;
	left:0;
}*/
.under h4 + h5,
.under div.h4 + h5 {
	margin-top:0 !important;
}


/*-- H6 ------------*/
.post-type-page h6, .under h6 {
    font-size: 107%;
    line-height: 1.4;
    margin-bottom: 0.5em;
    margin-top: 10px;
    font-weight: normal;
    padding: 0.2em 0.8em 0.1em 0.8em;
    overflow: hidden;
    color: #333;
    position: relative;
    display: inline-block;
    border-left: 3px solid #04b2bd;
}
/*-- 数字付きの見出し ------------*/
.number {
	display:inline-block;
	vertical-align:baseline;
	font-size:76%;
	padding:0.2em 0.6em 0.1em;
	margin-right:0.4em;
	background:#3faebe;
	color:#fff;
	border-radius:3px;
	margin-bottom:0.2em;
	line-height:1.4;
}
.number_title .number {
}
h3.number_title .number {
	font-size:175%;
	font-style:italic;
	color:#3faebe;
	background:none;
	padding:0;
	margin:0 0.3em 0 0;
	position:relative;
}
h3.number_title .number::after {
	content:"."
}
h4.number_title .number {
	font-size:175%;
	font-style:italic;
	color:#1a1a1a;
	background:none;
	padding:0;
	margin:0 0.3em 0 0;
	position:relative;
}
h4.number_title .number::after {
	content:"."
}

.mce-content-body h5.number_title, 
.under h5.number_title {
	border:none;
	margin-bottom:0.5em;
}

/*-- title ------------*/

.title {
    font-size: 22px;
    font-weight: bold;
    color: #007bbd;
    letter-spacing: 0.05em;
}



/*==========================
	リスト
==========================*/

/*-- UL ------------*/

/* ul01 */
.ul01 {
	margin-bottom:1em;
}
.ul01 li {
	position:relative;
	margin-bottom:0.5em;
	padding-left:1.5em;
	box-sizing:border-box;
}
.ul01 li::before {
	position:absolute;
	content:"";
	width:0.5em;
	height:0.5em;
	background:#3faebe;
	border-radius:50%;
	top:0.58em;
	left:0.35em;
}

/* ul02 */
.ul02 {
	margin-bottom:1em;
}
.ul02 li {
	position:relative;
	margin-bottom:0.5em;
	padding-left:1.7em;
	box-sizing:border-box;
}
.ul02 li::before {
	position:absolute;
	content:"";
	width:0.5em;
	height:0.5em;
	border:3px solid #3faebe;
	border-radius:50%;
	top:0.38em;
	left:0.38em;
}

/* ul_check チェックのリスト */

.ul_check,.ul_arrow {
	margin-bottom:1em;
}
.ul_check li {
	position:relative;
	margin-bottom:0.5em;
	padding-left:1.8em;
}
.ul_check li::before {
	position:absolute;
	content:"";
	width:1em;
	height:1em;
	background:#3faebe;
	border:1px solid #3faebe;
	top:4px;
	left:5px;
}
ul.ul_check li:after {
	display: block;
	content: '';
	position: absolute;
	top: 9px;
	left: 9px;
	width: 8px;
	height: 3px;
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
 z-index: 10;
}

/* ul_arrow 右向き三角のリスト */
.ul_arrow{
	background:#e9f8fa;
	padding:15px 10px 10px;
	box-sizing:border-box;
}
.ul_arrow li {
	position:relative;
	margin-bottom:0.5em;
	padding-left:1.2em;
}
.ul_arrow li:before {
	position:absolute;
	content:"";
    width: 0;
    height: 0;
	top: 0.35em;
	left: 7px;
	margin: 0px 0 0 0;
    border: 6px solid transparent;
    border-top: 8px solid #3faebe;
	-moz-transform: rotate(-90deg);
	-webkit-transform: rotate(-90deg);
	-o-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform:rotate(-90deg);
}
.ul_arrow li a { text-decoration:none;color:#403a3a;}
.ul_arrow li a:hover { text-decoration:underline;}


/*-- OL ------------*/

ol.ol01 { margin-bottom:1.2em;}
ol.ol01 li {
	position:relative;
	margin-bottom:0.4em;
}

ol.ollist { margin-bottom:1.2em;}
ol.ollist li{
 margin-bottom: 0.5em;
  list-style-type:none;
  list-style-position:inside;
  counter-increment: ollist;
}
ol.ollist li:before{
  display: marker;
  content: "(" counter(ollist) ") ";
}

/* 数字のOLリスト */

ol.ol_decimal { margin-bottom:1.2em;}
ol.ol_decimal {
 counter-reset: li;
 list-style: none;
 padding-left: 0;
}

ol.ol_decimal > li {
 position: relative;
 margin-bottom: 0.5em;
 padding-left: 2.5em;
}
ol.ol_decimal > li::before {
    content: counter(li) "";
    counter-increment: li;
    position: absolute;
    left: 0;
    width: 1.8em;
    height: 1.8em;
    background: #04b2bd;
    border-radius: 50px;
    color: #fff;
    line-height: 1.8;
    text-align: center;
}
/*-- 横並びリスト ------------*/

.float-list {
	overflow:hidden;
}
.float-list li {
	margin-bottom:0.5em;
}

/*==========================
	テーブル
==========================*/

/*-- 診療時間表 ------------*/
.time-table {
    width: 100%;
    margin-bottom: 1.0em;
}
.time-table th,.time-table td {
    text-align: center;
    font-weight: normal;
    padding: 8px 5px;
    border-bottom:2px solid #fff;
	background:#f2f2f2;
}

.time-table td {
	text-align:center;
	font-weight:normal;
	padding:8px 5px;
}
.time-table thead th {
    background: #9fcce3;
    color: #fff;
}
.time-table tr:last-child th, .time-table tr:last-child td {
    border-bottom:none;
}


/*-- 基本のテーブル ------------*/
.table01 {
	width:100%;
	margin-bottom:1.5em;
}
.table01 th,
.table01 td {
	padding:15px 2px 10px;
	text-align:left;
	vertical-align: top;
	border-bottom:1px solid #ddd;
}
.table01 th {
    border-bottom: 1px solid #3faebe;
    padding-right: 10px;
    color: #333;
    width: 25%;
}

/*-- ボーダーのついたテーブル ------------*/
.border-table {
	width:100%;
	margin-bottom:1em;
}
.border-table thead th {
	background:#888;
	color:#fff;
	text-align:center;
}
.border-table th,
.border-table td {
	text-align:left;
	font-weight:normal;
	padding:12px 8px;
	border:1px solid #ccc;
}
.border-table tbody th {
    background: #e9f8fa;
    vertical-align: middle;
    width: 42%;
}

.border-table td {
}
.border-table.price td{
	text-align:right;
}
/*-- 料金表のテーブル(TDが右寄せ) ------------*/
.fee-table {
	width:100%;
	margin-bottom:0.5em;
}
.fee-table th,
.fee-table td {
	text-align:left;
	font-weight:normal;
	padding:12px 8px;
	border:1px solid #ccc;
}
.fee-table thead th {
	background:#888;
	color:#fff;
	text-align:center;
}
.fee-table tbody th {
	background:#f1f1f1;
}
.fee-table tbody td {
	text-align:right;
}

/*==========================
	DL
==========================*/

/*--  ------------*/
dl.dl01 { margin-bottom:0.5em;}
dl.dl01 dt {
	margin-bottom:0.5em;
	padding:0.4em 0.6em;
	position:relative;
	display:inline-block;
	line-height:1.4em;
	color:#fff;
	background:#aaa;
}
dl.dl01 dd {
	margin-bottom:1.2em;
}

/*-- 数字つきdl ------------*/
dl.dl_number dt {
	font-size:117%;
	color:#;
	font-weight:normal;
	position:relative;
}
dl.dl_number dd {
	padding-left:2em;
	margin-bottom:1.2em;
}
.dl_number .number {
	display:inline-block;
	vertical-align:baseline;
	font-size:15px;
	padding:0.2em 0.6em 0.1em;
	margin-right:0.5em;
	background:#;
	color:#fff;
	border-radius:3px;
	margin-bottom:0.2em;
	line-height:1.4;
}

/*==========================
	ボックス
==========================*/

/*-- 基本のブロック ------------*/
.block {
	margin-bottom:2em;
}

/*-- クリアフィックスブロック ------------*/
.block-inner {
	margin-bottom:2em;
	/*padding:0 10px;*/
}
.block > .block-inner:last-child { margin-bottom:0;}

/*-- ボーダー付きブロック ------------*/
.border-block {
	box-sizing:border-box;
	padding:20px 20px 5px;
	border:3px solid #ddd;
	margin-bottom:1.2em;
}

/*-- 背景色付き ------------*/
.bg-block {
	box-sizing:border-box;
	padding:20px 20px 5px;
	background: #faf8f3;
	margin-bottom:1.2em;
	overflow:hidden;
	border-radius:6px;
}
.border-block h5:first-child,
.bg-block h5:first-child {
	margin-top:0 !important;
}
.border-block ul:last-child {
	margin-bottom:0 !important;
}


/*-- before after ------------*/
.ba-block {
	background:url(img/arrow_r.svg) no-repeat center 50%;
	background-size:3%;
	margin-bottom:10px;
	font-size:92%;
}
.ba-block .before {
	float:left;
	width:47%;
	position:relative;
}
.ba-block .after {
	float:right;
	width:47%;
}
.ba-block img {
	display:block;
	margin:0 auto 10px;
}
.batitle {
	text-align:center;
	font-size:15px;
	color:#;
	margin-bottom:0.5em !important;
}

/*-- 流れ ------------*/
.flow-block {
	padding:0 0 1em;
	margin-bottom:1em;
	position:relative;
}
.block-inner .flow-block {padding:0 0 1em;}
.flow-block::after {
	position:absolute;
	content:"";
    width: 0;
    height: 0;
	bottom: 0;
	right: 50%;
	margin: 0 -15px -30px 0;
    border: 30px solid transparent;
    border-top: 15px solid #3faebe;
}
.block > .flow-block:last-child::after,
.block-inner > .flow-block:last-child::after {
	display:none;
}

/*-- Q&A ------------*/
.qa-block {
	margin-bottom:1.8em;
	padding-top:1.8em;
	border-top:1px dotted #ccc;
}
.qa-block .answer{
    padding-left: 2em !important;
    position: relative;
    padding: 2px;
    margin-left: 30px;
    margin-top: 20px;
}
.answer p {
    padding: 0px 0 12px 5px;
}
.answer::before {
    position: absolute;
    content: "";
    top: -2px;
    left: 0px;
    background: #3faebe;
    height: 2em;
    width: 2em;
    border-radius: 50%;
    margin-top: 0.1em;
}
.answer::after {
    position: absolute;
    content: "A";
    font-size: 100%;
    top: 2px;
    left: 0.65em;
    color: #fff;
    font-weight: normal;
    border: none;
}
.qa-block .answer p{
	margin:0;
}
.mce-content-body .qa-block h4,
.qa-block h4 {
	padding-left:2em !important;
	border-bottom:none;
	padding-bottom:0;
	display:block;
	position:relative;
	color:#4a94e6;
	background:none;
	padding-top:0;
}
.mce-content-body .qa-block h4::before,
.qa-block h4::before {
	position:absolute;
	content:"";
	top:0;
	left:0;
	background:#4a94e6;
	height:1.6em;
	width:1.6em;
	border-radius:50%;
	margin-top:-0.15em;
}
.mce-content-body .qa-block h4::after ,
.qa-block h4::after {
	position:absolute;
	content:"Q";
	font-size:82%;
	top:0;
	left:0.55em;
	color:#fff;
	font-weight:normal;
	border:none;
}

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


/*==========================
	お問い合わせページ (Contact Form 7)
==========================*/
.wpcf7 dl {
	width:100%;
	margin:0 auto 20px;
	overflow:hidden;
	border-top:1px dashed #ccc;
}
.wpcf7 dl dt,
.wpcf7 dl dd {
	padding:10px 5px;
}
.wpcf7 dl dt {
	clear:both;
	float:left;
}
.wpcf7 dl dd {
	padding-left:14em;
	border-bottom:1px dashed #ccc;
}
.wpcf7 .mf {
	font-size:80%;
	color:#EA0000;
	padding-left:3px;
}

.wpcf7 .ex,
.wpcf7 .subtxt {
	font-size:88%;
	color:#;
	line-height:1.4em;
	display:inline-block;
}
.wpcf7 dl dt .requisite,
.wpcf7 dl .attention {
	font-size:78%;
	color:#f45000;
}
.wpcf7 .wpcf7-not-valid-tip {
	font-size:76%;
	color:#af2223;
}
.wpcf7 dl dd input {
	max-width:90%;
	width:500px;
}
.wpcf7 dl dd.radio01 input {
    max-width: 48%;
    width: auto;
}
.wpcf7 dl dd .radio input,
.wpcf7 dl dd .heckbox input {
	width:auto;
}
.wpcf7 dl dd .radio01 span.wpcf7-list-item,
.wpcf7 dl dd .sexes span.wpcf7-list-item,
.wpcf7 dl dd .correspondence span.wpcf7-list-item,
.wpcf7 dl dd .course span.wpcf7-list-item,
.wpcf7 dl dd .health-insurance span.wpcf7-list-item {
	display:block;
}

.mainblock .wpcf7 dl dd p {
	margin-bottom:0;	
}

.wpcf7 dl dd textarea {
	max-width:90%;
	width:500px;
}

.wpcf7 dl dd .wpcf7-list-item { margin-right:10px;}

.under .wpcf7 .btn-style {
	text-align:center;
}
.wpcf7 .btn-style input {
	width:120px;
	font-size:16px;
	padding:0.4em;
}
.btn-style input:hover {
	cursor:pointer;
	opacity: 0.6;
	-moz-opacity: 0.6;
	filter: alpha(opacity=60);
}
/*==========================
	サイトマップ
==========================*/
#menu-sitemap {
	padding:0;
}
#menu-sitemap li {
	padding:0.8em 0.2em 0.7em 1.1em;
	position:relative;
	border-bottom:2px dotted #eee;
	vertical-align:top;
}
#menu-sitemap li::after {
	display: block;
	content: "";
	position: absolute;
	width: 0.3em;
	height: 0.3em;
	top: 1.4em;
	left: 0.1em;
	border-top: solid 2px #ccc;
	border-right: solid 2px #ccc;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}
#menu-sitemap li ul li {
	border-bottom:none;
	padding-bottom:0;
}
#menu-sitemap li a {
	text-decoration:none;
	color:#555;
}
#menu-sitemap li a:hover {
	color:#3faebe;
}

/*==========================
	画像のギャラリー
==========================*/
.gallery li {
	margin-bottom:20px;
}
.gallery li img {
	margin-bottom:5px;
}

/*==========================
	googlemap
==========================*/
.googlemap {
	position: relative;
	padding-bottom: 35%; /*縦横比*/
	height: 0;
	overflow: hidden;
}
.googlemap iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}

/*==========================
	Youtube
==========================*/
.youtube-wrap {
	width:600px;
	max-width:100%;
	margin:0 auto 20px;
}
.youtube {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.youtube iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	border:none;
}

/*==========================
	汎用
==========================*/

.color01 {	color: #6ec5be;}
.color02 { color:#04bd8f;}
.attention { color:#9c0601;}

.bgcolor01 {
    background-color: #3faebe;
    padding: 0.2em 0.5em 0.1em;
    color: #fff;
    font-weight: bold;
}

.t_red{
	color:#F00;
}

.font-big { font-size:120%;}
.font-small { font-size:82%;}

.fl {float:left !important;}
.fr {float:right !important;}

.tac { text-align:center;}
.tal { text-align:left}
.tar { text-align:right;}

.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}

.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb30 { margin-bottom:30px !important;}
.mb40 { margin-bottom:40px !important;}
.mb50 { margin-bottom:50px !important;}

.bold{
	font-weight:bold;
}

/********************************
	Responsive
*********************************/

@media screen and (min-width: 768px) {/* タブレットまで */
/*==========================
	画像
==========================*/
/* img float */

#tinymce img.alignright,
#tinymce img.alignleft,
.mainblock img.alignright,
.mainblock img.alignleft  {
	max-width:34%;
}
.mainblock .alignright {
	float:right;
	margin:0 0 10px 2%;
}
.mainblock .alignleft {
	float:left;
	margin:0 2% 10px 0;
}

/*==========================
	リスト
==========================*/

.float-list {
	overflow:hidden;
}
.float-list li {
	float:left;
	box-sizing:border-box;
	margin:0 1.2em 0.5em 0;
}
.float-list2 li {
	display:inline-block;
	width:50%;
	margin:0 0 0.5em 0;
	padding-right:0.8em;
}
.float-list2 li:nth-shild(2n) {
	padding-right:0;
	padding-left:0.8em;
}
.float-list3 li {
	display:inline-block;
	width:33.3%;
	margin:0 0 0.5em;
	padding-right:0.8em;
}
.float-list3 li:nth-shild(3n) {
	padding-right:0;
	padding-left:0.8em;
}

.float-list3 li.no-float {
	float:none;
	margin:0 0 0.5em;
	width:auto;
}

/*==========================
	ブロック
==========================*/

/*-- 横ならびbox -----------*/

.box2 {/* 横並び　X2 */
	display:inline-block;
	margin:0 0.5% ;
	width:48%;
	box-sizing:border-box;
	vertical-align:top;
}
.box3 {/* 横並び　X3 */
	display:inline-block;
	margin:0 0.5% ;
	width:31%;
	box-sizing:border-box;
	vertical-align:top;
}
.box4 {/* 横並び　X4 */
	float:left;
	margin:0 1%;
	width:23%;
	box-sizing:border-box;
	vertical-align:top;
}
.box5 {/* 横並び　X5 */
	float:left;
	margin:0 1%;
	width:18%;
	box-sizing:border-box;
	vertical-align:top;
}

/*==========================
	汎用
==========================*/

#a01,#a02,#a03,#a04,#a05,#a06,#a07,#a08,#a09,#a10,#a11,#a12,#a13,#a14,#a15,#a16,#a17,#a18,#a19,#a20 {
    margin-top:-60px;
    padding-top:60px;
}
#a01_1,#a01_2,#a01_3,#a01_4,#a01_5,#a01_6,
#a02_1,#a02_2,#a02_3,#a02_4,#a02_5,#a02_6,
#a03_1,#a03_2,#a03_3,#a03_4,#a03_5,#a03_6,
#a04_1,#a04_2,#a04_3,#a04_4,#a04_5,#a04_6,
#a05_1,#a05_2,#a05_3,#a05_4,#a05_5,#a05_6,
#a06_1,#a06_2,#a06_3,#a06_4,#a06_5,#a06_6
{
	margin-top:-40px;
    padding-top:40px;
}

br.pc { display:inline;}
br.sp2 { display:none;}

.con_l { float:left;}
.con_c { float:left;}
.con_r { float:right;}

.w25 { width:25%;}
.w35 { width:35%;}
.w40 { width:40%;}
.w48 { width:48%;}
.w56 { width:56%;}
.w60 { width:60%;}
.w62 { width:62%;}

.mw500p { max-width:500px !important;}

}

@media screen and (min-width: 768px)  and (max-width: 768px) {
/*sitemap*/
#menu-sitemap li::after {
    top: 1.55em;
}
}

@media screen and (max-width: 767px) {/* スマホ */

/*==========================
	投稿（ブログ、新着情報）
==========================*/
#aside .menu-blog { margin-bottom:2em;}

/*==========================
	画像
==========================*/
.alignright ,
.alignleft {
	float: none;
	margin:0 auto 20px;
	display:block; 
}

/*==========================
	見出し
==========================*/
.page-title {
	padding:1em 0;
}
.page-title h2 {
	font-size:20px;
}

.post-type-page h3, 
.mainblock h3 {
	font-size:19px;
}
.entry-block h3 {
    font-size: 16px;
}
.post-type-page h4, 
.mainblock h4 {
	font-size:17px;
}
.post-type-page h5, 
.mainblock h5 {
	font-size:17px;
}


h3.number_title .number { font-size:140%; margin-right:0;}
.catch_title {
	line-height:1.4em;
	font-size:18px;
	letter-spacing:0.05em;
}

.title {
    font-size: 19px;
}

/*==========================
	ブロック
==========================*/

/* 横ならびbox */
.box2,.box3,.box4 {
	margin-bottom:20px;
}

/*-- before after ------------*/
.ba-block {
	background:none;
	margin-bottom:10px;
	font-size:92%;
}
.ba-block .before,
.ba-block .after {
	float:none;
	width:100%;
}
.ba-block .before {
	padding-bottom:40px;
	background:url(img/arrow_b.svg) no-repeat center bottom;
	background-size:50px auto;
	margin-bottom:20px;
}

/*==========================
	お問い合わせ
==========================*/
.wpcf7 dl dt {
	float:none;
	margin-bottom:0em;
	padding-bottom:2px;
}
.wpcf7 dl dd {
	padding-left:5px;
	padding-top:5px;
}
.wpcf7 dl dd input,
.wpcf7 dl dd textarea {
	padding:5px 2px;
	border:1px solid #ccc;
	box-shadow:none;
	max-width:100%;
	width:100%;
	box-sizing:border-box;
}

/*==========================
	サイトマップ
==========================*/
#menu-sitemap li::after {
    top: 1.5em;
}

/*==========================
	googlemap
==========================*/
.googlemap {
padding-bottom: 60%; /*縦横比*/
}

/*==========================
	汎用
==========================*/

.con_l { margin-bottom:1em;}

}

@media screen and (max-width: 480px) {

.post-type-page h3, 
.mainblock h3 {
	background-size:60px;
}
/* 時間表 --------------------*/
.time-table th, 
.time-table td { font-size:75%; padding:5px 0px;}

/* googlemap --------------------*/
.googlemap { padding-bottom:60%}

}
@media screen and (max-width: 320px) {

}