@charset "UTF-8";
/* firstviewとcorona対策のスペース調整 -------------- */

#main {
	height: 55vh;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix {
	display: block;
}

/* 回りこみ
-------------------------------------------------- */

.right {
	float: right;
}

.left {
	float: left;
	width: 50%;
}

/* header
-------------------------------------------------- */

header {
	height: 60px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	background: rgba(255, 255, 255, 0.7);
}

.container-fluid {
	width: 100%;
	padding-left: 5px;
	padding-right: 5px;
}

ul.list {
	height: 50px;
	margin: 0;
	padding-top: 5px;
	padding-bottom: 5px;
}

ul.list li {
	float: left;
	margin-right: 3px;
}

ul.list li:last-child {
	margin-right: 0;
}

/* t-スマホ対応以下に記入--------------------------------------------------------------------- */

.brsp-none {
	display: none;
}

/* clearfix
-------------------------------------------------- */

.clearfix:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.clearfix {
	display: block;
}

/* 回りこみ
-------------------------------------------------- */

.right {
	float: right;
}

.left {
	float: left;
	width: 50%;
}

/* 複数カラム
-------------------------------------------------- */

[class^="line-"] div, [class*=" line-"] div {
	margin-right: 2%;
	float: left;
}

[class^="line-"] div:last-child, [class*=" line-"] div:last-child {
	margin-right: 0;
}

.line-2 div {
	width: 48%;
}

.line-3 div {
	width: 32%;
}

.line-4 div {
	width: 23.5%;
}

/* header
-------------------------------------------------- */

header {
	height: 60px;
	position: fixed;
	width: 100%;
	top: 0;
	left: 0;
	transition: 1s;
}

header.bg-color-white {
	background: rgba(255, 255, 255, 0.9);
}

.menu {
	transition: 1s;
}

header.bg-color-white .menu {
	color: #bd3d3e;
}

.change_logo {
	transition: 1s;
}

.container-fluid {
	width: 100%;
	padding-left: 15px;
	padding-right: 10px;
	/* padding-right: 15px; */
	position: relative;
}

.top_triangle1 {
	transition: 1s;
	opacity: 1;
}

.top_triangle2 {
	transition: 1s;
	opacity: 1;
}

header.bg-color-white .top_triangle1, header.bg-color-white .top_triangle2 {
	opacity: 0;
}

/* common
-------------------------------------------------- */

h2 {
	font-size: 32px;
}

/* mainVisual
-------------------------------------------------- */

#main .inner {
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	margin-top: 50px;
}

#main .medalx31 img {
	position: absolute;
	bottom: 0px;
	right: 0px;
	transform: translate(0, 16px);
	width: 564px;
}

/* mainVisual以下
-------------------------------------------------- */

/* t-start ----------------------------------------------------------------------- */

/*--------------------------------
  scroll animation fadein
--------------------------------*/

.js-scroll-fadein {
	transition: opacity 1s;
	visibility: hidden;
	opacity: 0;
}

.js-scroll-fadein.is-fadein {
	visibility: visible;
	opacity: 1;
}

/*--------------------------------
  arrow
--------------------------------*/

.arrow {
	width: 42px;
	position: fixed;
	right: 10px;
	bottom: 10px;
	cursor: pointer;
	transition: all 0.6s ease-in-out;
}

.arrow:hover {
	opacity: .8;
	box-shadow: 0 2px 4px 1px rgba(0, 0, 0, 0.5);
}

/* display none ------------------------ */

.brsp-none {
	display: none;
}

.brpc-none {
	display: inline;
}

/* corona-taisaku ---------------------- */

.t-mobile-space-1 {
	margin-top: -10px;
}

.medalx31 img {
	display: none;
}

.main_flower1 img {
	display: none;
}

.main_flower2 img {
	display: none;
}

.inner img {
	display: none;
}

/* corona-taisaku ---------------------- */

/* .t-corona-taisaku{
	padding-top:30px;
	margin-top:-180px;
} */

.t-corona-taisaku .t-corona-taisaku-wrap {
	width: 350px;
	margin: 0 auto;
	border: solid 2px #533b24;
	margin-bottom: 30px;
}

.t-corona-taisaku .t-corona-taisaku-body {
	padding-top: 10px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: center;
	position: relative;
}

.t-corona-taisaku .t-corona-no1 {
	position: absolute;
	top: -20px;
	left: 23px;
	width: 33px;
}

