@charset "utf-8";

/* ------------------------------------------------ */
/* 共通
/* ------------------------------------------------ */
/* ボックスサイズの計算方法を指定 */
* {
box-sizing: border-box;
}
/* 段落の基本スタイル */
p {
padding-bottom: 1.5em;
}
/* リンクの基本スタイル */
a {
color: #000;
transition: 0.5s;
}
/* リンクにマウスが乗ったときのスタイル */
a:hover {
opacity: 0.9;
}
/* 画像の基本スタイル */
img {
max-width: 100%; height: auto; vertical-align: middle;
}

/* 各色 */
.red {
color: red;
}
.white {
color: white;
}
.blue {
color: blue;
}
.yellor {
color: yellow;
}
.green {
color: #0B8043;
}
.orange {
color: #F6BF26;
}
/* ------------------------------------------------ */
/*スクロール　ふわっとでる
/* ------------------------------------------------ */
.sa {
opacity: 0;
transition: all .5s ease;
} 
.sa.show {
opacity: 1;
transform: none;
} 
.sa--lr {
transform: translate(-100px, 0);
} 
.sa--rl {
transform: translate(100px, 0);
} 
.sa--up {
transform: translate(0, 100px);
} 
.sa--down {
transform: translate(0, -100px);
} 
.sa--scaleUp {
transform: scale(.5);
} 
.sa--scaleDown {
transform: scale(1.5);
} 
.sa--rotateL {
transform: rotate(180deg);
} 
.sa--rotateR {
transform: rotate(-180deg);
}
/* ------------------------------------------------ */
/*画像拡大
/* ------------------------------------------------ */
.scale {
width: 100%;
height: auto;
overflow: hidden;
}
.scale img {
-moz-transition: -moz-transform 0.9s linear;
-webkit-transition: -webkit-transform 0.9s linear;
-o-transition: -o-transform 0.9s linear;
-ms-transition: -ms-transform 0.9s linear;
transition: transform 0.3s linear;
}
.scale img:hover {
-webkit-transform: scale(1.5);
-moz-transform: scale(1.5);
-o-transform: scale(1.5);
-ms-transform: scale(1.5);
transform: scale(1.1);
}


/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（1025px以上）
/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media screen and (min-width:1025px), print {

a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}

/* PC専用コンテンツを表示 */
.pc {
display: block;
}
.sp {
display: none;
}
.tab {
display: none;
}

body {
color: #000;
font-size: 16px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を囲む枠 */
#wrapper {
margin: 0 auto;
width: 100%;
}

/* 改行brの代わり */
.css-br::after {
content: "\A" ;
white-space: pre;
}
.sp-br::after {
display: none;
}

