@charset "utf-8";

/* in 1DAY Retreet */
@import url('https://fonts.googleapis.com/css2?family=Cutive+Mono&family=Roboto:wght@300&display=swap');

/* reset */
p {line-height: 1.8; color:#555; margin-bottom:1em;}
.inr img.prof {max-width:60px;}

.section-body01 { font-size:16px; line-height:1.6; padding-bottom: 1em; }

/* =Common
----------------------------------------------- */
.alignleft {display: inline; float: left; margin-right: 10px;}
.alignright { display: inline; float: right; margin-left: 10px; }
.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; }

.tcenter { text-align:center;}
.tleft { text-align:left;}
.tright { text-align:right;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.bold { font-weight:bold;}

.pdt10 {padding-top:10px;}

.f_ul {text-decoration:underline;}

hr {border-color: #ccc;}

.f11 { font-size:11px; }
.f12 { font-size:12px; }
.f13 { font-size:13px; }
.f14 { font-size:14px; }
.f16 { font-size:16px; }
.f18 { font-size:18px; }
.f20 { font-size:20px; }
.f22 { font-size:22px; }
.f24 { font-size:24px; }
.f24_2 { font-size:24px; }

.red { color:#ff0000;}
.blue { color:#0179a5;}
.pink { color:#e20062; }
.pink_d { color:#9a2b1a; }
.org { color:#ff4800;}
.gry { color:#777;}
.green { color:#32801b;}

.blue_l { color:#50aae6;}
.pink_l { color:#d45270;}
.black { color:#000;}

.mgt15 {margin-bottom:15px;}
.mgb10 {margin-bottom:10px;}
.mgb15 {margin-bottom:15px;}
.mgb20 {margin-bottom:20px;}

.pdt10 {padding-top:10px;}
.pdt20 {padding-top:20px;}


/* form by bootstrap */

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075);
-webkit-transition: border linear 0.2s, box-shadow linear 0.2s;
-moz-transition: border linear 0.2s, box-shadow linear 0.2s;
-o-transition: border linear 0.2s, box-shadow linear 0.2s;
transition: border linear 0.2s, box-shadow linear 0.2s;}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {display: inline-block;
padding: 4px 6px;
margin-bottom: 10px;
font-size: 14px;
line-height: 20px;
color: #555555;
vertical-align: middle;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}

label, input, button, select, textarea {font-size: 13px; font-weight: normal; line-height: 20px; max-width: 800px;}

input.w10 { width:30px;}
input.w50 { width:50px;}
input.w150 { width:150px;}
input.w200 { width:200px;}
input.w320 { width:300px;}
input.w540 { width:540px;}
input[type="textarea"].w320 { width:300px;}
textarea.w320 { width:300px;}
textarea.w540 {width: 540px;}

table.volunteer_tb {}
.volunteer_tb td.day {line-height:1.5; margin:0;}
.volunteer_tb td.location {padding:0 5px; margin:0;line-height:1.8;}

@media screen and (max-width: 768px) 
	{input.w540 { width:100%;}
}


/* for Button _____________________  */

.btn_s, input[type="submit"].btn_s {font-size:13px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:6px 10px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px; }
.btn_m, input[type="submit"].btn_m, input[type="submit"] , input[type="button"] {font-size:14px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:8px 15px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}
.btn_l, input[type="submit"].btn_l {font-size:16px; font-family:Arial; font-weight:normal; -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; padding:10px 30px; text-decoration:none; color:#ffffff; display:inline-block; margin:3px;}

a.btn_s, a.btn_m, a.btn_l {color:#ffffff;}
a.btn_s:active, a.btn_m:active, a.btn_l:active { position:relative; top:1px; }

a.b_wgrn, input[type="submit"].b_wgrn, input[type="reset"].b_wgrn { background:#b0d24a;}
a.b_grn, input[type="submit"].b_grn, input[type="reset"].b_grn { background:#459197;}
a.b_org, input[type="submit"].b_org, input[type="reset"].b_org { background:#eb553a;}
a.b_blu, input[type="submit"].b_blu, input[type="reset"].b_blu { background:#005371;}


a.b_wgrn:hover { color:#ffffff; background:#c2dd70; text-decoration: none;}
a.b_grn:hover { color:#ffffff; background:#5ab0b7; text-decoration: none;}
a.b_org:hover { color:#ffffff; background:#f28572; text-decoration: none;}
a.b_blu:hover { color:#ffffff; background:#0d7fa8; text-decoration: none;}

input[type="submit"], input[type="reset"], input[type="button"]{ border:none; background:#eb553a; font-weight: bold;}

input[type="submit"]:hover, input[type="reset"]:hover, input[type="button"]:hover{ filter: alpha(opacity=80); opacity: .6; -moz-transition: all 0.7s ease; -webkit-transition: all 0.7s ease; }

/* =Trial Class
-------------------------------------------------------------- */
h2.trial {text-align:center; padding:1.5rem; margin-top:2rem; background:#eee;}
ul.disclist {padding-left:2em;}
ul.disclist li {list-style:disc; line-height: 1.6;}

/* =Booth Area list
-------------------------------------------------------------- */
#booth.page { padding: 65px 0; background: url(../common/img/bg_board.png); }

.cbp-af-header.cbp-af-header-shrink #logo-image { margin-top: 10px; width:180px; }
.category-booth li.hentry.category-booth {margin-top:100px;}
.boothmap {padding-bottom:15px; margin:0 auto; max-width:900px;}
.category-booth .boothpct {max-width:200px; margin:0 0 10px 10px; display:block; float:right; }

.category-booth .boothpct img {border:1px solid #ddd; border-radius: 8px;  -webkit-border-radius: 8px; -moz-border-radius: 8px; max-height:300px;}

.category-booth .kopa-article-list .entry-item .entry-title {font-size:16px; font-family: 'Raleway', sans-serif; border-bottom:1px solid #ececec; padding-bottom:5px; margin:0 0 15px; position:static; font-weight:bold;}

.category-booth .tt {background:#a05110; color:#fff; padding:3px; font-size:12px; margin:0 5px 0 0; line-height:2.5; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.category-booth p {margin:6px 0;}

.category-booth .brandlist {margin-bottom:20px; float:left; width:280px; min-width:190px; border-radius: 4px; -webkit-border-radius: 4px; -moz-border-radius: 4px; }
.category-booth .brandlist ul {background:#fff; padding:5px; margin:0 10px 10px 0;}
.category-booth .brandlist ul li {list-style: none; margin:1px; font-size:12px; clear:both; line-height:1.3;}
.category-booth .brandlist ul li .id {background:#fff; color:#222; padding:3px; font-size:12px; margin:0 5px 0 0; line-height:2.5; border-radius: 4px; -webkit-border-radius: 4px;  -moz-border-radius: 4px;   /* Firefox用 */}
.category-booth .brandlist ul li .t_red {background:#d44a40; color:#fff;}
.category-booth .brandlist ul li .t_pink {background:#f73772; color:#fff;}
.category-booth .brandlist ul li .t_blue {background:#0c91c2; color:#fff;}
.category-booth .brandlist ul li .t_dblue {background:#287486; color:#fff;}
.category-booth .brandlist ul li .t_dblue2 {background:#336699; color:#fff;}
.category-booth .brandlist ul li .t_yel {background:#f7f537; }
.category-booth .brandlist ul li .t_yel2 {background:#d0cc3c;}
.category-booth .brandlist ul li .t_orange {background:#f27a05; color:#fff;}
.category-booth .brandlist ul li .t_dorange {background:#ec5004; color:#fff;}
.category-booth .brandlist ul li .t_lgrn {background:#cae91c; }
.category-booth .brandlist ul li .t_lgrn2 {background:#d0cc3c; }
.category-booth .brandlist ul li .t_grn {background:#32943d; color:#fff;}
.category-booth .brandlist ul li .t_dgrn {background:#4c681f; color:#fff;}
.category-booth .brandlist ul li .t_beige {background:#eceab7; }
.category-booth .brandlist ul li .t_brw {background:#857452; color:#fff;}
.category-booth .brandlist ul li .t_ppl {background:#3b3a64; color:#fff;}
.category-booth .brandlist ul li .t_ppl2 {background:#943942; color:#fff;}
.category-booth .brandlist ul li .t_ppl3 {background:#6d5b82; color:#fff;}


/* for page #Areas
________________________________________________________________ */

#page-area .page__title {display:none;}
.area {}
.area_box { max-width:870px; margin:20px auto; border-radius:10px; -moz-border-radius:6px; -webkit-border-radius:6px; border:3px dotted #ccc; padding:15px; background: #fff;}
.area_box ul {margin:0; padding:10px;}
.area_box img { float:right; }
.area_box img.icon { float:none; vertical-align: middle; width:16px;}

.area_box.showcase {border:3px dotted #08425e;}
.area_box.park {border:3px dotted #32801b;}

.area_box dl {padding:10px;}
.area_box dt:before {content: '▶'; margin:0 3px 2px 0; font-size:10px;}
.area_box dt {width:13em; float:left; color:#fff; font-weight:bold; padding:5px; background: #ed5432; font-size:11px;}
.area_box dd {margin-left:11em; padding:3px 0 7px 7px; color: #555;}

.area_box.showcase dl {}
.area_box.showcase dt:before {content: '▶'; margin:0 3px 2px 0; font-size:10px;}
.area_box.showcase dt {width:13em; float:left; color:#fff; font-weight:bold; padding:5px; background:#0179a5; font-size:11px;}
.area_box.showcase dd {margin-left:11em; padding:3px 0 7px 7px; color: #555;}

ul.otonalist {padding-left:2em; width:40%; float:left;}
ul.otonalist li {list-style: circle;}

.otonalist_logo { width:100%; }
.otonalist_logo img {max-height:60px; max-width:145px; margin:10px;}

.alignnone.size-medium {margin:5px; max-width:190px; height:auto;}

.mkids img.size-full {margin:10px; max-width:180px; max-height:60px; height:auto;}

table#table_otona td {text-align:center; line-height:1.6;}
table#table_otona td img {width:170px; padding:1em 0;}


/* =FAQ
-------------------------------------------------------------- */
.qa-category {padding-top:1.5em; margin-bottom: 0px;}
h2.faq-catname { border-bottom:1px dotted #59b200; padding:4px 0 4px .5em; font-size:16px; font-weight: bold; margin-bottom: 10px; color:#555; border-left:5px solid #59b200;}
h3.qa-faq-title { font-size:14px; padding-bottom: .8rem;}
h3.qa-faq-title:before { display: inline-block; font: normal normal 300 14px/1 "Font Awesome 5 Pro"; content: "\f059"; margin-right:.5em;}

h3.faq-catname {font-size:14px;}
.st_box { font-family: 'Lato', メイリオ,sans-serif; line-height:1.4;}

.faq-catdesc {font-size:13px; padding-bottom:1em; color:#555;}

.st_box h3 { font-size:130%; border-bottom:1px dotted #ccc; padding-bottom:7px; margin-bottom: 1em;}
.st_box h3.qa-faq-title { font-size:14px; border-bottom:0px; padding:0 0 0px 0.5em; font-weight:normal;
line-height:1.8;}
.st_box h3.qa-faq-title:before {content:"◆ "; }

.st_box h4 { background:#e7cbc8; padding:5px 8px; color:#444; font-size:100%; border-left:5px solid #d986a4;}
.st_box h5 { padding:15px 0 4px 0; font-size:100%; line-height:1.5; margin-bottom:3px;}
.st_box .num { background:#d986a4; text-align:centre; color:#fff; font-size:110%; font-weight:bold; margin-right:5px; padding:2px 6px; border-radius:25px;}
x.st_box p { line-height:1.6; margin:0 0 10px 20px; padding:5px 0 0 0; }
.st_box .qa-faq-answer p {line-height:1.8; margin:0;}
.st_box ul {margin:0 0 0 1em;}
.st_box li {line-height:1; list-style:disc; margin:0; padding:0;}

.qa-faq-answer { border:1px solid #ddd; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius:5px; margin-left:5px;}

.st_box img.bord {border:1px solid #ccc; margin:5px 0; max-width:400px;}
.st_box a:hover img.bord {border:1px solid #f00; margin:5px 0;}

.30p { padding-bottom:30px; background:#ff0000;}
.qa-faq-answer {padding: 1rem 1rem 1rem 1.5rem; margin: 10px 0;}
.qa-faq-answer ul {padding: 0 1rem 0 1em;}
.qa-faq-answer ul li {list-style: disc; line-height:1.5; margin-bottom:5px;}

ul.faq {padding-left:2rem;}
ul.faq li {list-style: disc; margin-bottom:.5rem;}

/* event */
.anchor-target {
	scroll-margin-top: 60px; /* 固定ヘッダーの高さに合わせて調整 */
  }
.page .event h2 {font-size: 24px; font-weight: 400; margin-bottom:.5em; color:#222; margin-top: 1.5em; padding: .6em .75em .5em; background-color: #f6f6f6; border-top: 1px solid #ff6a00; text-align: center;}

.page .event h3 {padding: 2em 0 1rem 0; font-weight:500; font-size:22px; color: #000;}
.page .event h4 {padding: 1.5em 0 1rem 0; font-weight:500; font-size:16px;}
.event { padding: 20px 0; }
	
.event dl { display: flex; flex-wrap: wrap; line-height: 1.7; padding:1rem 0 3rem; }
.event dt { font-weight: 500; width: 25%; border-top: 1px solid #ddd; padding: 1.5rem 1rem; color: #555; display: flex; align-items: center; }
.event dd { width: 75%; border-top: 1px solid #ddd; padding: 1.5rem 0; margin: 0; color: #555; padding: 1.5rem 1rem; }
.event dl > dt:last-of-type,
.event dl > dd:last-of-type {

border-bottom: 1px solid #ddd; }

.event ul.mlist,
.event ol.mlist {padding-left:1.75rem;}
.event ul.mlist li {list-style-type: square;}
.event ol.mlist li {list-style-type: decimal; }

  /* スマホ向けのスタイル */
  @media screen and (max-width: 768px) {
	.event dt,
	.event dd { width: 100%; }	
	.event dt { border-bottom: none; padding-bottom: 0.5rem; border-top: 1px dashed #ddd;}	
	.event dd { padding-top: 0.5rem; border-top: none; }	
	.event dl > dt:last-of-type { border-bottom: none; }
	.event dl > dd:last-of-type { border-bottom: 1px solid #ddd; }
  }


/* exhibitor */
dl.form { display: flex; flex-direction: column; gap: 0; }
.form-row { display: flex; align-items: flex-start; flex-wrap: wrap; border-bottom: 1px solid #ccc; padding: 8px 0; }
.form-row dt { width: 15em; padding: 0.5em 0; font-weight: 500; color: #222; box-sizing: border-box; background: none; }
.form-row dd { flex: 1; padding: 0.5em 0; box-sizing: border-box; }

@media screen and (max-width: 768px) {
  .form-row { flex-direction: column; }
  .form-row dt, .form-row dd { width: 100%; }
}

 

/* Timetable */
.timetable_date, .timetable_date.showcase {text-align:center; font-size:15px; font-weight:bold; font-family: 'Raleway', "Lucida Grande", "segoe UI", "ヒラギノ丸ゴ ProN W4", "Hiragino Maru Gothic ProN", Meiryo, Arial, sans-serif; padding:5px; margin:5px 0; }
.timetable_date.showcase {background:#f4f4e7; }

img.tt_label {width:100px;}

thead td.donation {background:#eb5b98; text-align:center; color:#fff; width:31%;}
thead td.promotion {background:#e87c0f; text-align:center; color:#fff; width:31%;}
thead td.mkids {background:#901482; text-align:center; color:#fff; width:31%;}


thead td.mainstage {background:#2d6fbc; text-align:center; color:#fff; width:16%;}
thead td.trial {background:#f2ae42; text-align:center; color:#fff; width:16%;}
thead td.mkids2 {background:#901482; text-align:center; color:#fff; width:30%;}
thead td.parkyoga {background:#289f12; text-align:center; color:#fff; width:16%;}
thead td.unselect {background:#666; text-align:center; color:#fff; width:16%;}
thead td.hawaii {background:#fd9f1d; text-align:center; color:#fff; width:27%;}
thead td.medical {background:#59aadc; text-align:center; color:#fff; width:28%;}

.mkidsbox {float:left; padding:20px 10px 0px 10px; border:2px dotted #6990b0; border-radius:5px; margin:15px 20px 0 15px;}
td.mkids { text-align:center; background:#05aaff; color:#fff; }
td.mkids1 { background:#901482; text-align:center; color:#fff; width:30%;}
td.mkids2 { background:#633; text-align:center; color:#fff; width:30%;}
td.mkids3 { background:#F90; text-align:center; color:#fff; width:40%;}
.st_box li {line-height:1.6;}
.st_box.matarnity ul { padding-left:1.5em;}

.mkidsbox td span {font-weight:bold;}


#table { width: 100%; border-collapse: collapse; background:#fff; margin: .8em 0;}
#table_com { width: 100%; border-collapse: collapse; background:#fff; margin: .8em 0;}
#tablem { width: 100%; border-collapse: collapse; }
#table2 { width: 30%; border-collapse: collapse; float:left;}
#table3 { width: 70%; border-collapse: collapse; float:left;}

#table img.prof,#tablem img.prof, #table2 img.prof, #table3 img.prof, #table_mkids2 img.prof, #table_hawaii img.prof, #table_otona img.prof {width:55px; float:right; margin:0 0 3px 10px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;}

#table_com img.prof {width:75px; float:right; margin:0 0 3px 10px;-moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius:6px;}

#table_com .inr img.prof {max-width: 75px;}


#table td, #table th,#table_com td, #table_com th, #tablem td, #tablem th, #table2 td, #table2 th, #table3 td, #table3 th, #table_mkids2 td, #table_mkids2 th, #table_hawaii td, #table_hawaii th, #table_otona td, #table_otona th { padding: 5px 3px; border-right: 1px solid #ddd; line-height:1.3; border-top:1px solid #ddd; vertical-align:top;}

div.inr { line-height:1.3; font-size:12px; color: #666; }

#tablem .inr img {width:75px; max-width:75px;}
#tablem .inr span {font-weight:bold;}

.elements-box td {border-top: 1px solid #ddd;}
div.inr a:hover {text-decoration:underline; }
#table th,#table_com th, #tablem th, #table2 th, #table3 th{ font-weight: bold; border-top: 1px solid #ddd;}
#table thead th,#table_com thead th, #tablem thead th,#table2 thead th, #table3 thead th { background:#e6e6e6; }

/* balloon bottom */
#balloon-bottom { position: relative; padding: 6px 15px 6px 12px; width: auto; min-width: 240px; min-height: 20px; color: #F6F6F6; line-height: 1.2; text-align: left; background: #297fc9; z-index: 0; border-radius: 5px; }
#balloon-bottom:after { content: ""; position: absolute; bottom: -10px; left: 20%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #297fc9 transparent transparent transparent; }
/* balloon-4 bottom */
#balloon-4-bottom { position: relative; padding: 6px 15px 6px 12px; width: auto; min-width: 240px; min-height: 20px; color: #F6F6F6; line-height: 1.2; text-align: left; background: #05aaff; z-index: 0; border-radius:5px; }
#balloon-4-bottom:after { content: ""; position: absolute; bottom: -10px; left: 20%; margin-left: -10px; display: block; width: 0px; height: 0px; border-style: solid; border-width: 10px 10px 0 10px; border-color: #05aaff transparent transparent transparent; }


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

yogaweek

--------------------------------------------------*/
#yogaweek .kei { font-size: 24px; font-weight: 400; line-height: 46px; position: relative; height: 46px; margin: 2em 50px 1em; padding: 0 2rem; text-align: center; color: #fff; background: #2498dc; }
#yogaweek .kei:before,
#yogaweek .kei:after { position: absolute; top: 3px; display: block; content: ''; border: 25px solid #1983c0; }
#yogaweek .kei:before {
	left: -40px;
	border-left-width: 15px;
	border-left-color: transparent;
}
#yogaweek .kei:after {
	right: -40px;
	border-right-width: 15px;
	border-right-color: transparent;
}
#yogaweek .kei span {
	position: relative;
	display: block;
}


#yogaweek .flexbox {
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	padding: 0 55px;
}
#yogaweek .flexbox .item {
	margin: 15px 23px;
	text-align: center;
	width: 12%;
}
#yogaweek .flexbox img {
	max-width: 100%;
	height: auto;
}

#yogaweek .supported_txt {
	font-size:1.6rem;
	color:#999;
	text-align: center;
}


#yogaweek .inst_contframe {
	padding-top:30px;
}
#yogaweek .inst_contframe_inner {
	width:15%;
	float:left;
}

#yogaweek .inst_cont2 {
	width:80%;
	margin: 0 auto;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	text-align: center;
	overflow: hidden;
} 
#yogaweek .inst_cont2_inner {
	width: 32.5%;
	margin: 5px 0;
	text-align:left;
}


#yogaweek .pose {
	width:80%;
	margin:20px auto;
}

#yogaweek .yw_title {
	text-align:center;
	color:#21474f;
	font-size:1.8rem;
}
#yogaweek .yw_title span {
	padding:.5rem 1rem;
	font-size:1.4rem;
	font-weight:400;
	color:#f34a08;
	border-radius: 25px;
	background:#fff;
}
#yogaweek .topread {
	font-size:1.4rem;
	line-height:1.6;
}
#yogaweek .inst_bn {
	width:100%;
	margin:0 auto;
}



/* for 1day Retreet #retreet
________________________________________________________________ */
#retreat .copy {font-size:10px; color:#999; text-align:right; margin:5px 5px 25px 0;}
#retreat .copy a {color:#ccc;}
#retreat.page {padding:0 0 65px;}

#retreat img {max-width:100%; height:auto;}
#retreat .page__content {padding:0; font-size: 1.8rem;}

#retreat .topcopy {font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color:#4d4d4d; font-size:22px;}
#retreat .oneday_pct {width:900px; height:auto; margin:25px auto;}
#retreat h2 {font-family: 'Cutive Mono', monospace; text-align: center; font-size:42px; color:#897143; margin:50px 0 10px;}
#retreat ul {padding:0;}
#retreat ul.classlist {padding: 1rem 0 1rem 3rem;
	width: 90%;
	margin: 0 auto;}
#retreat ul.classlist li {
	list-style: none;
	position: relative;
	xwidth: 21.5%;
	width: 30%;
	min-width: 165px;
	float: left;
	margin: 0 1.5% 2em;
	min-height: 315px;
	font-size: 13px;
	color: #777;}
#retreat ul.classlist li img {
	width: 100%;
	xheight: 207px;
	object-fit: contain;
	xborder: 1px solid #efefef;
	}
#retreat ul.classlist li .ic_paid{
	position: absolute;
	top: 10px;
	left: 8px;
	width: 40px;
	}
#retreat ul.classlist li .ic_paid img {
	height: auto;
	border: 0px;
	}
#retreat .classname { color:#000; font-size:16px; padding:.5rem 0;}
#retreat ul.classlist li .class_inner {margin:5px 0;}
#retreat ul.classlist li .inst {text-align:center;}

#retreat ul.classlist li p {line-height:1.6; font-size:13px; color:#666; margin:5px 0;}

#retreat .activ {padding:10px;}
#retreat .activ img {margin:0 10px 10px 0; float:left; width:200px;}
#retreat .activ h3 {font-size:20px; color:#897143; font-weight:100;}
#retreat .activ h4 {font-family: 'Roboto', sans-serif; font-size:14px; color:#979695;}
#retreat .activ p {font-size:1.2rem; line-height:1.4; margin:1rem 0 0;}

#retreat ul.top_stl_thumb {width:80%; margin:30px auto; display:block; padding:30px 0; overflow:hidden;}
#retreat ul.top_stl_thumb li { width: 15%; margin: 15px 2%; float: left;}
#retreat .supportlist {display: flex;flex-wrap: wrap;margin:30px 0; font-size:1.2rem;}
#retreat h5 {font-size:1.5rem; color:#68a5eb;}
#retreat h6 {font-size:1.2rem; color:#555555;}


/* for Supported by PC
________________________________________________________________ */
ul.sponcer2022 {width:70%; margin:0 auto; padding:0; overflow:hidden;}
ul.sponcer2022 li {float:left; width:22%; margin:0 5%;}
ul.sponcer2022 li img {width:100%;}






/* =CHANNEL Page
-------------------------------------------------------------- */

.channel-page ul {padding:1em 0 1em 2em;}
.channel-page li {list-style: disc;}
.channel-page p.read {font-size:16px; padding:2em 0; font-weight:900;}
.channel-page .img_box01 {width:830px; height:90px; background-image:url("../_img/l_channel_top.png"); background-size: cover;}
.channel-page .img_box02 {width:830px; height:90px; background-image:url("../_img/s_channel_top.png"); background-size: cover;}
.channel-page p.txt01 {padding:1em 0;}





@media only screen and (max-width: 767px) {
	/* form */
	input.w10 { width:100px;}
	input.w300 { width:280px;}
	textarea.w540 { width:100%;}
	input.w560 { width:280px;}
	
	dl.form dt { float:none; width:100%;}
	dl.form dd {clear:both;margin:0 0 0 0; }

	.yogaweek_form {padding:0 5px;}
	.yogaweek_form h3,
	.yogaweek_form h4 {font-weight: 600;}

	#yogaweek .yw_title {font-size:1.5rem;}
	#yogaweek .yw_title span { font-size:1.3rem; border-radius: 25px; padding:.2rem 1rem; font-weight:400;}

	#yogaweek .topread {font-size:1.4rem; line-height:1.6; }

	#yogaweek .inst_bn {width:100%; margin:0 auto;}

	#yogaweek .pose {width:100%; margin:0 auto 20px;}
	#yogaweek .tt_howto {width:100%; margin:2rem auto;}
	#yogaweek .yw_stepbox {
		padding:0 0 30px 0px;
	}
	#yogaweek .yw_stepbox .label {
		float: left;
		width: 30px;
		font-size:1rem;
		margin-right: 10px;
		color: #999;
	}
	#yogaweek .yw_stepbox p {
		padding-left: 0px;
		font-size: 1.4rem;
	}
	#yogaweek .yw_stepbox .f22 {font-size:1.8rem;}

	#yogaweek .flexbox {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		padding: 0;
	}
	#yogaweek .flexbox .item {
		margin: 15px 3%;
		text-align: center;
		width: 27%;
	}
	#yogaweek .inst_contframe_inner {
		width: 30%;
		margin: 0 auto 20px;
		float: none;
		text-align: center;
	}
	#yogaweek .inst_cont2 {
		width: 100%;
	}
	#yogaweek .inst_cont2_inner {
		width: 100%;
	}
	#yogaweek .inst_cont2_inner img {
		margin-bottom: 15px;
	}



	/* for 1day Retreet #retreet
	________________________________________________________________ */
	#retreat .copy {font-size:10px; color:#999; text-align:right; margin:5px 5px 25px 0;}
	#retreat .copy a {color:#ccc;}
	#retreat.page {padding:0 0 65px;}

	#retreat img {max-width:100%; height:auto;}
	#retreat .page__content {padding:0; font-size: 1.8rem;}

	#retreat .topcopy {font-family: fot-tsukuardgothic-std, sans-serif; text-align: center; color:#4d4d4d; font-size:1.6rem; letter-spacing: -0.1rem;}
	#retreat .oneday_pct {width:100%; height:auto; margin:25px auto;}
	#retreat h2 {font-family: 'Cutive Mono', monospace; text-align: center; font-size:2.3rem; color:#897143; margin:25px 0 10px;}
	#retreat ul.classlist {width:100%;margin: 0 auto;padding:0}
	#retreat ul.classlist li {
		position: relative;
		margin: 0 0 2em;
		width: 100%;
		min-height: 315px;
		font-size: 13px;
		color: #777;
		float: none;
		}
	#retreat ul.classlist li img {
		width: 100%;
		xheight: 207px;
		object-fit: contain;
		xborder: 1px solid #efefef;
		}
	#retreat ul.classlist li .ic_paid{
		position: absolute;
		top: 10px;
		left: 8px;
		width: 40px;
		}
	#retreat ul.classlist li .ic_paid img {
			height: auto;
			border: 0px;
			}
	#retreat ul.classlist li .class_inner {margin:5px 0;}
	#retreat ul.classlist li .inst {text-align:center;}

	#retreat ul.classlist li p {line-height:1.6; font-size:13px; color:#666; margin:5px 0;}

	#retreat .activ {padding:10px;}
	#retreat .activ img {margin:0 0 10px 0; float:none; width:100%;}
	#retreat .activ h3 {font-size:20px; color:#897143; font-weight:100;line-height:1.3;}
	#retreat .activ h4 {font-family: 'Roboto', sans-serif; font-size:14px; color:#979695;}
	#retreat .activ p {font-size:1.2rem; line-height:1.4; margin:1rem 0 0;}

	#retreat ul.top_stl_thumb {padding:0 2%; overflow: hidden;}
	#retreat ul.top_stl_thumb li { width: 27%; margin: 15px 3%; float: left;}
	#retreat .supportlist {margin:30px 15px; font-size:1.2rem;}
	#retreat h5 {font-size:1.5rem; color:#68a5eb; border-bottom:1px dotted #68a5eb; margin-bottom:.5rem;}
	#retreat h6 {font-size:1.2rem; color:#555555;}


}