@charset "UTF-8";
/* sub_common
----------------------------------------------------------- */
#sub-visual {
  width: 100%;
  clear: both;
  background: url(../images/tp_visual_bg.jpg) no-repeat top 10% center;
background-size: cover;
  padding-top: 44px;
margin-top: -20px;
}
.cafe #sub-visual {
width: 100%;
padding-top: 0;
background: none;
margin-top: -20px;
}
.cafe #sub-visual img{
width: 100%;
height:auto ;
}
#sub-visual .sub-visual-inner {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}
#sub-visual .ttl-box {
  background: url(../images/common/sub_ttl_bg.jpg) no-repeat top left;
  width: 600px;
  height: 290px;
  padding-top: 64px;
}
#sub-visual h1 {
  font-size: 17px;
  font-size: 1.7rem;
  font-weight: bold;
  text-align: center;
  color: #fff;
  line-height: 1.1;
  position: relative;
  padding-top: 40px;
}
#sub-visual h1 span {
  font-size: 70px;
  font-size: 5rem;
  font-family: 'Teko', sans-serif;
  letter-spacing: 0.02em;
  display: block;
}

#breadCrumb {
  width: 100%;
  clear: both;
  background: #E7EFF1;
}
#breadCrumb ul {
  width: 1200px;
  margin: 0 auto;
  clear: both;
  padding: 0.8em 0.5em;
}
#breadCrumb li {
/*  display: inline-block;*/
  display: inline;
  font-size: 13px;
  font-size: 1.3rem;
}
#breadCrumb li a {
  color: #003893;
  text-decoration: underline;
}
#breadCrumb li::after {
  content: "/";
  margin-left: 1em;
  padding-right: 0.5em;
}
#breadCrumb li:last-child::after {
  content: "";
}

.ttl-base {
	font-size: 18px;
	font-size: 2.8rem;
	font-weight: bold;
	color: #003893;
	line-height: 1.2;
	margin-bottom: 32px;
	background: url(../images/common/ttl_btm.png) repeat-x bottom left;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 28px;
	padding-left: 0;
}

.ttl-subbase {
	background: url(../images/info_h3_bg.jpg) no-repeat top left #003893;
	width: 100%;
	height: 50px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2;
	margin-top: 50px;
	margin-bottom: 32px;
	padding-top: 1em;
	padding-right: 18px;
	padding-bottom: 0;
	padding-left: 1em;
}

#sub-main {
  width: 100%;
  clear: both;
  *zoom: 1;
  padding: 80px 0 100px;
}
#sub-main:after {
  content: "";
  display: table;
  clear: both;
}


section {
	width: 100%;
	clear: both;
	margin-bottom: 70px;
}

.inner {
  position: relative;
  width: 1200px;
  margin: 0 auto;
  clear: both;
}

ul.list_d{
list-style: disc;
list-style-position: outside;
padding-left:1.5em ;
margin-left: 1.5em;
}
ul.list_d li{
margin:0.8em 0;
line-height: 1.3;
}

ol.list_n{
list-style-position: outside;
margin-left: 1.5em;
}
ol.list_n li{
margin:0.8em 0;
line-height: 1.3;
}

/*table {
  border-collapse: collapse;
  width: 100%;
}

th,
td {
  padding: 1em 1.2em;
  line-height: 1.6;
  border: 1px solid #ddd;
}

th {
  background-color: #F5F9FA;
  font-weight: bold;
}

td {
  background-color: #fff;
} */

/* information(WordPress)
----------------------------------------------------------- */
.container {
  width: 1200px;
  margin: 0 auto;
  clear: both;
}

.info .sub-visual-inner {
  background: url(../images/info_ttl_img.jpg) no-repeat top right;
}

.info h1 {
  background: url(../images/common/icon_schoolinfo_white.svg) no-repeat top center;
  background-size: 30px;
}

.info h1.event-ttl {
  background: url(../images/common/icon_event_white.svg) no-repeat top center;
  background-size: 30px;
}

.main {
  width: 780px;
  float: left;
}

.sidebar {
  width: 320px;
  float: right;
}

.side_box {
  background: url(../images/common/bg_vertical_blue.png);
  padding: 20px 10px;
  border-top: 2px solid #003893;
  margin-bottom: 40px;
}
.side_box:last-child {
  margin-bottom: 0;
}
.side_box h3 {
  font-size: 18px;
  font-size: 1.8rem;
  font-weight: bold;
  color: #003893;
  text-align: center;
  line-height: 1.3;
  margin-bottom: 16px;
}
.side_box h3 span {
  font-family: 'Teko', sans-serif;
  font-size: 12px;
  font-size: 1.2rem;
  display: block;
}
.side_box li {
  background: #fff;
  position: relative;
  margin-top: 8px;
  line-height: 1.4;
}
.side_box li::before {
  position: absolute;
  top: 0;
  left: 92%;
  bottom: 0;
  margin: auto;
  content: "";
  vertical-align: middle;
  width: 5px;
  height: 5px;
  border-top: 1px solid #003893;
  border-right: 1px solid #003893;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  -webkit-transition: all .3s;
  transition: all .3s;
}
.side_box li:hover::before {
  left: 94%;
}
.side_box li a {
  display: block;
  padding: 1em 3em 0.8em 1em;
  font-size: 13px;
  font-size: 1.3rem;
}
.side_box li a:hover {
  color: #003893;
}

/*一覧*/
.info .list-archive ul li {
  background: #F5F9FA;
}
.info .list-archive ul li:nth-child(3n) {
  margin-right: 60px;
}
.info .list-archive ul li:nth-child(2n) {
  margin-right: 0;
}
.info .list-archive ul li .ttl-box {
  background: #F5F9FA;
}

.pagenav {
  color: #003893;
  margin: 0 auto;
  line-height: 2em;
  text-align: left;
  clear: both;
}
.pagenav a {
  color: #003893;
}

.pagenav a.page-numbers, .pagenav .current {
  padding: 6px .6em;
  text-decoration: none;
  font-size: 12px;
  font-size: 1.2rem;
  background: #FFF;
  border: 1px solid #003893;
}

.pagenav .current {
  background: #003893;
  color: #fff;
  font-weight: bold;
}

.pagenav a.page-numbers:hover {
  color: #FFF;
  background: #003893;
}

/*隧ｳ邏ｰ*/
.article-ttl .date {
  font-size: 20px;
  font-size: 2rem;
  font-family: 'Teko', sans-serif;
  color: #003893;
  display: inline-block;
  border-bottom: 1px solid #003893;
  line-height: 1.0;
}
.article-ttl h2 {
	padding-top: 40px;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}

.article-txt {
  padding-bottom: 80px;
}
.article-txt h3 {
  background: url(../images/info_h3_bg.jpg) no-repeat top left #003893;
  width: 100%;
  height: 50px;
  color: #fff;
  font-weight: bold;
  line-height: 1.2;
  padding: 1em 18px 0 1em;
  margin-top: 64px;
  margin-bottom: 32px;
}

.info .btn {
  border: 1px solid #003893;
  border-radius: 24px;
}
.info .btn a {
  border-radius: 24px;
}

.arrow02::before {
  left: 8%;
  width: 5px;
  height: 5px;
  border-top: 1px solid #003893;
  border-right: 1px solid #003893;
  -webkit-transform: rotate(225deg);
  transform: rotate(225deg);
}

