/*
Theme Name: habakiri-child
Theme URI: http://2inc.org
Description: Habakiri の子テーマ
Author: Takashi Kitajima
Author URI: http://2inc.org
Version: 1.0.0
License: GNU General Public License
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Template: habakiri
*/

body {
	font-size: 1.6em;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Sans", Noto, Meiryo, "Helvetica Neue", Arial, sans-serif,"Font Awesome 5 Free";
	line-height: 1.9em;
color:#555a46;
}
.container-fluid,
.sub-page-contents{
min-height: 100vh ! important;
}

.ssearch
	{
	padding:1em 1em;}

p {
	margin-bottom: 20px;
}

.norm1 ul {
	font-size:16px;
	list-style: none;
}
.norm1 li {
}

h1{
	font-weight:bold;
}

h1.page-header__title {
	text-shadow: 1px 1px 2px #888;
}
.page-header,
.breadcrumbs {
	display: none;
}

h1.midashi {
	margin: 0.5em 0;
	padding: .5em .75em;
	color: #ffffff;
	background-color: #2798e6;
	border-left: 6px solid #ffb52b;
	font-size: 1.2em;
}

h1.midashia {
	margin: 2em 0 1em;
	padding: .5em .75em;
	background-color: #ffe754;
	border-left: 8px solid #1b3d8e;
	font-size: 1.2em;
}

h1.midashi22 {
	margin: 2em 0 0;
	padding: .5em .75em;
	color: #2798e6;
	background-color: #f5f4eb;
	border-left: 8px solid #2798e6;
	font-size: 1.3em;
}

h1.title {
  color: #364e96;/*文字色*/
  padding: 0.5em 0;/*上下の余白*/
  border-top: solid 3px #364e96;/*上線*/
  border-bottom: solid 3px #364e96;/*下線*/
}

h2 {
	margin-top:40px;
	margin-bottom:18px;
	border-bottom: solid 3px skyblue;
	position: relative;
}

h2:after{
	position: absolute;
	content: " ";
	display: block;
	border-bottom: solid 3px #93ad01;
	bottom: -3px;
	width: 30%;
}
h2.gen{
	border-bottom:none;
}
h2.gen:before{
	border-bottom:none;
}

h3 {
	position: relative;
	color: #3f7301;
	line-height: 1.4;
	padding:0.25em 1em;
	display: inline-block;
	margin-top:10px;
}

h3:before,h3:after{ 
	position: absolute;
	top: 0;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
}

h3:before{
	border-top: dotted 1px #93ad01;
	border-left: dotted 1px #93ad01;
	border-bottom: dotted 1px #93ad01;
	left: 0;
}

h3:after{
	content: '';
	border-top: dotted 1px #535aaa;
	border-right: dotted 1px #535aaa;
	border-bottom: dotted 1px #535aaa;
	right: 0;
}

h3.oto {
	position: relative;
	color: #5bcf1d;
	font-weight: bold;
	line-height: 1.4;
	padding:0.25em 1em;
	display: inline-block;
}

h3.oto:before,h3:after{ 
	position: absolute;
	content:'';
	width: 8px;
	height: 100%;
	display: inline-block;
}

h3.oto:before{
	border-top: solid 2px #5bcf1d;
	border-left: solid 2px #5bcf1d;
	border-bottom: solid 2px #5bcf1d;
	left: 0;
}

h3.oto:after{
	content: '';
	border-top: solid 2px #5bcf1d;
	border-right: solid 2px #5bcf1d;
	border-bottom: solid 2px #5bcf1d;
	right: 0;
}

h4 {
	position: relative;
	margin: 30px 0 10px;
	padding-left: 25px;
	font-size:20px;
	font-weight:bold;
	color: #ff7700;
}
h4::before,
h4::after{
	content: "□";
	position: absolute;
}
h4::before{
	left:0;
	top:-3px;
}
h4::after{
	left: 5px;
	top: 3px;
	color: #FFAF64;
}
h4.shou {
	font-size:18px;
}
h4.feature a {
	color: #ff7700;
}

