@charset "utf-8";


#masthead {
	overflow:hidden;
}
/*** マインクラフト塾 ***/
#minecraftform .input {
	flex-wrap: wrap;
	gap: 0 2rem;
}
#minecraftform span[class*=your-name-],
#minecraftform span[class*=parent-name-] {
	width: 46%;
}
#minecraftform .course-time {
/*	display: none;*/
	margin-top: 1.0rem;
}
#minecraftform .course-time p span:first-of-type {
	display: inline-block;
	margin-right: 2.0rem;
}
#minecraftform .wpcf7-form-control-wrap.continue-contract {
	width: auto;
	display: inline-block;
}
#minecraftform .input p {
	width: 100%;
	display: block;
	margin-bottom: 0.5rem;
}
#minecraftform .input * + p {
	margin-top: 0.5rem;
}

#minecraftform .wpcf7-radio span {
	margin-right: 0.5em;
}
#minecraftform .use-mouse, #minecraftform .use-keyboard {
	width: auto;
	display: inline-block;
	margin: 0 0.5rem;
}
#minecraftform .use-mouse span.wpcf7-list-item.last, #minecraftform .use-keyboard span.wpcf7-list-item.last {
	margin-right: 1rem;
}
#minecraftform .input .flexBlock {
	width: 100%;
	align-items: center;
}
#minecraftform .level {
	display: inline-block;
	margin-right: 0.5rem;
	font-size: 1.4rem;
}
#minecraftform .emergency-1 {
	margin-bottom: 1rem;
}
#minecraftform .mailsendtxt {
	text-align: center;
	width: 85%;
}

/***フォームコメント231101***/
.imgread {
	text-align:left;
	margin: 0;
}

.mailsendtxt {
	width: 80%;
	margin: 60px auto 30px;
	color: red;
}
.mailsendtxt  div{
	text-align: center;
	font-size: 4.0rem;
	font-weight: bold;
	margin: 30px auto;
	color: #0758aa;
}




/***おうちでプログラミング***/
.programing_flexbox{
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	align-items: flex-start !important;
}
.programing_flexboxinn1 div.toukou{
	width: 100%;
	font-weight: bold;
	display: block;
	text-align: center;
}
.programing_flexboxinn1 div.toukou img{
	margin-bottom: 0px;
	padding-bottom: 0px;
}
.programing_flexboxinn1 {
	width: 38%;
	text-align: center !important;
}
.programing_flexboxinn2 {
	width: 58%;
}
.programing_flexboxinn2 img {
	margin: auto;
}

.programing_flex{
	width: 100% !important;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	text-align: center;
	margin: 0 auto;
	align-items: center !important;
}
.programing_flex ul li{
	margin-top: 10px;
	list-style: circle inside;
}

.grecaptcha-badge {
bottom:110px !important;
}




/***** 210827 施設貸出マップ *****/
.clickbox {
	max-width: 1000px;
	margin: 30px auto 50px;
}

.clickbox div {
	width: 45%;
}

.clickbox div img {
	height: 100%;
}

/***** 210915 ITコンビニ *****/
.addsub div > img.mg_none_btn {
	margin-bottom: 0;
}
.douga_btn {
	display: flex;
	display:-ms-flexbox;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	align-items: center;
	-webkit-box-align: center;
	-ms-flex-align: center;
	max-width: 842px;
	margin: 0 auto 20px;
    background: #fff;
    padding:0 30px 30px;
}
.douga_btn .douga_btn_child {
	width: 25%;
/*	margin-right: 1%;*/
	font-weight: bold;
	padding: 0 1%;
}
.douga_btn .douga_btn_child:last-of-type {
	margin-right: 0;
}
.douga_btn .douga_btn_child a {
	text-decoration: none;
}
.douga_btn .douga_btn_child img {
	width: 16px;
	margin-right: 8px;
	vertical-align: top;
}
a.btn--movie {
	position: relative;
	display: inline-block;
	color: #fff;
/*	background: #005BAA;*/
	background: #e20303;
/*	border-bottom: 5px solid #024e90;*/
	border-bottom: 5px solid #bf0303;
	padding: 0.5rem 1.8rem 0.2rem;
	-webkit-transition: all 0.3s;
	transition: all 0.3s;
	text-align: left;
	vertical-align: middle;
	border-radius: 1.5rem;
	line-height: 1.5;
	font-size: 0.8em;
}
a.btn--movie:hover {
	margin-top: 3px;
	color: #fff;
/*	background: #016fcf;*/
	background: #FF0000;
/*	border-bottom: 2px solid #024e90;*/
	border-bottom: 2px solid #bf0303;
}
a.btn--shadow {
	-webkit-box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
	box-shadow: 0 3px 5px rgba(0, 0, 0, .3);
}


/***** 211021 仮予約フォーム用 *****/
.div_head {
padding:  15px 20px;
 background: #c2dff7;
  font-weight: bold;
   margin-top: 10px;
   display: flex;
   justify-content: space-between;
}

.div_head:first-of-type {
	margin-top:0;
}

.div_head button {
	border: 1px solid #ccc;
	background: rgba(240,240,240, .5);
	padding: 3px 10px;
	display: inline-block;
}

span[class*="event-use"] {
	max-width: 120px;
	width:auto !important;
	display: inline-block;
}


input[name^="event-use"][type="text"]{
	width: 80% !important;
	display: inline-block;
	margin-left: 5px;
}

#wpcf7-f6037-p6040-o1 select,
#wpcf7-f7975-p7976-o1 select {
	padding: 5px 15px;
	letter-spacing: 0.05em;
	cursor: pointer;
	margin-left: 5px;
}

div[class^="conditioning-kinds"] {
}
div[class^="conditioning-kinds"] .input .aircon-use-time {
display:flex;
justify-content: space-between;
 flex-wrap: wrap;
  width: 80%;
}

