@charset "utf-8";

@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);

/*pc + sp*/
.pc   {display:block}
.sp   {display:none}
@media only screen and (max-width:991px) {
.pc   {display:none}
.sp   {display:block}
}

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

Fonts

---------------------------------------------------------- */
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:100;
  src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Thin.otf) format('opentype');
}
@font-face {
  font-family:'Noto Sans Japanese';
  font-style:normal;
  font-weight:200;
  src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.woff) format('woff'),
       url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Light.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:300;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-DemiLight.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:400;
   src:local('NotoSansJP-Regular.otf'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Regular.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:500;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Medium.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:700;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Bold.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans Japanese';
   font-style:normal;
   font-weight:900;
   src:url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff2) format('woff2'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.woff) format('woff'),
        url(//fonts.gstatic.com/ea/notosansjapanese/v6/NotoSansJP-Black.otf) format('opentype');
}

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

Common

---------------------------------------------------------- */
div,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dt,dd  {
word-break:break-all;
padding:0;
margin:0;
box-sizing:border-box;
outline:none;
/*font-family:"游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", YuGothic, sans-serif;*/
font-family:"Noto Sans JP", sans-serif;
}
h1,h2,h3,h4,h5,h6 {font-weight:normal;padding:0;margin:0}
ul,ul li          {list-style:none;padding:0;margin:0}

/*clearfix*/
* html .clearfix,
*+html .clearfix  {zoom:1}
.clearfix:after   {height:0;visibility:hidden;content:".";display:block;clear:both}

/*clear*/
.clear-both   {clear:both}
.clear-left   {clear:left}
.clear-right  {clear:right}

/*position*/
.center       {text-align:center}
.left         {text-align:left}
.right        {text-align:right}

