@media screen and (max-width: 768px) {
	#cast{
		padding: 0.4rem;
	}
}
.container {
    width: 100%;
  }
.text-right{
	margin: 48px 32px 0px 0px;
	float:right;
	font-size:15px;
	width:360px;
	line-height:1.4em;
}
.text-right-chie{
	margin: 54px 32px;
	font-size:12px;
	color:#777;
	line-height:1.6em;
}
.text-right-chie .f-right{
	float:right;

}
.text-right-cont{
	margin: 96px 18px 0px 0px;
	float:right;
	font-size:14px;
	width:300px;
	line-height:1.4em;
}


.tate-doc{
	margin: 28px 0px 0px 0px;
	width:26px;
	font-size:24px;
	float:left;
	line-height:1em;
	color:#a7a7a7;
}
.w440{
	width:440px;
}
.vin-left{
	margin: 60px 12px 0px 12px;
	max-width:auto;
	float:left;
}
@media screen and (max-width: 768px) {
	.vin-left img{
		max-width:100%;
		margin-top: 0;
		padding: 1rem;
	}
}
/* .vin-left img{
	max-width:320px;
} */

.info-mem-box {
	margin:4px 0px 24px 0px;
	padding: 18px;
	font-size:90%;
	width:85%;
	background-color: #fff;
	border: 2px solid #e5e5e5;
	-moz-border-radius: 12px;
	-webkit-border-radius: 12px;
	border-radius: 12px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
}
.info-mem-box h3{
	margin:4px 0;
	padding: 0;
}

.next-doc{
	margin-right: 18px;
	text-align:center;
	font-size:18px;
}
.next-doc h2{
	font-size:24px;
}

.next-doc .dot-hr,.info-hana .dot-hr{
	margin:12px 0;
	border:1px dotted #ddd;
	width:95%;
}
.next-txt-cont{
	text-align:left;
	font-size:80%;
}
.next-doc .b-title{
	font-size:22px;
}

.next-doc .title-yomi{
	font-size:60%;
	display:inline-block;
}

.next-doc #castbox{
	width:282px;
	font-size:90%;
	float: left;
}
.next-doc #stbox{
	padding-top:72px;
	width:260px;
	font-size:70%;
	float: left;
}

.next-doc #castbox2{
	font-size:80%;
	width:420px;
	margin: 0 auto;
	padding-left:12px;
}
.next-doc #castbox2 .docinleft{
	text-align:left;
}

.next-doc #stbox2,.next-doc #contactbox{
	padding-top:72px;
	width:260px;
	font-size:70%;
	margin: 0 auto;
}

.his-top-space{
	margin-bottom:48px;
}
.his-yaer{
	margin-bottom:6px;
	font-size:24px;
	border-bottom: 2px dotted #ccc ;
}
.his-img{
	width:75px;
	border-left: 5px solid #0bf ;
	padding-left:4px;
	float:left;
}
.his-box{
	width:475px;
	float:left;
}
.his-title{
	margin-bottom:6px;
	font-weight:bold;
	font-size:20px;
}
.his-title span{
	margin-bottom:6px;
	font-weight:bold;
	font-size:14px;
}
.his-date{
	margin-left:14px;
	font-size:14px;
	width:280px;
	float:left;
}
.his-pla{
	font-size:14px;
	float:left;
}

#nextheader {
    position: fixed !important;
    position: absolute;
	padding-left:164px;
	padding-top:8px;
	width:702px;
    height: 32px;
	z-index: 10000;
	background-color: #fff;
}

/* --- ナビゲーションバー --- */
div.hisnav {
width: 100%; /* ナビゲーションの幅 */
background-color: #f9f9f9; /* ナビゲーションの背景色 */
border-top: 1px #ccc solid; /* 上境界線 */
border-bottom: 1px #ccc solid; /* 下境界線 */
font-size: 80%;
}

/* --- メニューエリア --- */
div.hisnav ul.hisnl {
	width:100%; /* メニューの幅 */
	margin: 0 auto; /* センターに配置 */
	padding: 0;
	background-color: #ffffff; /* メニューの背景色 */
	border-right: 1px #ccc solid; /* メニューの右境界線 */
	list-style-type: none;
	text-align: center;
}