.conditioning-kinds .input .aircon-use-time span {
	display: inline-block;
}
.resetbox,
.resetbox .input {
	width: 100% !important;
	text-align: center;
}
.resetbox button {
	border: 1px solid #999;
	padding: 8px 10px;
	background: #eee;
	margin: auto
}

/*211105 施設貸出用 */
.subBtn3.facbtn a {
	max-width: 240px;
}
.subBtn3.facbtn div:nth-child(3) a {
	font-size: 2.1rem;
}

/*230413 シェアボタン */
.rBox.flex {
	position: relative;
	right: 1%;
}
#gHeader .linkBox.pc.flex {
	display: flex !important;
	flex-wrap: wrap;
}
.linklist.flex {
	margin: 20px auto;
	order: 2;
}
.flexBlock.snsbtns {
	width: 360px;
	flex-wrap: wrap;
	line-height: 0;
}

#gHeader .linkBox .fontBox {
	order: 1;
}

.flexBlock.snsbtns {
	width:450px;
}

.flexBlock.snsbtns > div {
	width: auto;
	text-align: center;
}
.pdf-lnk::after {
	left: -24px !important;
}

/***** 240502　プログラミングを学ぼう 追加 *****/

.page-id-3010 .subBtn2 a{
	height: 100%;
	line-height: 1.8;
	padding: 15px 10px;
	align-content: center;
	min-width: 300px;
	max-height: 90px;
	min-height: 85px;
	text-decoration: none;
}
.page-id-3010 .subBtn2 a span {
	display: block;
	text-decoration: underline;
}
.page-id-3010 .subBtn2 a span:first-of-type {
}
.page-id-3010 .subBtn2 a span + span {
	color: #DB2A55;
	text-decoration: none;
}
.page-id-3010 .subBtn2 a span.small {
	font-size: smaller;
}

/***** 240507　施設貸出-避難経路図 追加 *****/
.single-facility .venue-drawing-block > div a {
	height: auto;
}
.single-facility .venue-drawing-block + h3.m_plus_1pB {
	margin-top: 30px;
}

.single-facility .venue-drawing-block.evacuation-block {
	justify-content: center;
	gap: 30px;
}
.single-facility .venue-drawing-block.evacuation-block > div {
	max-width: 300px;
	padding: 0;
}
.single-facility .venue-drawing-block.evacuation-block > div a {
	margin-bottom: 30px;
}
.single-facility .venue-drawing-block.evacuation-block + p {
	font-size: 14px;
	line-height: 1.8;
}
@media screen and (max-width: 1280px) and (min-width: 897px){

#gHeader .hBox {
	height: 145px;
}
.menuBox {
	top: 145px;
}

#gHeader .linkBox.pc.flex {
	width: 500px;
	margin-right: 15rem;
	display: block !important;
}
.linklist.flex,
.fontBox.flex {
	margin-bottom: 15px;
}
}
@media screen and (max-width: 896px) {
#gHeader .hBox {
	height: 50px;
}
.menuBox {
	top: 50px;
}
#gHeader .linkBox {
	padding-bottom: 5px;
}
#gHeader .linkBox.pc.flex {
	display: none !important;
}

.flexBlock.snsbtns {
	width: 100%;
	max-width: 520px;
}
.flexBlock.snsbtns > div {
	margin-bottom: 15px;
}
}




@media screen and (max-width: 1020px){
.programing_flexbox{
/*		display: block !important;*/   /* スクラッチ投稿募集用に削り　(210628) */
		width: 100%;
}
.programing_flexboxinn1 {
	width: 100%;
	order: 1;
}
.programing_flexboxinn2 {
	width: 100%;
}

}



/***** 新着情報 *****/
.post-news-archive__header .news-info-block {
	padding-top:0;
}

ul.foo {
	display:flex;
	justify-content: center;
	flex-wrap: wrap;

}

span.current,
a.inactive {
	border-radius:5px;
	box-sizing:border-box;
}

span.current {
	height: 60px;
	padding:20px 24px;
	font-size: 2.0rem;
	background:#005baa;
	color:#fff !important;
	border-radius:5px !important;
	box-sizing:border-box;
}

a.inactive {
	height: 60px;
	padding:18px 22px;
	font-size: 2.0rem;
	color: #005baa !important;
	margin: 0 auto;
	border: 2px solid #005baa;
}

.pager ul li {
	margin:0 3px;
}

.pager ul li:first-child {
	margin-left:0;
}

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

.bar-span > span.current {
	color: #005baa !important;
	background: #fff;
	border: 2px solid #005baa;
}
.bar-span > span.current[aria-current="page"] {
	color:#fff !important;
	background:#005baa;
}


/***** 新着情報 *****/

/***** 詳細詳細 *****/

.single-facility .equipment-table tr:nth-of-type(6) th,
.single-facility table tr:last-of-type th {
	border-bottom: 1px solid #cccccc !important;
}
/***** 詳細詳細 *****/


/***** ご利用の流れ *****/
.use-about-block {
	display:flex;
	justify-content: space-between;
}


.use-about {
	counter-increment: section;
	width: 140px;
	max-width: 140px;
	background:#005baa;
	color:#fff !important;
	border-radius:5px;
	position:relative;
	font-size:1.8rem;
	padding:65px 10px 20px;
	-webkit-writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-o-writing-mode: vertical-rl;
	writing-mode: vertical-rl;
	height: 310px;
	max-height:310px;
}

