html,
body {
 margin: 0;
 height: 100%;
 font-size: 16px;
 /*font-family: Arial, Helvetica, sans-serif;*/
 font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",  "ＭＳ Ｐゴシック", "MS PGothic", Osaka,  sans-serif;
 color: #333333;
 -webkit-text-size-adjust: 100%;
	line-height: 1.5;
	/*background-color: #000;*/
-webkit-overflow-scrolling: touch;

}

/*グローバルメニュー設定*/
/*スクロールで消えたり出したりするCSS*/
.site-header{
    /*background: #fff;*/
    padding: 0px;
    position: fixed;
    top: 0;
    transition: .5s;
    width: 100%;
				height: 90px;
	 z-index: 999;
}
.site-header.hide{
    top: -90px;/*上に消える距離*/
}

/*レスポンシブ部分*/
.menu-container {
  margin: 0 auto;
		max-width: 1024px;
		
}

.menu-container .menu {
  display: flex;
  justify-content: space-between;
  list-style: none;
		margin: 0;
  padding: 0 0 0 15px;
		height: 90px;
		line-height: 90px;
		align-items: center;
		background: rgba(125,52,126,0.9);
}

.menu-container .menu .menu-item {
  flex: 1;
	 font-size: 20px;
}

@media screen and (max-width: 920px) {
.menu-container .menu .menu-item {
	 font-size: 18px;
}
}

.menu-container .menu .menu-item:first-child {
  display:inline;

}

.menu-container .menu .menu-item:nth-child(2) {
  display:none;
}

.menu-container .menu .menu-item a {
  color: #fff;
  display: block;
  text-align: center;
  text-decoration: none;
}


.menu-container .menu .menu-item a:hover {
		vertical-align: middle;
  background: rgba(125,52,126,1);
		transition-duration:0.3s;
}

.menu-container .menu .menu-item:first-child a:hover {
		vertical-align: middle;
  background: rgba(125,52,126,0.0);
}



#modal-overlay {
  background-color: rgba(0, 0, 0, .5);
  display: none;
  height: 120%;
  left: 0;
  position: fixed;
  top: 0;
  width: 100%;
cursor: pointer;
  z-index: 999;

}

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

.site-header{
				height: 55px;
}
.site-header.hide{
    top: -55px;/*上に消える距離*/
}


  .menu-container .menu {
    -webkit-transform: translate(-50%, -50%);
    background: rgba(125,52,126,0.8);
    display: none;
    height: auto;
    left: 50%;
    position: fixed;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 80%;
    z-index: 1000;

  }
		
		
  .menu-container .menu {
				padding: 0;
  }
		
  .menu-container .menu .menu-item a {
		  color: #7c337c;
    border-bottom: 1px solid #ccc;
    border-right: none;
				height: 60px;
				line-height: 60px;
				background: rgba(255,255,255,1);
  }
		
		.menu-container .menu .menu-item a:hover {
		color: #fff;
		vertical-align: middle;
  background: rgba(125,52,126,0.9);
		}

.menu-container .menu .menu-item:nth-child(2) {
  display:inline;
}

		.menu-container .menu .menu-item:first-child a  {
		display: none;
		}


  .menu-container .menu .menu-item:last-child a {
    border-bottom: none;
  }
		
		
}




/*ハンバーガーメニュー*/

.icon-hamburger {
  background: rgba(125,52,126,0.8);
  border: 1px solid #7c337c;
  cursor: pointer;
  height: 50px;
  position: relative;
  width: 50px;
  display: none;
  margin-bottom: 0.4em;
}

.icon-hamburger span {
  background: #fff;
  display: block;
  height: 7%;
  left: 50%;
  margin: -7% 0 0 -38%;
  position: absolute;
  top: 54%;
  width: 70%;
}

.icon-hamburger span::before,
.icon-hamburger span::after {
  background: #fff;
  content: "";
  display: block;
  height: 90%;
  left: 50%;
  margin: -8% 0 0 -50%;
  position: absolute;
  top: 55%;
  width: 100%;
}

.icon-hamburger span::before {
  margin-top: -33%;
}