/* --- メニュー項目 --- */
div.hisnav ul.hisnl li {
	width: 20%; /* 項目の幅 */
	float: left;
}

/* --- リンク --- */
div.hisnav ul.hisnl li a {
	display: block;
	position: relative; /* IE6用 */
	padding: 8px 2px; /* リンクエリアのパディング（上下、左右） */
	border-left: 1px #ccc solid; /* リンクエリアの左境界線 */
	text-decoration: none; /* テキストの下線（なし） */
}
/* --- ポイント時の設定 --- */
div.hisnav ul.hisnl li a:hover {
	background-color: #f0ffff; /* ポイント時の背景色 */
	text-decoration: underline; /* テキストの下線（あり） */
}

.ntop-img{
	padding-top:48px;
}

.back2top{
width:560px;
text-align:right;
font-size:12px;
}

.times{
	text-align: center;
}
.times span{
	margin: 1px;
	padding: 1px;
	border:0;
	display:inline-block;
	border:1px solid #bbb;
	font-weight: normal;
	width:68px;
	height:24px;
	font-size:90%;
	/* float:left; */
	text-align:center;

}
.times .long{
	width:84px;
}
.times .sun{
	color:#a00;
}
.times .sat{
	color:#00a;
}

.times .time-top{
	font-size:80%;
	font-weight:bold;
}
.radiusbox {
	margin-top:12px;
  padding: 8px;
  font-size:90%;
  border: 1px #ccc solid;
  -moz-border-radius: 6px / 6px;
  -webkit-border-radius: 6px 6px;
  border-radius: 6px / 6px;
}

.radiusbox-fd {
	margin-top:12px;
	padding: 8px;
	border: 1px #ccc solid;
		-moz-border-radius: 6px / 6px;
		-webkit-border-radius: 6px 6px;
		border-radius: 6px / 6px;
	background-color:#fed;
}
.radiusbox-fd a{
	display: block;
	width: 100%;
	height: 100%;
}

.next-doc .f-middle{
	font-size:130%;
}
.next-doc .b-center{
	text-align:center;
}
.next-doc .i-block{
	display:inline-block;
}
.next-doc .t-left{
	text-align:left;
}
.next-doc .top-div-cont{
	font-size:90%;
}
.next-doc .top-div-cont-date{
	text-align:center;
	font-weight:bold;
}

.mrg-l-m{
	margin-left:14px;
}

/* ---------- 768px ----------- */
@media screen and (max-width: 768px) {
	body{
		background-color:none;
	}

	.navbar-default .brand,
	.navbar-default .nav > li > a {
	  font-size: 110%;
	}

	.vin-left{
		margin: 0;
		width:auto;
		float:none;
	}
	.tate-doc{
		margin: 12px;
		width:auto;
		font-size:150%;
		float:none;
		color:#555;
		line-height:1em;
		font-weight:bold;
	}
	.text-right,.text-right-chie,.text-right-cont{
		margin: 12px;
		font-size:100%;
		width:auto;
		float:none;
		color:#555;
	}
	.text-right-chie .f-right{
		float:none;
	}
	.his-img{
		width:75px;
		float:none;
	
	}
	.his-box{
		width:auto;
		float:initial;
	}
	.his-title{
		margin-bottom:0;
		font-size:16px;
/*		display:inline;*/
	}
	.his-title span{
		margin-bottom:6px;
		font-weight:bold;
		font-size:12px;
	}
	.his-date{
		width:auto;
		float:initial;
/*		display:inline-block;*/
	}
	.his-pla{
		float:none;
		display:inline-block;
		margin-bottom:12px;
	}
	.ntop-img{
		padding-top:8px;
		max-width:100%;
	}
	.back2top{
		width:auto;
	}
	
	.next-doc #castbox,.next-doc #castbox2{
		width:auto;
		float:none;
	}
	.next-doc #castbox2 .docinleft{
		text-align:left;
		padding-left:24px;
	}
	.next-doc #stbox,.next-doc #stbox2{
		width:auto;
		float:none;
	}
	.times span{
		width:52px;
		height:24px;
		font-size:60%;
	}
	.times .time-top{
		font-size:10px;
		font-weight:normal;
	}

	
	.next-doc .b-center{
		text-align:auto;
	}
	.next-doc .i-block{
		display:inline;
	}
	.next-doc .t-left{
		text-align:auto;
	}
	.mrg-l-m{
		margin-left:0;
	}
}