.t-corona-taisaku .t-corona-taisaku-body::before {
	position: absolute;
	display: inline-block;
	content: '';
	top: -3px;
	left: 16px;
	width: 46px;
	height: 5px;
	background-color: white;
}

.t-corona-taisaku h2.t-corona-taisaku-p1 {
	color: #bd3d3e;
	font-size: 14px;
	margin-bottom: 4px;
}

.t-corona-taisaku .t-corona-taisaku-imgbox {
	order: -1;
	margin-bottom: 10px;
}

.t-corona-taisaku .t-corona-taisaku-img {
	width: 160px;
	color: #bd3d3e;
	margin: auto;
}

.t-corona-taisaku .t-corona-taisaku-p2 {
	font-size: 12px;
	font-weight: bold;
	padding-bottom: 6px;
	text-align: center;
}

/* kodawari ---------------------------- */

.t-kodawari {
	display: flex;
	flex-direction: column;
	align-items: center;
	position: relative;
	overflow: hidden;
}

h2.t-kodawari-h2 {
	font-size: 30px;
	text-align: center;
	margin-bottom: 30px;
}

.t-kodawari img.t-kodawari-flower {
	display: none;
}

.t-kodawari .t-kodawari-wrap-a {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 0px;
	background-color: white;
}

.t-kodawari .t-kodawari-box-a {
	width: 100%;
	border: solid 3px #BD3D3E;
	position: relative;
	background-color: white;
	margin-bottom: 45px;
}

.t-kodawari .t-kodawari-box-a:last-of-type {
	margin-bottom: 30px;
}

.t-kodawari .t-kodawari-point {
	width: 60px;
	height: 60px;
	text-align: center;
	line-height: 60px;
	font-size: 22px;
	color: white;
	border-radius: 50%;
	background-color: #bd3d3e;
	position: absolute;
	top: -30px;
	left: 15px;
}

.t-kodawari .t-kodawari-box-a img {
	width: 100%;
	margin-bottom: 10px;
}

.t-kodawari p.t-kodawari-box-a-p {
	padding-left: 12px;
	padding-right: 12px;
	padding-bottom: 5px;
	font-weight: bold;
}

.t-kodawari .t-kodawari-message {
	background: rgba(241, 241, 189, 1);
	text-align: center;
	padding-top: 20px;
	padding-bottom: 20px;
	margin-top: 0px;
	margin-bottom: 40px;
	width: 100%;
	position: relative;
}

.t-kodawari .t-kodawari-message h3.t-kodawari-msg-p {
	font-size: 22px;
	font-weight: bold;
}

.t-kodawari-message .t-kodawari-arrow-under {
    position: absolute;
    width: 80px;
    height: auto;
    bottom: 0;
    transform: translate(-50%, calc(100% - 1px));
    left: 50%;
}

.t-kodawari .t-kodawari-wrap-b {
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-left: 15px;
	margin-right: 15px;
}

.t-kodawari .t-kodawari-box-b {
	width: 100%;
	height: auto;
	text-align: center;
	border: solid 2px #666;
	background-color: white;
	margin-bottom: 15px;
	position: relative;
}

.t-kodawari .t-kodawari-box-b:last-of-type {
	margin-bottom: 70px;
}

.t-kodawari .t-kodawari-point-b {
	width: 60px;
	height: 60px;
	position: absolute;
	top: 5px;
	right: 5px;
}

.t-kodawari .t-kodawari-box-b .t-kodawari-img {
	width: 85%;
	padding-top: 20px;
	margin-bottom: 8px;
	margin-right: -3px;
}

.t-kodawari .t-kodawari-wrap-b p {
	padding-left: 28px;
	text-align: left;
	margin-bottom: 5px;
	font-size: 17px;
	letter-spacing: 1px;
	font-weight: bold;
}

.t-kodawari .t-kodawari-yorokobi {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 35px;
	position: relative;
}

.t-kodawari .t-kodawari-yorokobi h3 {
	font-size: 20px;
	text-align: center;
}

.t-kodawari .t-yorokobi-img {
	position: absolute;
	width: 360px;
	top: 20px;
	left: 28px;
}

/* t-suisen --------------------------*/

.t-suisen {
	padding-top: 30px;
	padding-bottom: 40px;
	background-color: #ECEB9D;
	position: relative;
	overflow: hidden;
	margin-bottom: 40px;
}