/* h1～h3 */
h1 {
color: #000;
font-size: 12px;
font-weight: normal;
margin-top: 10px;
margin-left: 30px;
}
h2 {	
text-align:center;
font-size: 32px;
margin: 0px auto;
padding: 0 0 15px 0;
font-weight:500;
letter-spacing: 0.1em;
color: #323232;
}
.h2text {
display: block;
text-align: center;
font-size: 18px;	/*文字サイズ*/
margin: 0px 0 0px 0;
font-weight:500;
letter-spacing: 0.1em;
}
.h2kasen {
width: 300px;
background-image: linear-gradient(90deg, #FF9900 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen1 {
width: 300px;
background-image: linear-gradient(90deg, #058812 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen2 {
width: 300px;
background-image: linear-gradient(90deg, #782D1E 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen3 {
width: 300px;
background-image: linear-gradient(90deg, #FF3366 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
h3 {
color: #000;
font-size: 18px;
text-align: center;
margin: 5px 0 50px 0;
}
.h3text {
display: block;
text-align: center;
font-size: 13px;	/*文字サイズ*/
}

/* ------------------------------------------------ */
/* Swiper】ズームしながらフェードで切り替わるスライダー
/* ------------------------------------------------ */
.swiper-slide-active .swiper-slide__item,
.swiper-slide-duplicate-active .swiper-slide__item,
.swiper-slide-prev .swiper-slide__item {
  animation: zoomanime 10s linear 0s normal both;
}

@keyframes zoomanime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/* ------------------------------------------------ */
/* 中央テキスト
/* ------------------------------------------------ */
.main-text-waku {
position: relative;
z-index:100;
padding: 10px 30px 10px 30px;
}
.main-text {
position: absolute;
z-index:100;
width: 90%;
top:50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 40px;
font-weight: bold;
letter-spacing: 0.1em;
color: #fff;
text-shadow: 1px 1px 1px #000;
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {
width: 100%;
margin: 0 auto;
}
/* 見出しのスタイル */
.header-area {
background-color: #fff;
display: flex;
justify-content: space-between;
align-items: center;
}

/* ロゴのスタイル */
.header-area img {
margin: 5px 0px 5px 0px;
padding: 0px 0px 0px 50px;
}
.m-botan {
margin: 5px 0px 0px -10px;
}
.m-botan-sp {
display:none;
}

.syamei-logo {
display:none;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
}
.fixed {
position: fixed;
background:#000;
top: 0;
margin:0px 0;
width: 100%;
z-index: 10000;
opacity: 0.9;
}

/* ------------------------------------------------ */
/*ドロップダウンメニュー
/* ------------------------------------------------ */
.drawer_menu {
margin-left:auto;
}
.drawer_menu a {
text-decoration: none;	
}
/* PC用ナビゲーション */
.drawer_menu #gNav {

}
.drawer_menu .drawer_nav {
display: flex;
transform: translate(0);
margin: 0 30px 0 0px;
list-style-type: none;
}
.drawer_menu .drawer_nav li {
height: 50px;
font-size: 15px;
margin: 0 0 0 0px;
line-height: 40px;
list-style-type: none;
}
.drawer_menu .drawer_nav li a {
position: relative;
display: inline-block;
text-decoration: none;
padding: 0 5px 0 5px;
color: #000;
}
.drawer_menu .drawer_nav li a::after {
position: absolute;
  bottom: -10px;
  left: 0;
  content: '';
  width: 100%;
  height: 2px;
  background: #FFC24C;
  transform: scale(0, 1);
  transform-origin: center top;
  transition: transform .3s;
}
.drawer_menu .drawer_nav li a:hover::after {
transform: scale(1, 1);
}
.drawer_menu .drawer_nav li a:hover {
color: #000;
}
/* PC非表示 */
.pc-hidden {
display: none;
text-align: center;
}	
.drawer_menu .drawer_button {
color: #fff;
/* ハンバーガーメニュー文字色 */
display: none;
}
.touch-btn {
display: none;
}

.sp-flex{
display: none;
}
.sp-flex1{
display: none;
}
.sp-menu {
display: none;
}
.sp-menu a {
display: none;
}
.sp-menu1 {
display: none;
}
.sp-menu1 a {
display: none;
}

.tel {
padding: 10px 15px 10px 15px;
background: #742516;
margin: -20px 0 0 30px;
color: #fff;
font-size: 15px;
text-align:center;
letter-spacing: 0.1em;
}
.tel a {
color: #fff;
font-size: 16px;
}


/*ワードプレスドロップダウンメニュー
---------------------------------------------------*/
/* 親メニューをinline-blockにしてセンターに配置 */
.menu > .menu-item {
  display: inline-block;
  }


/* ------------------------------------------------ */
/* トップ　コンテンツ
/* ------------------------------------------------ */
#contents {
width:100%;
margin-bottom: 0px;
}

/* -----コロナ・初診の方へお知らせ----- */
.mori-bg {
position: relative;
width:100%;
background-image: linear-gradient(0deg, #fbfff2, #ffffff 100%);
margin: 0 0 0px 0px;
padding: 150px 0 150px 0;
}
.mori_visual {
margin: 0 auto;
width: 70%;
}
.mori-flex {
display: flex;
justify-content: space-between;
}
.mori-left {
width: calc(100% / 2);
margin: 0 25px 0 0;
background: #fff;
border: 1px solid #E1E1E1;
padding: 30px;
border-radius: 10px;
}
.mori-right {
width: calc(100% / 2);
margin: 0 0px 0 25px;
background: #fff;
border: 1px solid #E1E1E1;
padding: 30px;
border-radius: 10px;
}
.mori-icon {
width: 40px;
margin-right: 20px;
}
.mori-title {
font-size: 20px;
color: #058812;
margin-bottom:5px;
}
.mori-kasen {
width: 100%;
border-bottom: 2px dotted #93D281;
padding:0px 0px 15px 0px;
}
.mori-text {
font-size: 16px;
color: #000;
margin:30px 0;
line-height: 30px;
}
.mori-tel {color: #ff0000;
font-size: 26px;
}
.mori-tel a {
color: #ff0000;
font-size: 26px;
}


/* -----お知らせ----- */
.mori-bg1 {
position: relative;
width:100%;
background: #fbfff2;
margin: 0 0 0px 0px;
padding: 100px 0 150px 0;
}
.mori_visual1 {
margin: 0 auto;
width: 50%;
}
.mori-left1{
position: absolute;
width:350px;
top: 50px;
left: 0px;
border-radius: 0px 10px 10px 0px;
}
.mori-left1-gazou{
border-radius: 0px 10px 10px 0px;
}
.mori-right1{
position: absolute;
width:300px;
bottom: 150px;
right: 0px;
border-radius: 10px;
}
.mori-right1-gazou{
border-radius: 10px 0px 0px 10px;
}

#new001 {
padding: 70px 0 0 0;
color: #000;
}
#new001 li {
font-size:15px;
text-align:left;
padding: 25px 0 25px 0px;
border-bottom: solid 1px #e5e5e5;
text-decoration: none;
}
#new001 li+ li {
border-top: solid 0px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
#new001 li a {
text-decoration: none;
}
.news-text {
font-size:15px;
color: #000;
}
.news-ao {
display: inline-block;
width:110px;
background:#EFB259;
font-size:14px;
color:#fff;
text-align:center;
padding: 3px 12px;
margin: 0 20px 10px 0px;
}

/* 一覧へ移動ボタン*/
.mori-readmore1 {
text-align:right;
padding: 25px 0px;
}
.mori-readmore1 a {
text-decoration: none;
margin-right: 15px;
font-size: 15px;
}
.mori-readmore1 a:hover {
}


/* -----院内bg----- */
.mori-bg2 {
position: relative;
width:100%;
height: 600px;
padding: 100px 0 150px 0;
background: url(img/bg-3.jpg) center center / cover no-repeat fixed;
}
.mori_visual2 {
margin: 0 auto;
width: 100%;
}


/* -----カレンダー----- */
.mori-bg3 {
position: relative;
width:100%;
background-image: linear-gradient(0deg, #fbfff2, #fbfff2 50%);
margin: 0 0 0px 0px;
padding: 150px 0 150px 0;
}
.mori_visual3 {
margin: 0 auto;
width: 1400px;
}
.mori-bg-right3{
position: absolute;
width:250px;
bottom: 50px;
right: 0px;
border-radius: 0px 10px 10px 0px;
}
.mori-flex3 {
display: flex;
justify-content: space-between;
}
.mori-left3 {
width: calc(100% / 2);
}
.mori-right3 {
width: calc(100% / 2);
}
.mori-title3{
display: inline-block;
text-align:center;
margin-top: 100px;
margin-bottom: 30px;
border-radius: 0px;
padding: 0px;
color: #742516;
font-size: 26px;
font-weight: 600;
letter-spacing: 0.1em;
border-bottom: 3px dotted #742516;
}
.mori-gazou3{
width: 700px;
}
.mori-text3{
margin-top: 15px;
line-height: 30px;
color: #000;
}
/* -googleカレンダー- */
#calendar1{
margin: 50px 0 0 0;
}
#calendar2{
margin: 50px 0 0 0;
}

/* -----挨拶----- */
.mori-bg4 {
position: relative;
width:100%;
background: #ffffff;
padding: 150px 0 150px 0;
}
.mori_visual4 {
margin: 0 auto;
width: 50%;
}
.mori-left4{
position: absolute;
width:200px;
top: 150px;
left: 100px;
}
.mori-left4-1{
position: absolute;
width:150px;
top: 350px;
left: 230px;
}
.mori-left4-2{
position: absolute;
width:250px;
top: 460px;
left: 20px;
}
.mori-left4-gazou{

}
.mori-right4{
position: absolute;
width:200px;
top: 150px;
right: 100px;
border-radius: 10px;
}
.mori-right4-1{
position: absolute;
width:150px;
top: 350px;
right: 230px;
border-radius: 10px;
}
.mori-right4-2{
position: absolute;
width:250px;
top: 460px;
right: 20px;
border-radius: 10px;
}
.mori-right4-gazou{
border-radius: 10px 0px 0px 10px;
}
.mori-text4 {
font-size:17px;
margin: 70px 0 50px 0;
line-height:35px;
color: #000;
}
.mori-text4-1 {
font-size:16px;
margin: 50px 0 0px 0;
text-align:right;
color: #000;
}


/* -----各コンテンツ----- */
.mori-bg5 {
position: relative;
width:100%;
background: #ffffff;
padding: 100px 0 150px 0;
}
.mori_visual5 {
margin: 0 auto;
width: 100%;
}
.mori-flex5 {
display: flex;
justify-content: space-between;
text-align:center;
}
.mori-left5 {
width: calc(100% / 3);
margin: 0 0px 0 100px;
padding: 150px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.mori-left5 a {
display: block;
text-decoration: none;
}
.mori-center5 {
width: calc(100% / 3);
margin: 0 0px 0 0px;
padding: 150px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.mori-center5 a {
display: block;
text-decoration: none;
}
.mori-right5 {
width: calc(100% / 3);
margin: 0 100px 0 0px;
padding: 150px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.mori-right5 a {
display: block;
text-decoration: none;
}
.mori-right-sen {
border-right: 1px solid #e6e6e6;
padding: 0px 0px 0px 0px;
margin: 50px 0px 50px 0px;
}
.mori-icon5 {

}
.mori-title5 {
padding-top: 40px;
color: #000;
}
.mori-text5 {
padding-top: 0px;
color: #000;
font-size: 26px;
}


/* ------------------------------------------------ */
/* フッター
/* ------------------------------------------------ */
footer {
width: 100%;
background: #FFFCDF;
color: #000;
padding: 0px 0px;
}

/* Page Top */
.f-bg-top {
width: 100%;
background: #742516;
}
.f-yajirusi {
text-align: center;
padding: 30px 0 0px 0;
}
.i-br2 {
color:#fff;
}
#page-top a{
color:#fff;
text-align: center;
display: block;
text-decoration: none;
padding:10px 0 30px 0;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: all 0.3s;
border-bottom: 1px solid #e5e5e5;
font-size: 15px;
}

/* flex 3エリア */
.f-flex {
width: 70%;
display: flex;
align-items: flex-start;
justify-content: space-between;
margin: 80px auto;
}

/* Left 住所等 */
.f-jyuusyo {
width: calc(100% / 3);
margin: 10px 150px 0 0;
}
.f-jyuusyo-text {
color: #000;
padding-top: 10px;
line-height:30px;
}
.f-jyuusyo-text a {
color: #000;
}
.f-jyuusyo-sya {
}
.f-jyuusyo-sya a {
color: #000;
text-decoration: none;
}
.f-jyuusyo-tel {
}
.f-jyuusyo-tel a {
color: #000;
text-decoration: none;
}
.f-jyuusyo-fax {
}
.f-jyuusyo-fax a {
color: #000;
text-decoration: none;
}

/* Center メニュー */
.f-menu {
width: calc(100% / 3);
margin: 10px 0px 0 0;
}
#fNav ul {

}
#fNav li {
padding: 0 0px;
}
#fNav a {
text-decoration: none;
padding:10px;
color: #000;
line-height: 30px;
}
.i-br3 {
font-size: 13px;
}

/* Right 機関一覧 */
.f-kikan {
width: calc(100% / 3);
margin: 10px 0px 0 0;
}
#fNav1 ul {

}
#fNav1 li {
text-decoration: none;
color: #000;
line-height: 30px;
}

.f-sen {
width: 70%;
border-bottom: 1px solid #e5e5e5;
margin: 0px auto 0px auto;
}
.f-menu1 {
width: 100%;
margin: 40px auto 0 auto;
text-align:center;
}
.f-menu1-text{
padding-right: 50px;
}
.f-menu1-text a{
color: #000;
text-decoration: none;
padding-left: 10px;
}
.f-menu1-text1{

}
.f-menu1-text1 a{
color: #000;
text-decoration: none;
padding-left: 10px;
}
.f-menu1-gazou{
margin: 50px auto 20px auto;
}

/* 著作権表記 */
#copyright {
padding: 30px 0 30px 0;
text-align: center;
font-size: 12px;
display: block;
}


/* ------------------------------------------------ */
/*今回不使用　右下アイコン部分（固定）
/* ------------------------------------------------ */
.bana-kotei {
position: fixed;
bottom: 524px;
right: 0px;
z-index: 10000;
opacity: 0;/* はじめは透明0 */
transition: all 0.65s;
}
.bana-kotei img {
width: 100%;
cursor: pointer;
}
.bana-kotei1 {
position: fixed;
bottom: 300px;
right: 0px;
z-index: 10000;
opacity: 0;
}
.bana-kotei1 img {
width: 100%;
cursor: pointer;
}
/* スクロールが200px過ぎると透明度1 */
.active {
opacity: 1;
transition: all 0.65s;
}

/* ------------------------------------------------ */
/*フッターボタン部分（スマホ固定）
/* ------------------------------------------------ */

#floatingmenu {
display: none;
}
.tel01{
display: none;
}
.mail{
display: none;
}
.br1{
display: none;
}

/* ------------------------------------------------ */
/* 各ページテンプレート
/* ------------------------------------------------ */
.sub-bg1 {
position: relative;
width:100%;
background: #742516;
margin: 15px 0 0px 0px;
padding: 40px 0 80px 0;
}
.sub-h2 {
position: absolute;
z-index:100;
width: 100%;
top:50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 32px;
font-weight: 600;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}