.arrow02:hover::before {
  border-top: 1px solid #fff;
  border-right: 1px solid #fff;
}

/* basketball
----------------------------------------------------------- */
.basketball .sub-visual-inner {
  background: url(../images/basket_ttl_img.jpg) no-repeat top right;
}

.basketball h1 {
  background: url(../images/common/icon_basket_white.svg) no-repeat top center;
  background-size: 30px;
}

/* cheerdance
----------------------------------------------------------- */
.cheerdance .sub-visual-inner {
  background: url(../images/cheer_ttl_img.jpg) no-repeat top right;
}

.cheerdance h1 {
  background: url(../images/common/icon_cheer_white.svg) no-repeat top center;
  background-size: 30px;
}

/* sisters
----------------------------------------------------------- */
.sisters .sub-visual-inner {
  background: url(../images/sisters_ttl_img.jpg) no-repeat top right;
}

.sister h1 {
  background: url(../images/common/icon_cheer_white.svg) no-repeat top center;
  background-size: 30px;
}

/* fitness
----------------------------------------------------------- */
.fitness .sub-visual-inner {
  background: url(../images/fitness_ttl_img.jpg) no-repeat top right;
}

.fitness h1 {
  background: url(../images/common/icon_fitness_white.svg) no-repeat top center;
  background-size: 30px;
}

/* shop
----------------------------------------------------------- */
.shop .sub-visual-inner {
  background: url(../images/shop_ttl_img.jpg) no-repeat top right;
}

.shop h1 {
  background: url(../images/common/icon_shop_white.svg) no-repeat top center;
  background-size: 30px;
}
/* cafe
----------------------------------------------------------- */
.cafe .sub-visual-inner {
  background: url(../images/cafe_ttl_img.jpg) no-repeat top right;
}

.cafe h1 {
  background: url(../images/common/icon_cafe.svg) no-repeat top center;
  background-size: 30px;
}
/* about
----------------------------------------------------------- */
.about .sub-visual-inner {
  background: url(../images/about_ttl_img.jpg) no-repeat top right;
}

.about h1 {
  background: url(../images/common/icon_about_white.svg) no-repeat top center;
  background-size: 30px;
}

/* contact
----------------------------------------------------------- */
.contact .sub-visual-inner {
  background: url(../images/contact_ttl_img.jpg) no-repeat top right;
}

.contact h1 {
  background: url(../images/common/icon_mail_w.svg) no-repeat top center;
  background-size: 30px;
}

/* access
----------------------------------------------------------- */
.access .sub-visual-inner {
  background: url(../images/access_ttl_img.jpg) no-repeat top right;
}

.access h1 {
  background: url(../images/common/icon_access.svg) no-repeat top center;
  background-size: 30px;
}

/* privacy
----------------------------------------------------------- */
.privacy .sub-visual-inner {
  background: url(../images/privacy_ttl_img.jpg) no-repeat top right;
}

.privacy h1 {
  background: url(../images/common/icon_privacy.svg) no-repeat top center;
  background-size: 30px;
}

/* company
----------------------------------------------------------- */
.company .sub-visual-inner {
  background: url(../images/company_ttl_img.jpg) no-repeat top right;
}

.company h1 {
  background: url(../images/common/icon_company.svg) no-repeat top center;
  background-size: 30px;
}

/* sitemap
----------------------------------------------------------- */
.sitemap .sub-visual-inner {
  background: url(../images/sitemap_ttl_img.jpg) no-repeat top right;
}

.sitemap h1 {
  background: url(../images/common/icon_sitemap.svg) no-repeat top center;
  background-size: 30px;
}






/*================================2階層：sub-main===============================*/



#contents h3 {
	font-size:1.8rem;
	font-weight: bold;
	margin:0 10px 20px;
	text-align:left;
	position:relative;
	padding-left:18px;
}

#contents h3:before {
	position:absolute;
	content:" ";
	display:block;
	width:5px;
	height:40px;
	top:50%;
	left:0;
	margin-top:-20px;
	background-image:url(../images/bg_slash01_b.png);
}



#sub-main h4 {
	color: #60B639;
	line-height: 1.8em;
	font-size: 120%;
	font-weight: bold;
	clear: both;
	background: url(../images/h_common04.png) no-repeat left 5px;
	margin-top: 1.5em;
	margin-right: 20px;
	margin-bottom: 0.1em;
	margin-left: 20px;
}
#sub-main h5 {
	color: #333;
	font-size: 100%;
	font-weight: bold;
	clear: both;
	padding: 0px;
	margin: 5px 20px 0.1em;
}
#main #contents .no_clear {
	clear:none;
}
#sub-main p.important {
	color: #FF0000;
}

#sub-main .caution {
	color:#f30;
	font-weight:bold;
	font-size:90%;
}
#sub-main p {
	line-height: 1.8em;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 1.5em;
	margin-left: 20px;
}

#sub-main p.catch {
	margin-bottom: 0.5em;
	width: auto;
	line-height:1.8em;
}
#sub-main p.catch strong {
	font-size:115%;
	font-weight:bold;
	text-align: left;
	letter-spacing:0.05em;
	
}
#sub-main ul.is-items {list-style-type:disc;}
#sub-main ol.is-items {list-style-type:decimal;}
#sub-main .is-items {
	text-indent: -1em;
	margin-bottom: 2.5em;
	padding-left: 3em;
	margin-right: 10px;
	list-style-position: inside;
}
#sub-main .is-items li {
	margin-bottom: 1em;
	line-height:1.8em;
}
#sub-main .imgC{
text-align:center;
}

/*======== target_blank =========*/
/*
.info a[target="_blank"] {
display: inline-block;
border: 1px solid #003893;
border-radius: 60px;
background: url(../images/common/icon_blank.svg)no-repeat center right 18px;
background-size:18px;
font-weight: bold;
line-height: 1;
color: #003893!important;
padding: 15px 50px 15px 30px;
text-decoration: none!important;
margin: 5px 0;
}
.info a[target="_blank"]:hover {
transition:0.3s;
background:#e9f7ff url(../images/common/icon_blank.svg)no-repeat center right 18px;
background-size:18px;
}
*/

/*======== table =========*/

#sub-main table {
	table-layout: fixed;
	width: 95%;
	border: 0;
	border-collapse: collapse;
	clear: both;
	border-top: solid 1px #222222;
	border-left: solid 1px #222222;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 2em;
	margin-left: auto;
}
#sub-main table .w20 {
	width: 20em;
}

#sub-main caption {
	text-align: left;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 115%;
}


#sub-main th,
#sub-main td {
	padding:13px 10px;
	line-height:1.8em;
	border: 1px solid #ddd;
	vertical-align:middle!important;
}

#sub-main table thead th {
	font-weight: bold;
	text-align: center;
	color: #fff;
	background: #222222;
}
#sub-main table tbody th {
	width: 30%;
	text-align: left;
	padding: 12px 5px 12px 8px;
	vertical-align: top;
	background-color: #F5F9FA;
	font-weight: bold;
}
#sub-main td {
	padding: 12px 5px 12px 8px;
	text-align: left;
	vertical-align: top;
}	

#sub-main table .th_01 {
	width: 10%;
}
#sub-main table .th_02 {
	width: 20%;
}
#sub-main table .th_03 {
	width: 30%;
}