.t-suisen img.t-suisen-flower {
	position: absolute;
	width: 500px;
	height: 500px;
	bottom: -200px;
	left: -150px;
}

.t-suisen h2 {
	text-align: center;
	font-size: 26px;
	margin-bottom: 30px;
}

.t-suisen .t-suisen-wrap {
	width: 100%;
	display: flex;
	flex-direction: column;
	align-items: center;
	margin: 0 auto;
	z-index: 100;
}

.t-suisen .t-suisen-box {
	display: flex;
	flex-direction: row;
	width: 98%;
	border-radius: 20px;
	border: solid 3px #bd3d3e;
	margin-bottom: 12px;
	background-color: white;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 16px;
	padding-bottom: 16px;
	position: relative;
}

.t-suisen .t-suisen-box img {
	flex-grow: 0;
	flex-shrink: 1;
	flex-basis: 7%;
	width: 85px;
	height: auto;
	align-self: center;
}

.t-suisen .t-suisen-body {
	flex: 1;
	display: flex;
	flex-direction: column;
}

.t-suisen .t-suisen-body h3 {
	font-size: 20px;
	padding-left: 35px;
	font-weight: bold;
}

.t-suisen .t-suisen-body h3 span:first-of-type {
	font-size: 21px;
	padding-left: 16px;
	padding-right: 16px;
}

.t-suisen .t-suisen-body h3 span:last-of-type {
	font-size: 14px;
}

.t-suisen .t-suisen-body-p {
	width: 100%;
	border: 2px solid #777;
	border-radius: 20px;
	padding-top: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	margin-left: 12px;
	position: relative;
}

.t-suisen img.t-suisen-arrow-a {
	display: none;
}

.t-suisen img.t-suisen-arrow-b {
	position: absolute;
	width: 18px;
	height: 18px;
	top: 20px;
	left: -15px;
}

.t-suisen .t-suisen-body p {
	font-size: 15px;
	padding-right: 3px;
}

.t-suisen .t-suisen-body p span {
	font-size: 17px;
	font-weight: bold;
	color: #bd3d3e;
}

/* t-modal ------------------------------- */

.t-telnav-1 button, .t-telnav-2 button {
	border: 1px solid white;
	/* outline: 1px solid white; */
}

.t-modal {
	width: 100%;
	color: #333;
	text-align: left;
}

.t-modal .t-modal-ttBoxWrap {
	margin-bottom: 20px;
}

.t-modal-sp-hour {
	padding-left: 20px;
	font-size: 16px;
}

.t-modal p.t-modal-title {
	margin-top: 10px;
	margin-bottom: 20px;
	font-size: 16px;
	font-weight: bold;
	background-color: #ff5b6c;
	color: white;
	text-align: center;
	padding-top: 7px;
	padding-bottom: 7px;
}

.t-modal .t-modal-syurui {
    display: flex;
    /* flex-direction: column; */
    /* justify-content: center; */
	flex-wrap: wrap;
    width: auto;
	margin: 0 14px;
	padding: 10px 0px 20px;
	background: #eee;
    text-align: left;
}

@media screen and (orientation: portrait) {
	.t-modal .t-modal-syurui {
		flex-direction: column; 
	}
 }


.t-modal .t-modal-syurui p {
	width: auto;
}

.t-modal .t-modal-contain {
	display: flex;
	flex-direction: column;
	margin-bottom: 10px;
	margin-left: 10px;
}

.t-modal p.t-modal-contain-p {
	max-width: 150px;
	min-width: 150px;
	font-size: 18px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 20px;
}

.t-modal .t-modal-contain-p span {
	text-decoration: none;
	border-bottom: 2px solid navy;
	padding-bottom: 8px;
}

.t-modal .t-modal-stores-0 {
	display: flex;
	flex-wrap: wrap;
}