.use-about::before {
	content:counter(section);
	border-radius:3px;
	display: inline-block;
	background:#fff;
	color:#005baa;
	position:absolute;
	width:40px;
	height:40px;
	font-size:2.3rem;
	padding:10px 12px;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	-o-writing-mode:horizontal-tb;
	writing-mode:horizontal-tb;
	top:16px;
	left:53px;
}
.use-about::after {
	content:"";
	display:inline-block;
	position:absolute;
	background:url("../../../../asset/img/ict/accordion_arrow.svg") no-repeat;
	width:20px;
	max-width:20px;
	height:10px;
	max-height:10px;
	bottom: 15px;
	right: 55px;
}

.use-about p {
	position:absolute;
	left:59px;
	line-height:1.5;
	letter-spacing: 0.5rem
}

.use-about p a {
	color:#fff !important;
}

.use-about:nth-child(3) p {
	position:absolute;
	left:30px;
}

.page-use-flow section h3.line-title {
	width:490px;
}

.page-use-flow section h3.line-title span {
	width:290px;
}

.page-use-flow  .flow-bg div {
	padding:0;
	margin:0 auto;
	text-align: center;
}

.page-use-flow .flow-bg div img {
	width:260px;
	height:112px;
}


.use-flow-about div h4 {
	background:#005baa;
	color:#fff;
	text-align:center;
	position:relative;
	font-size:1.8rem;
	height: 76px;
	max-height: 76px;
}
.use-flow-about div h4:before {
	border-radius:3px;
	display: inline-block;
	background:#fff;
	color:#005baa;
	position:absolute;
	width:40px;
	height:40px;
	font-size:2.3rem;
	padding:10px 12px;
	left: 15px;
	top: 17px
}

.use-flow-about:first-child div h4:before {
	content:"1";
}

.use-flow-about:nth-child(3) div h4:before {
	content:"2";
}
.use-flow-about:nth-child(5) div h4:before {
	content:"3";
}
.use-flow-about:nth-child(7) div h4:before {
	content:"4";
}
.use-flow-about:nth-child(9) div h4:before {
	content:"5";
}
.use-flow-about div h4 > span {
	display:block;
	padding-top:30px;
}

.use-flow-about div h4 > span br {
	display:none;
}

.use-flow-about div h4 div {
	position:absolute;
	top:10px;
	right:10px;
	display:flex;
	}


.use-flow-about div h4 div span {
	display:block;
	font-size:1.2rem;
	color:#fff;
	width: 45px;
	height:70px;
	margin: 0 5px;
}

.use-flow-about div h4 div span img {
	width: 35px;
	height: 40px;
}

.use-flow-about div h4 div span:after {
	display:block;
	font-size:1.2rem;
	padding-top:5px;
}
.use-flow-about div h4 div span.tel:after{
	content:"お電話";
}
.use-flow-about div h4 div span.visit:after{
	content:"ご来館";
}
.use-flow-about div h4 div span.web:after{
	content:"メール";
}

.use-flow-about div h4 + div {
	border:#707070 1px solid;
	}
	
.use-flow-about div h4 + div p,
.use-flow-about div div.darkgrayBg h5,
.use-flow-about div div.darkgrayBg ul {
	font-size:1.6rem;
	padding:20px;
}

.use-flow-about div h4 + div p {
	line-height:1.5;
}
.supplement {
	font-size:1.2rem !important;
	padding-top:0 !important;
}



.use-flow-about div div.darkgrayBg h5:before {
	content:"";
	width:10px;
	height:24px;
	background:#262626;
	border-radius: 3px;
	display:inline-block;
}
.use-flow-about div div.darkgrayBg h5 span {
	padding-left:10px;
	display:inline-block;
	position:relative;
	top: -6px;
	font-weight:normal;
}


.use-flow-about div div.darkgrayBg ul {
	padding-top:0 !important;
}

.use-flow-about div div.darkgrayBg ul li {
	margin-bottom: 10px;
}

.use-flow-about div div.darkgrayBg ul li a {
	text-decoration: underline;
}

.use-flow-about div div.darkgrayBg ul li a:before {
	content:"Ｑ．";
}

.use-flow-about,
.use-flow-about + div {
	padding:0 !important;
}
/***** ご利用の流れ *****/


/***** 附属設備 *****/

.rental h3.blue {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 1.8rem;
	text-align: center;
	color: #ffffff;
	background: #005baa;
	margin-bottom: 0;
}

.rental table,
.rental-annai table,
.facility-download table,
.facility-faq table {
	line-height:1.5;
	font-size:1.6rem;
}
@media screen and (max-width: 868px) {
	.rental table,
.rental-annai table,
.facility-download table,
.facility-faq table {
	line-height:1.4;
	font-size:1.4rem;
}

.subBtn3.facbtn div:nth-child(3) a {
	font-size: 1.8rem;
}

/***** 240507　施設貸出-避難経路図 追加 *****/
.single-facility .venue-drawing-block.evacuation-block > div {
	max-width: 560px;
}

}

.rental table th {
    border-left: 1px solid #cccccc;
    border-top: 1px solid #cccccc;
    border-bottom: 1px solid #cccccc;
    background: #b2c4d9;
    padding: 10px 5px;
    vertical-align: middle;
    width: 160px;
}


.rental table th {
    font-weight: normal;
}

.rental table td {
    border-bottom: 1px solid #cccccc;
    border-right: 1px solid #cccccc;
    padding: 10px 20px;
    vertical-align: middle;
}

.topcommntbox {
	max-width: 1040px;
	margin: 20px auto 30px;
	padding: 10px;
	color: red;
	text-align: center;
	font-weight: bold;
	font-size: 120%;
	line-height: 1.6em;
	position: relative;
	z-index: 1;
	background: #fff;;
	border: 2px solid red;
}

@media screen and (max-width: 868px) {
	.facility-download.rental table td,
	.facility-download.rental table td{
		padding: 5px 10px;
	}
}

.rental table td:first-child {
    border-left: 1px solid #cccccc;
}
.rental table tr td:nth-child(2) {
    text-align: left;
}