#sub-main table .mito th {
	background:#c7d8ff;
}
#sub-main table .mito td {
	background:#eff3ff;
}
#sub-main table .tsukuba th {
	background:#ffe399;
}
#sub-main table .tsukuba td {
	background:#fff8dd;
}
#sub-main table .sakai th {
	background:#eed3ef;
}
#sub-main table .sakai td {
	background:#faeffa;
}
#sub-main table .cell_03 {
	height:78px;
}
#sub-main table p {
	margin-left: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
}
#sub-main table ul {
	margin-bottom: 10px;
	padding: 0px 0px 0px 2em;
}
#sub-main table h4 {
	color: #B10431;
	margin: 0px;
	padding: 0 0 0 0px;
	font-size: 105%;
	background: url(none);
}
#sub-main table h5 {
	line-height:1.6em;
	margin: 0;
	padding: 0px;
	font-size: 100%;
}
#sub-main em {
	color: #F30;
	font-weight: bold;
}
#contents .line_btm,
#contents p.line_btm {
	padding-bottom: 16px;
	border-bottom:dashed 1px #D0D0D0;
	margin-bottom: 16px;
}
#contents .line_btm02 {
	padding-bottom: 16px;
	margin-bottom: 16px;
	border-bottom: 1px solid #ddd;
}
#contents .l-section .inner {
	padding-top:80px;
	padding-bottom:80px;
}

#sub-main .m20{
margin:0 20px 0 20px!important;
}

#sub-main .important{
  	 color:#bf0000;
}

/*======== coulmun =========*/
#sub-main a{
text-decoration: underline;
color:#0060cc;
}
#sub-main a:hover{
color:#00a2ee;
}

#sub-main .column_wrap{
	display: flex;
	flex-wrap: wrap;
align-items: flex-start;
	margin:0 10px 2em 10px;
}
#sub-main .column_wrap p{
	width:890px;
	margin:0;
	padding:0 20px;

}
#sub-main .column_wrap img{
	width:280px;
	height:auto;
	margin:0;
	border-radius:10px;
}

/*======== gallery =========*/
#sub-main .gallery_list{
	display:flex;
	margin:0 10px 2em 10px;
}
#sub-main .gallery_list li {
	padding:4px;
}
#sub-main .gallery_list li img{
	border-radius:10px;
}
#sub-main .gallery_list.col2{
	display:flex;
	flex-wrap: wrap;
	margin:0 10px 2em 10px;
}
#sub-main .gallery_list.col2 li {
	width:calc(100% / 2);
}
#sub-main .gallery_list.col3{
	display:flex;
	flex-wrap: wrap;
	margin:0 10px 2em 10px;
}
#sub-main .gallery_list.col3 li {
	width:calc(100% / 3);
}
#sub-main .gallery_list.col4{
	display:flex;
	flex-wrap: wrap;
	margin:0 10px 2em 10px;
}
#sub-main .gallery_list.col4 li {
	width:calc(100% / 4);
}
#sub-main .gallery_list.col5{
	display:flex;
	flex-wrap: wrap;
	margin:0 10px 2em 10px;
}
#sub-main .gallery_list.col5 li {
	width:calc(100% / 5);
}
/*========iframeスクロール=========*/
.iframe_wrap{
padding:0 20px;
}
.iframe_wrap iframe{
width:80%;
height:500px;
}



/*========開催場所=========*/
#sub-main .venue{
	width: 95%;
	margin:2em auto;
	padding:0;
}
#sub-main .venue li {
	margin-bottom:2em;
	overflow:hidden;
}
#sub-main .venue li h4{
	text-align:center;
	color:#003893;
	margin:0;
	padding:10px;
	background:#ceebbe;
}
#sub-main .venue li iframe{
	width:50%;
	height:300px;
	margin:0;
	float:left;
	background:#eee;
}
#sub-main .venue li dl{
	float:left;
	width:50%;
	padding:15px;
	height:300px;
	background:#f9f8e9;
}
#sub-main .venue li dl dt{
	font-weight:bold;
	padding:8px 0;
}
#sub-main .venue li dl dd{
	margin-bottom:1em;
	line-height: 150%;
}
/*========講師紹介リスト=========*/
#sub-main #instructor_list {
	display: flex;
	flex-wrap: wrap;
	width: 100%;
	margin:auto;
	padding:0;
}
#sub-main #instructor_list li {
	width:50%;
}
#sub-main #instructor_list li a{
	margin:5px;
	padding:1%;
	border:5px solid #e1f2f7;
	border-radius:10px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	color:#000;
}
#sub-main #instructor_list li a:hover{
	border:5px solid #ffc703;
}
#sub-main #instructor_list li a img{
	margin-right:3%;
	width:20%;
	border-radius:5px;
	float:left;
}
#sub-main #instructor_list li a figcaption{
	color:#003893;
	padding:3% 0;
	font-weight:bold;
	font-size:130%;
	line-height:1.5;
	text-decoration:none;
}
#sub-main #instructor_list li a .balloon{
	font-size:90%;
	width:75%;
	line-height:1.5;
	display:inline-block;
	background:#ceebbe;
	border-radius:5px;
	padding:2.5%;
}
#sub-main #instructor_list li.act a{
	background:#003893;
}
#sub-main #instructor_list li.act a figcaption{
	color:#fff;
}
#sub-main #instructor_list li.act a .balloon{
	color:#003893;
	background:#fff;
}
/*======== step =========*/
#sub-main .step ol{
	display: flex;
	margin:0 0 1em 0;
}
#sub-main .step ol li{
	position:relative;
	margin:4px;
	width:calc(100% / 4);
	padding:10px;
	border-radius:10px;
}
#sub-main .step ol li:nth-child(1){
	background:#cbe8f1;
}
#sub-main .step ol li:nth-child(2){
	background:#ceebbe;
}
#sub-main .step ol li:nth-child(3){
	background:#ffe29d;
}
#sub-main .step ol li:nth-child(4){
	background:#ffcaca;
}
#sub-main .step ol li:before{
content: "";
display:block;
width:30px;
height:30px;
background:url(../images/common/arrow_step.svg) no-repeat;
position:absolute;
top:0;
bottom:0;
left:-19px;
margin: auto;
z-index:1;
}
#sub-main .step ol li:first-child:before{
background:none;
box-sizing: border-box;
}

#sub-main .step ol li h4{
font-size:120%;
font-weight:bold;
color:#003893;
}
#sub-main .tel_t{
display: inline-block;
color:#003893;
font-size: 5rem;
font-family: 'Teko', sans-serif;
line-height: 1;
}

/*======== contact_details =========*/
#sub-main .contact_details {
  	 margin:0 0 1em;
    line-height: 1.5em;
    margin-top: 0px;
    margin-right: 20px;
    margin-bottom: 1em;
    margin-left: 20px;
}
#sub-main .contact_details dt{
  	 font-weight:bold;

}
#sub-main .contact_details dd{
  	 line-height:1.8;
    margin-bottom: 1em;
}
/*======== btn_common =========*/
#sub-main .btn_common{
width:40%;
margin:2em auto 4em;
border-radius:10px;
}
#sub-main .btn_common a{
text-decoration:none;
color:#003893;
display:block;
background:#ffe994 url(../images/common/arrow_blue2.svg) no-repeat center right 10px;
background-size:auto 16px;
padding:20px 30px;
border-radius:10px;
border:5px solid #ebf7fb;
text-align:center;
font-weight:bold;
}
#sub-main .btn_common a:hover{
background:#ffd777 url(../images/common/arrow_blue2.svg) no-repeat center right 8px;
background-size:auto 20px;
}