.icon-hamburger span::after {
  margin-top: 25%;
}

@media screen and (max-width: 810px) {
  .icon-hamburger {
    display: inline-block;
				
  }
}


/*言語切り替えボタン*/

.language{
margin:0;
position: relative;
right: 0px;
top:-90px;
}

ul.la {
    margin:0 0 0 auto;
    display:table;
    table-layout:fixed;
    width:80px;
				hight:60px;
    padding-bottom: 0px;
}
ul.la li {
    font-size: 14px;
    display:table-cell;
    vertical-align:middle;
    text-align:center;
    background-color:#000000;
    border-left:1px solid white;
}

ul.la li.ac {
    background-color:#e04040;
}

ul.la li:hover {
    background-color:#cccccc;
				transition-duration:0.3s;
}


ul.la li:first-child {
    border:none;    
}
ul.la li a {
    display:block;
    text-decoration:none;
    color:white;
}

ul.la li.ac a {
    color:#113274;
}


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

.language{

    position: fixed;
				left: inherit;
				right:0px;
    top: 0px;
}
}
		
		
		

/*メイン領域設定*/
.main {
  /*position: relative;*/
  overflow:hidden;/*スマホの左右ぐらぐらを直す*/
}

/*ページャーの定義*/
.pager {
  position: fixed;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  padding: 0;
}
.pager li {
  display: block;
  margin: 20px;
}
.pager li a {
  display: block;
  width: 10px;
  height: 10px;
  background: #fff;
  border-radius: 50%;
}
.pager .is-current a {
  background: #232323;
}

/*各セクションの定義（1頁）*/
.section {
  width: 100%;
  height: 100vh;
		
}

@media screen and (max-width: 810px) {
/*スマホではscrollifyを無効化するので高さを画面高からautoに変更*/
.section {
  height:auto;
}
}

/*表示領域*/
.section-content {
  max-width: 1024px;
  margin: 0 auto;
  padding: 40px 0px;
  
		
}