.rental table + h3,
.rental table + p + h3 {
	margin-top:50px;
}

.rental-annai table th,
.rental-annai table td{
   width:50%;
   text-align:center;
   box-sizing:border-box;
}
.rental-annai table td:first-child,
.facility-download table td:first-child {
   background:#e6e6e6;
}

.rental-annai table td:nth-child(2),.rental-annai table td:nth-child(3){
   width:25%;
}


.rental.setsubi .grayBg table tr td img {
	min-width:200px;
}

.facility-download table td:first-child {
	white-space: nowrap;
}


.facility-download table th,
.facility-download table td {
	text-align:center;
}

.facility-download .adbdl {
	padding-top:0 !important;
}


.facility-faq .inner.block {
	font-size:1.6rem;
}

.facility-faq p {
	margin-bottom:1.5rem;
	line-height:1.5;
}

.facility-faq hr {
	margin: 50px auto;
} 

.facility-faq table {
	margin-bottom:30px;
}

.facility-faq table tr th,
.facility-faq table tr td {
	text-align:center !important;
}

.facility-faq table tr th {
	background:#E6E6E6;
	font-weight:normal;
}

.facility-faq table tr th:last-child {
	border-right:#ccc 1px solid;
}

.facility-faq table tr td p {
	margin-bottom:0;
}


.policy_list li{list-style-type: disc;}


/***** 附属設備 *****/

.voice > div {
	padding-bottom: 100px;
}

.voice h3 {
	width: 100%;
	height: 36px;
	line-height: 36px;
	font-size: 1.8rem;
	text-align: center;
	color: #ffffff;
	background: #005baa;
	margin-bottom: 0;
}

.voice table {
	background:#fff;
	border:#999 2px solid;
	padding:10px;
	margin-top:20px;
}

.voice table + h3 {
	margin-top:70px;
}



.voice table tr td {
	padding:10px;
	vertical-align:middle;
}

.voice table tr td img {
	margin:0 auto;
	display:block;
}

.voice table tr:first-of-type td:first-of-type {
	width: 160px !important;
	max-width: 160px !important;
	height:160px;
	max-height:160px;
}


.voice table tr td:nth-of-type(2),
.voice table tr:nth-of-type(2) td {
	height:70px;
	max-height:70px;
	width: calc(100% - 160px) !important;
}

.voice table tr:first-of-type td:nth-child(2) {
	border-bottom: #999 1px solid;
	font-size:1.8rem;
}
	
.voice table tr:nth-of-type(2) td {
	font-size: 1.6rem;
}


.ict-soudan h4 {
	margin-bottom:0 !important;
}

.ict-soudan table {
	margin-top:0 !important;
}

.m_mgabout {
	margin-bottom:40px;
}

.m_mgabout * {
	display: block;
	margin: 5px auto;
}

.m_mgabout p {
	text-align:center;
}


/***** 全体 *****/
.pt00 {
	padding-top:0 !important;
}

.darkgrayBg {
	background:#e6e6e6;
}

.subBtn2 span.current{
	padding-top:0;
	padding-bottom:0;
}

.addsub {
	/*padding-bottom:100px;*/
}

.addsub * {
	line-height:1.5;
	font-size:1.6rem;
}

#iconprohousetop img {
	vertical-align: top;
}
#iconprohouse img {
	vertical-align: middle;
}


.kyukanCal *{
	line-height: inherit;
	font-size: inherit;
}

.addsub div.link,
.addsub div.link a {
	line-height: 1!important;
}

.addsub div > img {
	display:block;
	margin: 0 auto 20px;
}

.addsub h3 {
	width: 100%;
	font-size: 1.8rem;
	text-align: center;
	color: #ffffff;
	background: #005baa;
	margin-bottom: 0;
	padding:5px;
}

.addsub h4{
	background:#ccc;
	width:100%;
	padding:10px;
	text-align:center;
	font-size: 1.8rem;
	margin-top:20px;
}

.addsub:not(.cal-sub) table {
	border: #ccc 1px solid;
	margin: 20px auto; 
	border-collapse:collapse;
}
.addsub:not(.cal-sub) table tr th {
	background:#e6e6e6;
	vertical-align: middle;
}

.addsub:not(.cal-sub) table tr th,
.addsub:not(.cal-sub) table tr td {
	padding:20px;
	border-right:1px solid #e6e6e6;
}

.addsub:not(.cal-sub) table tr + tr th {
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
}

.addsub:not(.cal-sub) table tr  + tr td {
	border-top:1px solid #e6e6e6;
/*	border-bottom:1px solid #e6e6e6;*/
	vertical-align: middle;
}

.addsub:not(.cal-sub) table tr th + th {
	border-left:1px solid #fff;
	border-right:1px solid #fff;
}

.addsub:not(.cal-sub) table tr td + td {
	border-left:1px solid #e6e6e6;
	border-right:1px solid #e6e6e6;
}

.addsub:not(.cal-sub) table tr:last-of-type th {
	border-bottom:none;
}

.addsub:not(.cal-sub) table tr:last-of-type td {
	border-bottom:none;
}

.addsub:not(.cal-sub) table tr th:last-child {
	border-right:none;
	border-left:none;
}

.addsub:not(.cal-sub) table tr td:last-child {
	border-right:none;
	border-left:none;
}

div.adbdl {
	display:flex;
	padding-top:60px !important;
	line-height:1.5;
	font-size:1.6rem;
}

.adbdl div:first-of-type {
	width:20%;
}

.adbdl div {
	width:80%;
}

.ib {
	display:inline-block !important;
}

.pdfBtn2 > div a:after {
	width:20px;
}

.facility-faq .grayBg a,
.addsub:not(.cal-sub) table a {
	position:relative;
	display:inline-block;
}

.facility-faq .link {
	text-align: center;
}