.sub-bg2 {
position: relative;
width:100%;
background: #fff;
margin: 0px 0 0px 0px;
padding: 150px 0 150px 0;
}
.sub_visual1 {
margin: 0px auto 0px auto;
background: #fff;
width: 60%;
}
.sub-title {
text-align:center;
margin-top:30px;
}

/* ------------------------------------------------ */
/*パンくずリスト
/* ------------------------------------------------ */
.breadcrumbs {
padding-bottom: 10px;
font-size: 12px;
text-decoration: none;
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs1 {
padding-bottom: 10px;
font-size: 12px;
text-decoration: none;
}
.breadcrumbs1 a {
text-decoration: none;
}
/* パンくずリスト */
.breadcrumbs6 {
width:100%;
background-color: #f7f7f7;
padding: 10px 10px 10px 0px;
margin-top: 0px;
}
.breadcrumbs6-1 {
font-size: 13px;
text-decoration: none;
width:60%;
margin: 0 auto;
}
.breadcrumbs6 a {
text-decoration: none;
}
.bread1 {
width:100%;
background-color: #f7f7f7;	
}
.bread2 {
width:60%;
background-color: #f7f7f7;
margin: 0px auto 0px auto;
padding: 30px 0 0px 0;
}
.bread3 {
width:100%;
background-color: #f7f7f7;	
}
.bread4 {
width:60%;
background-color: #f7f7f7;
margin: 0px auto 0px auto;
padding: 30px 0 0px 0;
}
/* ------------------------------------------------ */
/* 前・次 */
/* ------------------------------------------------ */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto;
padding: 50px 10px 30px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 10px;

color: #007B00;
background-color: #f7f7f7;
}
.prev a {
text-decoration: none;
color: #007B00;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 10px;
color: #007B00;
background-color: #f7f7f7;
}
.next a {
text-decoration: none;
color: #007B00;
}
/* アイコンの色 */
.my-white {
color:#fff;
}

/* ------------------------------------------------ */
/* ブログページ（single.php）
/* ------------------------------------------------ */
#blobg7 {
width:100%;
background-color: #fff;
padding: 50px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background: #fff;
width: 60%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#blo_visual7-3 {
width: 30%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 50px;
}

.blobg77 {
width: 100%;
}
.blobg77-1 {
width: 100%;
font-size: 15px;
padding: 10px 10px 10px 10px;
margin: 0px 0;
color: #000;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}
.blobg77-2 {
width: 100%;
background: #772B1D;
font-size: 15px;
padding: 10px 0 10px 10px;
margin: 0px 0;
color: #fff;
letter-spacing: 0.1em;	/*文字間隔を広くとる設定*/
}

/*--パンくずリスト--*/
.bread1 {
width:100%;
background-color: #fff;	
}
.bread2 {
width:60%;
background-color: #fff;
margin: 0px auto 0px auto;
padding: 30px 0 0px 0;
}
.breadcrumbs7 {
font-size: 13px;
}

.entry-h4 {
font-size: 16px;
margin:0px 0 0px 0;
}
/* 投稿本文の枠 */
.entry-content7 {
line-height: 27px;
font-size: 15px;
margin: 25px 15px 20px 0px;
}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 15px 15px 0;
width: 200px;
height: auto;
}

/* ------------------------------------------------ */
/* ブログページ（archive.php）
/* ------------------------------------------------ */
#blobg4 {
width:100%;
background-color: #fff;
padding: 50px 0 30px 0;	
}
#blo_visual4-1 {
display: flex;
display: -webkit-flex;						/* safari用 */
background: #fff;
width: 60%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 70%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 30%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 50px;
}
.blo-sen4 {
width:100%;
border: solid 1px #eee;
margin: 0px 10px 20px auto;
padding: 20px 20px 20px 20px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
font-size: 15px;
}
.date4 {
padding: 5px 0px 5px 0px;
font-size: 16px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 5px 0px 5px 0px;
margin: 15px 0 0 0;
}