/*セクション毎の背景*/
.section-about {
  background-color: #deb887;
		background-image: url(../images/aboutbk-img_01.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;
}

.section-top {
background-color: #1f357e;
background-image: url(../images/top-img_01.jpg);
background-attachment: fixed;
background-repeat: no-repeat;
background-size: cover;
}

.section-heritage {
background-color: #fff;
/*  background-color: rgba(125,52,126,0.8);
		background-image: url(../images/listbk-img_01.jpg);
		background-attachment: fixed;
		background-repeat: no-repeat;
		background-size: cover;*/
}


/*contentsページ用section-heritage*/
.heritage-sp {
width: 1024px;
height: 90px;
margin: 0 auto;
}

@media screen and (max-width: 810px) {
.heritage-sp {
display: none;
}
}


/*見出し・段落定義*/
h2 {
  color: #232323;
}
h2:first-child {
  margin-top: 0;
}

h3 {
  color: #232323;
}

p {
  color: #232323;
}

.txt-left {
text-align:left;
}


.txt-right {
text-align:right;
}

.txt-center {
text-align:center;
}

/*TOPページデザイン*/

.top_title_box {
width: 1024px;
height: 40vh;
min-height: 300px;
background: rgba(0,0,0,0.5);
margin: 50px auto 30px auto;
display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

.top_title_box a {
color: #FFF;
}


.top_read {
width: 512px;
/*padding: 70px 40px 40px 40px;*/
padding: 8vh 40px 40px 40px;

}

.top_read p {
color: #fff;
text-align: left;
}

.square_btn {
	margin: 50px auto 0px auto;
	display: block;
	/*position: relative;*/
	
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: rgba(0,0,0,0.0);
	border:1px solid #fff;
		
}

.square_btn:hover {
	 background: #fff;
  color: #333;
	 cursor: pointer;
	 text-decoration: none;
		transition-duration:0.3s;
		
	
}

.top_title {
width: 512px;
/*padding: 40px;*/
padding: 8vh 40px 40px 40px;
}

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

.top_title_box {
width: 100%;
height: inherit;
background: rgba(0,0,0,0.5);
padding-top: 0px;
margin: -35px 0px 0px 0px;
display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: reverse;
     -ms-flex-direction: column-reverse;
         flex-direction: column-reverse;
}

.top_title {
width: 100%;
height: 100%;
/*margin-left: -35px;*/
padding:inherit;
padding-top:50px;
}

.top_title img {
width: 100%;
max-width: 420px;
}

.top_read {
width: 75%;
padding-top: 10px;
padding-left: 15%;

}

}

.banner-area {
width: 1024px;
margin: 8vh auto 0 auto;
display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}

.banner-left {
width: 512px;
height: 155px;
background-image: url(../images/pamphlet_bk.png);
background-repeat: no-repeat;
}

h2.pamphlet {
margin: 0px;
padding: 50px 180px 0 0;
text-align: right;
font-size: 20px;
}

h2.pamphlet a {
color: #fff;
text-decoration: none;
}

h2.pamphlet a:hover {
color: #F7E2E2;
}

p.past-pamph {
text-align: left;
font-size: 14px;
}

p.past-pamph a {
color: #fff;
}

.banner-right {
width: 512px;
}

.banner_a {
background-repeat: no-repeat;
background-image: url(../images/banner01-o.jpg);
background-size: 512px auto;
}
 
.banner_a a {
    display: inline-block;
}
 
.banner_a a:hover {
	background-color: transparent; /* IE6対応 */
}
 
.banner_a a:hover img {
    visibility: hidden;
}

.top-footer{
padding-top: 2em;
color: #fff;
text-align: center;
}

.mail-footer{
padding-top: 2em;
color: #333;
}

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

.banner-area{
width: 100%;
padding-top: 0px;
margin: 0px;
display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}

.banner-left {
margin: 30px auto;
}

.banner-left {
width: 375px;
height: 114px;
background-image: url(../images/pamphlet-sp_bk.png);
background-repeat: no-repeat;
}

h2.pamphlet {
margin: 0px;
padding: 40px 120px 0 0;
text-align: right;
font-size: 18px;
line-height: 1;
}

h2.pamphlet a {
color: #fff;
text-decoration: none;
}

h2.pamphlet a:hover {
color: #F7E2E2;
}


.banner-right {
width: 375px;
margin: 10px auto;
}

.banner-right img {
width: 375px;
}

.banner_a {
width: 375px;
background-repeat: no-repeat;
background-image: url(../images/banner01sp-o.jpg);
background-size: 375px auto;
margin: auto;
}

}

/*機械遺産について*/

h1.aboutmeh {
padding-top: 90px;
text-align: left;
color: #fff;
}

.aboutmeh-box {
width: 1024px;
margin: 6vh auto 0 auto;
display: flex;
  -webkit-box-pack: center;
     -ms-flex-pack: center;
   justify-content: center;
}


.aboutmeh-left {
width:512px;
text-align: left;
}

.aboutmeh-left p{
color:#fff;
text-indent: 1em;
}

.aboutmeh-right {
width:512px;
text-align: center;

}

.aboutmeh-right hr {
width:50%;

}

.square_btn_ab {
	margin: 20px auto 20px auto;
	display: block;
	/*position: relative;*/
	width: 160px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background: rgba(0,0,0,0.0);
	border:1px solid #fff;
}

.square_btn_ab:hover {
	 background: #fff;
  color: #333;
	 cursor: pointer;
	 text-decoration: none;
		transition-duration:0.3s;
}

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

.aboutmeh-box {
width: 100%;
padding: 0px;
margin: 0px;
display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
     -ms-flex-direction: column;
         flex-direction: column;
}

h1.aboutmeh {
padding: 0px 30px;
text-align: left;
color: #fff;
}

.aboutmeh-left {
padding: 30px 30px;
width: 90%;
text-align: left;
}

.aboutmeh-left p{
color:#fff;
text-indent: 1em;
}

.aboutmeh-right {
padding: 0px 30px;
width: 90%;
text-align: center;

}

}


/*機械遺産一覧*/

h1.heritagelist {
padding-top: 60px;
text-align: left;
color: #333;
}