@media screen and (max-width: 414px) {
	.home_title{
		padding-top: 23px;
		padding-left: 105px;
	}
	.kamon_fix{
		padding-top: 0px;
		padding-left: 43px;
	}

}

.linehei16{
	font-size:120%;line-height:1.6em;
}
.radiusbox a{
	color:#00a0e9;
	padding:2px 8px;
	margin:2px;
	text-decoration: none;
	font-weight:bold;
	display:inline-block;
    /* フェード設定 */
 	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
}
.radiusbox a:hover{
	color:#fff;
	background-color: #00a0e9;
  -moz-border-radius: 4px / 4px;
  -webkit-border-radius: 4px 4px;
  border-radius: 4px / 4px;
}


.pplbk{
	margin: 0 auto;
	margin-top:14px;
	font-size:1.2rem;
	background-color: #892587;
	color:#fff;
	line-height:2rem;
	width:95%;
	padding: 12px;
	text-align:left;
  -moz-border-radius: 8px / 8px;
  -webkit-border-radius: 8px 8px;
  border-radius: 8px / 8px;
}
.pptxt{
	color:#802080;
}
.pptxt2{
	color:#c090b9;
}
.castimg{
	max-height: 100%;
}
.grimg{
	max-width: 100%;
}

/* trimming */
.k-trim {
	width: 240px;  /* トリミングしたい幅 */
	height: 360px;  /* トリミングしたい高さ */
	overflow: hidden;
	position: relative;
	margin: 0 auto;
}
.k-trim img {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	padding-bottom: 0.6rem;
}

@media screen and (max-width: 1024px) {
	.k-trim {
		width: 180px;  /* トリミングしたい幅 */
		height: 270px;  /* トリミングしたい高さ */
	}
}

@media screen and (max-width: 768px) {
	.k-trim {
		width: 150px;  /* トリミングしたい幅 */
		height: 225px;  /* トリミングしたい高さ */
	}
}

@media screen and (max-width: 376px) {
	.times{
		width:375px;
	}
}



.kotootu-cover-box{
	position: relative;
	background-image: url(./images/kototou/fly-bg.jpg);
	background-color: #fbf4e4;
	height: 0;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	padding-top: 48.66%;
	background-size: contain;
}
.tatelog{
	position: absolute;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
.tatelogimg{
	max-height: 13rem;
}
@media (min-width: 320px) {
	.tatelogimg{
		max-height: 9rem;
		padding-top:0rem;
	}
}
@media (min-width: 567px) {
	.tatelogimg{
		max-height: 15rem;
		padding-top:1rem;
	}
}
@media (min-width: 768px) {
	.tatelogimg{
		max-height: 20rem;
		padding-top:2rem;
	}
}
@media (min-width: 992px) {
	.tatelogimg{
		max-height: 30rem;
		padding-top:3rem;
	}
}
#maintitle .titlebox {
  text-align: center;
}
.beige{
	background-color: #fbf4e4;
}
.img-fluid {
  max-width: 100%;
  height: auto;
}
.d-block {
  display: block !important;
}
.secpad{
	padding: 2rem 0;
}

.p-5 {
  padding: 3rem 0 !important;
}
.pt-5 {
  padding-top: 3rem !important;
}
.pb-5 {
  padding-bottom: 3rem !important;
}
.p-1 {
  padding: 1rem 0 !important;
}
.pt-1 {
  padding-top: 1rem !important;
}
.pb-1 {
  padding-bottom: 1rem !important;
}

.smpb-2{
	padding-bottom: 2rem !important;
}
@media (min-width: 768px) {
	.smpb-2{
		padding-bottom: 0rem !important;
	}
}

#navToggle {
  position: fixed;
  right: 1rem;
  top: 1rem;
  width: 30px;
  height: 25px;
  cursor: pointer;
  z-index: 1000;
}