/*---------------------------------------------------------*/
/* 一覧へ移動ボタン（続きを読むボタン） */
/*---------------------------------------------------------*/
.readmore1 {
text-align:right;
}
a.readmore1 {
display: inline-block;
margin-left: auto;
height: 2em;
line-height: 2;
text-align: center;
padding: 0 0 0 15px;
position: relative;
}
.more-link {
border: 1px #2581c4 solid;
padding: 12px 24px;
line-height: 26px;
margin-bottom: 64px;
box-sizing: border-box;
clear: both;
color: #2581c4;
font-size: 14px;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px 0px 0px 20px;
}
.sidebar-title {
background: #FFC24C;
font-size: 15px;
padding: 10px 0 10px 10px;
margin: 0px 0;
color: #fff;
}
.textwidget {
padding: 0 8px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 0px 5px 0px 5px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 10px 0px 10px 5px;
}
.sidebar-wrapper li a {
text-decoration:none;
display: block;
color: #000;
padding: 3px 0 3px 0px;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}
/*---------------------------------------------------------*/
/* 問い合わせフォーム */
/*---------------------------------------------------------*/
.toi-form {
width: 100%;
margin: 0 auto 0px auto;
padding:30px 0 30px 0;
}
.form-text {
font-size:18px;
}
.hisu {
font-size:14px;
color:#fff;
background: #600000;
padding:5px 10px;
border-radius: 3px;
margin-right: 5px;
margin-left: 5px;
}
.hoge {
padding:15px;
font-size:1.0em;
color:#333;
border:solid 1px #ccc;
margin:10px 0px;
margin-bottom:10px;
width:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button {
  display       : inline-block;
  font-size     : 12pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 60px;   /* 余白       */
  background    : #003777;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #003777;    /* 枠の指定 */
}
.button:hover {
  color         : #003777;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}

}

/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ（1024px以下）
/* ------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (max-width:1024px) {
/* ページ全体の基本スタイル */
/* PC専用コンテンツを表示 */
.pc {
display: none;
}
.sp {
display: block;
}
.tab {
display: none;
}

body {
color: #000;
font-size: 16px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を囲む枠 */
#wrapper {
margin: 0 auto;
width: 100%;
}
/* ----改行brの代わり----- */
.css-br::after {
display: none;
}
.sp-br::after {
content: "\A" ;
white-space: pre;
}
/* h1～h3 */
h1 {
display: none;
}
h2 {	
text-align:center;
font-size: 26px;
margin: 0px auto;
padding: 0 0 15px 0;
font-weight:500;
letter-spacing: 0.1em;
color: #323232;
}
.h2text {
display: block;
text-align: center;
font-size: 18px;	/*文字サイズ*/
margin: 0px 0 0px 0;
font-weight:500;
letter-spacing: 0.1em;
}
.h2kasen {
width: 300px;
background-image: linear-gradient(90deg, #FF9900 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen1 {
width: 300px;
background-image: linear-gradient(90deg, #058812 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen2 {
width: 300px;
background-image: linear-gradient(90deg, #782D1E 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen3 {
width: 300px;
background-image: linear-gradient(90deg, #FF3366 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
h3 {

}
.h3text {
display: block;
text-align: center;
font-size: 13px;	/*文字サイズ*/
}

/* 各色 */
.red {
color: red;
}
.white {
color: white;
}
.blue {
color: blue;
}
.yellor {
color: yellow;
}

/* ------------------------------------------------ */
/* Swiper】ズームしながらフェードで切り替わるスライダー
/* ------------------------------------------------ */
.swiper-slide-active .swiper-slide__item,
.swiper-slide-duplicate-active .swiper-slide__item,
.swiper-slide-prev .swiper-slide__item {
  animation: zoomanime 10s linear 0s normal both;
}

@keyframes zoomanime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {    
width: 100%;	
padding: 0px;
}
.header-area {
display: flex;
margin: 20px 0 10px 10px;
}
.header-area img {
padding: 0px 0px 0px 0px;
}
/* メニュー下ボタン */
.m-botan {
display: none;
}
.m-botan-sp {
width: 35%;
padding: 5px 0px 0px 0px;
}
.syamei-logo {
width: 300px;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
background:#fff;
border-top: solid 0px #003777;
padding-bottom:7px;
}
.fixed {
top: 0;
width: 100%;
z-index: 10000;
}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
/* close時 ハンバーガーメニュー三本線の色 */
.drawer_menu .drawer_button .drawer_bar {
background-color: #fff;
}
.drawer_menu .drawer_bg {
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
background-color: rgba(51, 51, 51, 0.5);
display: none;
top: 0;
left: 0;
}
/* close時 表示される四角の枠 */
.drawer_menu .drawer_button {
display: block;
background-color: #742516;
border: none;
padding: 5px;
width: 50px;
letter-spacing: 0.1em;
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
z-index: 1001;
text-align: center;
outline: none;
}
.drawer_menu .drawer_button.active .drawer_bar {
width: 40px;
}
.drawer_menu .drawer_button.active .drawer_bar1 {
transform: rotate(30deg);
}
.drawer_menu .drawer_button.active .drawer_bar2 {
opacity: 0;
}
.drawer_menu .drawer_button.active .drawer_bar3 {
transform: rotate(-30deg);
}
/* open時 menu文字を隠す */
.drawer_menu .drawer_button.active .drawer_menu_text {
display: none;
}
/* open時 close文字を表示 */
.drawer_menu .drawer_button.active .drawer_close {
display: block;
}
/* close時 三本線の枠？ */
.drawer_menu .drawer_bar {
display: block;
height: 2px;
margin: 8px 2px;
transition: all 0.2s;
transform-origin: 0 0;
}
/* close時 MENU文字 */
.drawer_menu .drawer_text {
text-align: center;
font-size: 10px;
color: #fff;
}
/* close時 closeの文字を隠す */
.drawer_menu .drawer_close {
letter-spacing: 0.08em;
display: none;
}
/* close時 menuの文字を表示 */
.drawer_menu .drawer_menu_text {
display: block;
}
/* open時 メイン枠要素 */
.drawer_menu #gNav {
width: 350px;
height: 100%;
transition: all 0.2s;
transform: translate(350px);
position: fixed;
top: 0;
right: 0;
z-index: 1000;
background-color: #FFFCDF;
overflow-x: hidden;
overflow-y: auto;
padding-top: 60px;
}
/* open時 メイン枠要素表示 */
.drawer_menu .drawer_nav {
display: block;
position: relative;
margin-top: 0px;
}
/* open時 メイン枠要素リスト */
.drawer_menu .drawer_nav li {
background-color: #FFFCDF;
height: auto;
line-height: 50px;/*ドロワーメニューリスト項目高さ */
position: relative;
border-bottom: 1px solid #742516;
}
.drawer_menu .drawer_nav li a {
position: relative;
color: #000;
display: block;
text-decoration:none;
text-align: left;
padding-left: 10px;
font-size: 15px;
border-left: 10px solid #742516;
}
.drawer_menu .drawer_nav li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 8px solid #742516;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
/* open時 削除するとメニュー全て非表示 */
.drawer_menu #gNav.open {
transform: translate(0);
}
.drawer_menu.left .drawer_button {
right: auto;
left: 32px;
}
.drawer_menu.left #gNav {
transform: translate(-300px);
right: auto;
left: 0;
}
.drawer_menu.left #gNav.open {
transform: translate(0);
}
.pc-hidden {
text-align: center;
}
.touch-btn {
color: #000;
position: absolute;
top: .25rem;
right: 2%;
display: block;
z-index: 10;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
}


.sp-flex{
display: flex;
justify-content: space-between;
align-items: center;
margin: 30px 0 0px 0;
}
.sp-flex1{
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0 0px 0;
}
.sp-menu {
width: 50%;
margin: 0px 10px 0px 10px;
padding: 10px 10px;
background-color: #fff;
position: relative;
}
.sp-menu a {
color: #000;
display: block;
text-decoration:none;
text-align: center;
font-size: 14px;
}
.sp-menu1 {
width: 50%;
margin: 0px 10px 0px 0px;
padding: 10px 10px;
background-color: #fff;
position: relative;
}
.sp-menu1 a {
color: #000;
display: block;
text-decoration:none;
text-align: center;
font-size: 14px;
}

.tel {
padding: 15px;
background: #ffffff;
margin: 40px 10px 0 10px;
color: #742516;
font-size: 18px;
text-align:center;
letter-spacing: 0.1em;
}
.tel a {
color: #742516;
font-size: 22px;
font-weight:500;
text-decoration: none;
}

/* ------------------------------------------------ */
/* 中央テキスト
/* ------------------------------------------------ */
.main-text-waku {
position: relative;
border-top: solid 3px #742516;
}
.main-text {
z-index: 100;
position: absolute;
width: 100%;
top:50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 20px;
font-weight: normal;
text-align: center;
color: #ffffff;
text-shadow: 1px 2px 3px #000;
}

/* ------------------------------------------------ */
/* コンテンツ
/* ------------------------------------------------ */
/* エリア内枠のスタイル */
#contents {
width:100%;
margin-bottom: 0px;
}

/* -----コロナ・初診の方へお知らせ----- */
.mori-bg {
position: relative;
width:100%;
background-image: linear-gradient(0deg, #fbfff2, #ffffff 100%);
margin: 0 0 0px 0px;
padding: 30px 0 50px 0;
}
.mori_visual {
margin: 0 auto;
width: 96%;
}
.mori-flex {

}
.mori-left {
width: 100%;
margin: 0 0px 50px 0;
background: #fff;
border: 1px solid #E1E1E1;
padding: 30px;
border-radius: 10px;
}
.mori-right {
width: 100%;
margin: 0 0px 0 0px;
background: #fff;
border: 1px solid #E1E1E1;
padding: 30px;
border-radius: 10px;
}
.mori-icon {
width: 30px;
margin-right: 10px;
}
.mori-title {
font-size: 18px;
color: #058812;
margin-bottom:5px;
}
.mori-kasen {
width: 100%;
border-bottom: 2px dotted #93D281;
padding:0px 0px 15px 0px;
}
.mori-text {
font-size: 16px;
color: #000;
margin:30px 0;
line-height: 30px;
}
.mori-tel {color: #ff0000;
font-size: 26px;
}
.mori-tel a {
text-decoration: underline;
color: #ff0000;
font-size: 26px;
}


/* -----お知らせ----- */
.mori-bg1 {
position: relative;
width:100%;
background: #fbfff2;
margin: 0 0 0px 0px;
padding: 150px 0 200px 0;
}
.mori_visual1 {
margin: 0 auto;
width: 95%;
}
.mori-left1{
position: absolute;
width:150px;
top: 0px;
left: 0px;
border-radius: 0px 10px 10px 0px;
}
.mori-left1-gazou{
border-radius: 0px 10px 10px 0px;
}
.mori-right1{
position: absolute;
width:150px;
bottom: 0px;
right: 0px;
padding-bottom: 30px;
border-radius: 10px;
}
.mori-right1-gazou{
border-radius: 10px 0px 0px 10px;
}

#new001 {
padding: 30px 0 0 0;
color: #000;
}
#new001 li {
font-size:15px;
text-align:left;
padding: 25px 0 25px 0px;
border-bottom: solid 1px #e5e5e5;
text-decoration: none;
}
#new001 li+ li {
border-top: solid 0px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
#new001 li a {
text-decoration: none;
}
.news-text {
font-size:15px;
color: #000;
}
.news-ao {
display: inline-block;
width:110px;
background:#EFB259;
font-size:14px;
color:#fff;
text-align:center;
padding: 3px 12px;
margin: 0 20px 10px 0px;
}

/* 一覧へ移動ボタン*/
.mori-readmore1 {
text-align:right;
padding: 25px 0px;
}
.mori-readmore1 a {
text-decoration: none;
margin-right: 15px;
font-size: 15px;
}
.mori-readmore1 a:hover {
}


/* -----院内bg----- */
.mori-bg2 {
position: relative;
width:100%;
height: 300px;
padding: 100px 0 100px 0;
background: url(img/bg-3.jpg) center center / cover no-repeat;
}
.mori_visual2 {
margin: 0 auto;
width: 100%;
}


/* -----カレンダー----- */
.mori-bg3 {
position: relative;
width:100%;
background-image: linear-gradient(0deg, #fbfff2, #fbfff2 50%);
margin: 0 0 0px 0px;
padding: 100px 0 230px 0;
}
.mori_visual3 {
margin: 0 auto;
width: 100%;
}
.mori-bg-right3{
position: absolute;
width:120px;
bottom: 0px;
right: 0px;
border-radius: 0px 10px 10px 0px;
padding-bottom: 20px;
}
.mori-flex3 {

}
.mori-left3 {
width: 100%;
margin: 0 0px 0 0;
text-align:center;
}
.mori-right3 {
width: 100%;
margin: 0 0px 0 0px;
text-align:center;
}
.mori-title3{
display: inline-block;
text-align:center;
margin: 50px auto 30px 10px;
border-radius: 0px;
color: #742516;
font-size: 22px;
font-weight: 600;
letter-spacing: 0.1em;
border-bottom: 3px dotted #742516;
}
.mori-gazou3{
width:100%;
height:auto;
}
.mori-text3{
font-size: 15px;
margin-top: 15px;
line-height: 30px;
color: #000;
padding: 0px 0px 0 10px;
text-align:left;
}
/* -googleカレンダー- */
#calendar1{
margin: 50px 0 0 0;
}
#calendar2{
margin: 50px 0 0 0;
}

/* -----挨拶----- */
.mori-bg4 {
position: relative;
width:100%;
background: #ffffff;
padding: 200px 0 50px 0;
}
.mori_visual4 {
margin: 0 auto;
width: 95%;
}
.mori-left4{
position: absolute;
width:140px;
top: 20px;
left: 20px;
}
.mori-left4-1{
display: none;
}
.mori-left4-2{
position: absolute;
width:140px;
top: 20px;
right: 20px;
}
.mori-left4-gazou{

}
.mori-right4{
position: absolute;
width:140px;
bottom: 0px;
left: 20px;
border-radius: 10px;
}
.mori-right4-1{
display: none;
}
.mori-right4-2{
position: absolute;
width:140px;
bottom: 0px;
right: 20px;
border-radius: 10px;
}
.mori-right4-gazou{
border-radius: 10px 0px 0px 10px;
}
.mori-text4 {
font-size:16px;
margin: 70px 0 50px 0;
line-height:30px;
color: #000;
}
.mori-text4-1 {
font-size:16px;
margin: 50px 0 120px 0;
text-align:right;
color: #000;
}


