@charset "UTF-8";
/* ----------------------------------------------------------- ハンバーガー用
----------------------------------------------------------- */
/*mixin*/
/*ハンバーガー*/
.fixed_menu { position: fixed; top: 0; left: 0; z-index: 9999; background: #F8F8FA; width: 100%; text-align: center; border-bottom: 1px solid #ddd; display: -webkit-flex; display: flex; -webkit-justify-content: space-around; justify-content: space-around; }
.fixed_menu .fixed_menu_btn { flex-grow: 1; padding: .25rem .25rem .25rem; }
.fixed_menu .fixed_menu_btn a { text-decoration: none; background: #F90; color: #fff; font-size: .9rem; display: block; padding: .75rem 0rem; -webkit-border-radius: 5px; -moz-border-radius: 5px; -ms-border-radius: 5px; border-radius: 5px; }
.fixed_menu .fixed_menu_btn a.line { background: #06c755; }

#spnav_open { z-index: 999999; background-color: rgba(0, 0, 0, 0.5); position: fixed; top: 0; left: 0; margin-top: 0px; width: 100%; height: 100%; }

.spnav_open_in { height: 100%; width: 300px; margin-left: auto; overflow-y: scroll; background-color: #ffffff; }

#spnav_open .modal_main { background-color: #ffffff; }

#spnav_open .modal_main #map_s { border: none; }

#spnav_open .modal_main a { background-color: #ffffff; /*border-bottom:1px solid #ddd;*/ text-decoration: none; color: #333; padding: 10px 1rem; display: block; width: 100%; text-align: left; box-sizing: border-box; position: relative; }
#spnav_open .modal_main a:hover { opacity: 1; filter: alpha(opacity=100); }
#spnav_open .modal_main a:not(.telbtn)::after { position: absolute; top: 42%; right: 1rem; display: block; content: ''; width: 6px; height: 6px;   /* border-top: 1px solid #642f86;
border-right: 1px solid #642f86; -webkit-transform: rotate(45deg); -moz-transform: rotate(45deg); transform: rotate(45deg); */ }

#spnav_open a.close_btn { background: #F90; color: #fff; text-align: center; text-decoration: none; padding: 1rem; display: block; width: 100%; box-sizing: border-box; }
#spnav_open a.close_btn:hover { opacity: 1; filter: alpha(opacity=100); }

#spnav_open p { font-size: 90%; font-weight: bold; text-align: center; color: #333; /*background: #ffffff;*/ /*border-top: 2px solid #642f86;*/ /*border-bottom: 1px solid #ddd;*/ }

@media screen and (min-width: 768px), print { .fixed_menu { display: none; }
  .pchide { display: none; }
  .spnav_open_in { display: none; }
  #spnav_open { display: none; height: 0; } }
@media screen and (max-width: 768px) { body { padding-top: var(--sp-nav-height) !important; }
  :target { scroll-margin-top: var(--sp-nav-height); } }
/* ----------------------------------------------------------- 制御
----------------------------------------------------------- */
.h2_bg { height: auto; padding: 10px 0 10px 45px; background: url("../images/dot.png") 10px 0 no-repeat; font-size: 16px; color: #000 !important; box-sizing: border-box; }

#contents_right h3 { font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 1pt; margin: 15px 20px 5px 20px; padding: 10px 10px 10px 10px; font-size: 100%; font-weight: 700 !important; height: auto; border-bottom: #a6ce58 5px solid; color: #511B00 !important; line-height: 14px; }

@media screen and (min-width: 768px) { .h2_bg { height: 40px; padding: 10px 0 0 45px; }
  #contents_right h3 { margin-block-start: 0 !important; margin-block-end: 0 !important; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; letter-spacing: 1pt; margin: 5px 20px 5px 20px; padding: 10px 10px 0 10px; font-size: 15px; font-weight: 700 !important; height: 20px; }
  #contents_right h3 img { width: 600px !important; height: 30px !important; } }
/*-------------------------------------------------*/
.pc_none { display: block; }

.sp_none { display: none; }

.pc_none_span { display: inline; }

.sp_none_span { display: none; }

@media screen and (min-width: 768px) { .pc_none { display: none; }
  .sp_none { display: block; }
  .pc_none_span { display: none; }
  .sp_none_span { display: inline; } }
body { padding: 0px; text-align: center; letter-spacing: 0px; color: #4F4F4F; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-size: 14px; line-height: 150%; }

:visited { color: #03C; text-decoration: none; }

a:hover { text-decoration: underline; }

.mb0 { margin-bottom: 0; }

.mt0 { margin-top: 0; }

#font_change { float: right; height: 40px; width: 210px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 75px; padding-bottom: 0px; padding-left: 0px; }

#font_change ul { width: 210px; padding: 0px; margin: 5px 0px 0px 0px; height: 30px; }

#font_change li { float: right; list-style-type: none; padding-right: 7px; }

/*ヘッドナビ用*/
#navi a:link { color: #FFF; text-decoration: none; }

#navi a:visited { color: #FFF; text-decoration: none; }

#navi a:hover { color: #CCC; }

a:active { color: #000; text-decoration: none; margin: 0px; padding: 0px; }

/*------------------------------------------------- TOP ヘッダ
-------------------------------------------------*/
#header { height: auto; background-color: #45bf67; width: 100%; margin: 0px; padding: 0 2%; position: relative; box-sizing: border-box; }

#header h1 { height: auto; font-size: 10pt; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0; color: #FFF; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: lighter; }

#header a.bana img { width: 80%; height: auto; display: block; margin: 10px auto 0 auto; }

#header a.tel { display: none; }

.m_left15 { margin-left: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border: 1px solid #E0E0E0; }

.m_left_qr { margin-left: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

@media screen and (min-width: 768px) { #header { height: 110px; background-image: url(../images/base/header_bg.png); background-repeat: repeat-x; width: 900px; margin: 0px; padding: 0px; position: relative; }
  #header h1 { height: 20px; font-size: 10pt; padding-top: 15px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; margin: 0; color: #FFF; font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; font-weight: lighter; }
  .m_left15 { margin-left: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border: 1px solid #E0E0E0; }
  .m_left_qr { margin-left: 20px; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }
  #header a.bana { position: absolute; top: 56px; left: 4px; }
  #header a.bana img { width: 248px; height: auto; display: block; margin: 0; }
  #header a.tel { display: block; position: absolute; top: 34px; right: 8px; } }
/*------------------------------------------------- TOP ナビボタン
-------------------------------------------------*/
div#menu { display: none; }

@media screen and (min-width: 768px) { div#menu { display: block; width: 900px; height: 50px; padding: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
  div#menu li { float: left; list-style-type: none; margin: 0px; padding: 0px; }
  div#menu li a { width: 155px; margin: 0px; height: 50px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; text-decoration: none; }
  #menu ul { margin: 0px; padding: 0px; } }
/*------------------------------------------------- コンテンツ
-------------------------------------------------*/
.contents { border: #f8f8f8 4px solid; outline: #eaeaea 1px solid; box-sizing: border-box; margin: 0px; padding: 0px; height: auto; width: 100%; }

@media screen and (min-width: 768px) { .contents { border: #f8f8f8 4px solid; outline: #eaeaea 1px solid; box-sizing: border-box; margin: 0px; padding: 0px; height: auto; width: 660px; } }
/*------------------------------------------------- フッタ
-------------------------------------------------*/
div#footer { width: 100%; height: 50px; margin: 0px; padding: 0px; background-color: #F6F7F7; border-top-width: 5px; border-top-style: solid; border-top-color: #54BC75; }

#foottxt { padding-left: 0px; padding-top: 15px; text-align: center; width: 100%; font-size: 14px; color: #1EAD4C; padding-right: 0px; padding-bottom: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }

#pagetop { text-align: right; width: 100%; height: 20px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0px; padding: 0px; }

@media screen and (min-width: 768px) { div#footer { width: 100%; height: 50px; margin: 0px; padding: 0px; background-color: #F6F7F7; border-top-width: 5px; border-top-style: solid; border-top-color: #54BC75; }
  #foottxt { padding-left: 0px; padding-top: 15px; text-align: center; width: 950px; font-size: 14px; color: #1EAD4C; padding-right: 0px; padding-bottom: 0px; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; }
  #pagetop { text-align: right; width: 900px; height: 20px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; margin: 0px; padding: 0px; } }
/*------------------------------------------------- キービジュアル
-------------------------------------------------*/
#mainphoto { height: auto; width: 100%; text-align: center; padding: 0px; background-image: url(../images/top/flash.jpg); background-repeat: no-repeat; background-size: contain; margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; height: 26vw; }

#mainphoto_c { height: 26vw; width: 100%; text-align: center; padding: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#mainphoto_c img { margin: 0px; padding: 0px; width: 100% !important; height: auto !important; }

#mainphoto #animation_container { width: 100% !important; height: auto !important; }
#mainphoto #animation_container canvas#canvas, #mainphoto #animation_container #dom_overlay_container { width: 100% !important; height: auto !important; }

@media screen and (min-width: 768px) { #mainphoto { height: 260px; width: 900px; text-align: center; padding: 0px; background-image: url(../images/top/flash.jpg); background-repeat: no-repeat; margin-top: 20px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
  #mainphoto_c { height: 180px; width: 900px; text-align: center; padding: 0px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
  #mainphoto_c img { margin: 0px; padding: 0px; width: 900px; height: 180px; }
  #mainphoto #animation_container { width: 900px !important; height: 260px !important; }
  #mainphoto #animation_container canvas#canvas, #mainphoto #animation_container #dom_overlay_container { width: 900px !important; height: 260px !important; } }
/*-------------------------------------------------*/
#container { width: 100%; text-align: left; height: auto; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding: 0px; box-sizing: border-box; }

#contents_right h2 { margin-bottom: 10px; margin-left: 0; height: auto; width: 100%; }
#contents_right h2 img { width: 100% !important; height: auto !important; }

@media screen and (min-width: 768px) { #container { width: 900px; text-align: left; height: auto; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding: 0px; }
  #contents_right h2 { margin-bottom: 10px; margin-left: 8px; height: 40px; width: 630px; }
  #contents_right h2 img { height: 40px !important; width: 630px !important; } }
/*-------------------------------------------------*/
.all_clear { clear: both; height: 0; }

#top_bg { padding: 0px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: auto; background-image: url(../images/base/bg.gif); background-repeat: repeat-x; }

#top_bg_c { padding: 0px; width: 100%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; height: auto; background-image: url(../images/base/bg_c.gif); background-repeat: repeat-x; }

.preven_img { width: 285px !important; max-width: 285px !important; clear: none; height: auto; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0px; margin-top: 5px; margin-right: auto; margin-bottom: 10px; margin-left: auto; text-align: center; }

.preven_img img { width: 100%; max-width: 285px; }

@media screen and (min-width: 768px) { .preven_img { float: right; width: auto !important; max-width: 190px !important; clear: none; height: auto; padding-top: 0px; padding-right: 30px; padding-bottom: 0px; padding-left: 0px; margin-top: 5px; margin-right: 0px; margin-bottom: 10px; margin-left: 10px; text-align: right; }
  .preven_img img { width: 195px; max-width: 100%; } }
.zero_banner { margin: 0px; padding: 0px; border: 1px solid #CCC; }

.subject_p { margin-left: 20px; padding-right: 5px; padding-left: 0px; font-size: 100%; line-height: 150%; }

.subject_p_left { width: 400px; padding-right: 20px; padding-left: 0px; font-size: 95%; float: right; margin: 0px; padding-top: 0px; padding-bottom: 0px; }

.subject { margin-left: 20px; font-size: 100%; padding-right: 20px; padding-bottom: 7px; padding-left: 0px; }

#name { float: right; }

/*-------------------------------------------------*/
.zero { margin: 0px; padding: 0px; border-top-width: 0px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 0px; }

/*-------------------------------------------------*/
#sidebar { display: none; }

@media screen and (min-width: 768px) { #sidebar { display: block; float: left; width: 220px; padding-bottom: 20px; padding-left: 0px; padding-right: 0px; padding-top: 0px; height: auto; clear: none; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
  .side_title { padding-left: 0px; padding-top: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; }
  /*-------------------------------------------------*/
  .left_navi { border: #f8f8f8 4px solid; outline: #eaeaea 1px solid; box-sizing: border-box; margin: 0 0 22px 0; padding-top: 5px; padding-right: 0px; padding-bottom: 5px; padding-left: 0px; height: auto; width: 220px; }
  .list { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
  .left_navi ul { padding: 0px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
  .left_navi li { list-style-type: none; font-size: 13px; margin-left: 15px; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; background-image: url(../images/base/li.gif); background-repeat: no-repeat; padding-top: 7px; padding-right: 0px; padding-bottom: 7px; padding-left: 35px; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #CDD4E7; width: 150px; background-position: 10px 4px; line-height: 150%; }
  .left_navi a { text-decoration: none; color: #333; }
  .left_navi a:hover { text-decoration: none; color: #5BBA74; }
  .m_top { margin: 0px; padding-top: 50px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
  .left_navi1 { background-image: url(../images/base/side_center.gif); background-repeat: repeat-y; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }
.subject_img { width: 300px; margin-left: 0px; font-size: 95%; line-height: 160%; float: left; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 30px; }

/***************************************/
/*メインブロック*/
/***************************************/
#contents_right { margin: 0px; /*float: right;*/ height: auto; width: 100%; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; box-sizing: border-box; }

#frame { padding: 0px; height: auto; width: 98%; margin-top: 0px; margin-right: auto; margin-bottom: 0px; margin-left: auto; box-sizing: border-box; }

#what { margin: 0px; height: auto; width: 650px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }

.info { height: auto; width: 100%; margin-top: 0px; margin-right: 0; margin-bottom: 0px; margin-left: 0px; padding: 0px; }

#gaiyou { width: 100%; margin-left: 0; margin-right: 0; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; box-sizing: border-box; }

#map { padding: 5px; width: 98%; height: 350px; border: 1px solid #CCC; margin-top: 0px; margin-right: auto; margin-left: auto; margin-bottom: 10px; box-sizing: border-box; }
#map iframe { width: 100% !important; height: 350px !important; }

@media screen and (min-width: 768px) { #contents_right { margin: 0px; float: right; height: auto; width: 670px; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
  #frame { padding: 0px; height: auto; width: 620px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 5px; box-sizing: border-box; }
  #what { margin: 0px; height: auto; width: 650px; padding-top: 0px; padding-right: 0px; padding-bottom: 10px; padding-left: 0px; }
  .info { float: left; height: auto; width: 340px; margin-top: 0px; margin-right: 10px; margin-bottom: 0px; margin-left: 0px; padding: 0px; }
  #gaiyou { width: 640px; margin-left: 20px; margin-right: 0; margin-top: 0px; margin-bottom: 0px; padding-top: 0px; }
  #map { padding: 5px; float: left; width: 255px; height: 350px; border: 1px solid #CCC; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 10px; } }
/***************************************/
/*テーブル*/
/***************************************/
#timebox table { margin: 0px; float: right; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.subject_gaiyou { font-size: 15px; line-height: 150%; margin-top: 10px; margin-bottom: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

.timetable { margin-bottom: 0px; width: 96%; padding: 0px; margin-top: 8px; margin-right: auto; margin-left: auto; }

.tr_time { text-align: center; background-color: #A2CAEB; color: #FFFFFF; font-size: 12px; }

.tr_oc { text-align: center; font-size: 15px; color: #333; border: 1px solid #FFF; }

.time_ps { text-align: right; color: #333; margin-bottom: 0px; font-size: 12px; margin-top: 0px; margin-left: auto; margin-right: auto; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 130%; width: 96%; }

.jikan { font-size: 12px; color: #333; border: 1px solid #CCC; }

@media screen and (min-width: 768px) { #timebox table { margin: 0px; float: right; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
  .subject_gaiyou { font-size: 15px; line-height: 150%; margin-top: 10px; margin-bottom: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }
  .timetable { margin-bottom: 0px; width: 340px; padding: 0px; margin-top: 8px; margin-right: 0px; margin-left: 0px; }
  .tr_time { text-align: center; background-color: #A2CAEB; color: #FFFFFF; font-size: 12px; }
  .tr_oc { text-align: center; font-size: 15px; color: #333; border: 1px solid #FFF; }
  .time_ps { text-align: right; color: #333; margin-bottom: 0px; font-size: 12px; margin-top: 0px; margin-left: 0px; margin-right: 0px; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 130%; }
  .jikan { font-size: 12px; color: #333; border: 1px solid #CCC; } }
#map a { color: #333; }

.map_bun { font-size: 13px; display: block; float: left; width: 270px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 130%; }

.line { border: 1px solid #CCC; }

.orange { color: #F90; }

.m_bottom { padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }

/*タイトル*/
#banner_top { height: 91px; width: 660px; margin-top: 10px; margin-bottom: 0px; padding: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }

#banner_top1 { height: auto; width: 100%; margin-top: 10px; margin-bottom: 0px; padding: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0; display: -webkit-flex; display: flex; -webkit-justify-content: center; justify-content: center; -webkit-flex-direction: column; flex-direction: column; box-sizing: border-box; }

.banner_waku { border: 1px solid #CCC; padding: 0px; display: block; margin: 0 auto 10px auto; width: 80%; max-width: 326px; }

.banner_waku_s { border: 1px solid #CCC; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; }

img.chuui { width: 100% !important; height: auto !important; }

@media screen and (min-width: 768px) { #banner_top { height: 91px; width: 660px; margin-top: 10px; margin-bottom: 0px; padding: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
  #banner_top1 { height: 91px; width: 665px; margin-top: 10px; margin-bottom: 0px; padding: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 2px; display: -webkit-flex; display: flex; -webkit-justify-content: space-between; justify-content: space-between; -webkit-align-items: center; align-items: center; -webkit-flex-direction: row; flex-direction: row; box-sizing: border-box; }
  .banner_waku { border: 1px solid #CCC; padding: 0px; margin-top: 0px; margin-right: 3px; margin-bottom: 0px; margin-left: 0px; margin: 0 0 0 0; width: 326px; max-width: 326px; }
  .banner_waku_s { border: 1px solid #CCC; padding: 0px; margin-top: 0px; margin-right: 0px; margin-bottom: 7px; }
  img.chuui { width: 600px !important; height: 30px !important; } }
/***************************************/
/*サイドメニュー*/
/***************************************/
.c_title { color: #666; font-size: 11px; float: left; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-image: url(../images/top/li.gif); background-repeat: no-repeat; background-position: 0px 3px; display: block; width: 50%; text-align: left !important; }

.c_img { padding: 0px; float: left; height: 70px; width: 70px; margin-top: 0px; margin-right: 15px; margin-bottom: 5px; margin-left: 0px; border: 1px solid #EAEAEA; }

.s_banner { height: auto; width: 80%; margin-top: 15px; margin-right: auto; margin-bottom: 0px; margin-left: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0; box-sizing: border-box; }

.b_right { float: right; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px; display: block; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#qr { background-image: url(../images/base/qr.gif); background-repeat: no-repeat; padding: 0px; height: 100px; width: 200px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; background-position: 5px; }

.p_qr { font-size: 12px; color: #333; display: block; height: auto; width: 100px; margin: 0px; line-height: 120%; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; }

@media screen and (min-width: 768px) { .c_title { color: #666; font-size: 11px; float: left; margin: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 15px; background-image: url(../images/top/li.gif); background-repeat: no-repeat; background-position: 0px 3px; display: block; width: 105px; }
  .c_img { padding: 0px; float: left; height: 70px; width: 70px; margin-top: 0px; margin-right: 5px; margin-bottom: 5px; margin-left: 0px; border: 1px solid #EAEAEA; }
  .s_banner { height: auto; width: 210px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 10px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 3px; }
  .b_right { float: right; padding-top: 0px; padding-right: 15px; padding-bottom: 0px; padding-left: 0px; display: block; margin-top: 5px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
  #qr { background-image: url(../images/base/qr.gif); background-repeat: no-repeat; padding: 0px; height: 100px; width: 200px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 15px; background-position: 5px; }
  .p_qr { font-size: 12px; color: #333; display: block; height: auto; width: 100px; margin: 0px; line-height: 120%; padding-top: 10px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; } }
.green { color: #86BE3D; }

/***************************************/
/*QAテーブル*/
/***************************************/
.tableq_a { border-collapse: collapse; margin-left: auto; margin-right: auto; width: 96%; padding: 0px; margin-top: 15px; margin-bottom: 5px; }

.tableq_a td { border-left-color-value: #CCCCCC; border-left-style-value: solid; border-left-width-value: 1px; border-right-color-value: #CCCCCC; border-right-style-value: solid; border-right-width-value: 1px; border: 1px solid #CCCCCC; padding: 5px; }

.tableq_a .koumoku { text-align: center; color: #666; margin: 0px; width: 50px; height: 34px; }

.tableq_a .koumoku1 { font-size: 14px; color: #666; margin: 0px; }

@media screen and (min-width: 768px) { .tableq_a { border-collapse: collapse; margin-left: 30px; margin-right: 0px; width: 600px; padding: 0px; margin-top: 15px; margin-bottom: 5px; }
  .tableq_a td { border-left-color-value: #CCCCCC; border-left-style-value: solid; border-left-width-value: 1px; border-right-color-value: #CCCCCC; border-right-style-value: solid; border-right-width-value: 1px; border: 1px solid #CCCCCC; padding: 5px; }
  .tableq_a .koumoku { text-align: center; color: #666; margin: 0px; width: 50px; height: 34px; }
  .tableq_a .koumoku1 { font-size: 14px; color: #666; margin: 0px; } }
.doctor { height: auto; width: 100%; margin-top: 15px; margin-right: 0; margin-bottom: 0px; margin-left: 0; padding-top: 0px; padding-right: 0; padding-bottom: 0px; padding-left: 0; text-align: center; }
.doctor img { width: 60%; height: auto; display: block; margin: 0 auto; max-width: 180px; }

@media screen and (min-width: 768px) { .doctor { height: 350px; width: 160px; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; float: left; padding-top: 0px; padding-right: 40px; padding-bottom: 0px; padding-left: 35px; }
  .doctor img { width: 180px; height: 207px; display: block; } }
.subject_p_right_s { width: 370px; padding-right: 0; float: left; padding-top: 0px; padding-bottom: 0px; padding-left: 0px; line-height: 160%; margin-top: 0px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }

.name { display: block; border-bottom-width: 1px; border-bottom-style: dashed; border-bottom-color: #999; width: 370px; margin-bottom: 15px; margin-top: 15px; }

.blue { color: #023F73; }

/*****************************************/
/*医院紹介*/
/*****************************************/
#hospital { height: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0; }

#hospital1 { height: auto; width: 100%; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0; }

#hospital .hosp1 .text_c { text-align: center; font-size: 95%; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #693905; background-color: #EFF7E6; border: 1px solid #CCC; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#hospital .hosp1 { height: auto; width: 70%; padding: 0px; margin-top: 10px; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-decoration: none; text-align: center; }

#hospital1 .hosp .text_c { text-align: center; font-size: 95%; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #693905; background-color: #EFF7E6; border: 1px solid #CCC; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }

#hospital1 .hosp { height: auto; width: 70%; padding: 0px; margin-top: 10px; margin-bottom: 0px; margin-left: auto; margin-right: auto; text-decoration: none; text-align: center; }

@media screen and (min-width: 768px) { #hospital { height: auto; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 45px; }
  #hospital1 { height: auto; width: 600px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 5px; margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 45px; }
  #hospital .hosp1 .text_c { text-align: center; font-size: 95%; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #693905; background-color: #EFF7E6; border: 1px solid #CCC; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
  #hospital .hosp1 { height: 245px; width: 260px; padding: 0px; margin-top: 10px; margin-bottom: 0px; float: left; margin-left: 0px; margin-right: 30px; text-decoration: none; }
  #hospital1 .hosp .text_c { text-align: center; font-size: 95%; padding-top: 5px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; color: #693905; background-color: #EFF7E6; border: 1px solid #CCC; margin-top: 10px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; }
  #hospital1 .hosp { height: 245px; width: 260px; padding: 0px; margin-top: 10px; margin-bottom: 0px; float: left; margin-left: 0px; margin-right: 30px; text-decoration: none; } }
/*コピーライト*/
#footer-copyright { letter-spacing: 1px; font-size: 11px; height: 22px; line-height: 22px; margin: 0px; }

#footer-copyright a { text-decoration: none; color: #54BC75; }

#footer-copyright a:hover { text-decoration: none; color: #54BC75; }

#footer-copyright a:visited { text-decoration: none; color: #54BC75; }

/*-------------------------------------------------*/
.news-title { margin-left: 20px; line-height: 26px; height: auto; color: #F90; text-indent: 0px; font-size: 100%; }

.news-caption { margin-left: 20px; padding-right: 5px; padding-left: 0px; font-size: 100%; line-height: 150%; margin-bottom: 10px; }

.news-caption hr { border-top: none; border-left: none; border-right: none; border-bottom: 1px dashed #898989; height: 1px; margin: 0; padding: 0; }

/*-------------------------------------------------*/
.animation_container { width: 100%; height: 40vh; }

.payment_box { border: #f8f8f8 4px solid; outline: #eaeaea 1px solid; margin: 0 0 22px 0; padding: 10px; box-sizing: border-box; }
.payment_box P { margin: 0; }
.payment_box .payment_tit { color: #5bba74 !important; text-align: center !important; font-weight: bold; }
.payment_box .payment_list { list-style: none; display: flex; align-items: center; justify-content: center; flex-wrap: wrap; padding: 0; margin: 0; }
.payment_box .payment_list > li img { width: 100%; height: auto; max-width: 4rem; max-height: 4.5rem; margin: 0.4rem; }
.payment_box .payment_list > li img.visa { min-height: 23px; }
.payment_box .payment_list > li img.mastercard { min-width: 24px; }
.payment_box .payment_list > li img.JCB { min-width: 37px; }
.payment_box .payment_list > li img.quicpay { min-width: 27px; }
.payment_box .text_r { text-align: right !important; }

.fixed_side { display: none; }
@media screen and (min-width: 768px) { .fixed_side { display: block; position: fixed; right: 0; top: 35px; }
  .fixed_side a { display: block; margin: 0 0 10px; padding: 1em 0; width: 5em; text-decoration: none; font-size: 16px; color: #fff; background: #5bba74; border-radius: 5px 0 0 5px; border-top: 3px solid #fff; border-right: none; border-bottom: 3px solid #fff; border-left: 3px solid #fff; }
  .fixed_side a:hover { opacity: 0.7; }
  .fixed_side a::before { display: block !important; font-size: 22px; margin: 0 0 7px; }
  .fixed_side a.rsv { background: #F90; }
  .fixed_side a.rsv::before { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; content: '\e801'; }
  .fixed_side a.line { background: #06c755; }
  .fixed_side a.line::before { font-family: "fontello"; font-style: normal; font-weight: normal; display: inline-block; content: '\e801'; } }

/*# sourceMappingURL=basestyles.css.map */