@media (min-width: 576px) {
  #navToggle {
    right: 1rem;
    top: 1rem;
  }
}
@media (min-width: 768px) {
  #navToggle {
    top: 3rem;
    right: 3rem;
  }
}
#navToggle div {
  position: relative;
}

#navToggle span {
  display: block;
  position: absolute;
  width: 100%;
  border-bottom: solid 3px #000;
  -webkit-transition: .2s ease-in-out;
  -moz-transition: .2s ease-in-out;
  transition: .2s ease-in-out;
}

#navToggle span:nth-child(1) {
  top: 0;
}

#navToggle span:nth-child(2) {
  top: 11px;
}

#navToggle span:nth-child(3) {
  top: 22px;
}
.tipng{
	max-height:3rem;
}
.ti-txt-kototou{
	width:95%;

	text-align:center;
	margin: 0 auto;
	margin-top:1rem;
	font-size:1.4rem;
	line-height: 2.4rem;
}
.st-txt-kototou{
	width:95%;

	text-align:center;
	margin: 0 auto;
	margin-top:1rem;
	font-size:1rem;
	line-height: 2rem;
}
.days-txt-kototou{
	width:95%;
	text-align:center;
	margin: 0 auto;
}
.square_btn {
	background: #fff;
    display: inline-block;
    font-size: 2rem;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #67c5ff;
    border: solid 2px #67c5ff;
    border-radius: 3px;
    transition: .4s;
}

.square_btn:hover {
    background: #67c5ff;
    color: white;
}


.fade {
  opacity: 0;
  transition: opacity 0.15s linear;
}
.fade.show {
  opacity: 1;
}



.mid-box ul {
  list-style-type: none;
  padding-left: 0;
  margin-top: 8rem;
}
.mid-box ul li {
  font-size: 1rem;
  display: block;
  padding: 1.2rem;
  position: relative;
}
.mid-box ul li a {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  transition: all .4s;
}
.mid-box ul li a:hover {
  text-decoration: none;
  background-color: #fff;
  opacity: 0.25;
}


.modal-open {
  overflow: hidden;
}

.modal {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
  display: none;
  overflow: hidden;
  outline: 0;
}
.modal.fade .modal-dialog {
  transition: transform 0.3s ease-out;
  transform: translate(0, -25%);
}
.modal.show .modal-dialog {
  transform: translate(0, 0);
}

.modal-open .modal {
  overflow-x: hidden;
  overflow-y: auto;
}

.modal-dialog {
  position: relative;
  width: auto;
  margin: 10px;
}

.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  background-clip: padding-box;
  border: 1px solid rgba(0, 0, 0, 0.2);
  border-radius: 0.3rem;
  outline: 0;
}

.modal-backdrop {
  position: fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1040;
  background-color: #000;
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: 0.5;
}

.modal-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 15px;
  border-bottom: 1px solid #eceeef;
}

.modal-title {
  margin-bottom: 0;
  line-height: 1.5;
}

.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: 15px;
}

.modal-footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  padding: 15px;
  border-top: 1px solid #eceeef;
}
.modal-footer > :not(:first-child) {
  margin-left: .25rem;
}
.modal-footer > :not(:last-child) {
  margin-right: .25rem;
}

.modal-scrollbar-measure {
  position: absolute;
  top: -9999px;
  width: 50px;
  height: 50px;
  overflow: scroll;
}

@media (min-width: 576px) {
  .modal-dialog {
    max-width: 500px;
    margin: 30px auto;
  }

  .modal-sm {
    max-width: 300px;
  }
}
@media (min-width: 992px) {
  .modal-lg {
    max-width: 800px;
  }
}

.mt-dialog {
  width: auto;
  margin: 0px !important;
  float: right;
  right: 0;
  width: 100% !important;
}

.mt-content {
  background-color: rgba(0, 120, 140, 0.5) !important;
  border-radius: 0rem !important;
  width: 100% !important;
}