/* -----各コンテンツ----- */
.mori-bg5 {
position: relative;
width:100%;
background: #ffffff;
padding: 100px 0 100px 0;
}
.mori_visual5 {
margin: 0 auto;
width: 100%;
}
.mori-flex5 {

}
.mori-left5 {
width: 100%;
margin: 0 0px 0 0px;
padding: 50px;
border-top: 1px solid #e6e6e6;
border-bottom: 0px solid #e6e6e6;
text-align:center;
}
.mori-left5 a {
display: block;
text-decoration: none;
}
.mori-center5 {
width: 100%;
margin: 0 0px 0 0px;
padding: 50px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
text-align:center;
}
.mori-center5 a {
display: block;
text-decoration: none;
}
.mori-right5 {
width: 100%;
margin: 0 0px 0 0px;
padding: 50px;
border-top: 0px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
text-align:center;
}
.mori-right5 a {
display: block;
text-decoration: none;
}
.mori-right-sen {
border-right: 1px solid #e6e6e6;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
}
.mori-icon5 {

}
.mori-title5 {
padding-top: 40px;
color: #000;
}
.mori-text5 {
padding-top: 0px;
color: #000;
font-size: 26px;
}

/* ------------------------------------------------ */
/* フッター
/* ------------------------------------------------ */
footer {
width: 100%;
background: #FFFCDF;
color: #000;
padding: 0px 0px 100px 0px;
}

/* Page Top */
.f-bg-top {
width: 100%;
background: #742516;
}
.f-yajirusi {
text-align: center;
padding: 20px 0 0px 0;
}
.i-br2 {
color:#fff;
}
#page-top a{
color:#fff;
text-align: center;
display: block;
text-decoration: none;
padding:10px 0 20px 0;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: all 0.3s;
border-bottom: 1px solid #e5e5e5;
font-size: 15px;
}

/* flex 3エリア */
.f-flex {
width: 95%;
margin: 50px auto;
}

/* Left 住所等 */
.f-jyuusyo {
width: 100%;
margin: 10px 0px 0 0;
}
.f-jyuusyo-text {
color: #000;
padding-top: 20px;
padding-bottom: 20px;
line-height:30px;
}
.f-jyuusyo-text a {
color: #000;
}
.f-jyuusyo-sya {
}
.f-jyuusyo-sya a {
color: #000;
text-decoration: none;
}
.f-jyuusyo-tel {
}
.f-jyuusyo-tel a {
text-decoration: underline;
color: #000;
}
.f-jyuusyo-fax {
}
.f-jyuusyo-fax a {
color: #000;
text-decoration: none;
}

/* Center メニュー */
.f-menu {
display: none;
}
#fNav ul {

}
#fNav li {
padding: 0 0px;
}
#fNav a {
text-decoration: none;
padding:10px;
color: #000;
line-height: 30px;
}
.i-br3 {
font-size: 13px;
}

/* Right 機関一覧 */
.f-kikan {
width: 100%;
margin: 10px 0px 0 0;
}
#fNav1 ul {

}
#fNav1 li {
text-decoration: none;
color: #000;
line-height: 30px;
}

.f-sen {
width: 90%;
border-bottom: 1px solid #e5e5e5;
margin: 0px auto 0px auto;
}
.f-menu1 {
width: 100%;
margin: 40px auto 0 auto;
text-align:center;
}
.f-menu1-text{
padding-right: 50px;
}
.f-menu1-text a{
color: #000;
text-decoration: none;
padding-left: 10px;
}
.f-menu1-text1{

}
.f-menu1-text1 a{
color: #000;
text-decoration: none;
padding-left: 10px;
}
.f-menu1-gazou{
width: 300px;
margin: 50px auto 20px auto;
}

/* 著作権表記 */
#copyright {
width: 96%;
margin: 0px auto 0px auto;
padding: 20px 0 0px 0;
text-align: center;
font-size: 12px;
display: block;
}


/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display: flex;
flex-wrap: nowrap;
flex-direction: row;
justify-content: space-between;
align-items: center;
width: 100%;
position: fixed;
left: 0px;
bottom: 0px;
z-index: 2;
border-top: solid 1px #dfdfdf;
border-left: solid 1px #dfdfdf;
border-right: solid 1px #dfdfdf;
border-bottom: solid 1px #dfdfdf;
}
.tel01{
width:25%;
}
.mail{
width:25%;
border-right: solid 1px #dfdfdf;
}
.br1{
margin-bottom:60px;
}

/* ------------------------------------------------ */
/* 各ページテンプレート
/* ------------------------------------------------ */
.sub-bg1 {
position: relative;
width:100%;
background: #742516;
margin: 10px 0 0px 0px;
padding: 25px 0 25px 0;
}
.sub-h2 {
position: absolute;
z-index:100;
width: 100%;
top:50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 18px;
font-weight: 500;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}

.sub-bg2 {
position: relative;
width:100%;
background: #fff;
margin: 0px 0 0px 0px;
padding: 50px 0 40px 0;
}
.sub_visual1 {
margin: 0px auto 0px auto;
background: #fff;
width: 95%;
}

/* ------------------------------------------------ */
/*パンくずリスト
/* ------------------------------------------------ */
.breadcrumbs {
font-size: 12px;
background-color: #f7f7f7;	
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs1 {
font-size: 13px;
background-color: #fff;	
}
.breadcrumbs1 a {
text-decoration: none;
}
/* パンくずリスト */
.breadcrumbs6 {
display:none;
}
.breadcrumbs6-1 {
font-size: 13px;
text-decoration: none;
width:100%;
margin: 0 auto;
}
.breadcrumbs6 a {
text-decoration: none;
}
.bread1 {
width:100%;
background-color: #f7f7f7;	
}
.bread2 {
width:95%;
background-color: #f7f7f7;
padding: 20px 0 0 0;
margin: 0 auto;
}
.bread3 {
width:100%;
background-color: #f7f7f7;	
}
.bread4 {
width:95%;
background-color: #f7f7f7;
padding: 20px 0 0 0;
margin: 0 auto;
}
/* ------------------------------------------------ */
/* 前・次 */
/* ------------------------------------------------ */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto;
padding: 50px 10px 30px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 10px;

color: #007B00;
background-color: #f7f7f7;
}
.prev a {
text-decoration: none;
color: #007B00;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 10px;
color: #007B00;
background-color: #f7f7f7;
}
.next a {
text-decoration: none;
color: #007B00;
}
/* アイコンの色 */
.my-white {
color:#fff;
}
/* ------------------------------------------------ */
/* ブログページ(single.php)
/* ------------------------------------------------ */
#blobg7 {
width:100%;
background-color: #fff;
padding: 30px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
background: #fff;
width: 95%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#blo_visual7-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.blobg77 {
width: 100%;
}
.blobg77-1 {
font-size: 16px;
padding: 0px 0 5px 0px;
margin: 0px 0;
}
.blobg77-2 {
background: #772B1D;
font-size: 16px;
padding: 10px;
margin: 0px 0 10px 0;
width: 100%;
color: #fff;
}
.entry-h4 {
font-size: 16px;
margin:0px 0 0px 0;
}

/* 投稿本文の枠 */
.entry-content7 {
line-height: 23px;
margin: 30px 0px 0px 0px;

}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 0px 0px 0;
height: auto;
}


/* ------------------------------------------------ */
/* ブログページ(archive.php)
/* ------------------------------------------------ */
#blobg4 {
width:100%;
background-color: #fff;
padding: 30px 0 30px 0;	
}
#blo_visual4-1 {
background: #fff;
width: 95%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}
.blo-sen4 {
width:100%;
border: solid 1px #eee;
margin: 0px 0px 20px 0;
padding: 10px 10px 10px 10px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
}
.date4 {
padding: 5px 0px 5px 0px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin: 10px 0 5px 0;
}

/* ------------------------------------------------ */
/* 一覧へ移動ボタン（続きを読むボタン） */
/* ------------------------------------------------ */
.readmore1 {
text-align:right;
}
a.readmore1 {
display: inline-block;
margin-left: auto;
height: 2em;
line-height: 2;
text-align: center;
padding: 0 0 0 15px;
position: relative;
}
.more-link {
border: 1px #2581c4 solid;
padding: 12px 24px;
line-height: 26px;
margin-bottom: 0px;
box-sizing: border-box;
clear: both;
color: #2581c4;
font-size: 14px;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px 0 10px 0;
width: 100%;
}
.sidebar-title {
background: #FFC24C;
font-size: 15px;
padding: 10px;
margin: 0px 0;
color: #fff;
}
.textwidget {
padding: 0 0px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 10px 0px 10px 0px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 5px 10px;
}
.sidebar-wrapper li a {
display: block;
color: #000;
padding: 3px 0 3px 0px;
text-decoration: none;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}