.t-modal .t-modal-stores-row {
	background: linear-gradient(to bottom, #ffffff 5%, #e0e0e0 100%);
	border-radius: 7px;
	border: 1px solid #999;
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	margin-right: 10px;
	margin-bottom: 20px;
}

.t-modal .t-modal-stores-row-t-1 {
	display: block;
	font-size: 18px;
	font-weight: bold;
	margin-top: 7px;
	margin-bottom: 7px;
}

.t-modal .t-modal-stores-row-t-2 {
	display: inline-block;
	font-size: 18px;
	font-weight: bold;
	text-decoration: none;
	color: #222;
	background: linear-gradient(to bottom, #f9f9ed, #ffe4bb);
	border-radius: 7px;
	border: 5px solid white;
	box-shadow: 0 0 1px 1px #777;
	padding-left: 25px;
	padding-right: 25px;
	margin-left: 5px;
	margin-right: 5px;
	margin-bottom: 15px;
	line-height: 32px;
}

.t-modal .t-modal-stores a {
	display: inline-block;
	background: linear-gradient(to bottom, #f9f9ed, #ffe4bb);
	border-radius: 7px;
	border: 5px solid white;
	box-shadow: 0 0 1px 1px #777;
	color: #222;
	font-size: 20px;
	font-weight: bold;
	text-decoration: none;
	padding-left: 32px;
	padding-right: 32px;
	margin-right: 15px;
	margin-bottom: 10px;
	line-height: 40px;
}

.t-modal .red-highlight, .green-highlight, .yellow-highlight {
	padding-right: 30px;
}

.t-modal .red-lineHighlight span {
	/* background: linear-gradient(transparent 50%, #ff8b97 0%);
	line-height: 22px;
	font-size: 18px;
	width: auto; */
}

.t-modal .green-lineHighlight span {
	/* background: linear-gradient(transparent 50%, #d6ffbb 0%);
	line-height: 22px;
	font-size: 18px;
	width: auto; */
}

.t-modal .yellow-lineHighlight span {
	/* background: linear-gradient(transparent 50%, #ffe4bb 0%);
	line-height: 22px;
	font-size: 18px;
	width: auto; */
}

.t-modal .t-modal-syurui .syurui-item {
	display: flex;
	justify-content: space-between;
	margin-top: 10px;
	padding: 0 15px;
}

.t-modal .t-modal-syurui .syurui-item .label-txt {
	padding-top: 2px;
	line-height: 1.4;
	font-size: 20px;
	width: 100%;
}

.t-modal .t-modal-syurui .syurui-item .label {
	display: flex;
	align-items: center;
	justify-content: center;
    min-width: 55px;
	max-width: 55px;
    height: 32px;
	margin-right: 10px;
	font-weight: bold;
	font-size: 16px;
	border: 4px solid white;
    box-shadow: 0 0 0px 1px #777;
    border-radius: 7px;
}

.t-modal .red-lineHighlight .label {
	/* background: #ff8b97; */
	background: linear-gradient(to bottom, #ffd6da, #ff8b97);
}

.t-modal .green-lineHighlight .label {
	/* background: #d6ffbb; */
	background: linear-gradient(to bottom, #f4ffed, #d6ffbb);	
}

.yellow-lineHighlight .label {
	/* background: #ffe4bb; */
	background: linear-gradient(to bottom, #f9f9ed, #ffe4bb);
}

.t-modal .t-modal-contain .t-modal-stores-row-t-2.t-cocoromedical {
	background: linear-gradient(to bottom, #ffd6da, #ff8b97);
}

.t-modal .t-modal-contai. .t-modal-stores.t-cocoromedical a {
	background: linear-gradient(to bottom, #ffd6da, #ff8b97);
}

.t-modal .t-modal-contain .t-modal-stores-row-t-2.t-seitai {
	background: linear-gradient(to bottom, #f9f9ed, #ffe4bb);
}

.t-modal .t-modal-contain .t-modal-stores.t-seitai a {
	background: linear-gradient(to bottom, #f9f9ed, #ffe4bb);
}

.t-modal .t-modal-contain .t-modal-stores-row-t-2.t-seikotsu {
	background: linear-gradient(to bottom, #f4ffed, #d6ffbb);
}

.t-modal .t-modal-contain .t-modal-stores.t-seikotsu a {
	background: linear-gradient(to bottom, #f4ffed, #d6ffbb);
}

/* t-modal javascript ---------------------------- */

.modal {
	display: none;
	position: fixed;
	top: 10%;
	right: 0;
	bottom: 0;
	left: 0;
	overflow: auto;
	background: rgba(0, 0, 0, 0.8);
	z-index: 99999;
	animation-name: show;
	animation-duration: 0.5s
}

.modal-content {
	position: relative;
	background-color: #fff;
	margin: 10% auto;
	border: 1px solid #888;
	width: 95%;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2);
}

@keyframes show {
	0% {
		display: none;
		opacity: 0;
	}
	100% {
		display: block;
		opacity: 1;
	}
}

.modal-header {
	padding: 12px;
	background-color: white;
	color: #333;
}

.modal-footer {
	position: relative;
	background-color: #fefefe;
	margin: auto;
	padding: 12px;
}

.close::before, .close::after {
	content: "";
	position: absolute;
	width: 37px;
	height: 4px;
	border-radius: 4px;
	background-color: #4B4B4B;
	transform-origin: center;
	top: 30px;
	right: 15px;
}

.close::after {
	transform: rotate(45deg);
}

.close::before {
	transform: rotate(-45deg);
}

.close:hover, .close:focus {
	color: black;
	cursor: pointer;
}

/* java drawer menu */

.t3-footer {
	display: block;
	width: 80%;
	margin: 10px auto 3px;
}

.t3-footer button {
	padding: 5px 20px;
	color: white;
	background-color: #e25f6d;
	border-radius: 7px;
	border: 1px solid white;
}

.t3-footer .t-copyright {
	font-size: 10px;
	margin-top: 5px;
	margin-bottom: 0px;
}

.t3-footer-open {
	text-align: center;
}

.t3-footer-open img.t-logo {
	margin-top: 0px;
	margin-bottom: 20px;
	width: 250px;
	padding-top: 30px;
}

.t3-footer-open .t-footerNav li {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
	border: 1px solid #ddd;
}

/* css drawer menu ------------------------------------------ */

.t-footer {
	display: none;
}

.t2-footer {
	display: block;
}

.t2-footerWrap {
	display: flex;
	flex-direction: row;
	width: 90%;
	margin: 0 auto;
}

#t-navDrawer {
	position: relative;
	width: 50px;
	height: 50px;
	margin-top: 20px;
	padding-left: 20px;
	margin-left: auto;
	text-align: left;
}

/*チェックボックス等は非表示に*/

.t-navUnshown {
	display: none;
}

/*アイコンのスペース*/

#t-navOpen {
	display: inline-block;
	width: 50px;
	height: 22px;
	vertical-align: middle;
}

/*ハンバーガーの形をCSSで表現*/

#t-navOpen span, #t-navOpen span:before, #t-navOpen span:after {
	position: absolute;
	right: -6px;
	height: 3px;
	/*線の太さ*/
	width: 35px;
	/*長さ*/
	border-radius: 3px;
	background-color: mediumblue;
	/* background: #555; */
	display: block;
	content: '';
	cursor: pointer;
}

#t-navOpen span:before {
	right: 0px;
	bottom: -8px;
}

#t-navOpen span:after {
	right: 0px;
	bottom: -16px;
}

/*閉じる用の薄黒箇所*/

#t-navClose {
	display: none;
	position: fixed;
	z-index: 99;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: black;
	opacity: 0;
	transition: .3s ease-in-out;
}

/*メニューの中身*/

#t-navContent {
	position: relative;
	overflow: auto;
	position: fixed;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	z-index: 9999;
	width: 80%;
	max-width: 80%;
	/*最大幅（お好みで調整を）*/
	height: 80%;
	background: #fff;
	transition: .3s ease-in-out;
	display: none;
	text-align: center;
}

/*チェックがついたら表示させる*/

#t-navInput:checked~#t-navClose {
	display: block;
	opacity: .5;
}

#t-navInput:checked~#t-navContent {
	display: block;
	box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}

.t-closeButton span::before, .t-closeButton span::after {
	content: "";
	position: absolute;
	width: 37px;
	height: 4px;
	border-radius: 4px;
	transform-origin: center;
	top: 30px;
	right: 15px;
	cursor: pointer;
	background-color: #4B4B4B;
}

.t-closeButton span::after {
	transform: rotate(45deg);
}

.t-closeButton span::before {
	transform: rotate(-45deg);
}

.t2-footer .t-logoImgBox {
	margin-top: 20px;
	margin-bottom: 20px;
}

.t2-footer #t-navContent img.t-logo {
	width: 250px;
	padding-top: 30px;
}

.t2-footer .t-footerNav li {
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 16px;
	border: 1px solid #ddd;
}

label#t-navOpen {
	color: mediumblue;
	font-size: 16px;
	padding-left: 2px;
}