.mt-body {
  padding: 0px !important;
}
.mt-body .mid-box {
  padding: 1.8rem 0 !important;
  background-color: rgba(170, 170, 170, 0.9) !important;
  width: 100%;
}
.mt-body .mid-box:after {
  content: "";
  display: block;
  clear: both;
}
.mt-body .enimg {
  width: 6rem;
  margin: 4.3rem auto;
}
.mt-body .enimg img {
  transition: 0.2s;
  transform: rotateZ(0deg);
  cursor: pointer;
}
.mt-body .enimg img:hover {
  transform: rotateZ(10deg);
}
.mt-body .md-l, .mt-body .md-r {
  display: inline-flex;
  width: 49.55%;
  float: left;
  height: 8rem;
}
.mt-body .md-l-img {
  margin: 0 auto;
  text-align: center;
  padding-top: 1rem;
}
.mt-body .md-l-img .ho {
  width: 8rem;
}
.mt-body .md-l-img .houkago {
  width: 5.6rem;
  margin-top: 1.7rem;
}
.mt-body .md-l-img img {
  transition: 0.2s;
  transform: rotateZ(0deg);
  cursor: pointer;
}
.mt-body .md-l-img img:hover {
  transform: rotateZ(10deg);
}
.mt-body .md-m {
  display: inline-flex;
  width: 0.1%;
  float: left;
  border: 1px solid #555;
  height: 9rem;
}
.mt-body .md-r-img {
  width: 5.6rem;
  margin: 0 auto;
  padding-top: 1rem;
}
.mt-body .md-r-img img {
  transition: 0.2s;
  transform: rotateZ(0deg);
  cursor: pointer;
}
.mt-body .md-r-img img:hover {
  transform: rotateZ(10deg);
}
.mt-body .sozoimg {
  width: 8.9rem;
  margin: 4.3rem auto;
}
.mt-body .sozoimg img {
  transition: 0.2s;
  transform: rotateZ(0deg);
  cursor: pointer;
}
.mt-body .sozoimg img:hover {
  transform: rotateZ(10deg);
}
.mt-body .closeimg {
  width: 4.2rem;
  color:#fff;
  margin: 2.3rem auto;
  cursor: pointer;
  padding: 1rem;
  border: 1px #fff solid;
  transition: 0.2s;
  transform: rotateZ(0deg);
}
.mt-body .closeimg:hover {
  transform: rotateZ(10deg);
}

@media (min-width: 768px) {
  .mt-dialog {
    right: 9rem;
  }

  .mt-content {
    width: 28rem !important;
  }
}
@media (min-width: 992px) {
  .mt-dialog {
    right: 9rem;
  }

  .mt-content {
    width: 28rem !important;
  }
}
@media (min-width: 1200px) {
  .mt-dialog {
    right: 9rem;
  }

  .mt-content {
    width: 28rem !important;
  }
}


.md-dialog {
  width: auto;
  margin: 1rem 0px 0px 0px !important;
  max-width: 100% !important;
  padding-top: 15rem;
}

.md-content {
  background-color: rgba(0, 120, 140, 0.5) !important;
  border-radius: 0rem !important;
  width: 100% !important;
  padding: 1rem;
}

.md-body {
  padding: 0px !important;
}
.md-body .mid-box {
  padding: 1rem !important;
  background-color: rgba(255, 255, 255, 0.85) !important;
  width: 100%;
}
.md-body .mid-box:after {
  content: "";
  display: block;
  clear: both;
}
.md-body .mid-box p {
	margin-top: 1rem;
  font-size: 0.8rem;
  line-height: 1rem;
}
.md-body .mid-box .castname {
  font-size: 1.2rem;
  margin-top: 0.4rem;
}
@media (min-width: 768px) {
  .md-body .mid-box .castname {
    font-size: 2rem;
  }
}
.md-body .mid-box .ft7-em {
  font-size: 0.7em;
}
.md-body .closeimg {
  width: 5rem;
  color:#fff;
  margin: 1rem auto 0 auto  !important;
  cursor: pointer;
  text-align: center;
  padding: 1rem;
  border: 2px #fff solid;
  transition: 0.2s;
  transform: rotateZ(0deg);
}
.md-body .closeimg span{
	font-size: 1rem;
	font-weight: bold;
}
.md-body .closeimg:hover {
  transform: rotateZ(10deg);
}