/* お問い合わせフォーム */
.toi-form {
width: 100%;
margin: 0 auto 0px auto;
padding:30px 0 30px 0;
}
.form-text {
font-size:16px;
}
.hisu {
font-size:13px;
color:#fff;
background: #600000;
padding:4px 6px;
border-radius: 3px;
margin-right: 5px;
margin-left: 8px;
}
.hoge {
padding:12px;
font-size:1.0em;
color:#333;
border:solid 1px #ccc;
margin:10px 0px;
width:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button {
  display       : inline-block;
  font-size     : 11pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 40px;   /* 余白       */
  background    : #003777;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #003777;    /* 枠の指定 */
}
.button:hover {
  color         : #003777;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
}

/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
/* レスポンシブ　スマホ横やタブレット等（568pxから1024pxまで）
/* ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */
@media only screen and (min-width:568px) and (max-width:1024px) {
/* PC専用コンテンツを非表示 */
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}

.pc {
display: none;
}
.sp {
display: block;
}
.tab {
display: none;
}

body {
color: #000;
font-size: 16px;
font-family: "Noto Serif JP", "serif", "游明朝体 Pr6N M", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
line-height: 1.6;
}
/* ページ全体を囲む枠 */
#wrapper {
margin: 0 auto;
width: 100%;
}
/* ----改行brの代わり----- */
.css-br::after {
display: none;
}
.sp-br::after {
content: "\A" ;
white-space: pre;
}
/* h1～h3 */
h1 {
display: none;
}
h2 {	
text-align:center;
font-size: 30px;
margin: 0px auto;
padding: 0 0 15px 0;
font-weight:500;
letter-spacing: 0.1em;
color: #323232;
}
.h2text {
display: block;
text-align: center;
font-size: 20px;	/*文字サイズ*/
margin: 0px 0 0px 0;
font-weight:500;
letter-spacing: 0.1em;
}
.h2kasen {
width: 300px;
background-image: linear-gradient(90deg, #FF9900 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen1 {
width: 300px;
background-image: linear-gradient(90deg, #058812 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen2 {
width: 300px;
background-image: linear-gradient(90deg, #782D1E 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
.h2kasen3 {
width: 300px;
background-image: linear-gradient(90deg, #FF3366 0 20%, #dedede 20%);
background-repeat: no-repeat;
background-size: 100% 10%;
background-position: bottom;
}
h3 {

}
.h3text {
display: block;
text-align: center;
font-size: 13px;	/*文字サイズ*/
}

/* 各色 */
.red {
color: red;
}
.white {
color: white;
}
.blue {
color: blue;
}
.yellor {
color: yellow;
}

/* ------------------------------------------------ */
/* Swiper】ズームしながらフェードで切り替わるスライダー
/* ------------------------------------------------ */
.swiper-slide-active .swiper-slide__item,
.swiper-slide-duplicate-active .swiper-slide__item,
.swiper-slide-prev .swiper-slide__item {
  animation: zoomanime 10s linear 0s normal both;
}

@keyframes zoomanime {
  0% {
    transform: scale(1);
  }
  100% {
    transform: scale(1.1);
  }
}

/* ------------------------------------------------ */
/* ヘッダー
/* ------------------------------------------------ */
header {    
width: 100%;	
padding: 0px;
}
.header-area {
display: flex;
margin: 30px 0 10px 20px;
}
.header-area img {
padding: 0px 0px 0px 0px;
}
/* メニュー下ボタン */
.m-botan {
display: none;
}
.m-botan-sp {
width: 35%;
padding: 5px 0px 0px 0px;
}
.syamei-logo {
width: 400px;
}

/* ------------------------------------------------ */
/*ヘッダ部分（固定）
/* ------------------------------------------------ */
#kotei{
width: 100%;
top: 0;
left: 0;
background:#fff;
border-top: solid 0px #003777;
padding-bottom:7px;
}
.fixed {
top: 0;
width: 100%;
z-index: 10000;
}

/*ドロップダウンメニュー
----------------------------------------------------------------------------------------------------------------------------------*/
/* close時 ハンバーガーメニュー三本線の色 */
.drawer_menu .drawer_button .drawer_bar {
background-color: #fff;
}
.drawer_menu .drawer_bg {
width: 100%;
height: 100%;
position: fixed;
z-index: 100;
background-color: rgba(51, 51, 51, 0.5);
display: none;
top: 0;
left: 0;
}
/* close時 表示される四角の枠 */
.drawer_menu .drawer_button {
display: block;
background-color: #742516;
border: none;
padding: 5px;
width: 50px;
letter-spacing: 0.1em;
cursor: pointer;
position: fixed;
top: 0px;
right: 0px;
z-index: 1001;
text-align: center;
outline: none;
}
.drawer_menu .drawer_button.active .drawer_bar {
width: 40px;
}
.drawer_menu .drawer_button.active .drawer_bar1 {
transform: rotate(30deg);
}
.drawer_menu .drawer_button.active .drawer_bar2 {
opacity: 0;
}
.drawer_menu .drawer_button.active .drawer_bar3 {
transform: rotate(-30deg);
}
/* open時 menu文字を隠す */
.drawer_menu .drawer_button.active .drawer_menu_text {
display: none;
}
/* open時 close文字を表示 */
.drawer_menu .drawer_button.active .drawer_close {
display: block;
}
/* close時 三本線の枠？ */
.drawer_menu .drawer_bar {
display: block;
height: 2px;
margin: 8px 2px;
transition: all 0.2s;
transform-origin: 0 0;
}
/* close時 MENU文字 */
.drawer_menu .drawer_text {
text-align: center;
font-size: 10px;
color: #fff;
}
/* close時 closeの文字を隠す */
.drawer_menu .drawer_close {
letter-spacing: 0.08em;
display: none;
}
/* close時 menuの文字を表示 */
.drawer_menu .drawer_menu_text {
display: block;
}
/* open時 メイン枠要素 */
.drawer_menu #gNav {
width: 350px;
height: 100%;
transition: all 0.2s;
transform: translate(350px);
position: fixed;
top: 0;
right: 0;
z-index: 1000;
background-color: #FFFCDF;
overflow-x: hidden;
overflow-y: auto;
padding-top: 60px;
}
/* open時 メイン枠要素表示 */
.drawer_menu .drawer_nav {
display: block;
position: relative;
margin-top: 0px;
}
/* open時 メイン枠要素リスト */
.drawer_menu .drawer_nav li {
background-color: #FFFCDF;
height: auto;
line-height: 50px;/*ドロワーメニューリスト項目高さ */
position: relative;
border-bottom: 1px solid #742516;
}
.drawer_menu .drawer_nav li a {
position: relative;
color: #000;
display: block;
text-decoration:none;
text-align: left;
padding-left: 10px;
font-size: 15px;
border-left: 10px solid #742516;
}
.drawer_menu .drawer_nav li a:after {
display: block;
content: "";
position: absolute;
top: 50%;
right: 10px;
width: 0;
height: 0;
margin: -3px 0 0 0;
border-top: 8px solid #742516;
border-left: 8px solid transparent;
-webkit-transform: rotate(45deg);
        transform: rotate(45deg);
}
/* open時 削除するとメニュー全て非表示 */
.drawer_menu #gNav.open {
transform: translate(0);
}
.drawer_menu.left .drawer_button {
right: auto;
left: 32px;
}
.drawer_menu.left #gNav {
transform: translate(-300px);
right: auto;
left: 0;
}
.drawer_menu.left #gNav.open {
transform: translate(0);
}
.pc-hidden {
text-align: center;
}
.touch-btn {
color: #000;
position: absolute;
top: .25rem;
right: 2%;
display: block;
z-index: 10;
width: 50px;
height: 50px;
text-align: center;
vertical-align: middle;
}


.sp-flex{
display: flex;
justify-content: space-between;
align-items: center;
margin: 30px 0 0px 0;
}
.sp-flex1{
display: flex;
justify-content: space-between;
align-items: center;
margin: 15px 0 0px 0;
}
.sp-menu {
width: 50%;
margin: 0px 10px 0px 10px;
padding: 10px 10px;
background-color: #fff;
position: relative;
}
.sp-menu a {
color: #000;
display: block;
text-decoration:none;
text-align: center;
font-size: 14px;
}
.sp-menu1 {
width: 50%;
margin: 0px 10px 0px 0px;
padding: 10px 10px;
background-color: #fff;
position: relative;
}
.sp-menu1 a {
color: #000;
display: block;
text-decoration:none;
text-align: center;
font-size: 14px;
}

.tel {
padding: 15px;
background: #ffffff;
margin: 40px 10px 0 10px;
color: #742516;
font-size: 18px;
text-align:center;
letter-spacing: 0.1em;
}
.tel a {
color: #742516;
font-size: 22px;
font-weight:500;
text-decoration: none;
}

/* ------------------------------------------------ */
/* 中央テキスト
/* ------------------------------------------------ */
.main-text-waku {
position: relative;
border-top: solid 3px #742516;
}
.main-text {
z-index: 100;
position: absolute;
width: 100%;
top:50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 36px;
font-weight: normal;
text-align: center;
color: #ffffff;
text-shadow: 1px 2px 3px #000;
}