/*======== btn_pdf =========*/
#sub-main .btn_pdf{
width:40%;
margin:1em auto 1em;
border-radius:10px;
}
#sub-main .btn_pdf a{
text-decoration:none;
color:#fff;
display:block;
background:#bf0707 url(../images/common/icon_pdf.svg) no-repeat center left;
background-size:auto 48px;
padding:20px 30px 20px 15%;
border-radius:10px;
border:5px solid #ebf7fb;
font-weight:bold;
}
#sub-main .btn_pdf a:hover{
background:#db1e1e url(../images/common/icon_pdf.svg) no-repeat center left;
background-size:auto 48px;
}
/*======== btn_flex =========*/
#sub-main .btn_flex{
display:flex;
flex-wrap: wrap;
}
#sub-main .btn_flex li{
width:calc(100% / 2 - 16px);
margin:1em 8px 1em;
border-radius:10px;
}
#sub-main .btn_flex li a{
text-decoration:none;
color:#fff;
display:block;
background:#EB5233 url(../images/common/arrow_white.svg) no-repeat center right 10px;
background-size:auto 16px;
padding:20px 30px;
border-radius:10px;
text-align:center;
font-weight:bold;
}
#sub-main .btn_flex li a:hover{
transition: 0.3s;
opacity: 0.75;
}
/*======== area01 =========*/
#sub-main .area01{
border:2px dotted #c13d3d;
border-radius:10px;
padding:15px;
margin:0 20px 2em 20px;
background:#fffafa;
}
#sub-main .area01 p{
margin:0;
}
#sub-main .area01 .ttl_attention{
background: #c13d3d;
width: 100%;
height: 50px;
color: #fff;
font-weight: bold;
line-height: 1.2;
margin-top: 16px;
margin-bottom: 32px;
padding-top: 1em;
padding-right: 18px;
padding-bottom: 0;
padding-left: 1em;
}
#sub-main .area01 ul.li_disc{
list-style-type: none;
line-height: 1.2;
margin-bottom: 16px;
font-weight: bold;
}
#sub-main .area01 ul.li_disc li{
text-indent: -1em;
padding: 5px 0 5px 1em;
background: none;
}
#sub-main .area01 ul.li_disc li::before{
content: '・'; /* ←ここにリストマーカーにしたい文字列を設定 */
}
/*======== area02 =========*/
#sub-main .area02{
border:4px solid #d2e3ff;
border-radius:10px;
padding:5px;
margin:0 20px 2em 20px;
background:#fff;
}
#sub-main .area02 h3{
font-weight:bold;
color:#000;
text-align:center;
padding:15px 10px;
background:#d2e3ff;
border-radius:10px 10px 0 0;
}
#sub-main .area02 dl{
padding:10px;
}
#sub-main .area02 dt{
width:8em;
font-weight:bold;
margin: 15px 0 4px 0;
padding:5px 10px;
text-align:center;
}
#sub-main .area02 dd{
line-height:1.8;
}
#sub-main .area02 dt.mito{
color:#fff;
background:#4054ce;
border-radius:20px;
}
#sub-main .area02 dt.tsukuba{
color:#fff;
background:#e0a924;
border-radius:20px;
}
/*======== area03 =========*/
#sub-main .area03{
border-radius:10px;
padding:20px;
margin:0 15px 2em 15px;
background:#d8e8f6 url(../cafe/images/bg_cafeplan.jpg);
}
#sub-main .area03 p{
margin:0 0 0.5em;
}
/*======== area04 =========*/
#sub-main .area04{
border:2px dotted #e4b441;
border-radius:10px;
padding:20px;
margin:0!important;
background:#fff;
}
/*======== fitness =========*/
#sub-main .f_date{
font-weight:bold;
font-size:110%;
}
#sub-main .tag{
font-size:small;
line-height:1.5;
display:block;
border-radius:8px;
padding:10px;
margin:10px 0 10px ;
background:#f1f2ae;
}
/*======== cafe =========*/
.cafe #sub-main img{
border-radius: 10px;
}
#sub-main .plan{
padding:10px 0 0;
}
#sub-main .plan img{
float:left;
margin-right:15px;
border-radius:5px!important;
}