@media (min-width: 768px) {
  .md-dialog {
    margin: 5rem 0px 0px 0px !important;
	padding-top: 6rem;
  }
  .md-content {
    padding: 5rem;
  }

  .md-body {
    padding: 0px !important;
  }
  .md-body .mid-box {
    padding: 5rem;
  }
  .md-body .mid-box:after {
    content: "";
    display: block;
    clear: both;
  }
  .md-body .mid-box p {
    font-size: 1rem;
    line-height: 1.8rem;
  }
  .md-body .closeimg {
    margin-top: 5rem;
  }
}

.md-dialog .modal-content{
    padding: 1rem;
}


.cont-btn {
  width: 100%;
  border: 5px solid #222;
  background: #fff;
  text-align: center;
  cursor: pointer;
  position: relative;
  box-sizing: border-box;
  overflow: hidden;
  margin: 1.5rem 0;
  padding: 0.8rem 0 !important;
}

#days-kototu .times-xs{
	display: none;
}

#days-kototu .times{
	text-align: center;
	display: block;
}
#days-kototu .times span{
	margin: 1px;
	padding: 1px;
	border:0;
	display:inline-block;
	border:1px solid #bbb;
	font-weight: normal;
	width:5rem;
	height:2rem;
	font-size:1rem;
	/* float:left; */
	text-align:center;

}
@media (max-width: 768px) {
	#days-kototu .times span{
		width:4rem;
		height:1.5rem;
		font-size:0.8rem;
	}
}

@media (max-width: 413px) {
	#days-kototu .times{
		display: none;
	}
	#days-kototu .times-xs{
		display: block;
		font-size: 1rem;
	}
}

#days-kototu .day-title{
	font-size: 2rem;
}
@media (max-width: 768px) {
	#days-kototu .day-title{
		font-size: 1rem;
	}
}

#days-kototu .times .long{
	width:84px;
}
#days-kototu .times .sun{
	color:#a00;
}
#days-kototu .times .sat{
	color:#00a;
}

#days-kototu .times .time-top{
	font-size:80%;
	font-weight:bold;
}
.days-txt-kototou .ryokintxt{
 	font-size: 1.2rem;   
}
.days-txt-kototou .ryokinsp{
	margin: 1rem;
	padding: 1.5rem;
 	font-size: 1.2rem;   
 	border: 1px #ddd solid;
  -webkit-border-radius: 1.5rem;
  /* for Safari and Chrome */
  -moz-border-radius: 1.5rem;
  /* for Firefox */
  -o-border-radius: 1.5rem;
  /* when Opera Presto 2.3 or later is released */
  -khtml-border-radius: 1.5rem;
  /* Linux browsers */
  border-radius: 1.5rem;
  /* CSS3 */
  behavior: url(border-radius.htc);
  /* for IE */
}
#cast .cast-txt{
	text-align:center;
	margin-top:0.5rem;
	font-size: 1rem;
}
#cast .cast-txt span{
	display: block;
	font-size: 0.8em;
}
#cast .a-cast{
	cursor: pointer;
}

#cast .a-cast a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .4s;
}
#cast .a-cast a:hover {
  background-color: #fbf4e4;
  opacity: 0.2;
}
#cast .a-cast-do a {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  transition: all .4s;
}
#cast .a-cast-do a:hover {
  background-color: #fbf4e4 !important;
  opacity: 0.2;
}


.mid-box .img-fluid-vertic {
  max-width: 100%;
  height: auto;
}
.mid-box .img-fluid-horiz {
  max-width: 100%;
  height: auto;
}

#maintitle h2 {
  font-size: 1.2rem;
  margin-top: 0.4rem;
}
@media (min-width: 768px) {
	 #maintitle h2 {
    font-size: 2rem;
  }
}
#maintitle{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}
#maintitle .f-12rem{
	font-size: 1.2rem;
}
#maintitle h1{
	font-size: 3rem;
	line-height: 3.5rem;
	font-weight: 900;
}
#maintitle h2{
	font-size: 1.6rem;
	line-height: 2.5rem;
}
#maintitle h1{
	color: #0068b7;
}
.kototou-color{
	color: #0068b7;
}