/* ------------------------------------------------ */
/* コンテンツ
/* ------------------------------------------------ */
/* エリア内枠のスタイル */
#contents {
width:100%;
margin-bottom: 0px;
}

/* -----コロナ・初診の方へお知らせ----- */
.mori-bg {
position: relative;
width:100%;
background-image: linear-gradient(0deg, #fbfff2, #ffffff 100%);
margin: 0 0 0px 0px;
padding: 30px 0 50px 0;
}
.mori_visual {
margin: 0 auto;
width: 96%;
}
.mori-flex {

}
.mori-left {
width: 100%;
margin: 0 0px 50px 0;
background: #fff;
border: 1px solid #E1E1E1;
padding: 30px;
border-radius: 10px;
}
.mori-right {

width: 100%;
margin: 0 0px 0 0px;
background: #fff;
border: 1px solid #E1E1E1;
padding: 30px;
border-radius: 10px;
}
.mori-icon {
width: 30px;
margin-right: 10px;
}
.mori-title {
font-size: 18px;
color: #058812;
margin-bottom:5px;
}
.mori-kasen {
width: 100%;
border-bottom: 2px dotted #93D281;
padding:0px 0px 15px 0px;
}
.mori-text {
font-size: 16px;
color: #000;
margin:30px 0;
line-height: 30px;
}
.mori-tel {color: #ff0000;
font-size: 26px;
}
.mori-tel a {
color: #ff0000;
font-size: 26px;
}


/* -----お知らせ----- */
.mori-bg1 {
position: relative;
width:100%;
background: #fbfff2;
margin: 0 0 0px 0px;
padding: 150px 0 250px 0;
}
.mori_visual1 {
margin: 0 auto;
width: 95%;
}
.mori-left1{
position: absolute;
width:200px;
top: 0px;
left: 0px;
border-radius: 0px 10px 10px 0px;
}
.mori-left1-gazou{
border-radius: 0px 10px 10px 0px;
}
.mori-right1{
position: absolute;
width:200px;
bottom: 0px;
right: 0px;
padding-bottom: 30px;
border-radius: 10px;
}
.mori-right1-gazou{
border-radius: 10px 0px 0px 10px;
}

#new001 {
padding: 30px 0 0 0;
color: #000;
}
#new001 li {
font-size:15px;
text-align:left;
padding: 25px 0 25px 0px;
border-bottom: solid 1px #e5e5e5;
text-decoration: none;
}
#new001 li+ li {
border-top: solid 0px #e5e5e5;
border-bottom: solid 1px #e5e5e5;
}
#new001 li a {
text-decoration: none;
}
.news-text {
font-size:15px;
color: #000;
}
.news-ao {
display: inline-block;
width:110px;
background:#EFB259;
font-size:14px;
color:#fff;
text-align:center;
padding: 3px 12px;
margin: 0 20px 10px 0px;
}

/* 一覧へ移動ボタン*/
.mori-readmore1 {
text-align:right;
padding: 25px 0px;
}
.mori-readmore1 a {
text-decoration: none;
margin-right: 15px;
font-size: 15px;
}
.mori-readmore1 a:hover {
}


/* -----院内bg----- */
.mori-bg2 {
position: relative;
width:100%;
height: 400px;
padding: 100px 0 100px 0;
background: url(img/bg-3.jpg) center center / cover no-repeat;
}
.mori_visual2 {
margin: 0 auto;
width: 100%;
}


/* -----カレンダー----- */
.mori-bg3 {
position: relative;
width:100%;
background-image: linear-gradient(0deg, #fbfff2, #fbfff2 50%);
margin: 0 0 0px 0px;
padding: 100px 0 200px 0;
}
.mori_visual3 {
margin: 0 auto;
width: 95%;
}
.mori-bg-right3{
position: absolute;
width:170px;
bottom: 0px;
right: 0px;
border-radius: 0px 10px 10px 0px;
padding-bottom: 20px;
}
.mori-flex3 {

}
.mori-left3 {
width: 80%;
margin: 0 auto;
text-align:center;
}
.mori-right3 {
width: 80%;
margin: 0 0px 0 0px;
margin: 0 auto;
text-align:center;
}
.mori-title3{
display: inline-block;
text-align:center;
margin-top: 50px;
margin-bottom: 30px;
border-radius: 0px;
padding: 0px;
color: #742516;
font-size: 24px;
font-weight: 600;
letter-spacing: 0.1em;
border-bottom: 3px dotted #742516;
}
.mori-gazou3{

}
.mori-text3{
font-size: 16px;
margin-top: 15px;
line-height: 30px;
color: #000;
}
/* -googleカレンダー- */
#calendar1{
margin: 50px 0 0 0;
}
#calendar2{
margin: 50px 0 0 0;
}

/* -----挨拶----- */
.mori-bg4 {
position: relative;
width:100%;
background: #ffffff;
padding: 250px 0 200px 0;
}
.mori_visual4 {
margin: 0 auto;
width: 95%;
}
.mori-left4{
position: absolute;
width:200px;
top: 30px;
left: 30px;
}
.mori-left4-1{
display:none;
}
.mori-left4-2{
position: absolute;
width:200px;
top: 30px;
right: 30px;
}
.mori-left4-gazou{

}
.mori-right4{
position: absolute;
width:200px;
bottom: 0px;
left: 30px;
border-radius: 10px;
}
.mori-right4-1{
display:none;
}
.mori-right4-2{
position: absolute;
width:200px;
bottom: 0px;
right: 30px;
border-radius: 10px;
}
.mori-right4-gazou{
border-radius: 10px 0px 0px 10px;
}
.mori-text4 {
font-size:16px;
margin: 70px 0 50px 0;
line-height:30px;
color: #000;
}
.mori-text4-1 {
font-size:16px;
margin: 50px 0 50px 0;
text-align:right;
color: #000;
}


/* -----各コンテンツ----- */
.mori-bg5 {
position: relative;
width:100%;
background: #ffffff;
padding: 120px 0 100px 0;
}
.mori_visual5 {
margin: 0 auto;
width: 100%;
}
.mori-flex5 {
display: flex;
justify-content: space-between;
text-align:center;
}
.mori-left5 {
width: calc(100% / 3);
margin: 0 0px 0 0px;
padding: 50px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.mori-left5 a {
display: block;
text-decoration: none;
}
.mori-center5 {
width: calc(100% / 3);
margin: 0 0px 0 0px;
padding: 50px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.mori-center5 a {
display: block;
text-decoration: none;
}
.mori-right5 {
width: calc(100% / 3);
margin: 0 0px 0 0px;
padding: 50px;
border-top: 1px solid #e6e6e6;
border-bottom: 1px solid #e6e6e6;
}
.mori-right5 a {
display: block;
text-decoration: none;
}
.mori-right-sen {
border-right: 1px solid #e6e6e6;
padding: 0px 0px 0px 0px;
margin: 50px 0px 50px 0px;
}
.mori-icon5 {

}
.mori-title5 {
padding-top: 40px;
color: #000;
}
.mori-text5 {
padding-top: 0px;
color: #000;
font-size: 26px;
}

/* ------------------------------------------------ */
/* フッター
/* ------------------------------------------------ */
footer {
width: 100%;
background: #FFFCDF;
color: #000;
padding: 0px 0px 50px 0px;
}

/* Page Top */
.f-bg-top {
width: 100%;
background: #742516;
}
.f-yajirusi {
text-align: center;
padding: 20px 0 0px 0;
}
.i-br2 {
color:#fff;
}
#page-top a{
color:#fff;
text-align: center;
display: block;
text-decoration: none;
padding:10px 0 20px 0;
text-transform: uppercase;
letter-spacing: 0.05em;
transition: all 0.3s;
border-bottom: 1px solid #e5e5e5;
font-size: 15px;
}

/* flex 3エリア */
.f-flex {
width: 95%;
margin: 50px auto;
}

/* Left 住所等 */
.f-jyuusyo {
width: 100%;
margin: 10px 0px 0 0;
}
.f-jyuusyo-text {
color: #000;
padding-top: 20px;
padding-bottom: 20px;
line-height:30px;
}
.f-jyuusyo-text a {
color: #000;
}
.f-jyuusyo-sya {
}
.f-jyuusyo-sya a {
color: #000;
text-decoration: none;
}
.f-jyuusyo-tel {
}
.f-jyuusyo-tel a {
color: #000;
text-decoration: none;
}
.f-jyuusyo-fax {
}
.f-jyuusyo-fax a {
color: #000;
text-decoration: none;
}

/* Center メニュー */
.f-menu {
display: none;
}
#fNav ul {

}
#fNav li {
padding: 0 0px;
}
#fNav a {
text-decoration: none;
padding:10px;
color: #000;
line-height: 30px;
}
.i-br3 {
font-size: 13px;
}

/* Right 機関一覧 */
.f-kikan {
width: 100%;
margin: 10px 0px 0 0;
}
#fNav1 ul {

}
#fNav1 li {
text-decoration: none;
color: #000;
line-height: 30px;
}