.addsub table a[href$=".pdf"]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 20px;
    height: 25px;
    background: url("../../../../asset/img/common/icon_pdf.svg");
    right: 18px;
}

.facility-faq .grayBg a[href$=".pdf"]:after {
    content: "";
    margin: auto 0;
    width: 20px;
    height: 25px;
    background: url("../../../../asset/img/common/icon_pdf.svg");
    display:inline-block;
    position: relative;
}



.custom.addsub table a[href$=".pdf"]:after {
    right:-25px;
    top:25px;
}

.addsub table a[href$=".jpg"]:after {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 22px;
    height: 25px;
    background: url("../../../../asset/img/common/icon_jpg.svg");
    right: 18px;
}



.addsub table a[href$=".xls"],.addsub > table a[href$=".xlsx"] {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 22px;
    height: 25px;
    background: url("../../../../asset/img/common/icon_excel.svg");
    right: 18px;
}

.addsub table a[href$=".doc"],.addsub > table a[href$=".docx"] {
    content: "";
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 22px;
    height: 25px;
    background: url("../../../../asset/img/common/icon_word.svg");
    right: 18px;
}


.bbg-none,
.bbg-none tr th,
.bbg-none tr td {
	border:none !important;
	background:transparent !important;
}

.bbg-none {
	width: 1000px !important;
	max-width: 1000px !important;
}

.bbg-none tr td:first-of-type {
	padding-left:0 !important;
}

.bbg-none tr td:last-of-type {
	padding-right:0 !important;
}

.bbg-none.melma > tbody > tr > td {
	padding: 0 !important;
}
.bbg-none.melma > tbody > tr:first-of-type > td {
	padding-bottom: 10px !important;
}

.bbg-none.melma tr td form table {
	margin:0 !important;
	border:none !important;
}

.bbg-none.melma tr td form > table {
	width:93%;
	border:1px solid #999 !important;
}


.bbg-none.melma tr td form table tr {
	background:#CEDEFF !important;
}

.bbg-none.melma tr td form table tr td {
	padding:3px 0 !important;
}

.bbg-none.melma tr td form > table > tbody > tr > td {
	padding:0 !important;
}


.bbg-none.melma tr td form > table > tbody > tr > td > table > tbody > tr:first-of-type {
	background:#003399 !important;
}

.bbg-none.melma tr td form > table > tbody > tr > td > table > tbody > tr:last-of-type {
	background:#fff !important;
}

.bbg-none.melma tr td form > table > tbody > tr {
	background:transparent !important;
}


.bbg-none.melma tr td form table tr td {
	text-align: center !important;
}
.bbg-none tr td form table tr td strong {
	color: #fff !important;
}

.bbg-none tr td form table,
.bbg-none tr td form table tr th,
.bbg-none tr td form table tr td {
	padding:3px !important;
}

.bg-white {
	background:#fff;
}

.sponly {
	display:none !important;
}

span.pconly {
	display:inline-block;
}



/***** 全体 *****/



/***** さらに追加 *****/

.itcon h3 + table {
	margin-top: 0 !important;
}


.addsub.acc h3{
	background:#ccc !important;
	padding:5px;
	margin-top:20px;
	color:#262626 !important;
}

.addsub a {
	text-decoration: underline;
}

.addsub.acc .bbg-none {
	margin-top: 0 !important;
}

.addsub.acc .bbg-none.group-btn a {
	display: inline-block;
	padding:10px;
	width:100%;
	border:#007AE3 2px solid;
	color:#007AE3;
	transition:.3s;
}

.addsub.acc .bbg-none.group-btn a:hover {
	border:#66b8ff 2px solid;
	color:#66b8ff;
	background: rgba(255,255,255,.9);
}

.accphoto tr td {
	padding:10px !important;
	box-sizing: border-box;
}

.accphoto tr td:nth-of-type(2) {
	padding:10px 5px !important;
}

.accphoto tr:last-of-type td {
	padding-top: 0 !important;
}


.ictcat-custmize.block {
	padding-left:0 !important;
	padding-right:0 !important;
}

.ictcat-custmize .tuition,
.ictcat-custmize .fee {
	border-bottom:2px solid #999999;
}

.ictcat-custmize .white-info {
	width: 230px;
	height:45px;
}


.ictcat-custmize .contact-form-title {
	padding-top:6px;
}



.pro {
	padding-bottom:0 !important;
}

.custom .h2-subtext,
.pro .h2-subtext {
	text-align:left;
}

.pro h3.line-title {
	border-bottom: 4px solid #005baa !important;
	color: #005baa !important;
	width: 450px !important;
	margin-left: auto !important;
	margin-right: auto !important;
	text-align: center !important;
	margin-bottom: 40px !important;
	background: transparent !important;
	padding:0;
}



.pro h3.line-title span{
	font-size: 2.3rem !important;
	line-height: 1.0 !important;
	width: 280px !important;
}

.pro p.red {
	font-size:2.0rem;
	color:red;
	text-align: center;
}

.pro .before {
	margin:30px auto 40px;
}

.pro .before h4 {
	margin-bottom: 20px;
}

.pro .before p {
	text-align: center;
	margin-bottom:10px;
}

.pro div.link  {
	margin-bottom:80px;
}


.promain {
	display:flex;
	flex-wrap:wrap;
	justify-content: space-between;
}

.promain > table {
	width:55%;
	margin-bottom:30px !important;
}


.promain > table:nth-of-type(odd) {
	margin-left: 0 !important;
}
.promain > table:nth-of-type(even) {
	margin-right: 0 !important;
}

.promain > table:first-of-type,
.promain > table:nth-of-type(2) {
	margin-top:20px !important;
}
.promain > table:nth-of-type(3),
.promain > table:last-of-type {
	margin-bottom:0 !important;
}

.promain > table,
.promain > table tr td {
	border:none !important;
}