h5 {
	display: table;
	font-size:16px;
	font-weight:bold;
	border-bottom:2px solid #ff7700;
}

h5.report {
  position: relative;
  padding: 1.5rem 0.5rem 0.5rem;
  border-bottom: 2px solid #bdbdbd;
  background: #fff;
}

h5.report:before {
  position: absolute;
  bottom: -14px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #bdbdbd transparent transparent transparent;
}

h5.report:after {
  position: absolute;
  bottom: -10px;
  left: 1em;
  width: 0;
  height: 0;
  content: '';
  border-width: 14px 12px 0 12px;
  border-style: solid;
  border-color: #fff transparent transparent transparent;
}

h6.syu {
  display:inline-block;
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
  background-color:#348feb;
  border:none;
  padding:3px 16px 2px;
}

h6.san {
  display:inline-block;
  color:#fff;
  font-size:1.1em;
  font-weight:bold;
  background-color:#39d128;
  border:none;
  padding:3px 16px 2px;
}

h6.ana{
  font-size:1.05em;
  font-weight:600;
  background-color:#d6edff;
  border:none;
  padding:3px 16px 2px;
}

h6.act{
  text-align:center;
  font-size:1.2em;
  font-weight:600;
  color:#fff;
  background-color:#93ad01;
  border:none;
  padding:3px 16px 2px;
}

h6.gan{
  text-align:center;
  font-size:1.2em;
  font-weight:600;
  color:#fff;
  background-color:#4287f5;
  border:none;
  padding:3px 16px 2px;
}

h6.sonan{
  text-align:center;
  font-size:1.2em;
  font-weight:600;
  color:#3f7301;
  border: 1px solid #3f7301;
  padding:3px 16px 2px;
}

.oyoso{
	display: flex;
	align-items: center;
	justify-content: center;
	height: 80vh;
}

.yoso{

}
.yoso h1{
font-size:4em;
font-weight:700;
}

.habakiri-slider{
	filter: drop-shadow(0px 2px 6px rgba(0,0,0,0.6));
}

p.faqq{
	font-size:16px;
	font-weight:bold;
	color:#e6485b;
	border-bottom:none;
	margin-bottom:0;
}
p.faqa{
	font-size:16px;
	font-weight:bold;
	color:#6268d3;
	border-bottom:none;
	margin-top:0;
}

.entry-meta ul li.author{
display:none;
}


.fbox1 h1 {
	position: relative;
	font-size:20px;
	font-weight:bold;
	color: #ff7700;
}
.fbox1 h1 a {
	color: #ff7700;
}

.fbox2 h1 {
	position: relative;
	font-size:20px;
	font-weight:bold;
	color: #ff7700;
}
.fbox2 h1 a {
	color: #ff7700;
}

.fbox3 h1 {
	position: relative;
	font-size:20px;
	font-weight:bold;
	color: #ff7700;
}
.fbox3 h1 a {
	color: #ff7700;
}

img {
    image-rendering: -webkit-optimize-contrast;
}

a img {
	 border: none;
	text-decoration: none;
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;}
a img:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}

.carousel-indicators { 
	bottom: 18px;
}

blockquote{
	position: relative;
	margin: 0 1em 1.5em;
	padding: 0.8em 1.5em;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	background-color: #F2F2F2;
	z-index: 1;
}
blockquote p{
	position: relative;
	font-size:0.8em;
	font-style:italic;
	z-index: 3;
}
blockquote:before{
	content: "“";
	font-size: 800%;
	font-style:italic;
	line-height: 0.8em;
	font-family: 'Times', 'Times New Roman' ,sans-serif;
	color: #fff;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 2;
}
 
blockquote:after{
	content: "”";
	font-size: 800%;
	font-style:italic;
	line-height: 0em;
	font-family: 'Times', 'Times New Roman' ,sans-serif;
	color: #fff;
	position: absolute;
	right: 0;
	bottom: 0;
	z-index: 2;
}