/* css drawer ----------------------------------------------- */

/* footerMap -----------------------------------------*/

#intro {
	background-image: unset;
}

#intro .fixedcontainer {
	width: 90%;
	max-width: 1080px;
	background-color: white;
}

.t-map .t-map-bg-a {
	display: none;
}

.t-map {
	width: 100%;
	position: relative;
	padding-top: 20px;
}

.t-map .t-map-bg-sp {
	display: block;
}

.t-map .t-map-wrapper {
	display: flex;
	flex-direction: column-reverse;
	align-items: center;
}

.t-map .t-map-wrap-2 {
	width: 90%;
	margin-top: 20px;
}

.t-map .t-map-wrap {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: space-between;
	align-content: center;
	flex-shrink: 0;
	width: 90%;
	padding-bottom: 20px;
}

.t-map img.t-map-bg-b {
	position: absolute;
	width: auto;
	height: 60px;
	top: 0;
	left: 0;
}

.t-map img.t-map-bg-c {
	position: absolute;
	width: auto;
	height: 80px;
	top: 30px;
	left: 16px;
	/* height: 60px;
	top: 50px;
	left: 40px; */
}

.t-map .t-map-body {
	position: relative;
	width: 48%;
	border: solid 2px #533b24;
	align-content: flex-start;
	background: rgba(255, 255, 255, 0.9);
	margin-top: 25px;
	padding-top: 15px;
	padding-bottom: 10px;
}