.cafe #sub-main .intro .cafe_subtitle{
text-align: center;
font-size: 2.25rem;
line-height: 1.5;
font-weight: bold;
color: #333;
font-weight: bold;
margin-bottom: 40px;
}
.cafe #sub-main .intro .cafe_subtitle02{
text-align: center;
font-size: 2.8rem;
line-height: 1.5;
font-weight: bold;
color: #333;
font-weight: bold;
margin-bottom: 40px;
}
.cafe #sub-main .intro h4.cafe_subtitle{
font-size: 1.7rem;
margin: 0 0 40px;
}
.cafe #sub-main .intro .imgC{
margin-bottom: 40px;	
}
.cafe #sub-main .intro p{
text-align: center;
font-size: 1.8rem;
color: #003893;
font-weight: bold;
margin-bottom: 1.5em;
}
.cafe #sub-main .point{
display: flex;
gap:30px;
margin: 50px 0;
}
.cafe #sub-main .point li .wrap{
padding: 0 20px 20px 20px;
margin: -2.5rem 0 0;
}
.cafe #sub-main .point li .ttl{
color: #fff;
font-size: 5rem;
font-family: 'Teko', sans-serif;
line-height: 1;
margin: 0 0 0.5rem;
}
.cafe #sub-main .point li p{
color: #fff;
font-weight: bold;
line-height: 1.3;
margin: 0;
}
.cafe #sub-main .point li{
width: calc((100% - 60px) / 3);
background: #003893;
border-radius: 10px;
overflow: hidden;
}
.cafe #sub-main .choose{
display: flex;
flex-wrap:wrap;
gap: 40px;
margin-bottom: 40px;
}
.cafe #sub-main .choose li:not(.choose li li){
width:  calc((100% - 40px) / 2);
background: #ffe994;
border-radius: 10px;
padding: 40px;
}
.cafe #sub-main .choose h4.ttl{
margin: 0 0 20px;
color: #003893;
font-size: 2.4rem;
}
.cafe #sub-main .choose h4 span{
background: #003893;
display: inline-flex;
align-items: center;
justify-content: center;
color: #fff;
width: 50px;
height: 50px;
border-radius: 50%;
margin-right: 10px;
}
.cafe #sub-main .choose span.ttl{
display: block;
padding: 8px 20px;
background: #003893;
color: #fff;
border-radius: 5px;
font-size: 2rem;
font-weight: bold;
}
.cafe #sub-main .choose .li_disc{
padding: 0 20px;
list-style: disc;
margin: 20px 0 30px;
color: #003893;
font-size: 1.8rem;
}
.cafe #sub-main .choose .li_disc li{
list-style-position: outside;
margin: 0.5em 0;
line-height: 1.4;
}
.cafe #sub-main .choose .li_disc li::marker{
color: #003893;
font-size: 1.2em;
}
.cafe #sub-main .menu_list h3.ttl{
background: #ddd;
padding: 20px 30px;
border-radius: 5px;
font-size: 2.2rem;
font-weight: bold;
text-align: center;
color: #fff;
background: #003893;
}
.cafe #sub-main .menu_list,
.cafe #sub-main .course {
margin: 50px 0 100px;
}
.cafe #sub-main .menu_list ul:not(ul ul),
.cafe #sub-main .course ul:not(.area01 ul):not(.area02 ul):not(ul.attention):not(ul.btn_flex){
display: flex;
flex-wrap: wrap;
gap:50px 30px;
margin: 50px 0;
}
.cafe #sub-main .menu_list ul li .wrap,
.cafe #sub-main .course ul li .wrap {
padding:15px 0 0 0;
}
.cafe #sub-main .menu_list ul li .ttl,
.cafe #sub-main .course ul li .ttl {
color: #333;
font-size: 1.8rem;
font-weight: bold;
line-height: 1.5;
margin: 0 0 1rem;
padding-bottom: 10px;
text-align: center;
border-bottom: 1px solid #333;
}
.cafe #sub-main .menu_list ul li p,
.cafe #sub-main .course ul li p{
color: #333;
font-weight: bold;
line-height: 1.6;
margin: 0;
}
.cafe #sub-main .menu_list ul li:not(li li),
.cafe #sub-main .course ul li:not(.area01 ul li):not(ul.attention li):not(ul.li_disc li):not(ul.btn_flex li){
width: calc((100% - 60px) / 3);
background: #fff;
overflow: hidden;
}
.cafe #sub-main .menu_list ul li a,
.cafe #sub-main .course ul li a{
text-decoration: none;
}
.cafe #sub-main .menu_list ul li{
position: relative;
}
.cafe #sub-main .menu_list ul li .label{
position: absolute;
top: 20px;
left: 0;
color: #fff;
font-size: 16px;
font-weight: bold;
background: #003893;
padding: 6px 8px;
}
.cafe #sub-main .menu_list ul li figure,
.cafe #sub-main .course ul li figure{
overflow: hidden;
}
.cafe #sub-main .menu_list ul li img,
.cafe #sub-main .course ul li img{
transition: 0.5s;
}
/*
.cafe #sub-main .menu_list ul li img:hover,
.cafe #sub-main .course ul li img:hover{
transform: scale(1.1);
border-radius: 10px;
}

.cafe #sub-main .menu_list.bbq_dinner ul li img:hover,
.cafe #sub-main .course ul li img:hover{
transform: initial;
}
*/
.cafe #sub-main .menu_list.bbq_dinner ul li,
.cafe #sub-main .course ul li:not(.area01 ul li):not(ul.attention li):not(ul.li_disc li):not(ul.btn_flex li){
width: calc((100% - 30px) / 2);
background: #fff;
overflow: hidden;
}
.cafe #sub-main .course ul li .area02 {
	margin:20px 0 0;
	padding:20px;
	box-sizing: border-box;
	height:300px;
}
.cafe #sub-main .course ul li .area02 ul {
	margin:10px 0 0;
	gap:10px;
	display: block;
}
.cafe #sub-main .course ul li .area02 li {
	width:100%;
		list-style: disc!important;
	line-height: 1.5em;
}
.cafe #sub-main .course ul li .height {
	height:70px;
	color:#004d81;
}
.cafe #sub-main .menu_list.bbq_dinner .btn01{
display: flex;
flex-wrap:wrap ;
gap: 20px;
}
.cafe #sub-main .course ul.btn_flex {
	display: inherit;
	margin:30px 0;
}
.cafe #sub-main .course ul.btn_flex li {
	width:95%;
	box-sizing: border-box;
	margin:0 auto;
}
.cafe #sub-main .menu_list.bbq_dinner .btn01 a{
width: calc((100% - 20px) / 2);
background: #fff;
overflow: hidden;
}
.cafe #sub-main .course p.catch {
	text-align: center;
	margin:10px 0;
}
.cafe #sub-main .course p.catch strong {
	font-weight: bold;
	font-size: 25px;
}

.cafe #sub-main .area03 {
	margin-top:20px;
}
.cafe #sub-main .area03 ul{
	list-style: disc!important;
	padding-left:20px;
	display: flex;
	flex-wrap: wrap;
	line-height: 2;
}
.cafe #sub-main .area03 ul li{
	width: calc((100% - 60px) / 2);
}  
.cafe .fancybox-infobar{display: none;}

.cafe .modal-detail{
max-width: 1000px;
width: 80%;
}
.cafe .modal-detail .ttl{
color: #333;
font-size: 2rem;
font-weight: bold;
padding: 0 15px 5px;
margin: 15px 0;
text-align: center;
border-bottom: 1px solid #333;
}
.cafe .modal-detail ul{
list-style-type:disc;
padding-left: 2rem;
margin-top: 1em;
}
.cafe .modal-detail ul li{
margin: 1em 0;
font-weight: bold;
}
.cafe .modal-detail figure{
display: flex;
flex-wrap: wrap;
gap: 20px;
}
.cafe .modal-detail figure img{
width: calc((100% - 20px) / 2);
}
.cafe .modal-detail p{
margin: 20px 0;
font-size: 1.6rem;
font-weight: bold;
}

.cafe #sub-main .inside_cafe_restaurant ul{
display: flex;
flex-wrap: wrap;
gap:30px;
margin: 50px 0;
}
.cafe #sub-main .inside_cafe_restaurant ul li{
width: calc((100% - 60px) / 3);
}
.cafe #sub-main .inside_cafe_restaurant ul li p{
margin: 15px 0;
font-size: 1.6rem;
font-weight: bold;
line-height: 1.5;
}
.cafe #sub-main .inside_cafe_restaurant ul li .ttl{
display: flex;
align-items: center;
justify-content: center;
width: 120px;
color: #fff;
font-size: 1.6rem;
font-weight: bold;
padding: 5px 20px;
background: #003893;
border-radius: 50px;
margin:0 auto 15px;
}

.cafe #sub-main .inside_cafe_restaurant ul li figure{
border-radius: 10px;
overflow: hidden;
}
.cafe #sub-main .inside_cafe_restaurant ul li figure img{
width: 100%;
}
.cafe #sub-main .inside_cafe_restaurant ul li h4 {
	text-align: center;
	color:#003893;
	font-size: 20px;
	line-height: 1.5em;
	margin-top:20px;
}
.cafe #sub-main .inside_cafe_restaurant ul li p {
	text-align: center;
}
.cafe #sub-main .food h3.ttl{
color: #333;
background: #D8E698;
}
.cafe #sub-main .sweets_drinks h3.ttl{
color: #333;
background: #F6BFD7;
}
.cafe #sub-main .bbq_dinner h3.ttl{
background: #003892;
}

.cafe #sub-main .parking ul{
display: flex;
gap: 20px;
}
.cafe #sub-main .parking ul li{
width: calc((100% - 20px) / 2);
}
/*======== access =========*/
#sub-main #map{
width:95%;
margin:auto;
}
#sub-main #map iframe{
width:100%;
height:500px;
margin:0 0 1em;
}
#sub-main #map img{
max-width:100%;
border-radius:10px;
margin:0 0 1em;
}