hr.whiteline {
	border-top: 5px solid #fff;
}
hr.nline {
	border-top: 1px solid #555a46;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

hr.trans {
  border: 1px solid transparent;
}

hr.trans10 {
  border: 10px solid transparent;
}

hr.trans20 {
  border: 20px solid transparent;
}

.breadcrumbs {
  font-size: 1.1em;
  color: #ff7700;
}

.frame {
  display: block;
  overflow: auto;
  padding: 5px 20px 0 20px;
  margin: 0 0 18px;
  font-size: 0.9em;
  line-height: 1.7;
  background-color: #fff;
  border: 0px solid #cccccf;
  border-radius: 4px; 
}

.frame ul li{
  list-style: none;
  margin-left: -2em;
}

.frame h2{
  font-size: 1.8em;
  margin: 5px 0 15px;
  padding: 0;
}

.frame h3{
  font-size: 1.4em;
  margin: 5px 0 5px;
}

.frame h5{
  font-size: 1.1em;
  margin: 5px 0 5px;
  padding: 0;
}

.page-header--has_background-image {
	padding-top: 60px;
}

.wp-caption {
	background: #ffffff;
	line-height: 18px;
	margin: 0.5em;
	margin-bottom: 0.5em;
	margin-left: 0.5em;
	padding: 0;
	text-align: left;
	border: 0px solid #e5e5e5;
	max-width: 100% !important;
}

.wp-caption img {
	margin: 0 10px 9px 20px;
	max-width: 100% !important;
	height: auto !important;
}

.wp-caption-text {
	color: #666;
	font-size: 0.9em;
	margin: 0 10px 0 20px;
}

.tiled-gallery-caption{
overflow: visible !important;
text-overflow: clip !important;
white-space: normal !important;
padding: .5em 1em !important;
text-indent: 0 !important;
}

.pagination li > span {
  color: #fff; }

.responsive_video { 
    position: relative; 
    padding-bottom: 56.25%; 
    margin-bottom:25px
}
.responsive_video video, 
.responsive_video iframe, 
.responsive_video object, 
.responsive_video embed { 
    position: absolute; top: 0; left: 0; width: 100%; height: 100%;
}

.copyright {
	background-color: #555a46;
	color: #fff;
	font-size: 12px;
	padding: 15px 0; }
	.copyright a {
	color: #444;
}

.mbox {
	padding: 1em;
	margin: 1em 0em;
	background: #fdfdfd;
	border-bottom: solid 0px #3C96D4;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}

.fbox1 {
	padding: 1em;
	margin: 2em 0em;
	background: #fdfdfd;
	border-bottom: solid 5px #3C96D4;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}

.fbox1 p {
	margin: 0; 
	padding: 0;
	color: #222;
	font-size: 0.9em;
	line-height: 1.7em;
}

.fbox2 {
	padding: 1em;
	margin: 2em 0em;
}
.fbox2 img{
  border-radius: 20px; 
}
.fbox2 p {
	margin: 0; 
	padding: 0;
	color: #222;
	font-size: 0.9em;
	line-height: 1.7em;
}

.fbox3 {
	padding: 1em;
	margin: 2em 0em;
	background: #fdfdfd;
	border-bottom: solid 5px #629A3E;
	box-shadow: 0 3px 4px rgba(0, 0, 0, 0.32);
}
.fbox3 p {
	margin: 0; 
	padding: 0;
	color: #222;
	font-size: 0.9em;
	line-height: 1.7em;
}

.fbox4 {
	padding: 1px;
	margin: 2em 0 0 0;
	color: #222;
	font-size: 0.9em;
	line-height:1.45em;
}
.fbox4 h4{
	font-size: 1.2em ;
	margin: 0 0 5px ;
}
.otobox {
	padding: 1.3em 3em 0.5em;
	margin: 2em 0em;
     background: url(https://rarecancersjapan.org/jp/wp-content/uploads/2020/11/oto_background.jpg) center / 100% #fdfdfd;
	border-bottom: solid 5px #fff021;
	box-shadow: 0 3px 8px rgba(0, 0, 0, 0.32);
}

.otofb{
  overflow: hidden;
  margin-bottom:20px;
}
.ofb{
  float: left;
	margin-right: 1em;
}

.pos {
	position: relative;
	margin: 0 ;
	padding: 0 ;
}
.pos p.official{
	position: absolute;
	color: white;
	background: rgba(84,114,205,0.7);
	font-size: 1em;
	font-weight: bold;
	border: 1px solid #fff;
	padding: 2px 7px 0;
	bottom: -3px;
	left: 1em;
}
.pos img{
	border-radius: 12px ;
}
p.handle{
	margin: 0 0 8px;
	padding: 0 ;
	color: #5472cd;
	font-size: 0.9em;
	line-height: 1.2em;
}
.midashi01{
	font-size: 1.5em;
	font-weight: 700;
  border-bottom: solid 3px skyblue;
  position: relative;
}
.midashi01:after{
  position: absolute;
  content: " ";
  display: block;
  border-bottom: solid 3px #3f7301;
  bottom: -3px;
  width: 30%;
}
.midashi02{
  font-size: 1.5em;
  font-weight: 700;
  position: relative;
  padding: 10px 15px 5px 35px;
  background-color: #eff5d5;
  border-bottom:2px solid #93ad01;
  border-radius: 12px;
}
 
.midashi02:after {
  position: absolute;
  content: '';
  top: 50%;
  left: 15px;
  transform: translateY(-50%);
  width: 5px;
  height: 25px;
  background-color: #93ad01;
}

.past{
	background-color: #fffffd;	
	margin:0 0 15px 0;
	padding:5px 10px 1px 0;
	line-height: 2;
}
.past ul {
	list-style: none;
	margin-left: 0;
	padding-left: 0;
}
.past li {
	border-bottom: 1px dotted #d0d0d0;
}
.past ul li br{
	display: none;
}
.past ul li a{
	font-weight: normal; 
}
.past ul li a:hover { 
	
}

#nav_menu-2 ul li
{
	border:none;
}
#nav_menu-3 ul li
{
	border:none;
}
#nav_menu-4 ul li
{
	border:none;
}
#nav_menu-5 ul li
{
	border:none;
}

.yaji1{
	color:#3C96D4;
}

.yaji2{
	color:#c36be4;
}

.yaji3{
	color:#ff7700;
}

.yaji4{
	color:#4dc385;
}

.yaji5{
	color:#ff0000;
}

.topnav2 {
	height: 120px;
	margin: 0;
}
ul.topnav2 {
	margin: 0;
	padding: 0;
	display: block;
	list-style-type: none;
}

ul.topnav2 li {
	margin: 0;
	padding: 12px 0 0 0;
	list-style-type: none;
}

#form4{
	position:relative;
	padding:38px;
}
#sbox4{
	height:35px;
	padding:0 10px;
	position:absolute;
	left:0;
	top:0;
	width:250px!important;
	border-radius:20px;
	border:solid 3px #eaeaea;
	outline: 0;
}
#sbtn4{
	height: 35px;
	position: absolute;
	left:220px;
	top: 0;
	background:#53b5c9;
	color:#fff;
	border:none;
	font-size:16px;
	border-radius:0 20px 20px 0;
	outline: 0;
}
#sbtn4:hover{
	background:#3C96D4;
	color:#7fbfff;
}

.ssbtn a {
  display: inline-block;
  justify-content: space-between;
  align-items: center;
  margin: 0 .5em;
  padding: .1em 1em;
  color: #f90;
  font-size: .9em;
  border: 1px solid #f90;
  border-radius: 20px;
}

.ssbtn a:hover {
  color: #fff !important;
  text-decoration: none;
  background-color: #f90;
}

.topb{
	margin-left:5px;
}

ul.ul_sitemap {
	margin: 0 0 0 12px;
	padding: 0;
	list-style-type: none;
}

.req-i {
	background: #FF1A00;
}

.arb-i {
	background: #999;
}

.req-i,
.arb-i {
	color: #FFF;
	border-radius: 3px;
	font-size: 0.8em;
	margin-right: 10px;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

.req-i2 {
	background: #FF1A00;
}

.arb-i2 {
	background: #999;
}

.req-i2,
.arb-i2 {
	vertical-align: top;
	color: #FFF;
	border-radius: 3px;
	font-size: 0.5em;
	margin-left: 0.8em;
	padding: 5px 10px;
	letter-spacing: 0.2em;
}

.wpcf7a input[type="text"],
.wpcf7a input[type="email"],
.wpcf7a input[type="tel"],
.wpcf7a input[type="password"],
.wpcf7a textarea  {
	 width: 100%;
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 0;
	 border: 1px solid #aaa;
	 border-radius: 8px;
}
.wpcf7a input[type="text"],
.wpcf7a input[type="email"],
.wpcf7a input[type="tel"],
.wpcf7a input[type="password"]
  {
	 height: 2.5em;
}
.wpcf7a label  {
	 width: 100%;
	 padding: 0 15px;
	 margin: ;
	 font-weight: normal;
}

.wpcf7b input[type="text"],
.wpcf7b input[type="email"],
.wpcf7b input[type="tel"],
.wpcf7b input[type="password"],
.wpcf7b textarea  {
	 padding: 8px 15px;
	 margin-right: 10px;
	 margin-top: 0;
	 border: 1px solid #aaa;
	 border-radius: 8px;
}
.wpcf7b input[type="text"],
.wpcf7b input[type="email"],
.wpcf7b input[type="tel"],
.wpcf7b input[type="password"]
  {
	 height: 2.5em;
}
.wpcf7b label  {
	 width: 100%;
	 padding: 0 15px;
	 margin: ;
	 font-weight: normal;
}
#cf01  {width: 10%;height:2.5em;}
#cf02  {width: 20%;height:2.5em;}
#cf03  {width: 30%;height:2.5em;}
#cf04  {width: 40%;height:2.5em;}
#cf05  {width: 50%;height:2.5em;}
#cf06  {width: 60%;height:2.5em;}
#cf07  {width: 70%;height:2.5em;}
#cf08  {width: 80%;height:2.5em;}
#cf09  {width: 90%;height:2.5em;}
#cf10  {width: 100%;height:2.5em;}
#cf160  {width: 160px;}
#cfh05 {height:5em;}
#cfh06 {height:6em;}
#cfh07 {height:7em;}
#cfh08 {height:8em;}
.wpcf7 input[type="submit"]  {
	width: 60%;
	height: 45px;
	margin: 0 10px;
	background: #f90;
	color: #FFF;
	font-size: 1.1em;
	font-weight: bold;
	letter-spacing: 0.2em;
	border: 1px solid #f90;
	 border-radius: 8px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-o-transition: 0.3s;
	-ms-transition: 0.3s;
	transition: 0.3s;	
}
.wpcf7 input[type="submit"]:hover{
	background: #FFF;
	color: #f90;  
}
.wpcf7-form .wpcf7-select, select {
color: #000;
	width: 60%;
}

.wpcf7-list-item {
	padding-right: 1em;
}
.wpcf7-list-item label{
	font-weight: 300;
}
input.wpcf7c-conf,
textarea.wpcf7c-conf,
select.wpcf7c-conf {
  border: 0;
  padding: 0;
  background: #f0ffff;
}

.subcheck{
font-weight:normal;
}

select::-ms-expand {
    display: none;
}
select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	margin-bottom: 20px;
	padding: 7px 30px 7px 10px;
	font-size: 93%;
	line-height: 1.1em;
	border-radius: 5px;
	border: none;
	background-image: url(https://rarecancersjapan.org/jp/wp-content/uploads/2020/11/icon_arrow.png);
	background-repeat: no-repeat;
	background-size: 12px 10px;
	background-position: right 10px center;
	background-color: #eee;
}

.center {
	text-align:center;
}

.footer-widget ul{
	line-height:1.6em;
}

.box01 {
    padding: 1em 1.4em;
    margin: 1.6em 0;
    color: #333;
    background: #FFF;
    border: solid 1px #4e6cad;
    border-radius: 4px;
}
.box01 p {
    margin: 0; 
    padding: 3px;
}

.box02{
  background-color: #fffcf5;
  border: solid 2px #c7ae69;
    border-radius: 4px;
    font-size: 1.1em;
line-height:1.8em;
  padding: 2em 1.6em 1.98em 1.6em;
  margin: 2em 0;
}

.box03 {
    padding: 0 .6em;
    margin: .7em;
    color: #333;
    background: #FFF;
    border: #ddd;
    border-radius: 4px;
}
.box03 p {
    margin: 0; 
    padding: 3px;
}

.clearfix {
               clear: both;
}

.post-navigation {
    overflow: hidden;
    padding: 12px 0;
    border-top: 1px solid #eee;
    border-bottom: 1px solid #eee;
}

.prev {
    float: left;
}

.next {
    float: right;
}

table.tab1 {
	margin: 3px 0 30px;
	text-align: left;
	font-size:0.85em;
	line-height: 1.5em;
	border-bottom: solid #fd983f 1px;
}

table.tab1 th {
	padding: 5px 20px;
	border-top: solid #fd983f 1px;
	font-weight: normal;
	background: #fffeee;
}

table.tab1 th.vln{
	padding: 3px 10px;
	border-top: solid #fd983f 1px;
	border-right: none;
	font-weight: bold;
	white-space: nowrap;
	background: #fffaaa;
}

table.tab1 td.vlp {
	padding: 3px 10px;
	border-top: solid #fd983f 1px;
	border-right: solid #fd983f 1px;
	background: #fffeee;
}

table.tab1 td{
	padding: 5px 20px;
	border-top: solid #fd983f 1px;
	background: #fff;
}

table.tab2{
	margin: 3px 0 30px;
	text-align: left;
	font-size:1em;
	line-height: 1.5em;
	border-bottom: solid #afa666 1px;
}

table.tab2 th {
	padding: 3px 10px;
	border-top: solid #afa666 1px;
	border-right: solid #afa666 1px;
	font-weight: bold;
	white-space: nowrap;
}

table.tab2 th.vln{
	padding: 3px 10px;
	border-top: solid #afa666 1px;
	border-right: none;
	font-weight: bold;
	white-space: nowrap;
}

table.tab2 td.vlp {
	padding: 3px 10px;
	border-top: solid #afa666 1px;
	border-right: solid #afa666 1px;
}

table.tab2 td{
	padding: 5px 20px;
	border-top: solid #afa666 1px;
	border-right: none;
}

table.tab2a{
	margin: 3px 0 30px;
	text-align: left;
	font-size:1em;
	line-height: 1.5em;
	border-bottom: solid #afa666 1px;
}

table.tab2a td{
	padding: 5px 8px;
	border-top: solid #afa666 1px;
	border-right: none;
}

table.tab2a td.wid{
	width: 45%;
}

table.tab2a td.ll{
	text-align: right;
	border-left: solid #afa666 1px;
}

table.tab2a td.lll{
	text-align: left;
	border-left: solid #afa666 1px;
}

table.tab3 {
	margin: 3px 0 30px;
	text-align: left;
	font-size:0.85em;
	line-height: 1.5em;
	border: solid #fd983f 1px;
}

table.tab3 th {
	padding: 5px 10px;
	border-top: solid #fd983f 1px;
	border-right: solid #fd983f 1px;
	text-align: center;
	background: #fffeee;
}

table.tab3 th.vln{
	padding: 3px 10px;
	border-top: solid #fd983f 1px;
	border-right: none;
	font-weight: bold;
	white-space: nowrap;
	background: #fffaaa;
}

table.tab3 td.vlp {
	padding: 3px 10px;
	border-top: solid #fd983f 1px;
	border-right: solid #fd983f 1px;
	background: #fffeee;
}

table.tab3 td{
	padding: 5px 10px;
	border-top: solid #fd983f 1px;
	border-right: solid #fd983f 1px;
	background: #fff;
}

table.tab4{
	margin: 3px 0 30px;
	text-align: left;
	font-size:1em;
	line-height: 1.5em;
	border-bottom: solid #eee 1px;
}

table.tab4 th{
	padding: 3px 10px;
	border-top: solid #eee 1px;
	border-right: none;
	font-weight: bold;
	white-space: nowrap;
}

table.tab4 td{
	padding: 3px 10px;
	border-top: solid #eee 1px;
	border-right: none;
}

#vimeo(
margin:0;
padding:0;
)

.vimeo{
margin-bottom:-1.8em;
}
.vimeo2 {
  margin-bottom:1em;
  position: relative;
  padding-bottom: 56.25%;
  height: 0;
  overflow: hidden;
}
.vimeo2 iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border:1px solid #ddd;
}