.t-map .t-map-t1 {
	margin: 0;
}


.t-map .t-map-body.wide-1 {
	display: block;
	width: 100%;
}

.t-map .t-map-body-box {
	display: flex;
	flex-direction: row;
	flex-wrap: wrap;
	justify-content: center;
}

.t-map .t-map-img-1 {
	position: absolute;
	top: -18px;
	left: 10px;
	width: 30px;
}

.t-map .t-map-wrap-2 img.t-map-img-1 {
	position: absolute;
	top: -27px;
	left: 20px;
	width: 45px;
}

.t-map .t-map-t1 span {
	color: #533b24;
	font-size: 18px;
	padding-bottom: 3px;
	font-weight: bold;
}

.t-map .t-map-body.wide-1 .t-map-t1 span {
	color: #533b24;
	font-size: 20px;
	padding-bottom: 3px;
	font-weight: bold;
}

.t-map .t-map-body.wide-1 .t-map-t1 {
	padding-bottom: 10px;
}

.t-map .t-map-t2 {
	font-size: 14px;
	margin-top: 0px;
	padding-bottom: 0px;
	margin-left: 8px;
	margin-right: 8px;
	margin-bottom: 0px;
	position: relative;
}

.t-map .t-map-body.wide-1 .t-map-t2 {
	padding-bottom: 15px;
	font-size: 16px;
	cursor: pointer;
}

.t-map-body-box .t-map-t2:first-of-type::before {
	display: none;
}

.t-map-body-box .t-line-none::before {
	display: none;
}

.t-map-t2-body {
	margin: 10px;
}

.t-map-t2-body .t-map-t2 {
	color: #333;
    font-weight: bold;
    font-size: 14px;
	padding: 0;
}

.t-map-t3-list {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
	margin: 0;
    padding: 5px;
}

.t-map-t2-body .t-map-t3-list {
    background: #eee;
}


.t-map-t3-list .t-map-t3 {
	max-width: 110px;
    width: 100%;
    margin: 5px;
    padding: 5px;
    border-radius: 3px;
    /* background: linear-gradient(to bottom, #ffd6da, #ff8b97); */
    color: #fff;
    background: #bc4b4c;
    cursor: pointer;
}

/* NewモーダルCSSここから headerNav & footerMap用------------------------ */

.modal h2.t-modal-t1a {
	width: 100%;
	text-align: center;
}

.modal h2.t-modal-t1a span {
	color: #333;
}

.t-modalIn {
	width: 95%;
	margin: 0 auto;
	background-color: white;
	/* display: flex;
	flex-direction: row;
	justify-content: center;
	align-items: center; */
	padding: 15px;
	text-align: left;
	margin-top: 20px;
	margin-bottom: 20px;
	border: 1px solid #333;
}

#t-tokyo-modal .t-modalIn {
	display: none;
}