/*======== btn =========*/
#sub-main .btn01 a{
display: block;
width: 50%;
font-size: 1.6rem;
font-weight: bold;
padding: 22px;
border-radius: 8px;
text-align: center;
text-decoration: none;
color: #fff;
background: #EB5233 url(../images/common/arrow_white.svg) no-repeat center right 15px;
/*border: 3px solid #003893;*/
background-size: auto 16px;
margin: auto
}
#sub-main .btn01 a[target="_blank"] span.blank_icon{
background: url(../images/common/icon_blank_white.svg) no-repeat right center;
background-size: 15px auto;
}
#sub-main .btn_inst a{
display: block;
width: 30%;
font-size: 1.5rem;
font-weight: bold;
padding: 15px 10px 15px 20px;
border-radius: 8px;
text-align: center;
text-decoration: none;
color: #fff;
background:url(../images/common/Instagram_Social_Icon.svg) no-repeat center left,url(../images/common/arrow_white.svg) no-repeat center right 15px;
background-size: auto 45px ,auto 14px;
background-color: #333;
margin: auto;
}
#sub-main .btn01 a:hover,#sub-main .btn_inst a:hover{
transition: 0.3s;
opacity: 0.75;
}


/* sub-youtube
----------------------------------------------------------- */
#sub-youtube .inner{
position: relative;
width: 1000px;
height:562px;
margin:50px auto 0;
}
#sub-youtube .inner iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  }

#sub-main .flex_wrap{
display:flex;
flex-wrap: wrap;
margin:0 20px 1em 20px;
}
#sub-main .flex_wrap > li{
width:calc(100% / 3 - 6px);
border:4px solid #cbe8f1;
border-radius:10px;
background:#fffef7;
margin:3px;
padding: 20px;
}
#sub-main .flex_wrap.c1 > li{
width:100%;
border:4px solid #cbe8f1;
border-radius:10px;
background:#fffef7;
margin:3px;
}
#sub-main .flex_wrap.c2 > li{
width:calc(100% / 2 - 6px);
border:4px solid #cbe8f1;
border-radius:10px;
background:#fffef7;
margin:3px;
}
#sub-main .flex_wrap.c4 > li{
width:calc(100% / 4 - 6px);
border:4px solid #cbe8f1;
border-radius:10px;
background:#fffef7;
margin:3px;
}
#sub-main .flex_wrap h4{
font-weight:bold;
font-size:110%;
color:#1b258b;
margin:0 0 15px 0;
padding:10px 10px;
text-align:center;
background:#ffc516;
border-radius:30px;
line-height: 1.2;
}
#sub-main .cc_red h4{
color:#fff;
background:#ba4545;
}
#sub-main .cc_orange h4{
color:#fff;
background:#f28820;
}
#sub-main .cc_green h4{
color:#fff;
background:#0f9d58;
}
#sub-main h5 {
color: #60B639;
line-height: 1.8em;
font-size: 120%;
font-weight: bold;
clear: both;
background: url(../images/h_common04.png) no-repeat left 5px;
margin: 1.5em 0 0.6em;
}
#sub-main .flex_wrap h6{
font-weight: bold;
font-size: 1.5rem;
color: #000;
line-height: 1.5;
margin: 0;
text-align: left;
}
#sub-main .flex_wrap .b{
font-weight:bold;
color:#000;
line-height: 1.5;
margin:0;
text-align:left;
}
.tag_mito{
display: inline-block;
font-weight:bold;
margin:0 5px 0 0;
padding:5px 15px;
text-align:center;
background:#c7d8ff;
border-radius:30px;
line-height: 1.2;
}
.tag_tsukuba{
display: inline-block;
font-weight:bold;
margin:0 5px 0 0;
padding:5px 15px;
text-align:center;
background:#ffe399;
border-radius:30px;
line-height: 1.2;
}
#sub-main .flex_wrap dl{
padding:0 0 1.5em 0;
line-height: 1.5;
}
#sub-main .flex_wrap dl dt{
font-weight:bold;
color:#000;
line-height: 1.5;
margin:0 0 10px;
padding:0 0 5px;
text-align:left;	
border-bottom:2px dotted #cbe8f1;
}
#sub-main .flex_wrap dl dt:not(:first-child){
padding-top:1.5em;
}
#sub-main .flex_wrap ol.list_n {
list-style-position: outside;
margin:0 1.5em 0 0;
}
#sub-main .flex_wrap li .lv{
display:flex;
flex-wrap: wrap;
margin:0 20px 1em 20px;
}
#sub-main .flex_wrap p{
margin:0.5em 0 1em;
}
#sub-main .flex_wrap li a{
margin:1em 0 0;
display: block;
}
#sub-main .flex3 li .lv{
display:flex;
flex-wrap: wrap;
margin:0 20px 1em 20px;
}
#sub-main  .flex_wrap li .lv li{
width:calc(100% / 2 - 6px);
padding:10px;
margin:3px;
text-align:center;
background:#cbe8f1;
border-radius:30px;
border:none;
}
#sub-main #teaming .imgC img{
width:500px;
}
/*======== instructor =========*/
#sub-main .instructor table{
border:0;
width:100%;
margin-top:20px;
}
#sub-main .instructor caption{
font-size:200%;
font-weight:bold;
color:#fff;
position:relative;
padding:75px 30px 75px 280px;
background:#003893 url(../images/common/instructor_caption_bg.png) no-repeat center right;
}
#sub-main .instructor caption .yomi{
font-weight:bold;
font-size:60%;
padding:10px 0;
}
#sub-main .instructor caption img{
width:220px;
position:absolute;
bottom:10px;
left:20px;
border:5px solid #fff;
}
#sub-main .instructor th,#sub-main .instructor td{
border:1px solid #fff;
color:#535353;
width:50%;
padding:15px 20px;
}
#sub-main .instructor th{
border-right:none;
text-align:right;
background:#e5e5e5;
}
#sub-main .instructor td{
border-left:none;
text-align:left;
background:#eeeeee;
}
/*======== privacy =========*/

#sub-main .text-r{
text-align:right;
}

#sub-main #privacy h3{
font-size:130%;
font-weight:bold;
padding:10px 0;
margin:3em 20px 1em 20px;
border-bottom:1px dotted #ccc;
}
#sub-main #privacy h4{
font-weight:bold;
color:#000;
margin:3em 20px 0.5em 20px;
}
#sub-main #privacy h5{
font-weight:bold;
color:#000;
margin:2em 20px 0.5em 20px;
}
#sub-main #privacy ul,#sub-main #privacy ol{
font-weight:bold;
padding-left:2.3em;
margin:0 20px 1em 20px;
}
#sub-main #privacy ul{
list-style-type: disc!important;
}
#sub-main #privacy ol{
list-style-type: decimal!important;
}
#sub-main #privacy li{
line-height:1.8;
padding-left:0.3em;
}
/*======== company =========*/

#sub-main #company #company_logo{
display:block;
margin:2em auto;
width:400px;
}
/*======== sitemap =========*/

#sub-main #sitemap dl{
margin:0 auto;
width:100%;
}