.nomar{
color: #5472cd;
font-size:1.2em;
font-weight:bold;
line-height:1.8em;
border-bottom:dotted 1px #5472cd;
padding-bottom:.2em;
margin:0 0 .5em;
}

dl{
  font-size:0.9em;
  margin-bottom:0;
}
dt{
  float: left;
}

dt::after{
  content: ""
}

dd{
margin-left:6em;
}

dt.large{
  float: left;
  font-size: 1.1em;
}

dt.large::after{
  content: "："
}

dd.large{
  margin-left:5em;
  font-size: 1.1em;
}

.ac-box{
width: auto;
margin: 0 auto 5px;
}

.ac-box label{
max-width: 500px;
font-size: 1.2em;
font-weight: bold;
text-align: center;
background: #93ad01;
margin: auto;
line-height: 50px;
position: relative;
display: block;
height: 50px;
border-radius: 8px;
cursor: pointer;
color: #fff;
transition: all 0.5s;
}

.ac-box label:hover{
background: rgba( 147, 173, 1, 0.55 );
-webkit-transition: all .3s;
transition: all .3s;
}

.ac-box input{
display: none;
}

.ac-box label:after{
color: #fff;
font-family:"FontAwesome";
content:" \f078";
}

.ac-box input:checked ~ label::after {
color: #fff;
font-family:"FontAwesome";
content:" \f077";
}