#t-tokyo-modal[data-area="shinjyuku"] .t-modalIn[data-area="shinjyuku"],
#t-tokyo-modal[data-area="shibuya"] .t-modalIn[data-area="shibuya"],
#t-tokyo-modal[data-area="toshima"] .t-modalIn[data-area="toshima"],
#t-tokyo-modal[data-area="shinagawa"] .t-modalIn[data-area="shinagawa"],
#t-tokyo-modal[data-area="itabashi"] .t-modalIn[data-area="itabashi"],
#t-tokyo-modal[data-area="adati"] .t-modalIn[data-area="adati"],
#t-tokyo-modal[data-area="kita"] .t-modalIn[data-area="kita"],
#t-tokyo-modal[data-area="suginami"] .t-modalIn[data-area="suginami"],
#t-tokyo-modal[data-area="bunkyou"] .t-modalIn[data-area="bunkyou"],
#t-tokyo-modal[data-area="minato"] .t-modalIn[data-area="minato"],
#t-tokyo-modal[data-area="koutou"] .t-modalIn[data-area="koutou"],
#t-tokyo-modal[data-area="setagaya"] .t-modalIn[data-area="setagaya"],
#t-tokyo-modal[data-area="tiyoda"] .t-modalIn[data-area="tiyoda"],
#t-tokyo-modal[data-area="tatikawa"] .t-modalIn[data-area="tatikawa"],
#t-tokyo-modal[data-area="matida"] .t-modalIn[data-area="matida"],
#t-tokyo-modal[data-area="nishitoukyou"] .t-modalIn[data-area="nishitoukyou"] {
	display: block;
}

.t-modalIn .textBox {
	/* width: 95%;
	flex: 2;
	text-align: left;
	padding-right: 10px; */
}

.t-modalIn .textNo, .t-modalIn .textType, .t-modalIn .textArea, .t-modalIn .textMail {
	display: none;
}

.t-modalIn p.textName {
	margin-bottom: 5px;
}

.t-modalIn p.textName span {
	color: #bd3d3e;
	font-size: 16px;
	font-weight: bold;
}

.t-modalIn .textAdress {
	font-size: 14px;
	position: relative;
	padding-left: 25px;
}

.t-modalIn .textAdress::before {
	display: inline-block;
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	top: 2px;
	left: 2px;
	background-image: url("../img/t-map-icon.png");
	background-size: cover;
}

.t-modalIn .textTel {
	color: #bd3d3e;
	font-size: 18px;
	font-weight: bold;
	padding-top: 0px;
	padding-bottom: 0px;
	position: relative;
	padding-left: 25px;
}

.t-modalIn .textTel::before {
	display: inline-block;
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	top: 3px;
	left: 2px;
	background-image: url("../img/t-tellp-icon.png");
	background-size: cover;
}

.t-modalIn .textTime {
	font-size: 14px;
    padding-top: 2px;
    position: relative;
    padding-left: 25px;
}

.t-modalIn .textTime em {
	color: #bd3d3e;
	font-weight: bold;
	font-style: normal;
}

.t-modalIn .textTime::before {
	display: inline-block;
	position: absolute;
	content: '';
	width: 18px;
	height: 18px;
	top: 3px;
	left: 2px;
	background-image: url("../img/t-walking-icon.png");
	background-size: cover;
}

.btnBox {
	display: flex;
	flex-wrap: wrap;
	margin: 20px 0 0;
}

.btnBox li {
	width: 100%;
	/* width: 50%; */
}

.btnBox li + li {
	margin-top: 10px;
}


.t-modalIn .textReserve {
	display: block;
	/* width: calc(50% - 10px); */
	/* color: white; */
	background-color: rgba(235, 235, 158, 1);
	border-radius: 3px;
	font-size: 14px;
	text-decoration: none;
	text-align: center;
	padding: 8px;
	margin-right: 5px;
}

.t-modalIn .textAbout {
	display: inline-block;
	width: 80px;
	color: red;
	background-color: white;
	border: 1px solid red;
	border-radius: 3px;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
	padding: 2px 5px;
	margin-bottom: 5px;
	margin-right: 1px;
}

.t-modalIn .imgBox {
	/* width: 100px;
	height: 135px;
	align-self: center; */
	overflow: hidden;
	position: relative;
	height: 0;
	margin-top: 10px;
	padding-bottom: 56.25%;
}

.t-modalIn .imgBox iframe {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}

.t-modalIn img.imgMap {
	width: 100px;
	height: 135px;
	object-fit: cover;
}