#sub-main #sitemap dt{
margin:1.5em 0 0 0;
}
#sub-main #sitemap dt.nolink{
display:block;
background:#013893;
padding:15px;
font-weight:bold;
border-radius:5px;
color:#fff;
text-decoration:none;
}
#sub-main #sitemap dt a{
display:block;
background:#fff url(../images/common/arrow_blue.svg)no-repeat right 10px center;
background-size:auto 20px;
padding:15px;
font-weight:bold;
border-radius:5px;
border:3px solid #013893;
color:#013893;
text-decoration:none;
}
#sub-main #sitemap dt a:hover{
background:#e1ebf7 url(../images/common/arrow_blue.svg)no-repeat right 10px center;
}
#sub-main #sitemap dl ul{
display:flex;
flex-wrap: wrap;
}
#sub-main #sitemap dd li{
margin:5px 3px 0 3px;
width:calc(100% / 4 - 6px);
}
#sub-main #sitemap dd li a{
color:#013893;
display:block;
font-weight:bold;
text-align:center;
background:#fff url(../images/common/arrow_blue.svg)no-repeat right 10px center;
padding:15px 15px;
border-radius:5px;
text-decoration:none;
border:3px solid #013893;
}
#sub-main #sitemap dd li a:hover{
background:#e1ebf7 url(../images/common/arrow_blue.svg)no-repeat right 10px center;
}
/*================================ banner_area ===============================*/
#banner_area01 {
width:400px;
position: fixed;
left: 20px;
bottom: 20px;
z-index:10;
margin:auto;
background:rgba(255,255,255,0.9);
border:4px solid #fff;
padding:0 10px 10px;
border-radius:8px;
}
#banner_area01 ul{
display:flex;
flex-wrap: wrap;
}
#banner_area01 li {
width:calc(100% / 2 - 6px);
margin:3px;
}

#banner_area01 li.bottom_btn {
width:100%;
margin:3px;
}

#banner_area01 ul{
list-style:none;
margin:0;
}


#banner_area01  p.bn01{
text-align:center;
color:#003893;
font-size:120%;
font-weight:bold;
padding:12px 10px 10px 10px;
margin:0;
background: url(../images/common/icon_basket.svg) no-repeat left 40px center;
background-size:auto 35px;
}

#banner_area01 .bn01 li a{
font-weight:bold;
font-size:80%;	
color:#003893;
text-decoration:none;
text-align:center;
display:block;
padding:15px 10px;
background:#f7ba18 url(../images/common/arrow_blue.svg) no-repeat right 10px center;
background-size:auto 15px;
border-radius:5px;
}


#banner_area01  p.bn02{
text-align:center;
color:#003893;
font-size:120%;
font-weight:bold;
padding:12px 10px 10px 10px;
margin:0;
background:url(../images/common/icon_cheer.svg) no-repeat left 40px center;
background-size:auto 35px;
}

#banner_area01 .bn02 li a{
font-weight:bold;
font-size:80%;	
color:#003893;
text-decoration:none;
text-align:center;
display:block;
padding:15px 10px;
background:#e58dac url(../images/common/arrow_blue.svg) no-repeat right 10px center;
background-size:auto 15px;
border-radius:5px;
}

#banner_area01  p.bn03{
text-align:center;
color:#003893;
font-size:120%;
font-weight:bold;
padding:12px 10px 10px 10px;
margin:0;
background:url(../images/common/icon_fitness.svg) no-repeat left 40px center;
background-size:auto 40px;
}

#banner_area01  p.bn04{
	text-align:center;
	color:#003893;
	font-size:120%;
	font-weight:bold;
	padding:12px 10px 10px 35px;
	margin:0;
	background:url(../images/common/icon_cafe2.svg) no-repeat left 30px center;
	background-size:auto 30px;
	}

#banner_area01 .bn04 li a{
	font-weight:bold;
	font-size:80%;	
	color:#003893;
	text-decoration:none;
	text-align:center;
	display:block;
	padding:15px 10px;
	background:#9ce9fa url(../images/common/arrow_blue.svg) no-repeat right 10px center;
	background-size:auto 15px;
	border-radius:5px;
	}

#banner_area01 li.w100p {
	width:100%;
	padding-bottom:5px;
	}
#banner_area01 li.w100p p{
	font-weight: bold;
	text-align: center;
}

#banner_area01 .bn03 li a{
font-weight:bold;
font-size:80%;	
color:#003893;
text-decoration:none;
text-align:center;
display:block;
padding:15px 10px;
background:#9ce9fa url(../images/common/arrow_blue.svg) no-repeat right 10px center;
background-size:auto 15px;
border-radius:5px;
}

#banner_area01 li .btn_tw a{
	background: url(../images/common/icon_x.svg) no-repeat left 5px center;
	background-size:auto 30px;
	background-color: #14171a;
	color: aliceblue;
}

#banner_area01 li .btn_tw a:hover{
	background: url(../images/common/icon_x.svg) no-repeat left 5px center;
	background-size: auto 30px;
	background-color: #14171a;
	color: #FFEE3E;
}


#banner_area01 li .btn_tw a:hover{
	background: url(../images/common/icon_xr.svg) no-repeat left 5px center;
	background-size: auto 30px;
	background-color: #14171a;
	color: #FFEE3E;
}


#banner_area01 li .btn_line a{
	width:100%;
	background:none;
	background-color: #00b900;
	padding:0 10px 10px;
	color: #fff;
}


#banner_area01 li .btn_ist a{
	background: url(../images/common/Instagram_Social_Icon.svg) no-repeat left 5px center;
	background-size:auto 30px;
	background-color: #f00075;
	color: #fff;
	font-size:80%;
}

#banner_area01 li .btn_ist a:hover{
	background: url(../images/common/Instagram_Social_Icon.svg) no-repeat left 5px center;
	background-size:auto 30px;
	background-color: #f00075;
	color: #FFEE3E;
}




/*================================ contact ===============================*/
#sub-main .contact_area .tel_t{
font-weight:bold;
font-size:240%;
padding:3px 0 0 50px;
background:url(../images/common/icon_tel.svg)no-repeat left center;
background-size:auto 40px;
}
#sub-main .contact_area{
border:5px solid #d2e3ff;
border-radius:10px;
padding:30px;
margin:0 20px 1em 20px;
background:#fff;
}
#sub-main #contact ul{
display:flex;
flex-wrap: wrap;
margin:0 20px;
}
#sub-main #contact ul li {
width:calc(100% / 2 - 6px);
margin:3px;
}
#sub-main #contact ul li a{
color:#000;
display:block;
border-radius:8px;
padding:30px 20px 30px 110px;
background:#fff;
text-decoration:none;
line-height:1.8;
font-size:110%;
}
#sub-main #contact ul li a span{
font-weight:bold;
font-size:110%;
}
#sub-main #contact ul li a:hover{
opacity:0.7;
}
#sub-main #contact ul li.cm01 a{
background:#d9fbdd url(../images/common/icon_about.svg) no-repeat left 30px center;
background-size:auto 50px;
}
#sub-main #contact ul li.cm02 a{
background:#ffecba url(../images/common/icon_basket.svg) no-repeat left 30px center;
background-size:auto 50px;
}
#sub-main #contact ul li.cm03 a{
background:#f7dbe5 url(../images/common/icon_cheer.svg) no-repeat left 30px center;
background-size:auto 50px;
}
#sub-main #contact ul li.cm04 a{
background:#f6f3ff url(../images/common/icon_shop.svg) no-repeat left 30px center;
background-size:auto 50px;
}