.ac-box div{
height: 0px;
padding: 0px;
overflow: hidden;
opacity: 0;
transition: 0.5s;
}

.ac-box input:checked ~ div{
height: auto;
padding: 5px;
background: #eee;
opacity: 1;
}

.ac-box div p{
color: #777;
line-height: 1.4em;
font-size: 0.9em;
padding: .7em 1.3em;
text-align: justify;
}

/*-------------------------------------------*/
/* .pager
/*-------------------------------------------*/
 
.pager li { margin-bottom: 0.5em;  overflow: hidden; }
.pager li.previous a:before { content: "<<"; margin-right: 0.7em; }
.pager li.next a:after { content: ">>"; margin-left: 0.7em; }


/* Bootstrapレスポンシブ用ブレイクポイントとcss */
@media screen and (min-width: 1200px) {
	.menu > li {
		border-left: 1px solid #ccc;
	}
	.menu > li:last-child {
		border-right: 1px solid #ccc;
	}
	.shidem {
	display:none; }
	#contents > div.sub-page-contents > div > div > div.col-md-9{
	padding-right:40px;
	}

	.messe1 {
	position: absolute;
	margin-top: 11%;
	margin-left: 55%;
	width:100%;
	}
	.messe1 h1{
	font-size:3.6em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
}
	.messe1 p{
	font-size:1.2em;
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
}
	.messe2 {
	position: absolute;
	margin-top: 11%;
	margin-left: -5%;
	width:100%;
	}
	.messe2 h1{
	font-size:3.6em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.messe2 p{
	font-size:1.2em;
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.narrowtxt{
	display:none;
}
}

@media (min-width: 992px) and (max-width: 1199.98px) {
	.menu > li {
		border-left: 1px solid #ccc;
	}
	.menu > li:last-child {
		border-right: 1px solid #ccc;
	}
	ul.topnav2 li img{
	width: 45%;
}
	.shidem {
	display:none; }
	.site-branding{
	margin-left:15px;
	}
	#contents > div.sub-page-contents > div > div > div.col-md-9{
	padding-right:40px;
	}

	.messe1 {
	position: absolute;
	margin-top: 10%;
	margin-left: 55%;
	width:100%;
	}
	.messe1 h1{
	font-size:3.3em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
}
	.messe1 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
}
	.messe2 {
	position: absolute;
	margin-top: 10%;
	margin-left: -5%;
	width:100%;
	}
	.messe2 h1{
	font-size:3.3em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.messe2 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.narrowtxt{
	display:none;
}
table.tab2a td.wid{
	width: 30%;
}
}