.heritagebox {
  width: 100%;
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;

}

.item {
  width: 300px;
  padding: 8px;
  border: 1px solid #ccc;
	 position: relative;
		margin: 10px auto;
		background-color: #FFF;
}


span.heritage-no  {
display: block;
width: 45px;
font-size: 12px;
padding: 3px;
text-align: center;
position: absolute;
top:8px;
left:8px;
color: #fff;
background-color: rgba(50,50,50,0.7);
}

span.heritage-pref {
display: block;
width: 60px;
font-size: 12px;
padding: 3px;
text-align: center;
position: absolute;
top:8px;
right:8px;
color: #fff;
background-color: rgba(50,50,50,0.7);
}

.item img {
  width: 100%;
		display: block;
	transition-duration: 0.3s;	/*変化に掛かる時間*/
}

.item img:hover {
  opacity: 0.6;
  transition-duration: 0.2s
}

.item p {
  text-align: center;
  margin: 5px auto;
  font-size: 14px;
  color: #333;
}
 
.item p.heritage-name {
font-size: 16px;
font-weight: 900;
color: rgba(125,52,126,1);
}

.item p.heritage-cat {
margin: auto;
padding: 0px 5px;
display: inline-block;
border: solid 1px #ccc;
}
 


p.heritage-txt {
width: 280px;
height: 80px;
text-align: left;

}


p.heritage-venu {

}

/*詳細を見るボタン*/

.btn {
    padding: 5px 20px;
    font-weight: bold;
    display: inline-block;
    text-decoration: none !important;
    font-size: 14px;
    font-family: Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
}
.btn01 {
    border: solid 1px #993e97;
    color: #993e97;
    background-size: 200% 100%;	
    background-image: -webkit-linear-gradient(left, transparent 50%, rgba(153, 62, 151, 1) 50%);	
    background-image: linear-gradient(to right, transparent 50%, rgba(153, 62, 151, 1) 50%);
    -webkit-transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
    transition: background-position .3s cubic-bezier(0.19, 1, 0.22, 1) .1s, color .5s ease 0s, background-color .5s ease;
}
.btn01:hover {
    background-color: #993e97;
    background-position: -100% 100%;
				color: #fff;
}
.btn:hover {
    opacity: 1.0;
}

/* 遺産一覧ソートボタン　*/
.sort_bt {
  display: inline-block;
  max-width: 180px;
  text-align: left;
  border: 1px solid #9ec34b;
  font-size: 14px;
  color: #9ec34b;
  text-decoration: none;
  padding: 5px 10px;

}

.sort_bt:hover {
  background-color: #9ec34b;
  border-color: #cbe585;
  color: #FFF;
}

/*メインcontents領域*/

.contents {
 width: 100%;
	min-width: 100px;
	max-width: 1024px;
	margin: auto;

}

img.mainimg{
 width: 100%;
	max-width: 1024px;
}

/*遺産詳細のタイトル*/

.titlebox{
position: relative;
width: 500px;
height: auto;
border: solid 3px #666;
margin: -24px auto;
background-color: #FFF;
}

.titlebox p {
font-size: 14px;
background-color: #ddd;
text-align: center;
margin: 0;
}

.titlebox h1 {
font-size: 20px;
text-align: center;
margin: 0.5em;
line-height: 1.2;
}

.titlebox h1 .subt {
font-size: 16px;
}


/*遺産詳細情報欄*/

.details-box {
width: 800px;
margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}


.details-txt {
/*width:560px; 右にキャプションサムネール出す場合はこちら*/
width:800px;
line-height: 2.0;

}

.details-caption {
/*width:240px; 右にキャプションサムネール出す場合はこちら*/
width:0px;
padding-top: 18px;
padding-left: 20px;
font-size: 14px;

}

.details-caption p {
text-align: center;
margin-top: 0em;
margin-bottom: 2em;
}

.details-caption img {
width:230px;
}

.details-caption .figure {
display: none;
}




/*公開情報等*/

.information-box{
width: 800px;
min-height: 400px;
margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
		border: solid 2px  rgba(125,52,126,1);
}