.f-sen {
width: 90%;
border-bottom: 1px solid #e5e5e5;
margin: 0px auto 0px auto;
}
.f-menu1 {
width: 100%;
margin: 40px auto 0 auto;
text-align:center;
}
.f-menu1-text{
padding-right: 50px;
}
.f-menu1-text a{
color: #000;
text-decoration: none;
padding-left: 10px;
}
.f-menu1-text1{

}
.f-menu1-text1 a{
color: #000;
text-decoration: none;
padding-left: 10px;
}
.f-menu1-gazou{
width: 300px;
margin: 50px auto 20px auto;
}

/* 著作権表記 */
#copyright {
width: 96%;
margin: 0px auto 0px auto;
padding: 20px 0 0px 0;
text-align: center;
font-size: 12px;
display: block;
}


/* ------------------------------------------------ */
/*フッターボタン部分（固定）
/* ------------------------------------------------ */
#floatingmenu {
display: none;
}
.tel01{
width:25%;
}
.mail{
width:25%;
border-right: solid 1px #dfdfdf;
}
.br1{
margin-bottom:60px;
}

/* ------------------------------------------------ */
/* 各ページテンプレート
/* ------------------------------------------------ */
.sub-bg1 {
position: relative;
width:100%;
background: #742516;
margin: 10px 0 0px 0px;
padding: 25px 0 25px 0;
}
.sub-h2 {
position: absolute;
z-index:100;
width: 100%;
top:50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
font-size: 18px;
font-weight: 500;
letter-spacing: 0.1em;
text-align: center;
color: #fff;
}

.sub-bg2 {
position: relative;
width:100%;
background: #fff;
margin: 50px 0 40px 0px;
padding: 0px 0 0px 0;
}
.sub_visual1 {
margin: 0px auto 0px auto;
background: #fff;
width: 95%;
}

/* ------------------------------------------------ */
/*パンくずリスト
/* ------------------------------------------------ */
.breadcrumbs {
font-size: 12px;
background-color: #f7f7f7;	
}
.breadcrumbs a {
text-decoration: none;
}
.breadcrumbs1 {
font-size: 13px;
background-color: #fff;	
}
.breadcrumbs1 a {
text-decoration: none;
}
/* パンくずリスト */
.breadcrumbs6 {
width:100%;
background-color: #f7f7f7;
padding: 10px 10px 10px 10px;
margin-top:0px;
}
.breadcrumbs6-1 {
font-size: 13px;
text-decoration: none;
width:100%;
margin: 0 auto;
}
.breadcrumbs6 a {
text-decoration: none;
}
.bread1 {
width:100%;
background-color: #f7f7f7;	
}
.bread2 {
width:95%;
background-color: #f7f7f7;
padding: 20px 0 0 0;
margin: 0 auto;
}
.bread3 {
width:100%;
background-color: #f7f7f7;	
}
.bread4 {
width:95%;
background-color: #f7f7f7;
padding: 20px 0 0 0;
margin: 0 auto;
}
/* ------------------------------------------------ */
/* 前・次 */
/* ------------------------------------------------ */
.pn {
display:flex;
justify-content: center;
width:100%;
text-align:center;
margin: 0 auto;
padding: 50px 10px 30px 0px;
}
.prev {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:right;
margin: 0 10px 0 0;
padding: 10px;

color: #007B00;
background-color: #f7f7f7;
}
.prev a {
text-decoration: none;
color: #007B00;
}
.next {
width:50%;
border-left: 1px solid #f7f7f7;
border-right: 1px solid #f7f7f7;
border-top: 1px solid #f7f7f7;
border-bottom: 1px solid #f7f7f7;
text-align:left;
margin: 0 0 0 10px;
padding: 10px;
color: #007B00;
background-color: #f7f7f7;
}
.next a {
text-decoration: none;
color: #007B00;
}
/* アイコンの色 */
.my-white {
color:#fff;
}
/* ------------------------------------------------ */
/* ブログページ(single.php)
/* ------------------------------------------------ */
#blobg7 {
width:100%;
background-color: #fff;
padding: 30px 0 30px 0;
margin: 0px 0px 0px 0;
}
#blo_visual7-1 {
background: #fff;
width: 95%;	
margin: 0 auto;
}
#blo_visual7-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0px 20px 0px;
}
#blo_visual7-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}

.blobg77 {
width: 100%;
}
.blobg77-1 {
font-size: 16px;
padding: 0px 0 5px 0px;
margin: 0px 0;
}
.blobg77-2 {
background: #772B1D;
font-size: 16px;
padding: 10px;
margin: 0px 0 10px 0;
width: 100%;
color: #fff;
}
.entry-h4 {
font-size: 16px;
margin:0px 0 0px 0;
}

/* 投稿本文の枠 */
.entry-content7 {
line-height: 23px;
margin: 30px 0px 0px 0px;

}
.entry-content7::after {
content: '';
display: block;
clear: both;
}
/* アーカイブページのサムネイル */
body.archive .entry-content7 img {
float: left;
margin: 0 0px 0px 0;
height: auto;
}


/* ------------------------------------------------ */
/* ブログページ(archive.php)
/* ------------------------------------------------ */
#blobg4 {
width:100%;
background-color: #fff;
padding: 30px 0 30px 0;	
}
#blo_visual4-1 {
background: #fff;
width: 95%;	
margin: 0 auto;
}
#blo_visual4-2 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 auto 0px auto;
padding: 0px 0px 20px 0px;
}
#blo_visual4-3 {
width: 100%;
display: flex;
display: -webkit-flex;						/* safari用 */
flex-direction: column;
background: #fff;
margin: 0 0px 0px 0px;
padding: 0px 0 0px 0px;
}
.blo-sen4 {
width:100%;
border: solid 1px #eee;
margin: 0px 0px 20px 0;
padding: 10px 10px 10px 10px;
background: #fff;
}
/* パンくずリスト */
.breadcrumbs2 {
margin-bottom: 10px;
font-size: 13px;
}
/* 投稿日付とカテゴリー */
.entry-meta4 {
margin-bottom: 0px;
}
.date4 {
padding: 5px 0px 5px 0px;
}
.gazou4 {
display: block;
max-width: 100%;
height:auto;
padding: 0px 0px 0px 0px;
margin: 10px 0 5px 0;
}

/* ------------------------------------------------ */
/* 一覧へ移動ボタン（続きを読むボタン） */
/* ------------------------------------------------ */
.readmore1 {
text-align:right;
}
a.readmore1 {
display: inline-block;
margin-left: auto;
height: 2em;
line-height: 2;
text-align: center;
padding: 0 0 0 15px;
position: relative;
}
.more-link {
border: 1px #2581c4 solid;
padding: 12px 24px;
line-height: 26px;
margin-bottom: 0px;
box-sizing: border-box;
clear: both;
color: #2581c4;
font-size: 14px;
}

/*---------------------------------------------------------*/
/* Sidebar */
/*---------------------------------------------------------*/
.sidebar-wrapper {
margin: 0px 0 10px 0;
width: 100%;
}
.sidebar-title {
background: #FFC24C;
font-size: 15px;
padding: 10px;
margin: 0px 0;
color: #fff;
}
.textwidget {
padding: 0 0px;
}
#calendar_wrap {
text-align: center;
}
#calendar_wrap table {
margin-left: auto;
margin-right: auto;
}
#calendar_wrap table a {
text-decoration: underline;
color: #000;
}
#calendar_wrap table a:hover {
background-color: #eee;
color: #fff;
}
.sidebar-wrapper ul {
list-style-type: none;
padding: 10px 0px 10px 0px;
margin: 0;
}
.sidebar-wrapper li {
border-bottom: dotted 1px #ccc;
padding: 5px 10px;
}
.sidebar-wrapper li a {
display: block;
color: #000;
padding: 3px 0 3px 0px;
text-decoration: none;
}
.sidebar-wrapper li a:hover {
background-color: #eee;
}


/* お問い合わせフォーム */
.toi-form {
width: 100%;
margin: 0 auto 0px auto;
padding:30px 0 30px 0;
}
.form-text {
font-size:16px;
}
.hisu {
font-size:13px;
color:#fff;
background: #600000;
padding:4px 6px;
border-radius: 3px;
margin-right: 5px;
margin-left: 8px;
}
.hoge {
padding:12px;
font-size:1.0em;
color:#333;
border:solid 1px #ccc;
margin:10px 0px;
width:100%;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.button {
  display       : inline-block;
  font-size     : 11pt;        /* 文字サイズ */
  text-align    : center;      /* 文字位置   */
  cursor        : pointer;     /* カーソル   */
  padding       : 10px 40px;   /* 余白       */
  background    : #003777;     /* 背景色     */
  color         : #ffffff;     /* 文字色     */
  line-height   : 1em;         /* 1行の高さ  */
  transition    : .3s;         /* なめらか変化 */
  border        : 2px solid #003777;    /* 枠の指定 */
}
.button:hover {
  color         : #003777;     /* 背景色     */
  background    : #ffffff;     /* 文字色     */
}
}