@media (min-width: 768px) and (max-width: 991.98px) {
	.slick-track {
		height: 235px;
	}
.topnav2 {
	height: 80px;
	margin: 0;
}
	ul.topnav2 {
	margin: 0 0 10px; 
	padding: 0 100px; 
}
	ul.topnav2 li img{
	width: 45%;
}
	.hidem {
	display:none; }
	img.fsize{
	width:100%;
	}
	.site-branding{
	margin-left:15px;
	}

	.messe1 {
	position: absolute;
	margin-top: 0;
	margin-left: 55%;
	width:100%;
	}
	.messe1 h1{
	font-size:3em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
}
	.messe1 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
}
	.messe2 {
	position: absolute;
	margin-top: 0;
	margin-left: -5%;
	width:100%;
	}
	.messe2 h1{
	font-size:3em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.messe2 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.narrowtxt{
	display:none;
}
.vimeo{
margin-top:1em;
margin-bottom:0;
}
table.tab2a td.wid{
	width: 30%;
}
}

@media (min-width: 576px) and (max-width: 767.98px) {
	.slick-track {
		height: 200px;
	}
.topnav2 {
	height: 60px;
	margin: 0;
}
	ul.topnav2 {
	margin: 0 0 10px; 
	padding: 0 60px; 
}
	ul.topnav2 li img{
	width: 45%;
}
	.hidem {
	display:none; }
	img.fsize{
	width:100%;
	}
	.site-branding{
	margin-left:15px;
	}

	.messe1 {
	position: absolute;
	margin-top: 0;
	margin-left: 40%;
	width:100%;
	}
	.messe1 h1{
	font-size:2.8em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
}
	.messe1 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
}
	.messe2 {
	position: absolute;
	margin-top: 0;
	margin-left: -5%;
	width:100%;
	}
	.messe2 h1{
	font-size:2.8em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.messe2 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.widetxt{
	display:none;
}
.vimeo{
margin-top:1em;
margin-bottom:0;
}
table.tab2a td.wid{
	width: 25%;
}
}

@media screen and (max-width: 575.98px) {
	.slick-track {
		height: 118px;
	}
.topnav2 {
	height: 60px;
	margin: 0;
}
	ul.topnav2 {
	margin: 0 0 10px; 
}
	ul.topnav2 li img{
	width: 45%;
}
.slick-track{
	height: 200px;
}
	.hidem {
	display:none; }
	img.fsize{
	width:100%;
	}
	.site-branding{
	margin-left:10px;
	}

	.messe1 {
	position: absolute;
	margin-top: 0;
	margin-left: 15%;
	width:100%;
	}
	.messe1 h1{
	font-size:2.3em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
}
	.messe1 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
}
	.messe2 {
	position: absolute;
	margin-top: 0;
	margin-left: -5%;
	width:100%;
	}
	.messe2 h1{
	font-size:2.3em;
	font-weight:700;
	font-family: 'Noto Serif JP', serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.messe2 p{
	font-weight:500;
	font-family: 'Noto Sans JP', sans-serif;
	text-shadow:2px 2px 10px #000,-1px -1px 5px #000;
}
	.widetxt{
	display:none;
}
.vimeo{
margin-top:-2.5em;
margin-bottom:-3.5em;
}
table.tab2a td.wid{
	width: 23%;
}
}