.information-inf {
width:384px;
padding: 1em;
}

.information-inf>p {
background-color:  rgba(125,52,126,1);
color: #fff;
font-weight: bold;
padding: 0.3em;
text-align: center;
}

.information-inf>h2 {
color: rgba(125,52,126,1);
font-weight: bold;
margin: 0;
font-size: 18px;
}


.information-map {
width:400px;

}


.information-inf dt,
.information-inf dd {
all:initial;
margin: 0px;
padding-top: 0.5em;
}

.information-inf dl {
display: flex;
display: -ms-flexbox;
flex-wrap: wrap;
}
 
.information-inf dt {
  flex-basis: 23em;
		font-weight: bold;
		border-top: 1px dotted #666666;
}
 
.information-inf dd {
		padding-top: 0em;
		padding-bottom: 0.3em;
		padding-left: 1em;
  flex-basis: 23em;
		word-break: break-all;
}


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

.titlebox{
position: relative;
width: 380px;
height: auto;
border: solid 3px #666;
margin: -21px auto;
background-color: #FFF;
}

.titlebox p {
font-size: 12px;
background-color: #ddd;
text-align: center;
margin: 0;
}

.titlebox h1 {
font-size: 18px;
text-align: center;
margin: 0.5em;
line-height: 1.2;
}

.details-box {
width: 90%;
margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;

}


.details-txt {
width:100%;

}

.details-caption {
width:90%;
height: 100%;
	
}

.details-caption p {
text-align: center;
margin-top: 0em;
margin-bottom: 2em;
}

.details-caption img {
width:90%;
}

.details-caption .figure {
display: none;
}

/*公開情報等*/

.information-box{
width: 90%;

margin: 2em auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
   -webkit-flex-wrap: wrap;
   flex-wrap: wrap;
		border: solid 2px  rgba(125,52,126,1);
		
}

.information-inf {
width:93%;
height: 100%;
padding: 1em;
}

.information-inf>p {
background-color:  rgba(125,52,126,1);
color: #fff;
font-weight: bold;
padding: 0.3em;
text-align: center;
}

.information-inf>h2 {
color: rgba(125,52,126,1);
font-weight: bold;
margin: 0;
}


.information-map {
width:93%;
height: 500px;
margin: auto;
margin-bottom: 1em;
}


}

@media screen and (max-width: 480px) {
.titlebox{
width: 95%;
}

.titlebox p {
font-size: 12px;
}

.titlebox h1 {
font-size: 16px;
}

.titlebox h1 .subt {
font-size: 14px;
}
}


/*エリアから探す*/
.area_title_box {
	 width: 1022px;
	 position: relative;
	 height:100%;
	 min-height:100%;
	 margin-top:0px;
	 margin-bottom:2px;
}


h1.area_title{
position:absolute;
top:60px;
right:90px;
font-size: 38px;
color: #fff;
    animation-name: fadeout;
				animation-delay: 3s;
    animation-duration: 3s;
    animation-iteration-count: 1;
				animation-fill-mode:forwards;
}

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

.area_title_box {
		margin-top: 55px;
	 width: 99%;
		margin-left: auto;
		margin-right: auto;
}

h1.area_title{
position:absolute;
top:100px;
right:90px;
font-size: 38px;
color: #fff;
    animation-name: fadeout;
				animation-delay: 3s;
    animation-duration: 3s;
    animation-iteration-count: 1;
				animation-fill-mode:forwards;
}



}

p.area_read {
width: 60%;
position:absolute;
top:180px;
left: 20%;
font-size: 18px;
color: #fff;
padding: 1em;
background-color: rgba(0,0,0,0.40);
    animation-name: fadeout;
				animation-delay: 3s;
    animation-duration: 3s;
    animation-iteration-count: 1;
				animation-fill-mode:forwards;
}

.area_balloon {
  position: absolute;
		top:35px;
		left: 12px;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  
  font-size: 18px;
		color: #fff;
  background-color: rgba(0,0,0,0.40);
    animation-name: fadeout;
				animation-delay: 3s;
    animation-duration: 3s;
    animation-iteration-count: 1;
				animation-fill-mode:forwards;
}