/*================================ form ===============================*/
#sub-main iframe.basket_form{
border:4px dotted #ecd032;
height:2500px;
}
#sub-main iframe.cheer_form{
border:4px dotted #f799af;
height:2450px;
}
#sub-main iframe.fitness_form{
border:4px dotted #a0cdff;
height:2350px;
}
#sub-main iframe.mspo_form{
border:4px dotted #8aeac1;
height:1100px;
}

/*============================== 20190527追加 =============================*/
#sub-main table .admito th {
	background:#c7d8ff;
}
#sub-main table .admito td {
	background:#fffafa;
}

/*======================== 20190722追加 newsページ =======================*/
.mspo_news_bar {
	background-color: #023894;
	width: 97%;
	margin: 10px 1%;
	color: #ffffff;
	font-size: 110%;
	display: block;
	font-weight: bold;
	padding: 10px;
}
.mspo_news_underline {
	width: 97%;
	margin: 10px 1%;
	color: #023894;
	font-size: 110%;
	display: block;
	font-weight: bold;
	padding: 7px 10px;
	border-bottom: double 3px;
}

/*======================== 20191226追加 newsページ =======================*/
.academy_detail {
	width: 96%;
	margin: 10px 3%;
	line-height: 1.5em;
}
.academy_detail li {
	float: left;
	margin-right: 10px;
}
.academy_float_clear {
	clear: both;
}
.academy_age {
	text-align: left;
	padding-bottom: 0.2em;
	font-weight: bold;
	font-size: 115%;
	width: 96%;
	margin: 10px 3%;
}
/*======================== 20200308追加 newsページ =======================*/
.news_leftwaku {
	display: inline-block;
	width: 20%;
	vertical-align: middle;
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
    .news_leftwaku  {
	width: 100%;
	text-align: center;
    }
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
    .news_leftwaku  {
	width: 100%;
	text-align: center;
    }
} /* デバイスの横幅が320px以下の場合 */
.news_rightwaku {
	display: inline-block;
	width: 78%;
	vertical-align: middle;
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
.news_rightwaku {
	width: 98%;
	margin: 10px 1%;
    }
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
.news_rightwaku {
	width: 98%;
	margin: 10px 1%;
    }
} /* デバイスの横幅が320px以下の場合 */
.cafe_title {
	font-weight: bold;
	font-size: 40px;
	text-align: center;
	color: #003893;
	margin: 50px 0 20px;
}
@media only screen and (min-width: 321px) and (max-width: 768px) {
.cafe_title {
	font-size: 2rem;
	line-height: 1.3;
	margin: 30px 0 20px;
    }
} /*デバイスの横幅が321以上768以下の場合*/
@media only screen and (max-width: 320px) {
.cafe_title {
	font-size: 120%;
	line-height: 1.6em;
    }
} /* デバイスの横幅が320px以下の場合 */


/*============================== 20200408追加 =============================*/
#sub-main table .swan th {
	background:#c7d8ff;
}
#sub-main table .swan td {
	background:#F5FFFD;
}

/*======================== 20240328追加 =======================*/
.bnr-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin: 50px auto 0;
}
.bnr-area.col4 {
	gap: 20px;
}
.bnr-area.col3 li {
	width: calc((90% - 60px) / 3);
}
.bnr-area.col4 li {
	width: calc((90% - 60px) / 4);
}
.bnr-area li a {
	display: block;
	border: solid 1px #f1f1f1;
}
.bnr-area li img {
	max-width: 350px;
}
.bnr-area.col3 li a img,
.bnr-area.col4 li a img {
	max-width: 100%;
	width: 100%;
	height: auto;
}

/*======================== 250116追加 牡蠣小屋用（掲載終わったら削除する） =======================*/
.concept-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	gap: 30px;
	margin: 50px auto;
}
.concept-area.col4{
	display: flex;
	flex-wrap: wrap;
	gap: 20px;
	margin: 50px auto;
}
.concept-area li {
width: calc((90% - 30px) / 2);
}
.concept-area.col4 li {
width: calc((100% - 60px) / 4);
}
.concept-area li img {
width: 100%;
}
@media only screen and (max-width: 768px) {
.concept-area,
.concept-area.col4{
	gap: 10px;
	margin: 20px auto;
}
.concept-area li {
width: 100%;
}
.concept-area.col4 li {
width: calc((100% - 10px) / 2);
}
}

/*======================== 250116追加 =======================*/
/*ボタンにブランクアイコンをつける場合*/
a[target="_blank"] span.blank_icon {
padding: 5px 20px 5px 0;
background: url(../images/common/icon_blank.svg) no-repeat right center;
background-size: 15px auto;
}
a[target="_blank"] span.blank_icon_w {
padding: 5px 20px 5px 0;
background: url("../images/common/icon_blank_white.svg") no-repeat right center;
background-size: 15px auto;
}

/*======================== 250403追加 =======================*/
.cafe #sub-main .bbq_dinner .item_wrap{
display: flex;
flex-wrap: wrap;
gap: 40px;
}
.cafe #sub-main .bbq_dinner .item_wrap img{
width: 600px;
height: auto;
}
.cafe #sub-main .bbq_dinner .item_wrap .text_wrap{
width: 560px;
}
.cafe #sub-main .bbq_dinner .item_wrap p{
margin: 0;
}
.cafe #sub-main .bbq_dinner p.price{
font-size: 2.4rem;
font-weight: bold;
margin: 1em 0 0.1em;
}
.cafe #sub-main .bbq_dinner .area02{
margin: 2em 0;
padding: 20px;
}
.cafe #sub-main .bbq_dinner .item_wrap ul{
flex-direction: column;
gap:0;
margin: 0;
}
.cafe #sub-main .bbq_dinner .item_wrap ul li{
width: 100%;
padding: 5px 0;
}
.cafe #sub-main .bbq_dinner .item_wrap ul.attention{
list-style-type: none;
}
.cafe #sub-main .bbq_dinner .item_wrap ul.attention li::before{
content: '※'; /* ←ここにリストマーカーにしたい文字列を設定 */
}
.cafe #sub-main .bbq_dinner .item_wrap ul.li_disc,
.cafe #sub-main .menu_list ul.li_disc{
list-style-type: none;
line-height: 1.2;
}
.cafe #sub-main .bbq_dinner .item_wrap ul.li_disc li,
.cafe #sub-main .menu_list ul.li_disc li{
text-indent: -1em;
padding-left: 1em;
}
.cafe #sub-main .menu_list ul.li_disc li{
padding: 5px 0 5px 1em;
}
.cafe #sub-main .bbq_dinner .item_wrap ul.li_disc li::before,
.cafe #sub-main .menu_list ul.li_disc li::before{
content: '・'; /* ←ここにリストマーカーにしたい文字列を設定 */
}
.cafe #sub-main h4.ttl_bbq{
color: #003893;
border-bottom: dashed 2px #60B639;
margin-bottom: 10px;
}
/*======================== 250404追加 =======================*/
/*======== テキストセンター =========*/
#sub-main .txt_c{
text-align:center!important;
}
/*======================== 260525追加 =======================*/
.cafe #sub-main .googleform-wrapper {
width: 100%;
height: 1900px;
position: relative;
overflow-y: auto;
}
.cafe #sub-main .googleform-wrapper iframe {
position: absolute;
top: 0;
left: 0;
display: block;
width: 100%;
height: 100%;
border: 0;
}