.promain > table tr td h4 {
	background: transparent !important;
	border-bottom: 10px #005BAA solid;
	padding:5px 0 !important;
	margin-top:0;
	
}

.promain > table tr:first-of-type td {
	padding: 0 !important;
}

.promain > table tr:nth-of-type(2) td {
	padding:0;
	text-align:center;
	margin: 0 auto;
}

.promain > table tr:nth-of-type(3) td {
	padding:10px 0;
}

.promain > table tr:last-of-type td {
	padding:0;
}

.promain > table tr td a {
	line-height:1 !important;
}


.promain > p {
	display: none;
}


.proacc > p {
	margin:10px 0 20px;
	line-height:1.8;
	font-size:1.8rem;
	text-align:center;
}

.link_none {
	display: block;
    pointer-events: none !important;
}


.block.ictcat-kids_programming {
	padding-left:0 !important;
	padding-right:0 !important;
}

div.sub-page-main + .site-header-breadcrumbs {
	white-space: normal !important;
}


.course-list-block-ul li.course-list .start {
	align-items: flex-start;
}

.course-list-block-ul li.course-list .data-info {
	height: auto;
	white-space: nowrap;
}


/***** おうちでプログラミング *****/

.movie * {
		margin-bottom:10px;
}

.movie p:last-of-type {
	margin-bottom: 0;
}

.movie div {
	display: flex;
	flex-wrap: wrap !important;
	justify-content: space-between;
	align-items: center;
}

.movie a {
	display:inline-block;
	margin: 0 auto;
}



/***** 210309 交流サロン用 *****/

.s-corner-block {
display: flex;
justify-content: space-between;
overflow-x: scroll;
}

.s-corner-contents {
	max-width: 340px;
	padding: 0.75em 1.0em;
	border: 1px solid #000;
}

.s-corner-image {
	position: releative;
}

.s-corner-image a[target=_blank]:after {
	content:url("../../../../asset/img/salon/movie.png");
	position:absolute;
	display: inline-block;
	top: 50%;
	left: 50%;
	width: 100px;
	height: 60px;
}
	

.s-corner-contents a.more {
	box-sizing: border-box;
	padding: 1.5rem;
	height: 195px;
	width: 280px;
	max-width: 280px;
	display: block;
	position: relative;
}

.s-corner-contents a.more span {
	display:inline-block;
	position:absolute;
	top: 50%;
	left: 50%;
}




/***** 210604 施設貸出_追加ブロック用 *****/
.block3-1.flexBlock.subBtn3.adblock {
	margin-top: 20px;
}

.block3-1.flexBlock.subBtn3.adblock div {
	width: 36.5%;
	margin: 0 auto 20px;
}


/***** 210625 スクラッチ応募用 *****/

.kidsproBtn  {
	max-width: 900px;
	width: 900px;
}

.kidsproBtn div {
	width: 30%;
}

.wpcf7-form-control-wrap.checkbox-210 .wpcf7-list-item.last {
	color: red;
}



/***** 221216 ダンスコンテスト *****/
.addsub table a.noicon:after {
	content: none !important;
}
.pro h3.line-title.dancecon span {
	font-size: 2.3rem !important;
	line-height: 1.5 !important;
	width: 280px !important;
	position:relative;
	top: 20px;
}
#post-2747 .h2-subtext.mb00 + br ~ br {
	display: none;
}

 .addsub:not(.cal-sub) #post-2747 table tr th, .addsub:not(.cal-sub) #post-2747 table tr td {
    padding: 10px;
    border: none;
}
.addsub:not(.cal-sub) #post-2747 table tr td.pd-0 {
padding: 0;
}

.addsub:not(.cal-sub) #post-2747 table tr td a {
	transition: .3s;
}

.addsub:not(.cal-sub) #post-2747 table tr td a:hover {
	opacity: .5;
}

.page-id-2747 #post-2747 .grayBg {
	background: transparent;
	padding-top: 0;
}

.page-id-2747 #post-2747 tr.ouboblock {
	display: flex;
	height: auto;
	width: 100%;
	position: relative;
	justify-content: space-between;
}
.page-id-2747 #post-2747 tr.ouboblock:after {
	content: "";
	width: 100%;
	display: block;
	height: 120%;
	border:#f39800 solid 4px;
	position: absolute;
	top: -22%;
	z-index: -1;
	border-radius: 20px;
}
.page-id-2747 #post-2747 tr.ouboblock td {
	display: inline-block;
}

.page-id-2747 #post-2747 td.sozaidl {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
}
.page-id-2747 #post-2747 td.sozaidl a {
	display: inline-block;
	margin: 5px 8px;
}

.page-id-2728 #post-2728 .wpcf7-form-control-wrap.radio-139 .wpcf7-form-control.wpcf7-radio {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}

.page-id-2728 #post-2728 .wpcf7-form-control-wrap.radio-139 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
	width:40%; 
}

.page-id-2728 #post-2728 textarea,
.page-id-5996 #post-5996 textarea,
.page-id-10838 #post-10838 textarea,
.page-id-10841 #post-10841 textarea {
	max-width: 100%;
}


.page-id-2728 #post-2728 input[type="submit"]:disabled,
.page-id-5996 #post-5996 input[type="submit"]:disabled,
.page-id-10838 #post-10838 input[type="submit"]:disabled,
.page-id-10841 #post-10841 input[type="submit"]:disabled,
.page-id-16875 #post-16875 input[type="submit"]:disabled
 {
	background: #ccc;
	color: #999 !important;
	cursor: pointer;
}

body.page-id-10843 #post-10843 .block br {
	display: none;
}

.page-id-2747 #post-2747 .table-scroll.rel > table:first-of-type tr:nth-of-type(3) td a {
	transition: .3s;
}
.page-id-2747 #post-2747 .table-scroll.rel > table:first-of-type tr:nth-of-type(3) td a:hover {
	opacity: .6;
}

