/*
Theme Name: 大阪大学大学院医学系研究科 医療データ科学寄附講座
Version: 1.0
License: GNU General Public License

-------------------------------------------------------------- */

/* ------------------------------------------------------------------------------------------------------------------------------------ common */
div.detail div.header {
	padding: 20px 40px;
	margin-bottom: 20px;
	/* background: #f8f8f8; */
	position: relative;
}

div.detail div.header::before {
    background: #ff6300 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 50%;
    z-index: 1;
	
}

div.detail div.header::after {
    /* background: #f0f0f0 none repeat scroll 0 0;
    bottom: 0;
    content: "";
    display: block;
    height: 1px;
    left: 0;
    position: absolute;
    width: 100%;
    z-index: 0; */
}

@media only screen and (max-width: 768px) {	
	div.detail div.header {
		padding: 20px 0;
	}
}

div.detail div.header div.title {	
	margin-bottom: 1em;
	position: relative;
}

div.detail div.header div.title h1 {
	font-size: 3rem;
	/* animation: animation-duration/animation-timing-function/animation-delay/animation-direction/animation-fill-mode/animation-iteration-count/animation-play-state/animation-name/ */
	/* forex animation: 50s linear 0s normal none infinite running spin; */
	
	-moz-animation: show 10s both;
	-webkit-animation: show 10s both;
	-o-animation: show 10s both;
	-ms-animation: show 10s both;
	animation: show 10s both;
	
	line-height: 1.1;
	color: #333;

}

div.detail div.header div.title:before {
    background: #ff6300 none repeat scroll 0 0;
    content: "";
    height: 1px;
    left: -2em;
    position: absolute;
    top: 50%;
    transform: translate(0px, -50%);
    width: 20px;
}

div.detail div.header div.description h2 {
	font-weight: normal;
	color: #6c6b6c;
}

div.detail div.header div.update {	
	margin-top: 1em;
	color: #ff6300;
}


/* ------------------------------------------------------------------------------------------------------------------------------------ .mceContentBody */

.mceContentBody {
	padding: 40px;
	box-sizing: border-box;
	background: #fff;
	
	line-height: 1.8;
	max-width: 1000px;
}

@media only screen and (max-width: 768px) {	
	.mceContentBody {
		padding: 40px 0;
		margin-bottom: 40px;
	}
}

.mceContentBody a {
	color: #ff6300;
	text-decoration: underline;
	position: relative;
}

.mceContentBody a:hover {
	text-decoration: none;
}

.mceContentBody a.arrow {
	position: relative;
	display: inline-block;
	padding: 0 0 0 1em;
	color: #ff6300;
	vertical-align: middle;
	text-decoration: none;
}

.mceContentBody a.arrow::before {
	width: 6px;
	height: 6px;
	margin: auto;
	position: absolute;
	top: 50%;
	left: 0;
	content: "";	
	border-top: 1px solid #ff6300;
	border-right: 1px solid #ff6300;
	-webkit-transform: translate( 0, -50%) rotate(45deg);	
	transform: translate( 0, -50%) rotate(45deg);	
    transition: all .2s ease-in;
}

.mceContentBody a.arrow:hover {
}

.mceContentBody a.arrow:hover::before {	
	border-top: 1px solid #ff6300;
	border-right: 1px solid #ff6300;
	left: 5px;
}

.mceContentBody a[href^="tel:"] {
	pointer-events: none;
	text-decoration: none;
}