.ningyo-cover-box {
	position: relative;
	background-color: #818acd;
	height: 100vh;
	overflow: hidden;
	z-index: 0;
  }
  
  .ningyo-cover-box::before {
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: url('./images/ningyo/ningyo_omote.jpg');
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: top center;
	background-size: cover;
	opacity: 0.7;
	z-index: -1;
  }
  
@media screen and (max-width: 992px) {
	.ningyo-cover-box{
		display: none;
	}
}
@media screen and (max-width: 1200px) {
	.ningyo-cover-box::before {
		background-size: contain;
	}
}


.ningyo{
	font-family: 'M PLUS 1p',sans-serif !important;	
}
.ningyo-sec{
	position: relative;
	z-index: 1; /* 親要素 (.ningyo-cover-box) の z-index が 0 なら1以上に */
	background-color: #818acd;
	color: #000;
	font-family: 'M PLUS 1p',sans-serif !important;
}
.ningyo-sec h1{
	font-size: 2.3rem !important;
	color: #000 !important;
	font-family: 'Kosugi Maru', sans-serif !important;
}
.ningyo-sec .datetext{
	font-size: 1.8rem;
	font-weight: bold;
	color: #000 !important;
}
.ningyo-sec .bigtext{
	display: block;
	margin: 0.6rem auto;
	line-height: 2.5rem;
	font-size: 1.3rem;
}
.ningyo-sec .nmtext{
	display: block;
	line-height: 2rem;
	font-size: 1.2rem;
}
.ti-txt-ningyo{
	/* text-align:center; */
	margin: 0 auto;
	margin-top:1rem;
	line-height: 2.4rem;
}
.ningyo-sec .square_btn,.ningyo-sec .square_bk_btn {
	background: #fff;
    display: inline-block;
    font-size: 2rem;
    padding: 0.3em 1em;
    text-decoration: none;
    color: #818acd;
    border: solid 2px #818acd;
    border-radius: 3px;
    transition: .4s;
}

.ningyo-sec .square_btn:hover,.ningyo-sec .square_bk_btn:hover {
    background: #818acd;
    color: white;
	text-emphasis: none;
	border: solid 2px #000;
}

.btn-div{
	display: block;text-align: center;margin: 2rem;
}

.ningyo-sec .square_bk_btn {
	background: #fff;
    display: inline-block;
    font-size: 1.2rem;
    padding: 0.2em 0.5em;
    text-decoration: none;
    color: #818acd;
    border: solid 2px #818acd;
    border-radius: 3px;
    transition: .4s;
	margin-top: 2rem;
}
.font25{
	font-size: 2rem;
}
.my-mb-3{
	margin-bottom: 1rem;
}
.font25 a{
	color:#000;
}
.mapadd{
	font-size:1.2rem;
	margin-bottom: 2rem;
}

@media screen and (max-width: 992px) {
	.smtitle{
		margin-top: 2rem;
	}
	.ningyo-sec h1{
		font-size: 1.6rem !important;
		line-height: 2.2rem !important;
	}
	.ningyo-sec .datetext{
		font-size: 1.5rem;
	}
	.ningyo-sec .bigtext{
		line-height: 2rem;
		font-size: 1rem;
	}
	.ningyo-sec .nmtext{
		line-height: 2rem;
		font-size: 1rem;
	}
	.ti-txt-ningyo{
		margin-top:1rem;
		line-height: 2.4rem;
	}
	.ningyo-sec .square_btn {
		font-size: 1.4rem;
	}
	.font25{
		font-size: 1.4rem;
	}
	.mapadd{
		font-size:1rem;
		margin-bottom: 2rem;
	}
}
.text-right-chie p{
	margin: 1rem auto;
	font-size: 110%;
	line-height: 180%;
}
.prof-photo{
	max-width: 480px;
}
.insta6{
	max-width: 120px;
}
.ame01{
	max-width: 48px;
}
.snslinktext{
	display:inline-block;margin-top:12px;
}
.prof-link-txt{
	font-size:130%;
	font-weight:bold;
	margin-bottom: 8px;
	display:inline-block;
}