/***** 230125 研修難易度 *****/

.data-star-rating {
	display: inline-block;
}

/***** 231004 講座一覧 *****/
ul#course-set-tab {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	justify-content: center;
	max-width: 1000px;
	width: 100%;
	margin: 10px auto 30px;
}
ul#course-set-tab li {
	display: block;
	list-style: none;
	min-width: 100px;
	max-width: 160px;
	margin: 0 2px 2px;
	border: 1px solid #ccc;
}

ul#course-set-tab li.current {
	background: #005baa;
	color: #fff;
	font-weight: bold;
}

ul#course-set-tab li input[type="radio"] {
	display: none;
} 

ul#course-set-tab li label {
	display: inline-block;
	cursor: pointer;
	width: 100%;
	padding: 2.5rem 3rem;
	text-align: center;
	background: #ccc;
}

ul#course-set-tab li.current label {
	background: #005baa;
	color: #fff;
}

ul#course-set-tab li label[name="months_lbl"]:after {
	content: "月";
	display: inline-block;
}
/*
.course-list-block-ul li.course-list {
	display: none;
}
*/

/***** 250918 VR差し替え *****/
div[id^="panorama"] .a-canvas,
#vrframe .a-canvas {
	width: 100%;
	height: 100%;
	position: relative;
	max-height: 360px;
	max-width: 900px;
	aspect-ratio: 12 / 6;
	object-fit: cover;
}
#panorama02 iframe {
	width: 100%;
	height: 100%;
	min-height: 185px;
	max-height: 360px;
	aspect-ratio: 12 / 6;
}
#vrframe .a-canvas {
	min-height: 185px;
}


/***** さらに追加 *****/


@-moz-document url-prefix() {
  .use-about::before {
	content:counter(section);
	border-radius:3px;
	display: inline-block;
	background:#fff;
	color:#005baa;
	position:absolute;
	width:40px;
	height:40px;
	font-size:2.3rem;
	padding:10px 12px;
	-webkit-writing-mode: horizontal-tb;
	-ms-writing-mode: horizontal-tb;
	-o-writing-mode:horizontal-tb;
	writing-mode:horizontal-tb;
	left:53px;
	top:10px;
}
}

@media all and (-ms-high-contrast: none) {
  .use-about p a {
    color: #fff !important;
  }
  
    .use-about::before {
	-webkit-text-combine: horizontal;
  -ms-text-combine-horizontal: all;
  text-combine-upright: all;
	left:53px;
	top:10px;
	transform:rotate(-90deg);
	padding:12px 10px;
	
}
}


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

.pdfBtn2 > div a::after {
	width:12px;
}

.topcommntbox {
	font-weight: normal;
}


/***** 新着情報 *****/
.post-news-single-content {
	padding-bottom:50px;
}

.pager ul li a.blue-btn {
	width:90px;
	height: 40px;
}

.pager ul li a.blue-btn span {
	display:none;
}

.pager .left-arrow:after {
	left:36%;
}

.pager .blue-btn:after {
	right:40%;
}

span.current {
	padding:10px 13px;
/*	width: 250px;*/
	height: 40px;
	font-size: 1.6rem;
	display: inline-block;
}

.subBtn3 div:first-of-type span.current,
.subBtn3 div:nth-of-type(2) span.current {
	margin-bottom:15px;
}

a.inactive {
	padding:10px 13px;
	height: 40px;
	font-size: 1.6rem;
}

.bar-a:has(.blue-btn) {
	width: 100%;
	margin: 5px auto;
	display: block !important;
}


/***** 新着情報 *****/


/**** 施設詳細 ****/
.post-news-single table th, .post-news-single table td {
	display:table-cell;
}


.single-facility .fee-table tr td {
	width: calc(100% / 5);
}

.single-facility .equipment-table tr th {
	white-space:nowrap;
}
	
/**** ご利用の流れ ****/

.use-about {
	width: 65px;
	max-width: 85px;
	font-size:1.6rem;
	height: 370px;
	max-height:370px;
}

.use-about::before {
	right: 16px;
	width: 30px;
	height: 30px;
	font-size: 2.0rem;
	margin-left: -16px;
	padding: 6px 9px;
}
.use-about::after {
	right: 20px;
}

.use-about p {
	left:21px;
	line-height:1.5;
}

.use-about:nth-child(3) p {
	position:absolute;
	left: 7px;
	line-height: 1.1;
}

.page-use-flow section h3.line-title {
	width: 340px;
}

.page-use-flow section h3.line-title span {
	width: 230px;
}


.use-flow-about:nth-child(3) div h4 {
	height:auto;
	max-height: inherit;
	padding-bottom:5px;
}

.use-flow-about:nth-child(3) div h4 div {
	position: relative;
	top: 10px;
	right: -110px;
	width: 165px;
}


/**** ご利用の流れ ****/


.rental-annai table td:nth-child(2),.rental-annai table td:nth-child(3){
   width:100%;
   display:block;
}


.use-flow-about div h4 {
	text-align:left;
	padding-left:70px;
}
.use-flow-about div h4 > span br {
	display: block;
}

.use-flow-about:nth-child(5) div h4 >span {
	padding-top:20px;
}



.rental.setsubi h3.blue {
	height: auto;
}


.voice h3 {
	height:auto;
}


.voice table tr:first-of-type td:first-of-type,
.voice table tr td:nth-of-type(2),
.voice table tr:nth-of-type(2) td {
	display:block;
	width:90% !important;
	max-width: inherit !important;
	margin:0 auto;
	height: auto!important;
	max-height: inherit !important;
	padding:20px 10px;
}

.voice table tr td:nth-of-type(2) {
}

