@charset "UTF-8";

/* ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝　big_title　＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ */
.second_title {
background-image:url(../image/second_bg01.jpg);
height:130px;
}
.second_title h2{
text-align:center;
padding:2.5em 0 1em 0;
font-size:1.8em;
}

.kakomi_blue {
max-width:1000px;
margin:0 auto;
border:solid 1px #0077d7;
padding:0.8em;
}

/*========= aboutus.html member.html ==========*/
dl.dl-yoko {
	padding:0.2em 0 0.2em 0;
	border-bottom:1px solid #eee;
}
dl.dl-yoko dt {
	padding:0 0 0 0.8em;
	font-weight: bold;
}

@media screen and (min-width: 768px) {
dl.dl-yoko dt {
	clear: left;
	float: left;
	width: 30%;
}
dl.dl-yoko dd { 
	display: block;
	margin-left:30%;
}
}

/*========= entry.html ==========*/
p.entry_commenth {
	margin-bottom:3px;
	font-size:1.1em;
	color:#00a0e9;
	font-weight:bold;
}

/*========= report.html ==========*/

.card-title {
font-size:0.9em;
	padding: 0.2em 0.4em;/*上下 左右の余白*/
	color: #494949;/*文字色*/
	background: transparent;/*背景透明に*/
	border-left: solid 5px #0077d7;/*左線*/
}
span.katsudou_h {
	background:blue;
	padding:0.5em;
	border-radius:3px;
	color:#fff;
	font-size:0.9em;
	margin-left:5px;
}
.square_btn_small a {
	align-items: center;
	font-size:0.8rem;
	display:inline-block;
	padding: 0.3em 1em;
	text-decoration: none;
	border-radius: 4px;
	color:#FFF;/*効かない*/
	background-image: -webkit-linear-gradient(45deg, #031af9 0%, #64affc 100%);
	background-image: linear-gradient(45deg, #031af9 0%, #64affc 100%);
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.29);
	border-bottom: solid 3px #031af9;
}

.square_btn_small a:hover{
	background:#057df8;
	border-bottom: solid 3px #054af8;
}
.square_btn_small a:active{
	-ms-transform: translateY(4px);
	-webkit-transform: translateY(4px);
	transform: translateY(4px);
	box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.2);
	border-bottom: none;
	color: #fff;
}

/* ＝＝＝＝ 地図 ＝＝＝＝＝ */
#gmap {
	width:100%;
	height:400px;
	margin:0px 0px 0px 0px;
}
.maph4 {
	color:#0077d7;
	font-size:12px;
	font-weight:bold;
}
.popup {
	width:200px;
	height:50px;
	padding:5px;
	white-space: nowrap;
	text-align:center;
}

#gmaptop {
	float:left;
	width:100%;
	height:600px;
	margin:0;
	border:1px solid #e1deda;
	clear:both;
	z-index: 2;
}

.maph4top {
	color:#000;
}
.popuptop {
	width:100%;
	height:25px;
	padding:3px;
	white-space: nowrap;
	overflow:hidden;
	font-size:12px;
}

.text-nowrap {
white-space:nowrap;
}

@media screen and (max-width: 768px) {
.newstable thead {
display: none;
}
.newstable td {
width:100%;
    display: block;
}
}

/*-----member.html ----------*/
figure.snip1104 {
  font-family: 'Raleway', Arial, sans-serif;
  position: relative;
  overflow: hidden;
/*  margin: 10px;*/
  min-width: 300px;
  max-width: 600px;
  max-height: 400px;
  width: 100%;
  background: #000000;
  color: #ffffff;
  text-align: center;
  box-shadow: 0 0 5px rgba(0, 0, 0, 0.15);
}

figure.snip1104 * {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: all 0.4s ease-in-out;
  transition: all 0.4s ease-in-out;
}

figure.snip1104 img {
  max-width: 100%;
  position: relative;
  opacity: 0.4;
}

figure.snip1104 figcaption {
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
}

figure.snip1104 h2 {
  position: absolute;
  left: 40px;/*茶色の帯の長さ*/
  right: 40px;
  display: inline-block;
  background: #000000;
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(0, -50%);
  padding: 12px 5px;
  margin: 0;
  top: 75%;
  text-transform: uppercase;
  font-weight: 400;
}

figure.snip1104 h2 span {
  font-weight: 200;
font-size:0.9rem;
}

figure.snip1104:before {
  height: 110%;/*ブルーの枠　元100%*/
  width: 140%;/*ブルーの枠　元100%*/
  top: 0;
  left: -15%;/*ブルーの枠　元0*/
  content: '';
  background: #ffffff;
  position: absolute;
  -webkit-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotate(140deg) translateY(-5%);
  transform: rotate(140deg) translateY(-5%);
}

figure.snip1104 a {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: absolute;
  z-index: 1;
}

figure.snip1104.red {
  background: #0077d7/*茶色#581a14*/;
}

figure.snip1104.red h2 {
  background: #0077d7;
/*background:rgba(0,119,215,0.5); */
}

figure.snip1104:hover img,
figure.snip1104.hover img {
  opacity: 1;
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
}

figure.snip1104:hover h2,
figure.snip1104.hover h2 {
  -webkit-transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
  transform: skew(-10deg) rotate(-10deg) translate(-150%, -50%);
}

figure.snip1104:hover:before,
figure.snip1104.hover:before {
  -webkit-transform: rotate(110deg) translateY(-150%);
  transform: rotate(110deg) translateY(-150%);
}

.bg_gray_member {
	margin:2px 0;
	padding:5px;
	background:#f0f0f0;
}

.member_name {
/*text-align:right;*/
font-size:1.5rem;
font-weight:400;
}

.member_title {
font-size:1.5rem;
padding:20px 10px 3px 10px;
font-style: italic;
border-bottom:solid 3px #0077d7;
}

.t-kenchoji {
position:relative;
height:100vh;
max-height:700px;
background-image:url(../image/member_test02.jpg);
background-repeat:no-repeat;
background-position:100% 0% ;
}

.temple_in {
position:absolute;
width:30em;
min-height:20em;
top:50%;
left:5%;
  -ms-transform: translate(-5%,-50%);
  -webkit-transform: translate(-5%,-50%);
  transform: translate(-5%,-50%);
background: rgba(225,225,225,0.3);
}
.temple_in h3 {
padding:0.5em 1.2em 0 0.8em;
}
.temple_in p {
padding:0.5em 1.2em 0.5em 1.5em;
}
.temple_in_right {
position:absolute;
width:30em;
min-height:20em;
top:50%;
right:5%;
  -ms-transform: translate(5%,-50%);
  -webkit-transform: translate(5%,-50%);
  transform: translate(5%,-50%);
/*background: rgba(145,208,205,0.6);*/
background: rgba(225,225,225,0.5);
}
.temple_in_right h3 {
padding:0.5em 1.2em 0 0.8em;
}
.temple_in_right p {
padding:0.5em 1.2em 0.5em 1.5em;
}
.temple_sp_h3 {
padding:0.5em 0;
margin-bottom:1.5em;
position:relative;
text-align:center;
}
.temple_sp_h3 span {
  font-size: 18px;
  font-size: 0.9rem;
  display: block;
}
.temple_sp_h3:before {
position:absolute;
bottom:-10px;
left: calc(50% - 30px);
  width: 60px;
  height: 5px;
  content: '';
  border-radius: 3px;
  background: #ff0000;
}