/*text*/
.red          {color:#e31c24}
.strong       {font-weight:bold}
.large        {font-size:120%}
.marker       {background:#fefcd3;padding:0.35em}
.yumincho     {font-family:"Yu Mincho", "YuMincho", serif}

/*link*/
a             {cursor:pointer;color:#111}
a:hover       {cursor:pointer}

/*img*/
img           {vertical-align:middle;-ms-interpolation-mode:bicubic;max-width:100%}
.img_border   {border:1px solid #dedede;box-sizing:border-box}
.alignnone,
.alignleft,
.alignright,
.aligncenter  {max-width:100%;margin:0;width:auto}
.alignnone    {margin-bottom:5px} 
.alignleft    {display:inline;float:left;margin-right:3em;margin-bottom:3em}
.alignright   {display:inline;float:right;margin-left:3em;margin-bottom:3em}
.aligncenter  {display:block;margin:2.5em auto 3em;text-align:center;clear:both}
.alignnone img,
.alignleft img,
.alignright img,
.aligncenter img {display:block;}
.alignnone span.caption,
.alignleft span.caption,
.alignright span.caption,
.aligncenter span.caption     {display:block}
.aligncenter .figure          {display:block;margin:0 auto;text-align:center}
.aligncenter .figure_inline   {display:inline-block;vertical-align:top;margin:0 1em}
.figure .caption ,
.figure_inline .caption   {font-size:9pt;color:#555;text-align:justify;line-height:1.56789em;margin-top:0.75em}
.figure_inline img        {display:block;margin:auto;text-align:center!important}
@media only screen and (max-width:551px) {
.alignnone,
.alignleft,
.alignright,
.aligncenter  {display:block;float:none!important;text-align:center!important;margin:1em auto;width:100%!important}
.alignleft .figure,
.alignright .figure,
.aligncenter .figure,
.alignleft .figure_inline,
.alignright .figure_inline,
.aligncenter .figure_inline   {text-align:center!important;width:100%!important;margin:auto!important;background:#f5f5f5!important;display:block;padding: 1em;box-sizing:border-box;}
.alignleft img,
.alignright img,
.aligncenter img    {text-align:center!important;width:auto;margin:auto!important;}
}
@media only screen and (min-width:552px) and (max-width:991px) {
}

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

Table Layout

---------------------------------------------------------- */
.table {width:100%;table-layout:fixed;border:none;padding:0;margin:0;border-collapse:collapse}
.table tbody th ,
.table tbody td  {border:1px solid #dedede;font-weight:normal;background:#fff;padding:1em;}
.table tbody th  {width:33%!important;background:#F7F7F7;font-weight:600}
.table_striped tbody th ,
.table_striped tbody td  {border:none;font-weight:normal;padding:1em;}
.table_striped tbody th  {width:33%!important;font-weight:600}
.table_striped tbody tr:nth-child(odd) th,
.table_striped tbody tr:nth-child(odd) td {background:#EFF4FD}
.table_striped tbody tr:nth-child(even) th,
.table_striped tbody tr:nth-child(even) td {background:#fff}
@media only screen and (max-width:991px) {/*
.table tbody th,
.table tbody td  {border:none!important;display:block;width:100%!important;position:relative;margin-bottom:-1px}
.table tbody th  {padding:10px!important;box-sizing:border-box}
.table tbody td  {padding:10px!important;box-sizing:border-box}
.table_striped tbody th,
.table_striped tbody td  {border:none!important;display:block;width:100%!important;position:relative;margin-bottom:-1px}
.table_striped tbody th  {padding:20px 20px 0 !important;box-sizing:border-box}
.table_striped tbody td  {padding:5px 20px 20px!important;box-sizing:border-box}*/
}
@media only screen and (max-width:991px) {
.table-responsive tbody th,
.table-responsive tbody td  {border:none!important;display:block;width:100%!important;position:relative;margin-bottom:-1px}
.table-responsive tbody th  {padding:10px!important;box-sizing:border-box}
.table-responsive tbody td  {padding:10px!important;box-sizing:border-box}
.table-responsive.table_striped tbody th,
.table-responsive.table_striped tbody td  {border:none!important;display:block;width:100%!important;position:relative;margin-bottom:-1px}
.table-responsive.table_striped tbody th  {padding:20px 20px 0 !important;box-sizing:border-box}
.table-responsive.table_striped tbody td  {padding:5px 20px 20px!important;box-sizing:border-box}
}


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

Form Layout

---------------------------------------------------------- */
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea  {
width:95%;
max-width:95%;
font-size:100%;
border:1px solid #ddd;
background:#fff;
min-height:40px;
padding:10px;
-webkit-appearance:none;
-moz-appearance:none;
appearance:none;
border-radius:0;
outline:0
}
input[type=submit] {
border-radius:0;
-webkit-box-sizing:content-box;
-webkit-appearance:button;
appearance:button;
box-sizing:border-box;
cursor:pointer;
}
select {margin:0 0.12em;border:1px solid #ddd;min-height:40px;font-size:100%;outline:0}
@media only screen and  (max-width:991px) {
input[type=text],
input[type=email],
input[type=tel],
input[type=url],
textarea  {width:100%;max-width:95%}
}

/*btn*/
.btn, 
input[type=submit]  {border-radius:0;display:block;text-align:center;text-decoration:none;position:relative;font-size:100%;line-height:normal;font-weight:bold}
.btn_primary        {background:#231810;color:#fff;padding:0.75em 0.5em;border:none;box-sizing:border-box}
.btn_lateral        {background:#C89433;color:#fff;padding:1.5em 0.5em;border:none;box-sizing:border-box}
.btn_jmma           {background:#31542C;color:#fff;padding:1.5em 0.5em;border:none;box-sizing:border-box}
.btn_default        {background:#dedede;color:#555;padding:1em 0.5em;border:none}
.btn_lateral:after,
.btn_jmma:after ,
.btn_primary:after  {position:absolute;top:39%;right:10px;content:'\f054';color:#fff;font-size:90%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}

@media only screen and  (max-width:991px) {
.form_submit        {margin:15px auto 0}
input[type="submit"],
.btn_primary        {padding:28px 10px}
}

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

Layout

---------------------------------------------------------- */
body,
div                 {position:relative;margin:auto}
.section            {position:relative}
body                {width:100%;font-size:11.5pt;line-height:1.85em;font-weight:400;overflow-x:hidden}
#wrapper            {background:#fff;overflow-y:hidden}
.container          {max-width:1024px}
.container_narrow   {max-width:800px}
.container_x_narrow {max-width:680px}
@media only screen and (max-width:991px) {
body                {-webkit-text-size-adjust:100%;-webkit-overflow-scrolling:touch}
.container,
.container_narrow,
.container_x_narrow {max-width:100%;margin:auto}
#wrapper            {overflow-x:hidden}
}

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

Header

---------------------------------------------------------- */
/*topbar*/
.header {margin-bottom:-1px;position:relative}
.topbar {padding:2em 0}
.topbar .logo {text-align:center;display:block}
.topbar .logo img {max-width:200px}
.topbar_menu_list {float:right;text-align:right;margin:-40px 0 0}
.topbar_menu_list span {display:inline-block;vertical-align:middle;padding:0 0.35em}
.topbar_menu_list span img {max-width:28px}
@media only screen and (max-width:991px) {
.topbar {padding:1em 0 0}
.topbar .logo img {max-width:128px}
}

/*mainvisual*/
.home .mainvisual       {background:#F2EFE9;padding-bottom:50px;margin-bottom: -50px}
.home .mainvisual span  {display:block;text-align:center;margin:auto} 
.home .mainvisual_logo  {display:block;text-align:center;margin:15px auto 35px} 
.home .mainvisual_logo img  {width: 200px} 
/*.home .mainvisual_btn .btn {width:368px;margin:35px auto;text-align:center} */
@media only screen and (max-width:991px) {
.home .mainvisual_text {padding:0 1.5em 35px}
.home .mainvisual_text span {text-align:left!important;display:block;font-size:90%}
/*.home .mainvisual_btn .btn {width:90%;margin:auto} */
}

/*gnav*/
.gnav.pc                  {position:relative;margin:35px auto -35px;clear:both}
.gnav.pc .gnav-box        {margin:auto;text-align:center;background:#F2EFE9}
.gnav.pc .gnav_list li    {display:inline-block;vertical-align:middle;text-align:center;padding:0;margin:0 -2px}
.gnav.pc .gnav_list li a  {display:block;text-decoration:none!important;font-size:110%;padding:1.5em;color:#3E3127;font-weight:500}
@media only screen and (max-width:991px) {
.gnav.sp  {padding:1.5em 0 0}
.collapse-button          {top:-50px;right:10px;width:30px;margin:0;position:absolute;cursor:pointer;z-index:100000}
.collapse-button a        {position:relative;display:block;height:20px;box-sizing:border-box}
.collapse-button span     { 
  position:absolute;
  display:inline-block;
  left:0;
  width:100%;
  height:2px;
  background-color:#222;
  border-radius:2px;
  -webkit-transition:all 0.4s;
  transition:all 0.4s;
  box-sizing:border-box;
}
.collapse-button span:nth-of-type(1) {top:0}
.collapse-button span:nth-of-type(2) {top:9px}
.collapse-button span:nth-of-type(3) {bottom:0}
.collapse-button span:nth-of-type(2)::after {
  position:absolute;
  top:0;
  left:0;
  content:'';
  width:100%;
  height:2px;
  background-color:#222;
  border-radius:2px;
  -webkit-transition:all .4s;
  transition:all .4s;
}
.collapse-button .active span:nth-of-type(2) {
  -webkit-transform:rotate(-45deg);
      -ms-transform:rotate(-45deg);
          transform:rotate(-45deg);
}
.collapse-button .active span:nth-of-type(2)::after {
  -webkit-transform:rotate(90deg);
      -ms-transform:rotate(90deg);
          transform:rotate(90deg);
}
.collapse-button .active span:nth-of-type(1) {
  -webkit-transform:translateY(20px) scale(0);
      -ms-transform:translateY(20px) scale(0);
          transform:translateY(20px) scale(0);
}
.collapse-button .active span:nth-of-type(3) {
  -webkit-transform:translateY(-20px) scale(0);
      -ms-transform:translateY(-20px) scale(0);
          transform:translateY(-20px) scale(0);
}

/*collapse-menu*/
.collapse-menu ul,
.collapse-menu li       {margin:0;padding:0;list-style:none}
.collapse-menu          {display:none}
.collapse-menu          {width:100%;text-align:left;-webkit-overflow-scrolling:touch;box-shadow:0px 6px 3px -3px rgba(0,0,0,0.25);z-index:1000000}
.collapse-menu ul       {margin-bottom:-1px;border-bottom:1px solid #dedede}
.collapse-menu ul li    {position:relative;border-top:1px solid #dedede;background:#fff}
.collapse-menu ul li a  {display:block;color:#222;cursor:pointer;text-decoration:none;padding:8px 10px;font-size:100%}
.collapse-menu ul li .glyphicon {float:right}
.collapse-menu ul li a:focus,
.collapse-menu ul li a:hover    {color:#fff;text-decoration:none;background:#222;opacity:1}

/*gnav_list .sns*/
.collapse-menu ul li.sns   {text-align:center;padding:1.25em}
.collapse-menu ul li.sns span  {display:inline-block}
.collapse-menu ul li.sns span img  {width:36px}
.collapse-menu ul li.sns a:hover,
.collapse-menu ul li.sns a:focus  {color:#fff;text-decoration:none;background:#fff;opacity:1}
}


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

Section

---------------------------------------------------------- */
/*section*/
.section            {padding:50px 0 0}
.section.border     {border-bottom:1px solid #dedede}
.home .section      {padding:100px 0}
.page .section_body {padding:50px 0}
.section .entry     {padding:0 0 50px}
.shadow             {box-shadow:0 0 20px rgba(155,155,155,0.35)}
.shadow_bottom      {box-shadow:0px 15px 9px -9px rgba(155,155,155,0.35)}
.strong             {color:#f47a7f}
.section_title      {font-family:'Prata', serif;text-align:center;letter-spacing:-0.0.5em;font-weight:500;font-size:140%}
.section_title span {font-size:160%}
.section_subtitle_block  {background:#F2EFE9;padding:3.5em 0;margin:auto;text-align:center}
.section_subtitle        {font-family:"Yu Mincho", "YuMincho", serif;font-size:240%;font-weight:500;line-height:normal}
.mincho                  {font-family:"Yu Mincho", "YuMincho", serif;font-weight:500;line-height:normal}
@media only screen and (max-width:991px) {
.home .section           {padding:50px 0}
.page .section_body      {padding:25px 1em 0;box-sizing:border-box}
.section_subtitle        {font-family:"Yu Mincho", "YuMincho", serif;font-size:180%;font-weight:500;line-height:normal}
.section_subtitle_block  {padding:2.5em 0;margin:auto;text-align:center}
.section_subtitle        {font-size:160%}
}

/*home_museum*/
.home .home_museum    {background:url(../img/museum/museum_bg2.jpg) 50% 400px no-repeat;padding:150px 0 100px;position:relative;background-size:100%}
.home_museum_btn      {margin:15.5em auto 0;position:relative;max-width: 480px}
.home_museum_btn a    {border-radius:10px;padding:1.25em;font-size:130%;box-shadow:0 0 20px rgba(0,0,0,0.5)}
@media only screen and (max-width:551px) {
.home .home_museum    {background:url(../img/museum/museum_bg2.jpg) bottom center no-repeat;padding:5em 1em;margin-bottom:2.5em;box-sizing:border-box;background-size:180%;}
.home_museum_btn      {margin:10em auto 0;position:relative;max-width:100%}
}
@media only screen and (min-width:552px) and (max-width:881px) {
.home .home_museum    {background:url(../img/museum/museum_bg2.jpg) 50% 400px no-repeat;padding:150px 0 100px;position:relative;background-size:100%}
.home_museum_btn      {margin:10.5em auto}
} 

/*home
/*pageheader*/
.pageheader {padding:120px 0;width:100%;height:200px;background-position:top center;background-repeat:no-repeat;background-size:cover}
.pagetitle  {text-align:center;font-size:300%;color:#fff;text-shadow:0 0 30px rgba(55,55,55,1);letter-spacing:-0.01em}
@media only screen and (max-width:991px) {
.pageheader {padding:80px 0;}
.pagetitle  {font-size:168%;line-height:1.3456789em}
}

/*bread*/
.bread                  {width:100%;margin:0}
.bread .container       {padding:0;margin:auto}
.bread .container p     {font-size:90%;padding:20px 0 }
.bread .container a     {text-decoration:underline}
@media only screen and (max-width:991px) {
.bread .container       {padding:0 1.5em;box-sizing:border-box;margin-bottom:-2.5em}
.bread .container p     {font-size:80%;padding:10px 0 }
}

/*contents_menu*/
.contents_menu            {background:#ffff;padding:100px 0}
.contents_menu_block      {float:left;vertical-align:top;width:68%;position:relative}
.sns_menu_block           {float:right;vertical-align:top;width:27%;position:relative;margin-left:5%}
.contents_menu_list_block {display:flex;flex-wrap:wrap;align-items:middle;justify-content:space-around;margin:35px auto}
.contents_menu_list       {flex-basis:48%;position:relative}
.contents_menu_list:nth-child(2n+1) {margin:1em 2% 1em 0}
.contents_menu_list:nth-child(2n+2) {margin:1em 0 1em 2%}
.contents_menu_list a     {text-decoration:none}
.contents_menu_img        {margin:auto;text-align:center}
.contents_menu_img img    {border:1px solid #ccc;box-sizing:border-box}
.contents_menu_text span  {display:block}
.contents_menu_title      {font-size:110%;font-weight:600;margin:10px auto;text-align:center}
.contents_menu_comment    {font-size:86%;line-height:1.5678em;margin:auto}
.sns_menu_content         {margin:35px auto}
@media only screen and (max-width:991px) {
.contents_menu            {padding:50px 1em;box-sizing:border-box; }
.home .contents_menu      {padding:50px 1em;box-sizing:border-box}
.contents_menu_block      {float:none;width:100%}
.sns_menu_block           {float:none;width:100%;margin-left:0}
}

/*paginate*/
.paginate {margin:2.5em auto 0;clear:both}
.paginate_left    {width:49%;float:left;vertical-align:top}
.paginate_right   {width:49%;float:right;vertical-align:top}
.paginate_list    {width:100%;margin:auto}
.paginate_list li a     {display:block;position:relative;border:1px solid #ccc;padding:1em 0.5em;background:#fff;border-radius:6px;text-decoration:none!important}
.paginate_list li img   {width:48px;display:inline-block;vertical-align:middle}
.paginate_list li span  {width:72%;display:inline-block;vertical-align:middle;font-weight:500;line-height:1.45678em}
.paginate_left li img   {margin-left:7.5%}
.paginate_left li a:before  {position:absolute;top:46.5%;left:10px;content:'\f053';color:#222;font-size:90%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.paginate_right li a:after  {position:absolute;top:46.5%;right:10px;content:'\f054';color:#222;font-size:90%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.paginate_left img  {width:48px;height:48px;margin-right:1em}
.paginate_right img {width:48px;height:48px;margin-left:0.35em;margin-right:1em}
.single-information .paginate_left a   {padding-left:2.25em}
.single-information .paginate_right a  {padding-right:2.25em}
@media only screen and (max-width:991px) {
.paginate         {padding-left:1.5em;padding-right:1.5em;box-sizing:border-box}
.paginate_left    {width:100%;float:none;margin:0.25em auto}
.paginate_right   {width:100%;float:none;margin:0.25em auto}
}

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

Home

---------------------------------------------------------- */
/*home_info*/
.home_news              {background:#ffff;border-bottom: 1px solid #aaa}/*
.home_event             {background:#F2EFE9}*/
.home_info_list a       {text-decoration:none!important}
.home_info_list_block   {display:flex;flex-wrap:wrap;align-items:middle;justify-content:flex-start;margin-top:35px}
.home_info_list         {flex-basis:31%;position:relative;box-shadow:0 0 20px rgba(155,155,155,0.35)}
.home_info_list:nth-child(3n+1)   {margin:0.75em 1.5% 0.75em 0}
.home_info_list:nth-child(3n+2)   {margin:0.75em 1% 0.75em}
.home_info_list:nth-child(3n+3)   {margin:0.75em 0 0.75em 1.5%}
.home_info_list .home_info_text   {padding:1.5em;box-sizing:border-box;background:#fff}
.home_info_text .home_info_title  {font-size:110%;font-weight:500;line-height:1.456789em;min-height:56px}
.home_info_text .home_info_date   {font-size:82%;color:#5A524F}
.home_info_block .more_link       {display:block;} 
.home_info_block .more_link .btn  {width:256px;margin:50px auto 0;text-align:center;} 
.home_info_block .home_info_img  {background:#fff}
.home_info_block .object-fit-img {
  width: 360px;
  height:240px;
  font-family: 'object-fit: contain;'
}
@media only screen and (max-width:551px) {/*
.home_info_list_block   {padding-left:1.5em;padding-right:1.5em;box-sizing:border-box}
.home_info_list         {flex-basis:100%}
.home_info_list:nth-child(3n+1) ,
.home_info_list:nth-child(3n+2) ,
.home_info_list:nth-child(3n+3)     {margin:0.5em auto}
.home_info_block .more_link .btn    {width:90%;margin:25px auto 0}
*/
.home_info_list_block   {padding-left:0em;padding-right:0em;box-sizing:border-box}
.home_info_list         {flex-basis:48%;box-shadow:0 0 10px rgba(155,155,155,0.35)}
.home_info_list:nth-child(2n+1)     {margin:0.5em 1%}
.home_info_list:nth-child(2n+2)     {margin:0.5em 1%}
.home_info_list .home_info_text     {padding:1em;}
.home_info_block .more_link .btn    {width:90%;margin:15px auto 0} 
.home_info_block .object-fit-img {
  width: 350px;
  height:180px;
  font-family: 'object-fit: contain;'
}
}
@media only screen and (min-width:552px) and (max-width:881px) {
.home_info_list_block   {padding-left:1.5em;padding-right:1.5em;box-sizing:border-box}
.home_info_list         {flex-basis:46%}
.home_info_list:nth-child(2n+1)     {margin:0.75em 1.5%}
.home_info_list:nth-child(2n+2)     {margin:0.75em 1.5%}
.home_info_block .more_link .btn    {width:90%;margin:25px auto 0} 
.home_info_block .object-fit-img {
  width: 360px;
  height:220px;
  font-family: 'object-fit: contain;'
}
} 

/*home_sdgs*/
.home_sdgs          {padding:5em 2em;box-sizing:border-box;}
.home_sdgs_img      {padding: 0;margin: auto;max-width: 520px;text-align: center;}
.home_sdgs_img li   {display: inline-block;margin-bottom: 1.5em;}
.home_sdgs_img1     {padding: 0;margin: auto;width: 13%;}
.home_sdgs_img2     {padding: 0;margin: auto;width: 77%;}
@media only screen and (max-width:540px) {
.home_sdgs .leed.center {text-align: justify;}
.home_sdgs_img      {padding: 0;margin: auto;max-width: 100%;;}
}

/*home_recommend*/
.home_recommend               {background: #f5f5f5;margin-top: -1px;position:relative}
.home_recommend .leed         {margin-top: 2.5em}
.home_recommend_block         {padding: 2.5em 0 0;margin: auto}
.home_recommend_block video   {width: 100%;max-width: 100%;}
@media only screen and (max-width:520px) {
.home_recommend_block         {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.home_recommend_block video   {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}


.home_pavilion {
  background: #fff;
  border-top: 1px solid #999;
  margin-top: -1px;
  position:relative;
  padding-bottom: 0;
}

.home_pavilion_container {
  border:1px solid#ccc;
  padding: 36px 54px;
  margin: 18px auto;
  border-radius: 18px;
  background: #fff
}

.home_pavilion_logo {
  width:320px;
  margin: 18px auto  36px
}

.home_pavilion_title {
  text-align:center;
  margin:36px auto auto;
  font-size:22.5px;
  font-weight: bold
}

.home_pavilion_contact {
  padding: 36px;
  border-radius: 18px;
  background: #f5f5f5;
}

@media only screen and (max-width:991px) {
  .home_pavilion_container {
    padding: calc(36px /2) calc(54px /2);
    margin: calc(18px / 2) 1em;
    border-radius: calc(18px / 2)
  }

  .home_pavilion_logo {
    width:256px;
    margin: calc(18px / 2) auto calc(36px /2)
  }

  .home_pavilion_title {
    margin:calc(36px /2) auto auto;
    font-size:18px;
  }

  .home_pavilion_contact {
    padding: calc(36px /2);
    border-radius: calc(18px / 2)
  }

}


/*home_pavilion*/
.home_pavilion {
  background: #fff;
  border-top: 1px solid #999;
  margin-top: -1px;
  position:relative;
  padding-bottom: 0;
}

.home_pavilion_container {
  border:1px solid#ccc;
  padding: 36px 54px;
  margin: 18px auto;
  border-radius: 18px;
  background: #fff
}

.home_pavilion_logo {
  width:320px;
  margin: 18px auto  36px
}

.home_pavilion_title {
  text-align:center;
  margin:36px auto auto;
  font-size:22.5px;
  font-weight: bold
}

.home_pavilion_contact {
  padding: 36px;
  border-radius: 18px;
  background: #f5f5f5;
}

@media only screen and (max-width:991px) {
  .home_pavilion_container {
    padding: calc(36px /2) calc(54px /2);
    margin: calc(18px / 2) 1em;
    border-radius: calc(18px / 2)
  }

  .home_pavilion_logo {
    width:256px;
    margin: calc(18px / 2) auto calc(36px /2)
  }

  .home_pavilion_title {
    margin:calc(36px /2) auto auto;
    font-size:18px;
  }

  .home_pavilion_contact {
    padding: calc(36px /2);
    border-radius: calc(18px / 2)
  }

}


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

matchjiho

---------------------------------------------------------- */
/*archive news*/
.section.news       {padding-bottom:100px}
.news_list          {border-bottom:1px dotted #aaa;padding:1em 0;margin:0}
.news_list dt,
.news_list dd       {display:block}
.news_list dt span  {display:inline-block;margin:0.25em 0.5em 0 0}
.news_list dt .date {font-size:90%;color:#7B7473}
.news_list dd a     {text-decoration:none;font-size:150%;display:block;padding:0.15em 0 0.5em}
.news .cat a        {font-size:9pt;color:#fff;padding:1px 10px;text-align:center;text-decoration:none}
.news .cat.cat1 a   {background:#349FE8}
.news .cat.cat2 a   {background:#349FE8}
.news .cat.cat3 a   {background:#349FE8}
.news .cat.cat4 a   {background:#349FE8}
.news .cat.cat5 a   {background:#349FE8}
.news .cat.cat6 a   {background:#349FE8}
@media only screen and (max-width:991px) {
.news_list_container {padding-left:1.5em;padding-right:1.5em;box-sizing:border-box;}
}

/*single news*/
.single_news_meta         {padding:1em 0}
.single_news_meta span    {display:inline-block;margin:0.5em 0.5em 0.5em 0}
.single_news_title        {font-size:200%;line-height:1.3456789em;display:block;margin:0.25em 0 0;border-bottom:1px dotted #aaa;padding-bottom:0.5em}
.single_news_body         {padding:0.5em 0 1.5em}
.single_footer_meta       {margin-top:2.5em}
.single_footer_meta span  {font-size: 90%;color: #777}
@media only screen and (max-width:991px) {
.single_news_meta         {padding:0 1.5em 1em;box-sizing:border-box}
.single_news_title        {font-size:160%;padding:0.5em 0;margin-bottom:1em;box-sizing:border-box}
.single_news_body         {padding:0.5em 1.5em 1em;box-sizing:border-box}
}

/*single_info*/
.single_info.news         {background:#F2EFE9;padding:100px 0 50px}
.single_info.event        {background:#fff;padding:100px 0 50px}
.single_info              {background:#fff;padding:100px 0 50px}
.single_info.single_category   {background:#F2EFE9;}
.single_info.single_list  {background:#fff;}
.single_info_block a      {text-decoration:underline;}
.single_info_list_block   {background:#fff;margin:50px auto 25px;padding:2em 4em 4em;box-sizing:border-box}
.single_info_list dt, 
.single_info_list dd      {display:inline-block;font-size:106%;vertical-align: top}
.single_info_list dt      {width:15%;font-weight: 600}
.single_info_list dd      {width:84%}
.single_more_link         {position:absolute;bottom:0;right:0}
.single_more_link a       {padding:10px 3em;font-weight:500;display:block;margin-left:0.5em;text-decoration:none}
@media only screen and (max-width:551px) {
.single_info_list_block   {margin:25px auto;padding:1em 2em 4em;box-sizing:border-box}
.single_info_list dt, 
.single_info_list dd      {display:block;font-size:100%}
.single_info_list dt      {width:100%;font-weight: 600}
.single_info_list dd      {width:100%}
.single_more_link         {position:relative;margin:25px auto auto;text-align:center;max-width: 256px}
.single_more_link a       {padding:20px 3em;}
}
@media only screen and (min-width:552px) and (max-width:991px) {
.single_info_list_block   {margin:25px auto;padding:1em 2em 4em;box-sizing:border-box}
.single_info_list dt, 
.single_info_list dd      {display:inline-block;font-size:100%}
.single_info_list dt      {width:20%;font-weight: 600}
.single_info_list dd      {width:79%}
}

/*single_category_list*/
.single_category_list   {background:#fff;margin:50px auto 25px;padding:2em 4em ;box-sizing:border-box}
.single_category_list ul li {display:inline-block;vertical-align:middle;width: 32%}
.single_category_list ul li  a       {
display:block;
background:url(../img/common/icon_arrow.png) 0% 50% no-repeat #fff;
min-width:20px;
min-height:20px;
line-height:2.5em;
padding-left:7%;
text-align:left;
font-weight:600;
}
@media only screen and (max-width:551px) {
.single_category_list     {padding:2em}
.single_category_list ul li     {display:block;width: 100%}
}
@media only screen and (min-width:552px) and (max-width:991px) {
.single_category_list     {padding:2em}
.single_category_list ul li     {display:inline-block;width: 49%}
}

/*comments*/
.comments-area {border-bottom:1px solid #dedede;border-top:1px solid #dedede;padding:2.5em 0}
.form-submit {margin:2.5em auto;text-align:center;}
.form-submit input {margin:auto;text-align:center;}
@media only screen and (max-width:991px) {
.comments-area {padding:2.5em 1em;box-sizing:border-box;}
}

.comments-title {font-weight: 600;}
#comments ol    {list-style:none;}
#comments ol.comment-list li {border:1px solid #dedede;padding:2em 2em 0.25em;box-sizing:border-box;margin-bottom: 1.5em}
#comments ol.comment-list li.depth-2 {padding-left: 2.5em;padding-right:0;border:none;}
#comments ol.comment-list li.depth-3 {padding-left: 2.5em;padding-right:0;border:none;}
#comments ol.comment-list li.depth-4 {padding-left: 2.5em;padding-right:0;border:none;}
#comments ol.comment-list li.depth-5 {padding-left: 2.5em;padding-right:0;border:none;}
#comments .avatar ,
.comment-list svg   {display: none}
.discussion-meta-info         {margin:-1.5em 0 1.5em}
.discussion-meta-info path    {display: none}
.discussion-meta-info span    {margin-left:-25px;}
.comment-author         {display:inline-block;margin-right: 1.5em}
.comment-metadata       {display:inline-block;}
.comment-metadata a     {color:#aaa}
.comment-reply {margin:1.5em 0;}
.comment-reply a.comment-reply-link {
background:#fff;
border:1px solid #222;
padding:0.25em 1em;
text-decoration:none;
text-align: center
}
.comment-form-flex .screen-reader-text {font-weight: 600;display:block;margin:1.5em 0;}

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

Museum

---------------------------------------------------------- */
/*archive news*/
.section.museum     {padding-bottom:0}
.museun_exhibition  {margin-top:-50px;padding-bottom:50px;border-bottom:1px solid #ccc}
@media only screen and (max-width:991px) {
.museun_exhibition  {margin-top:0px;}
}

/*museum*/
.museum_menu              {background:url(../img/museum/museum_bg.jpg) top center no-repeat;padding:100px 0;margin-top:50px;position:relative;background-size:cover}
.museum_menu_block a      {text-decoration:none}
.museum_menu_list_block   {margin:50px auto 0;padding:1em 4em;box-sizing:border-box}
.museum_menu_list         {padding:0.5em 0;display:flex;flex-wrap:wrap}
.museum_menu_block .section_title span      {font-weight:600}
.museum_menu_list li      {flex-basis:30%}
.museum_menu_list li:nth-child(3n+1) {margin:1em 1% 1em 0}
.museum_menu_list li:nth-child(3n+2) {margin:1em 2% }
.museum_menu_list li:nth-child(3n+3) {margin:1em 0 1em 1%}
.museum_menu_list a       {
display:block;
background:url(../img/common/icon_arrow.png) 96% 50% no-repeat #fff;
min-width:20px;
min-height:20px;
line-height:2.5em;
padding-left:6%;
text-align:left;
padding:1.5em;
border-radius:6px;
font-weight:600;
box-shadow:0px 0 20px rgba(0,0,0,0.15);
}
.museum_menu_list a:hover,
.museum_menu_list a:focus {background-color:#FFB024}
@media only screen and (max-width:551px) {
.museum_menu              {padding:50px 0}
.museum_menu_list_block   {margin :25px auto 0;padding:1em;box-sizing:border-box}
.museum_menu_block .section_title span      {display:block;font-size:120%}
.museum_menu_list         {padding:0.25em 0}
.museum_menu_list li      {flex-basis:100%}
.museum_menu_list li:nth-child(3n+1),
.museum_menu_list li:nth-child(3n+2),
.museum_menu_list li:nth-child(3n+3)  {margin:0.15em 0}
.museum_menu_list a       {padding-left:18px;font-weight:600;font-size:92%}
}
@media only screen and (min-width:552px) and (max-width:991px) {
.museum_menu              {padding:50px 0}
.museum_menu_list_block   {margin :25px auto 0;padding:1em;box-sizing:border-box}
.museum_menu_block .section_title span      {display:block;font-size:120%}
.museum_menu_list         {padding:0.25em 0}
.museum_menu_list li      {flex-basis:47.5%}
.museum_menu_list li:nth-child(3n+1),
.museum_menu_list li:nth-child(3n+2),
.museum_menu_list li:nth-child(3n+3)  {margin:0.25em 1%}
.museum_menu_list a       {padding-left:18px;font-weight:600;font-size:92%}
}

/*chronological_table*/
.chronological_table .single_news_title {border-bottom:none}
.chronological_table_menu {margin:25px auto  0}
.chronological_table_menu_list              {text-align:center}
.chronological_table_menu_list li           {display:inline-block}
.chronological_table_menu_list li span      {display:block}
.chronological_table_menu_list li a         {display:block;background:#D3D1D0;border-radius:50px;padding:5px 20px;text-decoration:none;margin:0 0.35em}
.chronological_table_menu_list li.active a  {background:#1F160D;color:#fff}
.chronological_table_list_block dl          {padding:0;margin:0}
.chronological_table_list_block dl:nth-child(odd)   {background:#F5F3EF}
.chronological_table_list_block dl:nth-child(even)  {background:#fff}
.chronological_table_list_block dt,
.chronological_table_list_block dd {padding:0.5em 1em;font-size:96%}
.chronological_table_list_block dt {width:15%;display:inline-block;vertical-align:top}
.chronological_table_list_block dd {width:84%;display:inline-block;vertical-align:top}
.chronological_table_list_block dd span {display:inline-block;min-width:20px;min-height:20px}
.chronological_table_list_block .history_icon_f {background:url(../img/chronological_table/history_icon_f.png) 0 6px no-repeat;padding-left:22px}
.chronological_table_list_block .history_icon_j {background:url(../img/chronological_table/history_icon_j.png) 0 6px no-repeat;padding-left:22px}
.chronological_table_list_block .history_icon_h {background:url(../img/chronological_table/history_icon_h.png) 0 6px no-repeat;padding-left:22px}
.chronological_table_list_block .history_icon_r {background:url(../img/chronological_table/history_icon_r.png) 0 6px no-repeat;padding-left:22px}
@media only screen and (max-width:551px) {
.chronological_table_menu {padding:2.5em 1em 0;box-sizing:border-box}
.chronological_table_menu_list li {display:inline-block;width:49%}
.chronological_table_menu_list li span {display:block;margin:0.2em 0 }
.chronological_table_menu_list li a {padding:10px 20px;margin:0 0.35em}
.chronological_table_menu_list li.active a {background:#1F160D;color:#fff}
.chronological_table_list_block dt {width:100%;display:block;vertical-align:top;margin-bottom:0;padding:1em 1em 0}
.chronological_table_list_block dd {width:100%;display:block;vertical-align:top;margin-top:0;padding:0 1em 1em}
}
@media only screen and (min-width:552px) and (max-width:991px) {
.chronological_table_menu {padding:0 1em;box-sizing:border-box}
.chronological_table_menu_list li {display:inline-block;width:49%}
.chronological_table_menu_list li span {display:block;margin:0.2em 0 }
.chronological_table_menu_list li a {padding:10px 20px;margin:0 0.35em}
.chronological_table_menu_list li.active a {background:#1F160D;color:#fff}
.chronological_table_list_block dt {width:100%;display:block;vertical-align:top;margin-bottom:0;padding:1em 1em 0}
.chronological_table_list_block dd {width:100%;display:block;vertical-align:top;margin-top:0;padding:0 1em 1em}
}

/*museum_list*/
.museum_list_container {padding-bottom:100px}
.museum_list          {border-bottom:1px dotted #aaa;padding:1em 0;margin:0}
.museum_list a        {display:block;text-decoration:none}
.museum_list dt       {width:12%;display:inline-block;vertical-align:middle}
.museum_list dd       {width:87%;display:inline-block;vertical-align:middle;font-size:160%;padding-left:3.25em;text-indent:-2.72em}
.museum_list dt img   {max-width:100px}
.museum_list dd a     {text-decoration:none;display:block;padding:0.15em 0 0.5em}
.museum_list dd .history_label ,
.museum_list dd .column_label ,
.museum_list dd .talk_label   {
display:inline-block;
border-radius:50px;
font-size:68%;
padding:0 12px 0 9px;
text-decoration:none;
text-indent:2.5px;
text-align:center;
margin:0 0.5em 0 0;
color:#fff;
}
.museum_list dd .history_label  {background:#351912}
.museum_list dd .column_label   {background:#349FE8}
.museum_list dd .talk_label     {background:#36C15E}
.museum_list dd .history_label .large,
.museum_list dd .column_label .large,
.museum_list dd .talk_label .large {font-size:140%}
@media only screen and (max-width:551px) {
.museum_list_container {padding:0 1.5em 50px;box-sizing:border-box}
.museum_list dt       {width:16%}
.museum_list dd       {width:82%;font-size:120%;text-indent:0em}
.museum_list dd .history_label ,
.museum_list dd .column_label ,
.museum_list dd .talk_label   {display:block;width:50px}
}
@media only screen and (min-width:552px) and (max-width:991px) {
.museum_list_container {padding:0 1.5em 50px;box-sizing:border-box}
.museum_list dt       {width:12%}
.museum_list dd       {width:87%;font-size:120%;text-indent:0em}
}

/*variety*/
.variety_menulist              {text-align:center;padding:2.51em 0}
.variety_menulist li           {display:inline-block}
.variety_menulist li span      {display:block}
.variety_menulist li a         {display:block;background:#07645A;border-radius:50px;padding:5px 20px;text-decoration:none;margin:0.25em 0.35em;color: #fff}
.section.variety:nth-child(even) {background:#fff} 
.section.variety:nth-child(odd) {background:#F3F7F7} 
.variety .variety_title {text-align:center;position:relative;background:transparent;font-size:160%;text-align:center;width:100%;padding:50px 0} 
.variety .variety_title:after {content:'';display:block;width:100px;border-bottom:1px solid #000;margin:auto;margin-top:0.5em}
.variety .section_body p    {line-height:2.25em!important;font-size:101%}
.variety .section_body      {padding:25px 0 100px}
.variety .section_body figure {margin:0 auto;padding:0}
.variety .variety_table     {width: 100%;text-align:center;padding:0;margin:0 auto;border-collapse:collapse;}
.variety .variety_table th  {border:1px solid #07645A;padding:1em;width:20%;background:#DAE8E6}
.variety .variety_table td  {border:1px solid #07645A;padding:1em;background:#fff;text-align: left;}
.variety .variety_list      {background:#F7F6F2;padding:2em;margin-top:1.5em}
.variety .variety_list li   {font-weight:500;padding:10px 0;font-size:108%}
.variety .small             {display:block;font-size: 86%;color:#555;text-align: right;}
.variety_document_title     {color: #07645A;background:#DAE8E6;padding:1em ;font-size: 120%;font-weight: 600}
.variety_document_subtitle  {color: #07645A;font-weight:500;font-size: 110%;margin-top:1.5em}
.variety_document_body      {padding:1em 1em 2.5em}
.table_simpleborder         {margin:0.5em auto;}
.table_simpleborder th,
.table_simpleborder td          {border:1px solid #07645A;border-collapse:collapse;padding:0;margin:0; }
.table_simpleborder th          {font-weight:normal!important ;width: 33%;background:#F3F7F7!important;}
.table_simpleborder th.bgwhite  {background:#fff!important}
.museum.variety.matchnohanashi     {
width:100%;
padding:2.5em 0;
min-height:auto;
background-color:transparent;
background:url(../img/variety/variety_btn_bg.png) bottom center no-repeat #F3F7F7;
margin-bottom: -50px;
}
.variety .matchnohanashi p  {max-width: 468px;margin:auto;}
.variety .matchnohanashi a  {padding:1.5em 1em;font-size: 120%}
.variety .iframe_wrapper               {width:100%;margin:auto;background:#fff}
.variety .iframe_wrapper iframe        {width:100%;height:400px;border:none}
@media only screen and (max-width:551px) {
.variety_menulist                 {padding:3.51em 0 2.5em}
.variety_menulist li a            {border-radius:100px;padding:5px 6px;margin:0.25em 0.1em;}
.variety .variety_title           {font-size:120%;padding:0 0 30px} 
.variety .section_body            {padding:25px 1.5em 50px;box-sizing:border-box}
.variety .variety_table th        {font-size:88%;padding:0.25em}
.variety .variety_table td        {font-size:88%;padding:0.25em}
.variety .iframe_wrapper          {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.variety .iframe_wrapper iframe   {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
.museum.variety.matchnohanashi    {padding:2.5em 0 2em;margin-bottom:auto;}
.variety .matchnohanashi a        {padding:1.5em 1em;font-size: 100%}
}
@media only screen and (min-width:551px) and (max-width:991px) {
.variety .variety_title           {font-size:120%;padding:0 0 30px} 
.variety .section_body            {padding:25px 1.5em 50px;box-sizing:border-box}
.variety .variety_table th        {font-size:88%;padding:0.25em}
.variety .variety_table td        {font-size:88%;padding:0.25em}
.variety .iframe_wrapper          {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.variety .iframe_wrapper iframe   {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}

/*faq_list*/
.faq .qa {background:#F2EFE9}
.faq .qa .section_body {padding-top:0}
.faq_list {background:#fff;padding:1em 0;box-sizing:border-box;margin-bottom:25px}
.faq_title {font-size:180%;border-bottom:1px dotted #aaa;padding:0.5em 0;margin-bottom:1em}
.faq_text {font-size:106%;line-height:1.89em}

/*match_now_list*/
.match_now_list         {margin:15px auto 50px}
.match_now_list_title   {font-size:106%}
.match_now_list ul      {margin:auto;display:flex;flex-wrap:wrap;justify-content:center;justify-content:flex-start;}
.match_now_list ul li   {flex-basis:25%;padding:10px;text-align:center;box-sizing:border-box}
.match_now_list ul li a {text-decoration:none}
.match_now_list ul li img  {text-align:center}
.match_now_list ul li span {display:block} 
.match_now_list ul li span.text {text-align:center;font-size:9pt}
@media only screen and (max-width:991px) {
.match_now_list ul li  {flex-basis:50%;padding:10px;text-align:center;box-sizing:border-box}
}

/*column*/
.single_subtitle      {font-weight:600;margin:2.5em 0 0.5em;font-size:126%!important;clear:both!important}
.single_tabletitle    {font-weight:600;margin:1.5em 0;font-size:106%!important;clear:both!important}
.column_referencen_block        {background:#F5F3EF;padding:1em 2em;box-sizing:border-box;margin:0 0 1.5em}
.column_referencen_block span   {display:block;font-size:9pt;line-height:1.89em}
.table.column_table   {margin:auto;text-align:center}
.table.column_table thead th ,
.table.column_table thead td  {border:none;font-weight:600;padding:1em;font-size:90%;line-height:1.78em;text-align:center!important}
.table.column_table tbody th ,
.table.column_table tbody td  {border:none;font-weight:normal;padding:1em;font-size:90%;line-height:1.78em;text-align:left}
.table.column_table tbody th  {width:33%!important;font-weight:600}
.table.column_table tbody tr:nth-child(odd) th,
.table.column_table tbody tr:nth-child(odd) td {background:#EFF4FD}
.table.column_table tbody tr:nth-child(even) th,
.table.column_table tbody tr:nth-child(even) td {background:#fff}
@media only screen and (max-width:991px) {
.table.column_table thead th ,
.table.column_table thead td  {padding:0.5em 0.25em;}
.table.column_table tbody th ,
.table.column_table tbody td  {padding:0.5em 0.25em}
.table.column_table tbody th  {width:auto!important;font-weight:600}
}

/*talk*/
.talk_introduction_block      {margin:-0.5em 0 2.5em;position:relative}
.talk_introduction_list       {background:#F5F3EF;padding:1em 2em;box-sizing:border-box}
.talk_introduction_list ul li {padding:5px 0}
.talk_introduction_list ul li span {display:inline-block;margin-right:0.5em}
.talk_introduction_label      {background:#231815;padding:2px 10px;text-align:center;;color:#fff;font-size:10pt;border-radius:50px;line-height:1.5em}
.talk_referencen_block        {background:#F5F3EF;padding:1em 2em;box-sizing:border-box;margin:0 0 1.5em}
.talk_referencen_block span   {display:block;font-size:9pt;line-height:1.89em}
@media only screen and (max-width:551px) {
.talk_introduction_list       {padding:1em;}
.talk_introduction_label      {display:block;}
.talk_introduction_text       {display:block;width:100%}
}
@media only screen and (min-width:552px) and (max-width:991px) {
.talk_introduction_block      {margin:0.5em 0;position:relative}
.talk_introduction_list       {padding:1em;box-sizing:border-box}
.talk_introduction_list ul li span {margin-right:0.5em}
}

.balloon                 {margin:1em 0}
.balloon .balloon_left   {width:80%;display:inline-block;vertical-align:top;;}
.balloon .balloon_right  {width:80%;display:inline-block;vertical-align:top;margin-left: 10%;}
.balloon .avator         {width:8%;display:inline-block;vertical-align:top}
.balloon .avator img     {max-width:76px}
.balloon .avator span    {display:block;text-align:center;font-size:9pt}
@media only screen and (max-width:991px) {
.balloon .balloon_left,
.balloon .balloon_right  {width:76%;display:inline-block;vertical-align:top;margin:auto;}
.balloon .avator         {width:16%;display:inline-block;vertical-align:top;margin:auto;}
.balloon .avator img     {max-width:48px}
}

.balloon_left {
position:relative;
display:inline-block;
margin:0 0 1.5em 15px;
padding:1em 1.5em;
font-size:100%;
background:#FFF;
border:solid 1px #ccc;
border-radius:6px;
box-sizing:border-box;
}
.balloon_left:before {
content:"";
position:absolute;
top:30px;
left:-24px;
margin-top:-12px;
border:12px solid transparent;
border-right:12px solid #FFF;
z-index:2;
}
.balloon_left:after {
content:"";
position:absolute;
top:30px;
left:-28px;
margin-top:-14px;
border:14px solid transparent;
border-right:14px solid #ccc;
z-index:1;
}

.balloon_right {
position:relative;
display:inline-block;
margin:0 15px 1.5em 0;
padding:1em 1.5em;
font-size:100%;
background:#FFF;
border:solid 1px #ccc;
border-radius:6px;
box-sizing:border-box;
}
.balloon_right:before {
content:"";
position:absolute;
top:30px;
right:-24px;
margin-top:-12px;
border:12px solid transparent;
border-left:12px solid #FFF;
z-index:2;
}
.balloon_right:after {
content:"";
position:absolute;
top:30px;
right:-28px;
margin-top:-14px;
border:14px solid transparent;
border-left:14px solid #ccc;
z-index:1;
}

/*backnumber_block*/
.backnumber_block {margin-top: 2.5em;}
.backnumber_block .table tbody th {width:20%!important}
.backnumber .section_subtitle_block {background:#fff;}
.backnumber_leed {display:block;padding-top: 3.5em}
@media only screen and (max-width:991px) {
.backnumber .alignleft    {max-width: 137px;width: 137px}
.backnumber_leed {display:block;padding-top: 0.25em}
}

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

jmma

---------------------------------------------------------- */
.introduction_block       {border:1px solid #ccc;padding:2em;box-sizing:border-box}
.shipments_list           {border-bottom:1px dotted #aaa;padding:0.75em 0;margin:0}
.shipments_list dt        {display:inline-block;vertical-align:top;width:19%;font-weight:bold}
.shipments_list dd        {display:inline-block;vertical-align:top;width:80%}
.shipments_caution_block  {margin:25px auto;padding:1.5em 2em;box-sizing:border-box;background:#F9F8F6}
.shipments_caution_block span {font-size:86%;display:block}  
.access_list              {border-bottom:1px dotted #aaa;padding:0.75em 0;margin:0}
.access_list dt           {display:inline-block;vertical-align:top;width:19%;font-weight:bold}
.access_list dd           {display:inline-block;vertical-align:top;width:80%}
.access_map               {width:100%;margin:25px auto;background:#fff}
.access_map iframe        {width:100%;height:500px;border:none}
.member_list              {margin-bottom:25px}
.member_list li           {display:inline-block;;width:49%;padding:0.25em 0}
@media only screen and (max-width:551px) {
.member_list li           {display:block;;width:100%;padding:0.25em 0}
.access_map               {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.access_map iframe        {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}
@media only screen and (min-width:552px) and (max-width:991px) {
.access_map               {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.access_map iframe        {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
}

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

Sitemap

---------------------------------------------------------- */
/*wsp-container*/
.wsp-container        {margin:auto;font-size:90%;padding-bottom:5em}
.wsp-container a      {text-decoration:underline;color:#000}
.wsp-container h2     {border-top:1px solid #212121;border-bottom:1px solid #212121;padding:0.5em  0}
.wsp-container ul     {padding:10px 0 50px}
.wsp-container ul:nth-last-child(1)    {padding:10px 0 0}
ul.wsp-pages-list li  {padding:0.25em 0;display:block;width:100%;vertical-align:top;text-align:left}
ul.wsp-blogs-list li  {padding:0.25em 0;display:block;width:100%;vertical-align:top}
@media only screen and (max-width:991px) {
ul.wsp-pages-list li ,
ul.wsp-blogs-list li  {padding:0.25em 0;display:block;width:100%;vertical-align:top}
}

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

Monkeymatch

---------------------------------------------------------- */
/*monkeymatch
.monkeymatch_block figure   {margin:0 auto;text-align: center;}
*/
.monkeymatch_img_list       {margin:auto;display:flex;flex-wrap:wrap;justify-content:center}
.monkeymatch_img_list li    {flex-basis:48%}
.monkeymatch_block .leed    {font-size: 120%;margin:2.5em auto;text-align:center;}
.monkeymatch_movie          {width:100%;margin:auto;background:#fff}
.monkeymatch_movie iframe   {width:100%;height:500px;border:none}
.monkeymatch_detail_block   {background:#F2EFE9;padding:2em;box-sizing:border-box;margin:2.5em auto 0}
.monkeymatch_detail_text p  {font-size: 11pt;line-height: 1.789em}
@media only screen and (max-width:991px) {
.monkeymatch_movie          {width:100%;height:auto;position:relative;padding-bottom:75%;height:0;overflow:hidden}
.monkeymatch_movie iframe   {position:absolute;top:0;left:0;width:100%!important;height:100%!important;border:none} 
.monkeymatch_detail_text p  {font-size:10pt;line-height: 1.789em}
}

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

Contact

---------------------------------------------------------- */
/*contact*/
.contact_container        {padding:2.5em 0 0}
.contact_container .contact_list {padding:1em;background:#fff;border-bottom: 1px dotted #aaa}
.contact_container .contact_list dt  {display:inline-block;width:25%;font-weight: 600;vertical-align: middle;}
.contact_container .contact_list dd  {display:inline-block;width:74%;vertical-align: middle}
span.req  {
background:#e31c24;
display:inline-block;
vertical-align:middle;
color:#fff;
font-size:8pt;
line-height:1;
text-align:center;
padding:5px;
margin:-2px 0 0 8px;
}
.confirm span.req   {display:none;}
.contact_caution    {text-align:center;font-size:80%;margin:1em auto auto;text-align:center;display:block}
.form_submit        {width:100%;margin:auto ;text-align:center;position:relative}
.form_submit .btn   {margin:25px auto ;text-align:center;position;width:256px;padding:20px 0;font-size: 110%}
@media only screen and (max-width:991px) {
.contact_container .contact_list dt  {display:block;width: 100%;}
.contact_container .contact_list dd  {display:block;width:100%}
.contact_container     {padding:10px 0 0;box-sizing:border-box}
.form_submit .btn {width:100%}
}

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

wp-pagenavi

---------------------------------------------------------- */
.wp-pagenavi    {margin:50px auto auto;text-align:center}
.wp-pagenavi a ,
.wp-pagenavi span {
background:#FFF;
border:1px solid #3E3127;
border-radius:60px;
vertical-align:middle;
color:#3E3127;
display:inline-block;s
font-size:90%;
font-weight:600;
height:30px;
line-height:2;
margin:0 4px;
padding:0.15em;
overflow:hidden;
position:relative;
text-align:center;
width:30px;
}
.wp-pagenavi a:hover ,
.wp-pagenavi span:hover {border:1px solid #3E3127;}
.wp-pagenavi .extend ,
.wp-pagenavi .extend:hover {border:none;line-height:1;margin:0 ;}
.wp-pagenavi span.current {border:1px solid #3E3127;background:#3E3127;color:#FFF}
.wp-pagenavi .nextpostslink,
.wp-pagenavi .previouspostslink{position:relative;border:none;background:transparent;}
.wp-pagenavi .nextpostslink:hover,
.wp-pagenavi .previouspostslink:hover{border:none;}
.wp-pagenavi .nextpostslink:before {position:absolute;top:35.5%;left:10px;content:'\f054';color:#222;font-size:90%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}
.wp-pagenavi .previouspostslink:before  {position:absolute;top:35.5%;right:10px;content:'\f053';color:#222;font-size:90%;line-height:normal;font-family:"Font Awesome 5 Free";font-weight:900}

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

Footer

---------------------------------------------------------- */
/*footer*/
.footer_menu_container      {background:#F2EFE9;padding:35px 0}
.footer_menu_list           {margin:auto;display:flex;flex-wrap:wrap;justify-content:center}
.footer_menu_list li        {flex-basis:43%}
.footer_menu_list li a.btn_lateral,
.footer_menu_list li a.btn_jmma       {max-width:330px;text-align:center}
.footer_info_container      {background:#3E3127;padding:50px 0 15px}
.footer_sitemap_list        {margin:auto;text-align:center}
.footer_sitemap_list li     {display:inline-block;}
.footer_sitemap_list li a   {border-right:1px solid rgba(255,255,255,0.35);padding:0 5px;color:#fff;font-size:80%;text-decoration:none}
.copyright                  {padding:15px 0 30px;text-align:center}
.copyright address          {font-style:normal;color:#918B8A;font-size:90%}
@media only screen and (max-width:551px) {
.footer_info_container      {background:#3E3127;padding:50px 0 100px}
.footer_menu_list           {margin:auto;display:flex;flex-wrap:wrap;justify-content:center}
.footer_menu_list li        {flex-basis:100%}
.footer_menu_list li a.btn_lateral,
.footer_menu_list li a.btn_jmma       {max-width:100%;text-align:center}
}
@media only screen and (min-width:552px) and (max-width:991px) {
.footer_menu_list           {margin:auto;display:flex;flex-wrap:wrap;justify-content:center}
.footer_menu_list li        {flex-basis:100%}
.footer_menu_list li a.btn_lateral,
.footer_menu_list li a.btn_jmma       {max-width:100%;text-align:center}
}

/*
.footer_menu_sp     {display:none}
@media only screen and (max-width:991px) {
.footer_menu_container {position:relative;position:fixed;bottom:0;width:100%}
.footer_menu_sp     {display:flex;flex-wrap:wrap;align-items:middle;justify-content:space-around}
.footer_menu        {flex-basis:33.3333%;font-size:9.5pt}
.footer_menu a      {display:block;width:100%;color:#fff;text-align:center;margin:auto;text-decoration:none;padding:0.5em 0;font-weight:600}
.footer_menu1 a     {background:#004792}
.footer_menu2 a     {background:#6494ec}
.footer_menu3 a     {background:#4eb42e}
.footer_menu a img  {display:block;width:22px;text-align:center;margin:10px auto}
.footer_menu span   {display:block;margin-top:-10px}
}
*/

/*pagetop*/
.pagetop    {position:fixed;z-index:10000;right:60px;bottom:20px;margin:0 auto;width:40px;height:40px}
.pagetop a  {font-size:140%;color:#fff;background:#bababa;border-radius:100px;display:block;text-align:center;width:30px;height:30px;padding:24px}