.rental.setsubi .grayBg table {
	min-width:1000px !important;
}

.addsub:not(.cal-sub) .grayBg table {
	min-width:570px !important;
}
	
.postid-976 .addsub:not(.cal-sub) .grayBg table,
.page-id-1279 .addsub:not(.cal-sub) .grayBg table{
	min-width:auto !important;
}

.addsub .scroll-huki {
	margin-bottom:5px;
}

.addsub .scroll-huki img {
	margin-bottom:0;
}

.addsub .table-scroll.rel table {
	margin-top: 0;
}

.addsub .grayBg table tr th,
.addsub .grayBg table tr td {
	display:table-cell;
}

.addsub .h2-subtext {
	text-align:left;
}


.addsub.pro  {
	padding-left: 0!important;
	padding-right: 0!important;
}

.ictcat-custmize .tuition,
.ictcat-custmize .fee {
	padding-left:0px !important;
	padding-right:0px !important;
}

.ictcat-custmize .white-info {
	width: 165px;
	height: 35px;
}


.ictcat-custmize .contact-form-title {
	padding-top:0px;
}

.custom.addsub table tr + tr th {
	border-top: none;
	border-bottom: none;
}


.pro h3.line-title {
	width:350px !important;
}

.pro h3.line-title span {
	width:235px !important;
}

.pro h3.line-title span#linkmovie {
	width: 275px !important;
}

.pro .grayBg .rel table.pro_course_table {
	min-width:auto !important;
}

.promain {
	padding-bottom:50px !important;
}

.addsub .grayBg .promain > table {
	width:100% !important;
	min-width: auto !important;
	margin-bottom:50px !important;
}

.promain > table tr td {
	width:100% !important;
}

.promain > table:nth-of-type(3),
.promain > table:last-of-type {
	margin-bottom:50px !important;
}


.proacc iframe {
	height:auto !important;
	min-height:280px;
}

.ict-soudan.addsub h4 {
	min-width:570px !important;
}

.rental.setsubi h3 {
	min-width:1000px !important;
}


.acc.addsub .grayBg table,
.itcon.addsub .grayBg table {
	width:100% !important;
	min-width: auto !important;
}

.itcon.addsub .grayBg table tr,
.itcon.addsub .grayBg table tr th,
.itcon.addsub .grayBg table tr td,
.acc.addsub .grayBg table tr,
.acc.addsub .grayBg table tr th,
.acc.addsub .grayBg table tr td {
	width:100% !important;
	display: block;
}
.acc.addsub .grayBg table tr td {
	padding-left: 0 !important;
	padding-right: 0 !important;
}

.acc.addsub .grayBg table:nth-of-type(2) tr td{
	padding-top: 5px !important;
	padding-bottom: 5px !important;
}


.acc.addsub .grayBg .bbg-none:first-of-type {
	margin-bottom:0;
}


.addsub.acc h3 + p {
	padding-top: 20px !important;
}


.acc.addsub .grayBg .accphoto,
.acc.addsub .grayBg .accphoto td {
	width:100% !important;
	box-sizing: border-box;
	margin: 0 auto;
	padding-bottom: 0 !important;
}

.addsub.accphoto table img {
	display:block;
	margin: 0 auto;
	width:100%;
}


div.adbdl {
	display: block;
}

.adbdl div:first-of-type,
.adbdl div {
	width:100%;
}

.sponly {
	display: block !important;
}
.pconly {
	display:none !important;
}

.course-list-block-ul li.pro-housebl {
	display: block;
}


.block3-1.flexBlock.subBtn3.adblock {
	margin-top: 0;
}
.block3-1.flexBlock.subBtn3.adblock div {
	width: 100% !important;
	margin: 0 auto;
}

.kidsproBtn {
	max-width: 650px !important;
	width: auto;
}

.kidsproBtn div {
	width: 100%;
}
/* -- 240508 削除 --
.kidsproBtn div:first-of-type {
	order:1;
}

.kidsproBtn div:last-of-type {
	order: 2;
}
*/

/***** 210827 施設貸出マップ *****/

.clickbox {
	flex-wrap: wrap;
	text-align: center;
	justify-content: center;
}

.clickbox div {
	width: 80%;
}

.clickbox div + div {
	margin-top: 30px;
}


/***** 210915 ITコンビニ *****/
.douga_btn {
	display: block;
}
.douga_btn .douga_btn_child {
	width: 100%;
	margin-bottom: 5px;
}

.page-id-2747 #post-2747 table img {
	width: auto;
}
.page-id-2747 #post-2747 .table-scroll.rel > table:first-of-type,
.page-id-2747 #post-2747 .table-scroll.rel > table:last-of-type {
	min-width: 100% !important;
}

.page-id-2747 #post-2747 .table-scroll.rel > table:first-of-type tr:nth-of-type(2) td p img {
	max-width: calc(417px * 0.6);
}
.page-id-2747 #post-2747 .table-scroll.rel > table:first-of-type tr:first-of-type td p img {
	width: 100%;
	height: auto;;
}


.page-id-2747 #post-2747 tr.ouboblock:after {
	border:#f39800 solid 3px;
	top: -8%;
	height: 100%;
}

.page-id-2728 #post-2728 .wpcf7-form-control-wrap.radio-139 .wpcf7-form-control.wpcf7-radio .wpcf7-list-item {
	width:100%; 
}


}


.sec04 .headLine01
{
	margin-bottom: unset;
}
.fc-toolbar.fc-header-toolbar
{
	margin-bottom: 60px;
}
#calendar.fc.fc-unthemed.fc-ltr
{
	padding-top: 90px;
}
.tabBox
{
	height: 1060px;
}
@media screen and (max-width: 868px) {

	.tabBox
	{
		height: 860px;
	}
}
.tabBox iframe
{
	height: 100% !important;
}