.area_balloon:before {
  content: "";
  position: absolute;
  top: -30px;
  left: 15%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-bottom: 15px solid  rgba(0,0,0,0.40);
}

.area_balloon p {
  margin: 0;
  padding: 0;
		color: #fff;
}

@keyframes fadeout {
from {
    opacity: 1;
}
to {
    opacity: 0;
}
}

/*カテゴリから探す*/

button {
    outline: none;
    margin-bottom: 5px;
    background: whitesmoke;
    width: 20%;
    height: auto;
    font-weight: normal;
    border: 1px solid #ededed;
    color: #000000;
    font-size: 14px;
    padding: 4px 0;
    text-shadow: 0px 0px 0px #2f6627;
}

@media screen and (max-width: 810px) {
button {
vertical-align:middle;
height: 4em;
}
}

button:hover {
    background: #99cfe0;
}

button.mixitup-control-active {
    box-shadow: 2px 2px 2px rgba(0, 0, 0, 0.5) inset, 0px 0px 1px transparent;
    background: #3a9fbf;
    color: white;
}

/*認定に至る経緯*/

.process_history {
padding: 0.5em 2em;
border: rgba(125,52,126,1) solid 1px;
background-color: #FFF;
}


.process_history dl dt{
  display: block;
		width: 120px;
  font-weight: bold;
  float: left;
		text-align: right;
}

.process_history dl dd{
  margin-left: 130px;
}


.process_category-box {
  display: flex;
  justify-content: center ;
}


.process_category-itm {
width: 33%;
}

.process_category-itm dt {
font-weight: bold;
}

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

.process_history {
width: 80%;
margin: auto;
}


.process_category-box {
  display: flex;
  flex-direction: column;
}

.process_category-itm {
width: 80%;
margin: auto;
}

.process_category-itm dl {
margin: 0px;
}

}

/*認定基準*/

.criteria {
padding: 0.5em 2em;
border: rgba(125,52,126,1) solid 1px;
}

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

.criteria {
width: 80%;
margin: auto;
}

}


/*両かっこの箇条書き*/
ol.list_parentheses{
  padding:0 0 0 2em;
  margin:0;
		margin-left: 1em;
}
 
ol.list_parentheses>li{
  list-style-type:none;
  list-style-position:inside;
  counter-increment: cnt;
}

ol.list_parentheses>li:before{
 margin-left: -1.9em;
  display: marker;
  content: "(" counter(cnt) ") ";
}

ol.list_parentheses li ul>li {
  list-style-position:outside;
  list-style-type:disc;
}

ol.list_parentheses li ul>li:before {
  list-style-type:inherit;
}

/*委員会名簿*/

.menberlist {
padding: 0.5em 2em;
border: rgba(125,52,126,1) solid 1px;
}

.menberlist h2 {
  color: rgba(125,52,126,1);
  border-bottom: rgba(125,52,126,1) solid 3px;
		margin-top: 0.5em;
}

.menberlist dt {
  font-weight: bold;
		margin-top: 1.5em;
}


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

.menberlist {
width: 80%;
margin: auto;
}

}

/*これまでのpamphlet*/

.pamphletbox{
display: flex;
justify-content: space-between;
}

.pamphletbox-left{
width: 380px;
padding: 0.5em 2em;

}

.pamphletbox-right{
width: 490px;
padding: 0.5em 2em;
border: rgba(125,52,126,1) solid 1px;
text-align: center;
}

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

h1.pamphletbox{
font-size:22px;
}

.pamphletbox{
display: flex;
flex-direction: column;
}

.pamphletbox-left{
width:  80%;
padding: 0.5em 2em;

}

.pamphletbox-right{
width: 80%;
padding: 0.5em 2em;
border: rgba(125,52,126,1) solid 1px;
text-align: center;
margin: auto;
}

}

/*推薦テーブルの改行補正*/

table>table td {

word-break:break-all

}


.txt-red {
color: red;
}

.txt-white {
color: #FFF;
}