@media only screen and (max-width: 768px) {	
	.mceContentBody a[href^="tel:"] {
		pointer-events: auto;
		color: #023156;
		text-decoration: underline;
	}
	
	.mceContentBody a[href^="tel:"]:hover {
		text-decoration: none;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------------------ setting */

.mceContentBody img {
	/* display: block; */
	max-width: 100%;
	height: auto;
}

.mceContentBody .fs1 { font-size: 0.8rem !important; }
.mceContentBody .fs2 { font-size: 1.0rem !important; }
.mceContentBody .fs3 { font-size: 1.2rem !important; }
.mceContentBody .fs4 { font-size: 1.3rem !important; }
.mceContentBody .fs5 { font-size: 1.4rem !important; }
.mceContentBody .fs6 { font-size: 1.8rem !important; }
.mceContentBody .fs7 { font-size: 2.4rem !important; }
.mceContentBody .fs8 { font-size: 3.6rem !important; }
.mceContentBody .fs9 { font-size: 4.8rem !important; }

/* .mceContentBody .imgL {
	display: block;
	float: left;
	margin: 0 1% 0 0;
}

.mceContentBody .imgR {
	display: block;
	float: right;
	margin: 0 0 0 1%;
}

.mceContentBody .imgC {
	display: block;
	margin-right: auto;
	margin-left: auto;	
} */


.mceContentBody .center {
	margin-left: auto;
	margin-right: auto;
}

/* 中央揃え */

.mceContentBody .outbox {
	position: relative;
}

.mceContentBody .outbox .inbox {
	position: absolute;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	-o-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
}

/* @end */

/* .mceContentBody .caption {
	color: #939393;
	font-size: 1.4rem;
} */

.mceContentBody .tc {
	text-align: center;
}

.mceContentBody .tl {
	text-align: left;
}

.mceContentBody .tr {
	text-align: right;
}

.mceContentBody .w5 { width: 5%; }
.mceContentBody .w10 { width: 10%; }
.mceContentBody .w15 { width: 15%; }
.mceContentBody .w20 { width: 20%; }
.mceContentBody .w22 { width: 22%; }
.mceContentBody .w24 { width: 24%; }
.mceContentBody .w25 { width: 25%; }
.mceContentBody .w30 { width: 30%; }
.mceContentBody .w32 { width: 32%; }
.mceContentBody .w35 { width: 35%; }
.mceContentBody .w40 { width: 40%; }
.mceContentBody .w45 { width: 45%; }
.mceContentBody .w49 { width: 49%; }
.mceContentBody .w50 { width: 50%; }
.mceContentBody .w60 { width: 60%; }
.mceContentBody .w70 { width: 70%; }
.mceContentBody .w80 { width: 80%; }
.mceContentBody .w90 { width: 90%; }
.mceContentBody .w100 { width: 100%; }

.mceContentBody .m_o0 { margin-top: 0; }
.mceContentBody .m_o1 { margin-top: 1%; }
.mceContentBody .m_o2 { margin-top: 2%; }
.mceContentBody .m_o4 { margin-top: 4%; }

.mceContentBody .m_l0 { margin-left: 0; }
.mceContentBody .m_l1 { margin-left: 1%; }
.mceContentBody .m_l2 { margin-left: 2%; }
.mceContentBody .m_l4 { margin-left: 4%; }

.mceContentBody .m_r0 { margin-right: 0; }
.mceContentBody .m_r1 { margin-right: 1%; }
.mceContentBody .m_r2 { margin-right: 2%; }
.mceContentBody .m_r4 { margin-right: 4%; }

.mceContentBody .m_u0 { margin-bottom: 0px; }
.mceContentBody .m_u10 { margin-bottom: 10px; }
.mceContentBody .m_u20 { margin-bottom: 20px; }
.mceContentBody .m_u30 { margin-bottom: 30px; }
.mceContentBody .m_u40 { margin-bottom: 40px; }
.mceContentBody .m_u50 { margin-bottom: 50px; }
.mceContentBody .m_u60 { margin-bottom: 60px; }
.mceContentBody .m_u80 { margin-bottom: 80px; }
.mceContentBody .nomgn { margin: 0; }

@media only screen and (max-width: 768px) {	
	.mceContentBody .fl,
	.mceContentBody .fr {
		float: none;
	}

	.mceContentBody .resp_fl { float: left; } 
	.mceContentBody .resp_fr { float: right; } 
	
	.mceContentBody .resp_center {
		margin-left: auto;
		margin-right: auto;
	}

	
	.mceContentBody .imgL,
	.mceContentBody .imgR {
		/* width: 100% !important; */
		max-width: 100%;
		float: none;
		margin: 0 auto;
	}
	
	.mceContentBody .resp_w5 { width: 5%; }
	.mceContentBody .resp_w10 { width: 10%; }
	.mceContentBody .resp_w15 { width: 15%; }
	.mceContentBody .resp_w20 { width: 20%; }
	.mceContentBody .resp_w22 { width: 22%; }
	.mceContentBody .resp_w24 { width: 24%; }
	.mceContentBody .resp_w25 { width: 25%; }
	.mceContentBody .resp_w30 { width: 30%; }
	.mceContentBody .resp_w32 { width: 32%; }
	.mceContentBody .resp_w35 { width: 35%; }
	.mceContentBody .resp_w40 { width: 40%; }
	.mceContentBody .resp_w45 { width: 45%; }
	.mceContentBody .resp_w49 { width: 49%; }
	.mceContentBody .resp_w50 { width: 50%; }
	.mceContentBody .resp_w60 { width: 60%; }
	.mceContentBody .resp_w70 { width: 70%; }
	.mceContentBody .resp_w80 { width: 80%; }
	.mceContentBody .resp_w90 { width: 90%; }
	.mceContentBody .resp_w100 { width: 100%; }		
	
	.mceContentBody .resp_m_o0 { margin-top: 0; }

	.mceContentBody .resp_m_l0 { margin-left: 0; }
	.mceContentBody .resp_m_l1 { margin-left: 1%; }
	.mceContentBody .resp_m_l2 { margin-left: 2%; }
	.mceContentBody .resp_m_l4 { margin-left: 4%; }
	
	.mceContentBody .resp_m_r0 { margin-right: 0; }
	.mceContentBody .resp_m_r1 { margin-right: 1%; }
	.mceContentBody .resp_m_r2 { margin-right: 2%; }
	.mceContentBody .resp_m_r4 { margin-right: 4%; }
	
	.mceContentBody .resp_m_u0 { margin-bottom: 0; }
	.mceContentBody .resp_m_u10 { margin-bottom: 10px; }
	.mceContentBody .resp_m_u20 { margin-bottom: 20px; }
	.mceContentBody .resp_m_u30 { margin-bottom: 30px; }
	.mceContentBody .resp_m_u40 { margin-bottom: 40px; }
	.mceContentBody .resp_m_u50 { margin-bottom: 50px; }
	.mceContentBody .resp_m_u60 { margin-bottom: 60px; }
	.mceContentBody .resp_m_u80 { margin-bottom: 80px; }
	.mceContentBody .resp_nomgn { margin: 0; }	
	
	.mceContentBody .resp_tc {
		text-align: center;
	}
	
	.mceContentBody .resp_tl {
		text-align: left;
	}
	
	.mceContentBody .resp_tr {
		text-align: right;
	}

}

/* ------------------------------------------------------------------------------------------ column Layout */

.mceContentBody ul.column2, 
.mceContentBody ul.column3, 
.mceContentBody ul.column4, 
.mceContentBody ul.column5, 
.mceContentBody ul.column6, 
.mceContentBody ul.column7, 
.mceContentBody ul.column8, 
.mceContentBody ul.column9 {
	margin: 0;
} 

.mceContentBody ul.column2 li::before, 
.mceContentBody ul.column3 li::before, 
.mceContentBody ul.column4 li::before, 
.mceContentBody ul.column5 li::before, 
.mceContentBody ul.column6 li::before, 
.mceContentBody ul.column7 li::before, 
.mceContentBody ul.column8 li::before, 
.mceContentBody ul.column9 li::before {
    background: none;
    border-radius: 0;
    content: "";
    height: 0;
    left: 0;
    margin: 0;
    position: relative;
    top: 0;
    transition: none;
    width: 0;
}

.mceContentBody ul.column2 li, 
.mceContentBody ul.column3 li, 
.mceContentBody ul.column4 li, 
.mceContentBody ul.column5 li, 
.mceContentBody ul.column6 li, 
.mceContentBody ul.column7 li, 
.mceContentBody ul.column8 li, 
.mceContentBody ul.column9 li {
    margin: 0;
    padding: 0;
    position: relative;
    float: left;
}

/* .column2 */
.mceContentBody ul.column2 li {  width: 48.56%;  margin-right: 2.88%;}
.mceContentBody ul.column2 li:nth-child(2n) {  margin-right: 0;}
/* .column3 */
.mceContentBody ul.column3 li {  width: 31.42%;  margin-right: 2.87%;}
.mceContentBody ul.column3 li:nth-child(3n) {  margin-right: 0;}
/* .column4 */
.mceContentBody ul.column4 li {  width: 22.84%;  margin-right: 2.88%;}
.mceContentBody ul.column4 li:nth-child(4n) {  margin-right: 0;}
/* .column5 */
.mceContentBody ul.column5 li {  width: 17.68%;  margin-right: 2.9%;}
.mceContentBody ul.column5 li:nth-child(5n) {  margin-right: 0;}
/* .column6 */
.mceContentBody ul.column6 li {  width: 14.25%;  margin-right: 2.9%;}
.mceContentBody ul.column6 li:nth-child(6n) {  margin-right: 0;}
/* .column7 */
.mceContentBody ul.column7 li{  width: 11.8%;  margin-right: 2.9%;}
.mceContentBody ul.column7 li:nth-child(7n) {  margin-right: 0;}
/* .column8 */
.mceContentBody ul.column8 li {  width: 9.98%;  margin-right: 2.88%;}
.mceContentBody ul.column8 li:nth-child(8n) {  margin-right: 0;}
/* .column9 */
.mceContentBody ul.column9 li {  width: 8.56%;  margin-right: 2.87%;}
.mceContentBody ul.column9 li:nth-child(9n) {  margin-right: 0;}

/* ---------------------------------------------------------------------------------------------------- @end column Layout */


.mceContentBody p {
	margin: 1em 0;
}

.mceContentBody .wrap {
	overflow: hidden;
}

.mceContentBody h3 {
	/* background: #f6f6f6; */
	font-size: 2.5rem; /* 25px */
	line-height: 1.5;
    font-weight: bold;
	padding: 0;
    margin: 2em 0 1em;
	/* display: inline-block; */
	display: block;	
	border-bottom: 1px solid #333;	
	/* border: 3px solid #fe5700 */
	/* border-bottom: 3px solid #fe5700; */
	padding: 0;
	/* display: inline-block; */
	color: #333;
}

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

.mceContentBody h3:before {
	/* 
	content: "■";
	padding-right: 0.1em;
	color: #fe5700;
	font-size: 116%;
	*/
}

.mceContentBody > h3:first-child {
    margin: 0 0 0.5em;
}

.mceContentBody h4 {
	font-size: 1.8rem; /* 18px */
	font-weight: bold;
	margin: 2em 0 1em;
	border-left: 1px solid #ff6300;
	border-right: 1px solid #ff6300;	
	background: #f8f8f8;
	/* color: #ff6300; */
	padding: 0.2em 1em;
}

.mceContentBody h3 + h4 {
    margin: 1em 0 0.5em;
}

.mceContentBody h5 {
	font-size: 1.6rem; /* 16px */
	margin: 2em 0 1em;
	display: block;
	background: #f8f8f8;
	padding: 0 0.5em; 
}

.mceContentBody h4 + h5 {
	margin: 1em 0 1em;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ ul */

.mceContentBody ul {
	margin: 10px 0 20px;
	padding: 0;
}

.mceContentBody ul li {
	margin: 0 0 0.5em 0;
	padding: 0 0 0 15px;
	position: relative;
}

.mceContentBody ul>li::before {
    background: #ff6300 none repeat scroll 0 0;
    border-radius: 50%;
    content: "";
    height: 8px;
    left: 0;
    margin-right: 0.5em;
    position: absolute;
    top: 10px;
    transition: all 0.3s ease-out 0s;
    width: 8px;
}

.mceContentBody ul.list-unstyled li {
	list-style: none;
	background: none;
	padding: 0;
}

.mceContentBody ul li ul li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 0 15px;
}

.mceContentBody ul li ul li:before {
	
}


.mceContentBody ol {
	margin: 10px 0 20px 20px;
	padding: 0;
}

.mceContentBody ol li {
	margin: 0;
	padding: 0 0 10px;
}

.mceContentBody ul li strong,
.mceContentBody ol li strong {
}

/*  ------------------------------------------------------------------------------------------------------------------------------------ qa */

.mceContentBody ul.qa {
	background: #f6f6f6;
	margin: 10px 0 20px;
	padding: 1em;
}

.mceContentBody ul.qa li {
	list-style: none;
	background: none;
	margin: 0;
	padding: 0 0 0 0;
	text-align: center;
	position: relative;
	font-weight: bold;
}

.mceContentBody ul.qa li.question {
	background: #fff;
	border: 3px solid #013891;
	color: #013891;
	padding: 0.5em;
	margin-bottom: 10px;
}

.mceContentBody ul.qa li.question:before {
	background: none;
	content: "";
	position: relative;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 0;
	height: 0;
	border: none;
	z-index: 0;
}

.mceContentBody ul.qa li.question:after {
	content: "";
	position: absolute;
	bottom: -9px; left: 50%;
	margin-left: -9px;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 9px 9px 0 9px;
	border-color: #013891 transparent transparent transparent;
	z-index: 0;
}

.mceContentBody ul.qa li.answer {
	background: #fff;
	border: 3px solid #fe5700;
	color: #fe5700;
	padding: 0.5em;
}

.mceContentBody ul.qa li.answer:before {
	background: none;
	content: "";
	position: relative;
	bottom: 0;
	left: 0;
	margin: 0;
	width: 0;
	height: 0;
	border: none;
	z-index: 0;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ table */

.mceContentBody table.deco-tb {
    margin: 0 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
	border-collapse: collapse;
}

/* .mceContentBody table.deco-tb th.t_top {
    border-top: 3px solid #ccc;
	border-bottom: 3px double #E3E3E3;
    vertical-align: middle;
} */

.mceContentBody table.deco-tb th {
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px 5px;
    vertical-align: middle;
	/* background: #eee; */
	/* color: #ffffff; */
		font-weight: normal;
}

/* .mceContentBody table.deco-tb td.t_top {
    border-top: 3px solid #ccc;
	border-bottom: 3px double #E3E3E3;
	vertical-align: middle;
} */

.mceContentBody table.deco-tb td {
	border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    padding: 4px 5px;
    vertical-align: top;
}

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

	/* -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- table.resp_block */

	.mceContentBody table.resp_block {
		width: 100%;
		border: none;
   		border-bottom: 1px solid #ccc;
	}
	
	.mceContentBody table.resp_block thead {
		display: none;
	}
	
	.mceContentBody table.resp_block tr {
		display: block;
		border: none;
		margin: 0;
		/* border: 1px solid #e9ecef;
		padding: 1em;
		
		border-radius: 5px; */
	}

	.mceContentBody table.resp_block th {
		display: block;
		width: 100%;
		box-sizing: border-box;
		border: none;
		border-top: 1px solid #ccc;
		padding: 0;
	}

	.mceContentBody table.resp_block td {
		display: block;
		width: 100%;
		box-sizing: border-box;
		padding: 0;
		border: none;
		/* margin-bottom: 1em; */
		border: none;
	}
	
	.mceContentBody table.resp_block tr td:last-child {
		margin-bottom: 0;
	}
	
	.mceContentBody table.resp_block tr td:first-child {
		border-top: none;
	}
	
	.mceContentBody table.resp_block td:before {
		/* content: attr(data-text)"";
		display: block;
		width: 100%;
		font-weight: bold;
		padding-top: 1em;
		background: #f8f8f8;
		border: 1px solid #e9ecef;
		border-left: none;
		border-right: none;
		padding: 0 0.5em;
		box-sizing: border-box;
		margin-bottom: 0.5em; */
	}	
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------ div display="table" */

.mceContentBody div.table {
    margin: 0 0 20px;
    text-align: left;
    vertical-align: middle;
    width: 100%;
	border-collapse: collapse;
	/* border: 1px solid #ddd; */
	display: table;
}

.mceContentBody div.table div.row {
	border-bottom: 1px solid #eee;
	padding: 0.5em 0;

}

.mceContentBody div.table div.th {
    /* border: 1px solid #ddd; */
    padding: 4px 5px;
    text-align: left;
    vertical-align: middle;
	/* background: #eee; */
	/* color: #ffffff; */
	display: table-cell;
}

.mceContentBody div.table div.th:after {
	content: ":";
	vertical-align: middle;
}

.mceContentBody div.table div.td {
    /* border: 1px solid #ddd; */
    padding: 4px 5px;
    vertical-align: middle;
	display: table-cell;
	font-weight: normal;
}

@media only screen and (max-width: 768px) {	
	.mceContentBody div.table div.th,
	.mceContentBody div.table div.td {
		display: block;
	}
}

@media only screen and (max-width: 768px) {	
	
	/* ------------------------------------------------------------------------------------------------------------------------------------ responsive-type-transform */
	
	.mceContentBody table.deco-tb.responsive-type-transform {
		border: none;
		max-width: 100%;
		box-sizing: border-box;
	}
		
	.mceContentBody table.deco-tb.responsive-type-transform thead {
		display: none;		
	}
	
	.mceContentBody table.deco-tb.responsive-type-transform th {
		display: block;	
		border: none;
	}
	
	.mceContentBody table.deco-tb.responsive-type-transform td {
		display: list-item;
		list-style: none;
		border: none;
		border-left: 5px solid #f0f0f0;
		padding: 0 0 0 0.5em;
		margin: 0.5em 0 1em;
	}
	/* add content */
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(1):before { content: "見出しX1"; display: block; font-weight: bold; }
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(2):before { content: "見出しX2"; display: block; font-weight: bold; }
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(3):before { content: "見出しX3"; display: block; font-weight: bold; }
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(4):before { content: "見出しX4"; display: block; font-weight: bold; }
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(5):before { content: "見出しX5"; display: block; font-weight: bold; }
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(6):before { content: "見出しX6"; display: block; font-weight: bold; }
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(7):before { content: "見出しX7"; display: block; font-weight: bold; }
	.mceContentBody table.deco-tb.responsive-type-transform td:nth-of-type(8):before { content: "見出しX8"; display: block; font-weight: bold; }
	
	/* ------------------------------------------------------------------------------------------------------------------------------------ responsive-type-outer */
	
	.mceContentBody div.responsive-type-outer {
		overflow-x: scroll;
    	-webkit-overflow-scrolling: touch;	
	}
	
	.mceContentBody div.responsive-type-outer table.deco-tb {
	
	}
		
	/* ------------------------------------------------------------------------------------------------------------------------------------ responsive-type-outer-tbody  */
/* tbody scroll */	
	.mceContentBody div.responsive-type-outer-tbody {
	}
	
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb {
		width: 100%;
		display: block;
		position: relative;
	}
	
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb tr {
		display: inline-block;
	}
	
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb thead {
	}
		
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb thead th,
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb thead td {
		border-top: 1px solid #ddd;
	}
	
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb th,
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb td {
		display: block;
		white-space: nowrap;
	}
	
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb thead {
		display: block;
		float: left;
	}
	
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb tbody {
		display: block;
		overflow-x: scroll;
		-webkit-overflow-scrolling: touch;
		white-space: nowrap;
	}
	
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb tbody tr {
		margin-left: -5px;		
	}
		
	.mceContentBody div.responsive-type-outer-tbody table.deco-tb br {
		display: none;
	}
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------ table.row hover */

.mceContentBody table.deco-tb.row tr {
	background: #fff;
    transition: all .1s ease-out 0s;
}

.mceContentBody table.deco-tb.row tr:hover {
	background: #f9f0d3;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ deco-box */

.mceContentBody .deco-box {
	padding: 1.5em;
	background:#eef1f2;
	margin-bottom: 1.5em;
	position: relative;
}

.mceContentBody .deco-box-line{
	padding: 1.5em;
	background: #fff;
	border: 5px solid #eef1f2;
	margin-bottom: 1.5em;
	position: relative;
}

@media only screen and (max-width: 768px) {	
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------ flowArrow */	

.mceContentBody .deco-box.flowArrow {
	padding: 1em;
	background: #fff;
	border: 10px solid #f6f6f6;
	position: relative;
	/* text-align: center; */
	box-sizing: border-box;
}

.mceContentBody .deco-box.flowArrow.none {
	
}

.mceContentBody .flowArrow::before {
    border-color: #f6f6f6 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    bottom: -12px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 0;
    z-index: 0;
}

.mceContentBody .flowArrow::after {
    border-color: #f6f6f6 transparent transparent;
    border-style: solid;
    border-width: 12px 12px 0;
    bottom: -20px;
    content: "";
    height: 0;
    left: 50%;
    margin-left: -12px;
    position: absolute;
    width: 0;
    z-index: 0;
}

.mceContentBody .flowArrow.none::before,
.mceContentBody .flowArrow.none::after {
	border: none;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ dl */

.mceContentBody dl {
	width: 100%;
}

.mceContentBody dl dt {
	float: left;
	width: 20%;
	padding: 0.5em;
	box-sizing: border-box;
}

.mceContentBody dl dd {
	float: left;
	width: 80%;
	padding: 0.5em;
	box-sizing: border-box;
}

/* ------------------------------------------------------------------------------------------------------------------------------------ google map */

@media only screen and (max-width: 768px) {		
	
	.mceContentBody .google-maps {
		position: relative;
		padding-bottom: 75%;
		height: 0;
		overflow: hidden;
	}
	
	.mceContentBody .google-maps iframe {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

/* ------------------------------------------------------------------------------------------------------------------------------------ google map */

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

	.mceContentBody .movieWrap {
		position: relative;
		padding-bottom: 56.25%;
		padding-top: 30px;
		height: 0;
		overflow: hidden;
	}
	 
	.mceContentBody .movieWrap iframe,
	.mceContentBody .movieWrap object,
	.mceContentBody .movieWrap a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100% !important;
		height: 100% !important;
	}

}

/* ------------------------------------------------------------------------------------------------------------------------------------ form */	

.mceContentBody .form {
}

.mceContentBody .form p.line {
	display: inline;
	margin: 0;
}

.mceContentBody .form th {
	min-width: 200px;
}

.mceContentBody .form td.sub {
	background: #eee;
	width: 110px;
	vertical-align: middle;
}

.mceContentBody .alert {
	color: #ff100a;
}

.mceContentBody label,
.postalcode {
	white-space: nowrap;
}

.mceContentBody .form input,
.mceContentBody .form textarea {
	border-radius: 5px;
	border: none;
	border: 1px solid #ccc;
	background: #f9f9f9;
	transition: all 0.2s ease-in-out;
	padding: 0.5em;
	box-sizing: border-box;
}

.mceContentBody input:focus,
.mceContentBody textarea:focus {
	background: #ffffff;
	outline: none;
	border: none;
	border: 1px solid #ccc;
	box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.mceContentBody input:active,
.mceContentBody textarea:active {
	background: #ffffff;		
	outline: none;
	border: none;
	border: 1px solid #ccc;
	box-shadow: 0 3px 5px rgba(0, 0, 0, 0.125) inset;
}

/* セレクトボックス */

.mceContentBody .form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	font-size: 100%;
	height: 38px;
	border-radius: 5px;
	border: 1px solid #ccc;
	min-width: 80px;
	padding: 0 0.5em;
	cursor: pointer;
	width: 100%;
	background: #fff;
}

.mceContentBody .form select::-ms-expand {
	display: none;
}


.mceContentBody .form select:focus {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset, 0 0 8px rgba(102, 175, 233, 0.6);
}

.mceContentBody .form div.selectWrap {
	position: relative;
	/* width: 50%; */
	height: 38px;
	display: inline-block;
}

.mceContentBody .form div.selectWrap::after {
	position: absolute;
	top: 55%;
	right: 10px;
	display: block;
	content: '';
	width: 0;
	height: 0;
	margin-top: -4px;
	border: 4px solid transparent;
	border-top: 4px solid #888;
}

.mceContentBody .form label:hover {
	color: #2b91fc;
}

@media only screen and (max-width: 640px) {
	.mceContentBody table.deco-tb.form {
		/* font-size: 86%; */
		width: 100%;
		border: none;
	}
	
	.mceContentBody table.deco-tb.form td.sub {
		background: #ffffff;
		width: 100%;
		box-sizing: border-box;
		padding-bottom: 0;
	}
	
	.mceContentBody .form div.selectWrap {
		margin-bottom: 1em;
		width: 100%;
	}
	
	.mceContentBody table.deco-tb.form input,
	.mceContentBody table.deco-tb.form textarea {
		width: 100%;
		box-sizing: border-box;
	}
	
	.mceContentBody table.deco-tb.form label {
		display: block;
	}
	
	.mceContentBody table.deco-tb.form label input {
		width: auto;
	}	
	
	.mceContentBody table.deco-tb.form th {
		/* min-width: 40px; */
		display: block;
		width: 100%;
		box-sizing: border-box;
		border: none;
		margin: 0 0 1em;
	}	
	
	.mceContentBody table.deco-tb.form td {
		display: block;
		border: none;
		padding: 0 0 1em;
	}
	
	/* 生年月日 */
	
	td.birth {
		
	}
		
	.mceContentBody .form td.birth div.selectWrap {
		margin-bottom: 0;
	}
	
	.mceContentBody .form td.birth label {
		margin-bottom: 0.5em;
		width: 90%;
	}
	
}

/* ------------------------------------------------------------------------------------------------------------------------------------ .btn */	
/* .btn .default */

.mceContentBody .btns .btn {
	display: block;
	float: left;
}

.mceContentBody .btn {
	background: #eee;
	margin: 0 auto 1em;
	display: block;
	padding: 0.5em 1em;
	/* border: 1px solid #ccc; */
	border-radius: 5px;
	box-sizing: border-box;
	text-decoration: none;
	text-align: center;
	line-height: 1.5;
	transition: all 0.1s ease-in-out;
	
	cursor: pointer;
	
	border: 1px solid;
	border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) #a2a2a2;
}


/* btn color */
.mceContentBody .btn.default {
	background: -moz-linear-gradient(top,#FFF 0%,#EEE);
    background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
	background: #eee;	
    color: #111;
}
.mceContentBody .btn.red {
	background: -moz-linear-gradient(top,#ff5a5f 0%,#ff5a5f);
    background: -webkit-gradient(linear, left top, left bottom, from(#ff5a5f), to(#ff5a5f));
    background: #ff5b5e;
	color: #fff;
}
.mceContentBody .btn.purple {
	background: -moz-linear-gradient(top,#6f5499 0%,#6f5499);
    background: -webkit-gradient(linear, left top, left bottom, from(#6f5499), to(#6f5499));
    background: #cf8ae5;
	color: #fff;
}
.mceContentBody .btn.blue {
	background: -moz-linear-gradient(top,#337ab7 0%,#337ab7);
    background: -webkit-gradient(linear, left top, left bottom, from(#337ab7), to(#337ab7));
    background: #4b8efa;
	color: #fff;
}
.mceContentBody .btn.green {
	background: -moz-linear-gradient(top,#30a6b1 0%,#30a6b1);
    background: -webkit-gradient(linear, left top, left bottom, from(#30a6b1), to(#30a6b1));
    background: #6dcc54;
	color: #fff;
}
.mceContentBody .btn.yellow {
	background: -moz-linear-gradient(top,#faee2b 0%,#faee2b);
    background: -webkit-gradient(linear, left top, left bottom, from(#faee2b), to(#faee2b));
    background: #f7cf4b;
	color: #666;
}
.mceContentBody .btn.orange {
	background: -moz-linear-gradient(top,#f89406 0%,#f89406);
    background: -webkit-gradient(linear, left top, left bottom, from(#f89406), to(#f89406));
    background: #ffa244;
	color: #fff;
}

.mceContentBody .btn:hover {
	 filter: brightness(85%);
 	 -moz-filter: brightness(85%);
	 -webkit-filter: brightness(85%);
}

.btns .btn::after
{
    position: absolute;
    top: 50%;
    right: 15px;
    left: inherit;

    display: block;

    width: 5px;
    height: 5px;
    margin-top: -5px;

    content: '';
    transition: all .2s ease-in-out 0s;
    -webkit-transform: rotate(45deg);
       -moz-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
         -o-transform: rotate(45deg);
            transform: rotate(45deg);

    border-top: 2px solid #fff;
    border-right: 2px solid #fff;
}
.mceContentBody .btn {
}

/* ------------------------------------------------------------------------------------------------------------------------------------ tab */	

.mceContentBody #tab01:target ~ div.tabContents div.content:nth-child(1),
.mceContentBody #tab02:target ~ div.tabContents div.content:nth-child(2),
.mceContentBody #tab03:target ~ div.tabContents div.content:nth-child(3),
.mceContentBody #tab04:target ~ div.tabContents div.content:nth-child(4),
.mceContentBody #tab05:target ~ div.tabContents div.content:nth-child(5),
.mceContentBody #tab06:target ~ div.tabContents div.content:nth-child(6),
.mceContentBody #tab07:target ~ div.tabContents div.content:nth-child(7),
.mceContentBody #tab08:target ~ div.tabContents div.content:nth-child(8),
.mceContentBody #tab09:target ~ div.tabContents div.content:nth-child(9),
.mceContentBody #tab10:target ~ div.tabContents div.content:nth-child(10),
.mceContentBody #tab11:target ~ div.tabContents div.content:nth-child(11)
 {
	display: block;
	/* opacity: 1;
	z-index: 1000; */
}

.mceContentBody #tab02:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab03:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab04:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab05:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab06:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab07:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab08:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab09:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab10:target ~ div.tabContents div.content:first-child,
.mceContentBody #tab11:target ~ div.tabContents div.content:first-child {
	display: none;
}

.mceContentBody #tab01:target ~ ul.tabBtn li:nth-child(1) a,
.mceContentBody #tab02:target ~ ul.tabBtn li:nth-child(2) a,
.mceContentBody #tab03:target ~ ul.tabBtn li:nth-child(3) a,
.mceContentBody #tab04:target ~ ul.tabBtn li:nth-child(4) a,
.mceContentBody #tab05:target ~ ul.tabBtn li:nth-child(5) a,
.mceContentBody #tab06:target ~ ul.tabBtn li:nth-child(6) a,
.mceContentBody #tab07:target ~ ul.tabBtn li:nth-child(7) a,
.mceContentBody #tab08:target ~ ul.tabBtn li:nth-child(8) a,
.mceContentBody #tab09:target ~ ul.tabBtn li:nth-child(9) a,
.mceContentBody #tab10:target ~ ul.tabBtn li:nth-child(10) a,
.mceContentBody #tab11:target ~ ul.tabBtn li:nth-child(11) a {
	background: #ff6300;
	color: #fff;
}

.mceContentBody #tab01:target ~ ul.tabBtn li:not(:nth-child(1)) a,
.mceContentBody #tab02:target ~ ul.tabBtn li:not(:nth-child(2)) a,
.mceContentBody #tab03:target ~ ul.tabBtn li:not(:nth-child(3)) a,
.mceContentBody #tab04:target ~ ul.tabBtn li:not(:nth-child(4)) a,
.mceContentBody #tab05:target ~ ul.tabBtn li:not(:nth-child(5)) a,
.mceContentBody #tab06:target ~ ul.tabBtn li:not(:nth-child(6)) a,
.mceContentBody #tab07:target ~ ul.tabBtn li:not(:nth-child(7)) a,
.mceContentBody #tab08:target ~ ul.tabBtn li:not(:nth-child(8)) a,
.mceContentBody #tab09:target ~ ul.tabBtn li:not(:nth-child(9)) a,
.mceContentBody #tab10:target ~ ul.tabBtn li:not(:nth-child(10)) a,
.mceContentBody #tab11:target ~ ul.tabBtn li:not(:nth-child(11)) a {
	background: #f2f2f2;
	color: #333;
}

.mceContentBody div.trigger { display: none; }

.mceContentBody ul.tabBtn {
	margin: 0 0 1em;
	padding: 0;
}

.mceContentBody ul.tabBtn li {
	margin: 0 0.5em 0.5em 0;
	padding: 0;
	position: relative;
	display: block;
	float: left;
}

.mceContentBody ul.tabBtn li::before {
	background: none;
	content: "";
	height: auto;
	left: 0;
	margin: 0;
	position: relative;
	top: 0;
	transition: none;
	width: auto;
}
		
.mceContentBody ul.tabBtn li a {
	display: inline-block;
	padding: 0.5em 1em;
	background: #f2f2f2;
	border-radius: 100px;
	text-decoration: none;
	font-size: 1.4rem;
}

.mceContentBody #tab01 ~ ul.tabBtn li:nth-child(1) a,
.mceContentBody ul.tabBtn li a:hover {
	background: #ff6300;
	color: #fff;
}

.mceContentBody div.tabContents {
	width: 100%;
	position: relative;
}

.mceContentBody div.tabContents div.content {
	position: relative;
	display: none;
	/* position: absolute;
	opacity: 1;
	z-index: -1; */

	top: 0;
	width: 100%;
	padding: 1em;
	box-sizing: border-box;
	/* border: 2px solid #ccc; */
	border-radius: 0px 5px 5px 5px;
	animation: fadeIn 0.2s;
	background: #f8f8f8;
}

.mceContentBody div.tabContents div.content:first-child {
	/* opacity: 1; */
	display: block;
}

@media print {
	.mceContentBody div.tabContents div.content {
		display: block;
	}
}


/* pagination */

ul.pagination {
	clear: both;
	text-align: center;
	margin: 0;
	padding: 0;
	padding: 1em 0;	
	margin-bottom: 1em;
}

ul.pagination li {
	margin: 0;
	padding: 0;
	display: inline-block !important;
	background: none !important;
	border: none !important;
	transition: none !important;
}

ul.pagination li::before {
	background: none;
	content: "";
	height: auto;
	left: 0;
	margin: 0;
	position: relative;
	top: 0;
	transition: none;
	width: auto;
}

ul.pagination li a,
ul.pagination li span {
	display: inline-block !important;
	padding: 0.3em 0.8em;
	margin: 0 0.1em;
	border: 1px solid #f0f0f0;
	/* border-radius: 100px; */
	background: #f0f0f0;
	font-weight: bold;
	text-decoration: none;
}

ul.pagination li span:hover,
ul.pagination li a:hover,
ul.pagination li.active a {
	background: #ff6300;
	color: #fff;
}

ul.pagination li a:after {
	border: none !important;
	height: auto;
	position: relative;
	right: auto;
	top: auto;
	width: auto;
	transform: none;
}

/* 印刷用 */

@media print {
	header div.bottom,
	div.banners,
	footer {
		display: none;
	}
}

/* googlemap */

.mceContentBody div#map_customize {
    height: 380px;
    width: 100%;
}

/* --------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- */

div.wrapper {
	/* overflow: auto; */
}
	/* 20241010追記 */
.gray{
		color: #8d8d8d!important;
	}
	.orange{
		border-color: #FFBC92 !important;
	}
	.flx{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.post2410{
    transition: all .1s ease-in-out 0s;
    background: #fff;
    width: 49%;
    margin-right: 0;
    border-bottom: 1px solid #eef1f2;
    border: 2px solid #ff6300;
    border-radius: 5px;
    box-sizing: border-box;
    margin-bottom: 20px;
    position: relative;
	}
	.post2410::before {
		    position: absolute;
    top: 50%;
    right: 0.5em;
    width: 20px;
    height: 20px;
    content: "";
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    border: 1px solid #ff6300;
    border-radius: 1000px;
	}
	.post2410::after{
	    position: absolute;
    top: 50%;
    right: 1.125em;
    width: 5px;
    height: 5px;
    margin: auto;
    content: '';
    -webkit-transform: translate(0, -50%) rotate(45deg);
    transform: translate(0, -50%) rotate(45deg);
    border-top: 1px solid #ff6300;
    border-right: 1px solid #ff6300;	
	}
	.post2410 a{
		text-decoration: none;
		display: block;
	font-size: 2.1rem;
    font-weight: bold;
    position: relative;
	}
	.post2410 :hover{
		color: #7E7E7E;
	}
	.warpb{
		    overflow: hidden;
    box-sizing: border-box;
    padding-right: 2em;
		padding-left: 1em;
	color: #000000;
	}
@media only screen and (max-width: 768px) {
		.post2410{
			width: 100%;
		}
	}