@charset "utf-8";
html{background:#fff;overflow-x:hidden;padding:0;margin:0}
body{overflow-x:auto;word-wrap:break-word;-webkit-text-size-adjust:none;-ms-text-size-adjust:none;padding:0;margin:0}
div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,object,iframe,pre,code,p,blockquote,form,fieldset,legend,table,th,td,caption,tbody,tfoot,thead,article,aside,figure,footer,header,hgroup,menu,nav,section,audio,video,canvas{margin:0;padding:0}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:400}
fieldset,img{border:none}
ul,ol,menu{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
table{border-collapse:collapse;border-spacing:0}
img,object,embed{max-width:100%;height:auto}
img{vertical-align:bottom;outline:none;-ms-interpolation-mode:bicubic}
object,embed{height:100%}
body{font:13px/1.231 "ヒラギノ角ゴ Pro","Hiragino Kaku Gothic Pro",メイリオ,Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif}
select,input,button,textarea,button{font:99% arial,sans-serif}
table{font:100%;font-size:inherit}
pre,code,kbd,samp,tt{font-family:monospace;line-height:1}
strong,.bold{font-weight:700}
a{outline:none;text-decoration:none;color:#6C513F}
a:hover{text-decoration:underline}
a:hover img{opacity:.8}
p.entryBtn {margin-bottom: 60px!important;text-align: center;}
p.entryBtn a {display: inline-block;width: 240px;padding: 15px 0;color: #fff;font-size: 16px;font-weight: bold;background: #685145;border-radius: 6px;border: none;margin: 0 auto;text-align: center;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;}
p.entryBtn span + a {margin-left: 20px;}
p.bigBtn {margin-bottom: 60px!important;}
p.bigBtn a {display: block;width: 100%;padding: 15px 0;color: #fff;font-size: 16px;font-weight: bold;background: #685145;border-radius: 6px;border: none;margin: 0 auto;text-align: center;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;}
p.entryBtn a:hover,p.bigBtn a:hover {text-decoration: none;color: #F6EEA8;}
#pageTop {position: fixed;bottom: 20px;right: 10px;z-index: 999;}
#pageTop a {display: block;z-index: 999;padding: 8px 0 0 8px;width: 40px;height: 40px;background: url('/img/common/toTop.png') no-repeat;background-size: contain;color: #fff;}
#pageTop a span {opacity: 0;}
#pageTop a:hover {text-decoration: none;opacity: 0.7;}
ul.calendarMonth {display: block;text-align: right;margin: 20px 0;}
#siteSeal {position: absolute;bottom: 80px;right: 0;}

@media screen and (min-width: 961px) {
#commonHeader{width:100%;height:278px;margin:0 auto;min-width:1180px}
#commonHeader .wrap{width:1180px;height:278px;margin:0 auto;position:relative;background:url(../img/common/catch.gif) no-repeat center 166px}
#commonHeader .sitelogo{font-size:0;line-height:1;white-space:nowrap;overflow:hidden;padding:43px 0 0}
#commonHeader h1.sitelogo{width:208px;margin:0 auto}
#commonHeader h1.sitelogo a{display:block;text-decoration:none;background:url(../img/common/logo.png) no-repeat 0 0;width:208px;height:80px;font-size:0;line-height:1;padding:0;position:relative;z-index:5}
#commonHeader a:hover{opacity:.8}
#commonHeader dl.inquiry{position:absolute;top:0;right:0;background:url(../img/common/header_tel.gif) no-repeat;width:220px;height:39px}
#commonHeader dl.inquiry dt,#commonHeader dl.inquiry dd{text-indent:-9999em}
#commonHeader ul.links {position:absolute;top:48px;right:0;display: flex;justify-content: flex-end;}
#commonHeader ul.links li a {
	color: #513f35;	
	text-decoration: none;
	font-size: 24px;
	padding: 0 2px;
}
#commonHeader ul.links li + li {
	margin-left: 10px;
}

/*
#commonHeader ul.links li{float:left;margin:0 2px;width:34px}
#commonHeader ul.links li a{display:block;height:31px;text-indent:-9999em}
#commonHeader ul.links li.first a{background:url(../img/common/header_sns.gif) no-repeat 5px 0}
#commonHeader ul.links li.second a{background:url(../img/common/header_sns.gif) no-repeat -33px 0}
#commonHeader ul.links li.third a{background:url(../img/common/header_sns.gif) no-repeat -72px 0}
#commonHeader ul.links li.fourth a{background:url(../img/common/header_sns.gif) no-repeat -110px 0}
#commonHeader ul.links li.fifth a{background:url(../img/common/header_sns.gif) no-repeat -150px 0}
#commonHeader ul.links li.sixth a{background:url(../img/common/header_sns.gif) no-repeat -186px 0}
*/
nav#gnav{background:#93857A;width:1180px;height:76px;margin:0 auto;position:relative;z-index:100}
nav#gnav ul{width:inherit;padding:10px 0}
nav#gnav ul li{width:131.1px;float:left}
nav#gnav ul li a{color:#FFF;display:block;font-size:108%;text-align:center;border-left:1px solid #FFF;height:inherit;padding:40px 0 0;letter-spacing:.01em}
nav#gnav ul li:first-child a{border:none}
nav#gnav ul li a:hover{text-decoration:none;color:#C8EAD6}
nav#gnav ul li.first a{background:url(../img/common/ico_home.png) no-repeat center -2px;}
nav#gnav ul li.current.first a,
nav#gnav ul li.first a:hover{background:url(../img/common/ico_home_on.png) no-repeat center -2px}
nav#gnav ul li.second a{background:url(../img/common/ico_sorisso.png) no-repeat center -2px;}
nav#gnav ul li.current.second a,
nav#gnav ul li.second a:hover{background:url(../img/common/ico_sorisso_on.png) no-repeat center -2px}
nav#gnav ul li.third a{background:url(../img/common/ico_school.png) no-repeat center -2px;}
nav#gnav ul li.current.third a,
nav#gnav ul li.third a:hover{background:url(../img/common/ico_school_on.png) no-repeat center -2px}
nav#gnav ul li.fourth a{background:url(../img/common/ico_online.png) no-repeat center -2px;}
nav#gnav ul li.current.fourth a,
nav#gnav ul li.fourth a:hover{background:url(../img/common/ico_online_on.png) no-repeat center -2px}
nav#gnav ul li.fifth a{background:url(../img/common/ico_party.png) no-repeat center -2px;}
nav#gnav ul li.current.fifth a,
nav#gnav ul li.fifth a:hover{background:url(../img/common/ico_party_on.png) no-repeat center -2px}
nav#gnav ul li.sixth a{background:url(../img/common/ico_outdoor.png) no-repeat center -2px;}
nav#gnav ul li.current.sixth a,
nav#gnav ul li.sixth a:hover{background:url(../img/common/ico_outdoor_on.png) no-repeat center -2px}
nav#gnav ul li.seventh a{background:url(../img/common/ico_space.png) no-repeat center -2px;}
nav#gnav ul li.current.seventh a,
nav#gnav ul li.seventh a:hover{background:url(../img/common/ico_space_on.png) no-repeat center -2px}
/*
nav#gnav ul li.seventh a{background:url(../img/common/ico_gallery.png) no-repeat center -2px;}
nav#gnav ul li.current.seventh a,
nav#gnav ul li.seventh a:hover{background:url(../img/common/ico_gallery_on.png) no-repeat center -2px}
*/
nav#gnav ul li.eighth a{background:url(../img/common/ico_inquiry.png) no-repeat center -2px;}
nav#gnav ul li.current.eighth a,
nav#gnav ul li.eighth a:hover{background:url(../img/common/ico_inquiry_on.png) no-repeat center -2px}
nav#gnav ul li.nineth a{background:url(../img/common/ico_login.png) no-repeat center -2px}
nav#gnav ul li.current.nineth a,
nav#gnav ul li.nineth a:hover{background:url(../img/common/ico_login_on.png) no-repeat center -2px}
nav#gnav ul li.current a{color:#C8EAD6}
nav#gnav ul li ul{display:none!important;}
nav#gnav.home{margin-top: -38px;margin-bottom:100px}
nav#gnav ul.links,.navbtm{display:none}
nav#gnav.under li{position:relative}
nav#gnav.under li a:hover:after{content:"\0025bc";color:#948579;font-size:20px;position:absolute;left:55px;bottom:-26px;}
nav#gnav.under li.current a:after{content:"\0025bc";color:#948579;font-size:20px;position:absolute;left:55px;bottom:-26px}
#inquiryLead{background:url(../img/common/line01.png) repeat-x top;clear:both;padding:50px 0 0;overflow:hidden}
#inquiryLead h2,#inquiryLead p{width:322px;margin:0 auto;font-size:116%;color:#645244;font-weight:700}
#inquiryLead .callink{background:url(../img/common/img_tel.png) no-repeat center;width:322px;height:56px;text-indent:-9999em;display:block;margin:0 auto}
#inquiryLead p.btn{padding:50px 0}
#inquiryLead p.btn a{display:block;text-align:center;background:#685145 url(../img/common/ico_mail.png) no-repeat 17px center;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 auto;padding:20px 0 20px 20px;line-height:1;color:#FFF;font-size:18px}
#inquiryLead p.btn a:hover{text-decoration:none;opacity:.8}
.pageTop{padding:50px 0;text-align:center}
.pageTop a{background:url(../img/common/pagetop.png) no-repeat center;width:60px;height:60px;text-indent:-9999em;display:block;margin:0 auto}
.pageTop a:hover{opacity:.8}
#commonFooter{clear:both;margin:0 auto;min-width:1180px;overflow:hidden;padding:100px 0 0}
#commonFooter .wrap{width:1180px;margin:0 auto;position:relative;overflow:hidden}
#commonFooter .wrap header{background:url(../img/common/ft_line.jpg) repeat-x center;width:785px;float:right;margin:0 0 50px}
#commonFooter .wrap header span{background:#FFF;display:inline-block;font-size:153.9%;padding-right:20px;color:#665145}
#commonFooter a{color:#665145}
#commonFooter a:hover{text-decoration:underline}
#commonFooter .wrap .logo{position:absolute;left:0;bottom:100px}
#commonFooter nav{width:840px;float:right;overflow:hidden;margin-bottom:80px}
#commonFooter nav ul{display:inline-block;float:left;margin-left:55px}
#commonFooter nav ul li{margin:0 0 20px}
#commonFooter nav ul li a{background:url(../img/common/ft_arrow.png) no-repeat 0 2px;font-size:108%;font-weight:700;padding:2px 0 2px 20px}
#commonFooter nav ul ul{display:list-item;float:none;padding:10px 0 0;margin:0}
#commonFooter nav ul li ul li{margin:0 0 8px}
#commonFooter nav ul li ul a{font-weight:400;background:none;text-decoration:underline;background:url(../img/common/ico_dot.gif) no-repeat 12px 7pxpadding:0}
#commonFooter nav ul li ul a:hover{text-decoration:none}
#commonFooter .sp{display:none}
#ftinfo{width:100%;border-top:2px solid #685145;clear:both}
#ftinfo .inner{width:1180px;margin:0 auto;overflow:hidden;color:#9D847B;padding:12px 0}
#ftinfo .operation{float:right;font-size:108%}
#ftinfo .operation a{color:#9D847C;text-decoration:underline}
#ftinfo .operation a:hover{text-decoration:none}
#ftinfo .copyright{float:left;font-size:85%;line-height:1.8em}
#sideTab{position:fixed;top:50%;right:0;margin-top:-265px;z-index: 1000;}
#sideTab li{margin:0 0 10px;ilne-height:1}
#sideTab li a{width:60px;height:170px;display:block;text-indent:-9999em}
#sideTab li.first a{background:url(../img/common/side_tab01.gif) no-repeat 0 0}
#sideTab li.first a:hover{background:url(../img/common/side_tab01on.gif) no-repeat 0 0}
#sideTab li.second a{background:url(../img/common/side_tab02.gif) no-repeat 0 0}
#sideTab li.second a:hover{background:url(../img/common/side_tab02on.gif) no-repeat 0 0}
#sideTab li.third a{background:url(../img/common/side_tab03.gif) no-repeat 0 0}
#sideTab li.third a:hover{background:url(../img/common/side_tab03on.gif) no-repeat 0 0}
br.sp{display:none}
#pageTitle{color:#FFF;filter:dropshadow(color=#513F33,offX= 0,offY=-1)dropshadow(color=#513F33,offX=1,offY= 0)dropshadow(color=#513F33,offX= 0,offY=1)dropshadow(color=#513F33,offX=-1,offY= 0);-webkit-text-stroke-color:#000;-webkit-text-stroke-width:1px;text-shadow:#513F33 1px 1px 0px,#513F33 -1px 1px 0px,#513F33 1px -1px 0px,#513F33 -1px -1px 0;background-size:cover;height:300px;margin:-40px 0 0;position:relative}
#pageTitle span{display:block;margin:0 auto;position:absolute;text-align:center}
#pageTitle span:lang(ja){font-size:246.2%;top:130px}
#pageTitle span:lang(en){font-size:153.9%;top:180px}
#breadcrumb{clear:both;background:url(../img/common/line01.png) repeat-x bottom;padding:15px 0;margin:0 0 30px}
#breadcrumb ul{width:1180px;margin:0 auto}
#breadcrumb ul li{display:inline-block;font-size:93%;color:#513F33}
#breadcrumb ul li a{color:#513F33;text-decoration:underline}
#breadcrumb ul li:after{content:"\003e";margin:0 5px;font-size:14px}
#breadcrumb ul li:last-child:after{display:none}
main{clear:both;width:1180px;margin:0 auto;display:block}
.cts{width:870px;float:right}
.side{width:280px;float:left}
.cts p {color:#523E32;font-size:116%;line-height:1.8em;margin:0 0 30px}
.cts figure {margin:0 0 30px}
.pageHead{border:1px solid #948579;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:center;padding:35px 0 40px;color:#523E32;margin:0 0 50px}
.pageHead h2{font-size:246.2%;font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;line-height:1.8em}
.pageHead p{font-size:138.5%;line-height:1.8em;margin:0;padding-top:35px;/*font-weight:700*/}
.pageHead span{font-weight:700;display:block;margin:-10px auto 10px;font-size:138.5%}
.ttl01{position:relative;color:#46ACB7;font-size:200%;line-height:1.5em;clear:both}
.ttl01 span{position:relative;z-index:2;display:inline;padding:0 50px 0 0;background-color:#fff;text-align:left}
.ttl01 span.subtext{font-size: 0.8em;padding-right: 0;}
.ttl01::before{position:absolute;bottom:20px;z-index:1;content:'';display:block;width:100%;height:1px;background-color:#46AEB7}
.ttl02{clear:both;color:#513F33;font-size:182%;margin:0 0 30px;line-height:1.5em}
.ttl02 span {display: block;font-size: 0.8em;}
.ttl03 {position:relative;color:#68902B;font-size:200%;line-height:1.5em;clear:both}
.ttl03 span{position:relative;z-index:2;display:inline;padding:0 50px 0 0;background-color:#fff;text-align:left}
.ttl03::before{position:absolute;bottom:20px;z-index:1;content:'';display:block;width:100%;height:1px;background-color:#68902B}
#menu-ondemand .ttl03 {color:#E99033;}
#menu-ondemand .ttl03::before{background-color:#E99033}
#sidenav {border:1px solid #948579;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 30px}
#sidenav ul{padding:0 10px}
#sidenav ul li a,
#sidenav ul li span{color:#523F32;font-size:116%;padding:15px 10px;display:block;font-weight:700;-webkit-transition: all .3s linear;-moz-transition: all .3s linear;cursor:pointer;position: relative;}

#sidenav ul li .pcnav {display: none;}
#sidenav ul li{border-bottom:1px dotted #523F32;padding:10px 0}
#sidenav ul li:last-child{border:none}
#sidenav ul li a:hover,#sidenav ul li a.current{background:#F6EEA8;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-decoration:none}
#sidenav.normal-menu ul li span:after {
	content: '\ed5d';
	font-family: 'sorisso';
	position: absolute;
	right: 10px;
}
#sidenav.normal-menu ul li span.active:after {
	content: '\ed5e';
}
#sidenav ul li ul{
	padding:10px 0 5px; 
	margin-left: 30px;
}
#sidenav ul li li{border:none;padding:5px 0}
#sidenav ul li li a{font-weight:400;background:#F0EFE9;padding:5px 12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;font-size: 12px;}
#sidenav ul li li a:hover{background:#F6EEA8}

#sidenav.online-menu ul li a,
#sidenav.online-menu ul li span{
	font-size: 100%;
	padding:10px 10px;
}
#sidenav.online-menu h3 {
	padding: 0 10px;
}
#sidenav.online-menu h3 span {
	padding: 15px 10px 10px;
    display: block;
    font-size: 20px;
    font-weight: bold;
    color: #E99033;
    border-bottom: 4px solid #E99033;	
	border-top: 1px dotted #978377;
}
#sidenav.online-menu ul.group-menu + h3 span {
	border-top: none;	
}
#sidenav.online-menu h3.livecooking span {
    color: #68902B;
    border-bottom: 4px solid #68902B;	
}
#sidenav.online-menu ul.group-menu li span:after {
	content: '\ed5d';
	font-family: 'sorisso';
	position: absolute;
	right: 10px;
}
#sidenav.online-menu ul.group-menu li span.active:after {
	content: '\ed5e';
}
#sidenav.online-menu ul.group-menu {
	margin:0 10px;
	padding:0 10px;
	background: #FFFAF2;
}
#sidenav.online-menu ul.group-menu li {
	border-bottom: none;
}
#sidenav.online-menu ul.group-menu li + li {
	border-top: 1px dotted #E99033;
}
#sidenav.online-menu h3.livecooking + ul.group-menu li + li {
	border-top: 1px dotted #68902B;
}
#sidenav.online-menu ul ul li span:after {
	content: '\ed5d';
	font-family: 'sorisso';
	position: absolute;
	right: 10px;
}
#sidenav.online-menu ul ul li span.active:after {
	content: '\ed5e';
}
#sidenav.online-menu ul.group-menu + ul {
	margin-top: 10px;
}
#sidenav.online-menu ul.group-menu + ul li:first-child {	
	border-top: 1px dotted #978377;
}
#sidenav.online-menu ul li ul{
	padding: 10px 0 5px; 
	margin: 0 10px;
}

#sidenav ul li.mutual-lesson,
#sidenav ul li.mutual-online {
	padding: 15px 0;
}
#sidenav ul li.mutual-lesson a {
	background: #47ACB7;
	color: #fff;
    padding: 20px 10px 20px 60px;
	border-radius: 7px;
	position: relative;
}
#sidenav ul li.mutual-lesson a:before {
	content: '';
	background-image: url(../img/common/ico_school.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 15px;
	top: 48%;
	transform: translateY(-49%);
}
#sidenav ul li.mutual-online a {
	background: #E99033;
	color: #fff;
    padding: 20px 10px 20px 60px;
	border-radius: 7px;
	position: relative;
}
#sidenav ul li.mutual-online a:before {
	content: '';
	background-image: url(../img/common/ico_online.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 15px;
	top: 48%;
	transform: translateY(-49%);
}
#sidenav ul li.mutual-lesson a:hover {
	background: #47ACB7;
	opacity: 0.8;
}
#sidenav ul li.mutual-online a:hover {
	background: #E99033;
	opacity: 0.8;
}

.bnrList li{margin-bottom:15px}
.aligncenter{display:block;margin:0 auto}
.alignleft{float:left;margin:0 30px 0 0}
.alignright{float:right;margin:0 0 0 30px}
.alignleft:after,img.alignright:after{content:'';clear:both;display:block}
.mt30{margin-top:30px!important}
.mb30{margin-bottom:30px!important}
.mt50,.cts p .mt50{margin-top:50px!important}
.mb50,.cts p .mb50{margin-bottom:50px!important}
.mtb50,.cts p .mtb50{margin:50px 0!important}
.mt100,.cts p .mt100{margin-top:100px!important}
.mb100,.cts p .mb100{margin-bottom:100px!important}
.mtb100,.cts p .mtb100{margin:100px 0!important}
input[type=radio],input[type=checkbox]{display:none}
.radio,.checkbox{box-sizing:border-box;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;position:relative;margin:0 10px 0 0;padding:2px 4px 2px 30px;border-radius:3px;vertical-align:middle;cursor:pointer;    display: inline-block;}
.radio:after{-webkit-transition:border-color .2s linear;transition:border-color .2s linear;position:absolute;top:50%;left:0;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #ccc;background:#FFF;border-radius:10px;content:''}
.checkbox:after{-webkit-transition:border-color .2s linear;transition:border-color .2s linear;position:absolute;top:50%;left:0;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #ccc;background:#FFF;content:''}
.radio:before{-webkit-transition:opacity .2s linear;transition:opacity .2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:#9A8478;content:'';opacity:0; z-index: 1;}
input[type=radio]:checked + .radio:before{opacity:1}
.checkbox:before{-webkit-transition:opacity .2s linear;transition:opacity .2s linear;position:absolute;top:50%;left:6px;display:block;margin-top:-7px;width:5px;height:9px;border-right:3px solid #9A8478;border-bottom:3px solid #9A8478;content:'';opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg);z-index:10}
input[type=checkbox]:checked + .checkbox:before{opacity:1}
.arrow a:before{content:"";background:url(../img/common/ft_arrow.png) no-repeat 0;padding:10px}
.arrow a{color:#523E32;text-decoration:underline;cursor: pointer;}
.arrow a:hover{text-decoration:none}
.sp {display: none!important;}

/* 吹き出し会話形式 */
h4.partychatttl{background:url(../img/party/marugoto/bg_q.gif) no-repeat right top;color:#523E32;font-size:138.5%;padding:0 10px;margin:40px 0 30px;line-height: 49px;}
h4.partychatttl:before{content:"";background:url(../img/party/marugoto/ico_q.gif) no-repeat;padding:10px 18px;position:relative;top:2px;margin-right:10px}
.partychat{margin:0 0 40px}
.partychat li{min-height:110px;margin-bottom: 15px;}
.partychat li.right img.face{float:right;width: 100px;}
.partychat li.left img.face{float:left;width: 100px;}
.partychat li p{margin:0;padding:20px}
.partychat .baloonRpink{position:relative;width:610px;margin-left:130px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#FFEFF0;z-index:103;}
.partychat .baloonRpink::before{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-20px;top:0;margin-top:-9px;width:0;height:0;border-right:19px solid #948579;border-top:19px solid transparent;border-left:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonRpink::after{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-18px;top:0;margin-top:-8px;width:0;height:0;border-right:18px solid #FFEFF0;border-top:18px solid transparent;border-left:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonRpink div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFEFF0;height:inherit;z-index:105;position:relative}
.partychat .baloonRpink strong{color:#F27285;font-weight:700}
.partychat .baloonRblue{position:relative;width:610px;margin-left:130px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#EFF8FF;z-index:103;}
.partychat .baloonRblue::before{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-20px;top:0;margin-top:-9px;width:0;height:0;border-right:19px solid #948579;border-top:19px solid transparent;border-left:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonRblue::after{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-18px;top:0;margin-top:-8px;width:0;height:0;border-right:18px solid #EFF8FF;border-top:18px solid transparent;border-left:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonRblue div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#EFF8FF;height:inherit;z-index:105;position:relative}
.partychat .baloonRblue strong{color:#249AD8;font-weight:700}
.partychat .baloonRgreen{position:relative;width:610px;margin-left:130px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#f6fef1;z-index:103;}
.partychat .baloonRgreen::before{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-20px;top:0;margin-top:-9px;width:0;height:0;border-right:19px solid #948579;border-top:19px solid transparent;border-left:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonRgreen::after{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-18px;top:0;margin-top:-8px;width:0;height:0;border-right:18px solid #f6fef1;border-top:18px solid transparent;border-left:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonRgreen div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#f6fef1;height:inherit;z-index:105;position:relative}
.partychat .baloonRgreen strong{color:#70c448;font-weight:700}
.partychat .baloonL220{position:relative;width:220px;margin-right:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:520px}
.partychat .baloonL220 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL280{position:relative;width:280px;margin-right:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:460px}
.partychat .baloonL280 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL300{position:relative;width:300px;margin-right:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:440px}
.partychat .baloonL300 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL340{position:relative;width:340px;margin-right:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:400px}
.partychat .baloonL340 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL420{position:relative;width:420px;margin-right:20px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:320px}
.partychat .baloonL420 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloon::before{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-20px;top:0;margin-top:-9px;width:0;height:0;border-left:19px solid #948579;border-top:19px solid transparent;border-right:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloon::after{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-18px;top:0;margin-top:-8px;width:0;height:0;border-left:18px solid #fff;border-top:18px solid transparent;border-right:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
nav.in-page ul {
	display: flex;
	justify-content: space-between;
	margin-bottom: 50px;
}
nav.in-page ul li {
	min-width: 23%;	
}
nav.in-page ul.nav_2 li {
	min-width: 48%;	
}
nav.in-page ul li a {
	background: #E99033;
	color: #fff;
	padding: 9px 10px 9px 20px;
	display: flex;
	justify-content: space-between;
	border-radius: 8px;
	font-size: 15px;
	text-decoration: none;
	cursor: pointer;
}
nav.in-page ul li a:hover {
	text-decoration: none;
}
nav.in-page ul li a:after {
	content: '\edc2';
	font-family: 'sorisso';
	margin-left: 1em;
}
}

@media screen and (min-width: 961px) and (max-width: 1220px) {
#sideTab{display:none}
}

@media screen and (max-width: 960px) {
#commonHeader {position: fixed;top:0;background: #fff;z-index: 5000;width: 100%}
#commonHeader .wrap{margin:0 auto;position: relative;}
#commonHeader .sitelogo{font-size:0;line-height:1;white-space:nowrap;overflow:hidden;padding:13px 0;}
#commonHeader h1.sitelogo{width:103px;margin:0 auto}
#commonHeader h1.sitelogo a{display:block;text-decoration:none;background:url(../img/common/logo.png) no-repeat 0 0;background-size:103px auto;width:103px;height:40px;font-size:0;line-height:1;padding:0;position:relative;z-index:5}
#commonHeader dl.inquiry,#commonHeader ul.links{display:none}
#commonHeader .call {position: absolute;top:18px;left:13px;}
#commonHeader .alert {position: absolute;top:18px;left:56px;}
#commonHeader .alert i {font-size: 30px;color: #93857B;}
#gnav{width:100%}
#gnav .open{display:block;position:fixed;top:30px;right:13px;width:30px;height:5px;margin:-1px 0 0 -40px;background:#93857A;transition:.2s}
#gnav .open:before,#gnav .open:after{display:block;content:"";position:absolute;top:50%;left:0;width:30px;height:5px;background:#93857A;transition:.3s}
#gnav .open:before{margin-top:-12px}
#gnav .open:after{margin-top:7px}
#gnav .close{background:transparent;display:none;position:absolute;top:50%;left:50%;width:30px;height:5px;margin:-1px 0 0 -40px;transition:.2s}
#gnav .close:before,#gnav .close:after{display:block;content:"";position:absolute;top:50%;left:0;width:30px;height:5px;background:#FFF;transition:.3s;z-index:10}
#gnav .close:before{transform:rotate(-45deg);-webkit-transform:rotate(-45deg)}
#gnav .close:after{transform:rotate(-135deg);-webkit-transform:rotate(-135deg)}
.naver.active .naver-handle{display:block}
.naver.active .naver-wrapper{height:0;z-index:5001;background:#93857A;top:0;width:100%}
.naver.animated .naver-wrapper{-webkit-transition:height .2s ease-out;-moz-transition:height .2s ease-out;-ms-transition:height .2s ease-out;-o-transition:height .2s ease-out;transition:height .2s ease-out; position: fixed; top: 0; overflow: scroll}
.naver.animated .naver-container{opacity:0;-webkit-transition:opacity .2s ease-out;-moz-transition:opacity .2s ease-out;-ms-transition:opacity .2s ease-out;-o-transition:opacity .2s ease-out;transition:opacity .2s ease-out;display:none}
.naver.animated.open .naver-container{opacity:1;display:block}
.naver .naver-handle{color:#fff;cursor:pointer;display:none;font-size:14px;height:30px;line-height:28px;text-transform:uppercase;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;-o-user-select:none;user-select:none;position:absolute;top:15px;right:0;z-index:5002}
.naver .naver-handle:before{content:''}
.naver .naver-wrapper{width:100%;z-index:3;top:0;position:fixed;}
.naver .naver-container:after{clear:both;content:".";display:block;height:0;line-height:0;visibility:hidden}
.naver .naver-container {z-index:2000;filter:alpha(opacity=80);-moz-opacity:.8;opacity:.8;padding:65px 15px;position: relative;}
.naver .naver-container .call {position: absolute;top:30px;}
.naver .naver-container .alert {position: absolute;top:28px;left: 56px;}
.naver .naver-container .alert i {font-size: 32px;color: #fff;}
.naver .naver-container ul {clear: both;}
.naver .naver-container li{border:1px solid rgba(255,255,255,1);border-bottom:none}
.naver .naver-container li:last-child{border-bottom:1px solid rgba(255,255,255,1)}
.naver .naver-container li a{color:#FFF;dislpay:block;padding:15px 20px 15px 45px;display:block}
.naver .naver-container li a:hover{text-decoration:none}
.naver .naver-container li a:after{content:"";width:10px;height:10px;float:right;background:url(../img/common/arrow01.png) no-repeat;background-size:10px;display:block;margin-top:2px}
.naver .naver-container li.parent a:after{content:"";width:10px;height:10px;float:right;background:url(../img/common/arrow01_btm.png) no-repeat;background-size:10px;display:block;margin-top:2px}
nav#gnav ul li{position:relative}
nav#gnav ul li .spnav{position:absolute;top:0;right:0;border-left:1px solid rgba(255,255,255,0.1);padding:22px 24px;line-height:1;width: 100%;box-sizing: border-box;}
nav#gnav ul li .spnav.active{position:absolute;top:0;right:0;}
nav#gnav ul li.first a{background:url(../img/common/ico_home.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.second a{background:url(../img/common/ico_sorisso.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.third a{background:url(../img/common/ico_school.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.fourth a{background:url(../img/common/ico_online.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.fifth a{background:url(../img/common/ico_party.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.sixth a{background:url(../img/common/ico_outdoor.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.seventh a{background:url(../img/common/ico_space.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.eighth a{background:url(../img/common/ico_gallery.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li.nineth a{background:url(../img/common/ico_inquiry.png) no-repeat 12px center;background-size:22px}
/*
nav#gnav ul li.tenth a
*/
nav#gnav ul li:last-child a{background:url(../img/common/ico_login.png) no-repeat 12px center;background-size:22px}
nav#gnav ul li li{border:none;border-bottom:1px dotted #fff;background: #BAADA3;}
nav#gnav ul li li:last-child{border: none;}
nav#gnav ul li ul{padding:0;border-top:1px solid #FFF}
nav#gnav ul li ul li a{background:none!important;padding:15px 20px 15px 45px}
nav#gnav ul li ul li a:after{content:"";width:10px;height:10px;float:right;background:url(../img/common/arrow01.png) no-repeat;background-size:10px;display:block;margin-top:2px}
nav#gnav ul li ul li ul li {border: none;}
nav#gnav ul li ul li ul li a{background:none!important;padding:15px 20px 15px 45px}
nav#gnav ul li ul li ul li a:before{content:"\0030fb"}
nav#gnav ul.links {
	display: flex;
	flex-direction: row;
	justify-content: center;
	margin:25px auto 0;
}
nav#gnav ul.links li{border:none;}
nav#gnav ul.links li a:after{display:none}
nav#gnav ul.links li a {
	color: #FFFFFF;
	font-size: 24px;
	background: none!important;
	padding: 0 2px;
}
nav#gnav ul.links li + li {
	margin-left: 10px;
}

/*
nav#gnav ul.links {display:table;width:240px;margin:25px auto 0;}

nav#gnav ul.links li a{display:block;width:34px;height:34px;text-indent:-9999em;line-height:1;padding:0}

nav#gnav ul.links li.first a{background:url(../img/common/header_sns_sp.png) no-repeat 10px 2px;background-size:232px 28px}
nav#gnav ul.links li.second a{background:url(../img/common/header_sns_sp.png) no-repeat -30px 2px;background-size:232px 28px}
nav#gnav ul.links li.third a{background:url(../img/common/header_sns_sp.png) no-repeat -76px 2px;background-size:232px 28px}
nav#gnav ul.links li.fourth a{background:url(../img/common/header_sns_sp.png) no-repeat -123px 2px;background-size:232px 28px}
nav#gnav ul.links li.fifth a{background:url(../img/common/header_sns_sp.png) no-repeat -164px 2px;background-size:232px 28px}
nav#gnav ul.links li.sixth a{background:url(../img/common/header_sns_sp.png) no-repeat -208px 2px;background-size:232px 28px}
*/
.navtop.naver-handle{text-align:right;position:relative;top:-90px;width:30px;float:right}
.navtop.naver-handle .close{display:block!important;z-index:50;width:30px;height:5px;top:65px!important;left:auto!important;right:0;margin:0;cursor:pointer}
.navbtm.naver-handle{text-align:right;position:relative;top:-10px;width:30px;float:right}
.navbtm.naver-handle .close{display:block!important;z-index:50;width:30px;height:5px;top:65px!important;left:auto!important;right:0;margin:0;cursor:pointer}
#inquiryLead{background:url(../img/common/line01.png) repeat-x top;clear:both;padding:25px 0 0;overflow:hidden;margin:0 auto}
#inquiryLead h2,#inquiryLead p{margin:0 auto;font-size:92%;color:#645244;font-weight:700;width:260px;margin:0 auto}
#inquiryLead .callink{background:url(../img/common/img_tel.png) no-repeat center;background-size:250px auto;height:50px;text-indent:-9999em;display:block}
#inquiryLead p.btn{padding:25px 0}
#inquiryLead p.btn a{display:block;text-align:center;background:#685145 url(../img/common/ico_mail.png) no-repeat 17px center;background-size:15px auto;border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;margin:0 auto;padding:10px 0 10px 10px;line-height:1;color:#FFF}
#inquiryLead p.btn a:hover{text-decoration:none;opacity:.8}
.pageTop a{background:#3C3324 url(../img/common/pagetop_sp.png) no-repeat center;background-size:15px auto;width:100%;height:40px;text-indent:-9999em;display:block;margin:0 auto}

.spCopy {margin: 13px; padding-top: 66px;text-align: center;}

#commonFooter{clear:both}
#commonFooter .wrap header,#commonFooter .wrap .logo{display:none}
#commonFooter a,#commonFooter .spnav{color:#3C3324}
#commonFooter nav ul li{border-bottom:1px dotted #000;position:relative}
#commonFooter nav ul li a,#commonFooter .spnav{font-weight:700;padding:15px 25px;display:block}
#commonFooter nav ul li a:after,#commonFooter .spnav:after{content:"";width:10px;height:10px;float:right;background:url(../img/common/ft_arrow_sp.png) no-repeat center;display:block;background-size:7px 11px}
#commonFooter .spnav.active:after{content:"";width:10px;height:10px;float:right;background:url(../img/common/ft_arrow_sp.png) no-repeat center;background-size:7px 11px;display:block;transform:rotate(90deg)}
#commonFooter nav ul li a:hover{text-decoration:none}
#commonFooter nav ul ul{border-top:1px dotted #000;padding:5px 0}
#commonFooter nav ul li ul li{border:none}
#commonFooter nav ul li ul a{font-weight:400;background:none;background:url(../img/common/ico_dot.gif) no-repeat 30px 15px;padding:10px 40px}
#commonFooter nav ul li ul a:after{display:none}
#commonFooter nav ul li .spnav{position:absolute;top:0;right:0;border-left:1px solid rgba(0,0,0,0.1);background:#FFF url(../img/common/arrow01.png) no-repeat center;background-size:10px;padding:17px 24px;line-height:1}
#commonFooter nav ul li .spnav.active{position:absolute;top:0;right:0;background:#FFF url(../img/common/arrow01_btm.png) no-repeat center;background-size:10px}
#commonFooter .pc{display:none}
#ftinfo{width:100%;clear:both;text-align:center}
#ftinfo .inner{margin:0 auto;overflow:hidden;color:#9D847B;padding:25px 0;line-height:1.8em}
#ftinfo .operation{padding:5px 0}
#ftinfo .operation a{color:#9D847C;text-decoration:underline}
#sideTab{display:none}
.callink{text-decoration:none}
#pageTitle{background-size:cover;height:150px}
#pageTitle span{display:none}
#breadcrumb{clear:both;background:url(../img/common/line01.png) repeat-x bottom;padding:10px;margin:0 0 15px}
#breadcrumb ul li{display:inline-block;font-size:93%;color:#513F33}
#breadcrumb ul li a{color:#513F33;text-decoration:underline}
#breadcrumb ul li:after{content:"\003e";margin:0 5px;font-size:10px}
#breadcrumb ul li:last-child:after{display:none}
main{padding:0 10px}
.cts p{color:#523E32;font-size:100%;line-height:1.8em;margin:0 0 15px}
.pageHead{border:1px solid #948579;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-align:center;padding:25px 0;color:#523E32;margin:0 0 25px}
.pageHead h2{font-size: 135%;font-family:"ヒラギノ明朝 Pro W6","Hiragino Mincho Pro","HGS明朝E","ＭＳ Ｐ明朝",serif;line-height:1.8em}
.pageHead p{line-height:1.8em;margin:0;padding:25px 10px 0;text-align: left;}
.pageHead h2 span{font-weight:700;display:block;margin:0 auto}
.ttl01{position:relative;color:#46ACB7;font-size:180%;line-height:1.5em;margin-bottom: 20px;}
.ttl01 span{position:relative;z-index:2;display:inline;padding:0 25px 0 0;background-color:#fff;text-align:left}
.ttl01::before{position:absolute;bottom:18px;z-index:1;content:'';display:block;width:100%;height:1px;background-color:#46AEB7}
.ttl02{clear:both;color:#513F33;font-size:150%;margin:0 0 15px;line-height:1.5em}
#sidenav{border:1px solid #948579;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;margin:0 0 10px}
.ttl03{position:relative;color:#68902B;font-size:180%;line-height:1.5em;margin-bottom: 20px;}
.ttl03 span{position:relative;z-index:2;display:inline;padding:0 25px 0 0;background-color:#fff;text-align:left}
.ttl03::before{position:absolute;bottom:18px;z-index:1;content:'';display:block;width:100%;height:1px;background-color:#68902B}
#sidenav ul{padding:0 10px}
#sidenav ul li a,
#sidenav ul li span{color:#523F32;font-size:92%;padding:10px 10px;display:block;font-weight:700}
#sidenav ul li{border-bottom:1px dotted #523F32;padding:6px 0}
#sidenav ul li:last-child{border:none}
#sidenav ul li a:hover,#sidenav ul li a.current{background:#F6EEA8;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;text-decoration:none}
/*
#sidenav ul li span{background:url(../img/common/sidenav_arrow_close.png) no-repeat 0 8px;background-size:16px;padding-left:20px;cursor:pointer}
#sidenav ul li span.active{background:url(../img/common/sidenav_arrow_open.png) no-repeat 0 8px;background-size:16px}
*/
#sidenav ul li span{
	background-size:16px;
	cursor:pointer;
	position: relative;
}
#sidenav.normal-menu ul li span:after {
	content: '\ed5d';
	font-family: 'sorisso';
	position: absolute;
	right: 10px;
}
#sidenav.normal-menu ul li span.active:after {
	content: '\ed5e';
}
#sidenav ul li ul{
	padding:10px 0 5px; 
	margin-left: 30px;
}

#sidenav ul li ul{padding:10px 0 5px}
#sidenav ul li li{border:none;padding:4px 0}
#sidenav ul li li a{font-weight:400;background:#F0EFE9;padding:10px 12px;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px}
#sidenav ul li li a:hover{background:#F6EEA8}

#sidenav.online-menu ul li a,
#sidenav.online-menu ul li span{
	font-size: 100%;
	padding:10px 10px;
}
#sidenav.online-menu h3 {
	padding: 0 10px;
}
#sidenav.online-menu h3 span {
	padding: 15px 10px 10px;
    display: block;
    font-size: 100%;
    font-weight: bold;
    color: #E99033;
    border-bottom: 4px solid #E99033;	
	border-top: 1px dotted #978377;
}
#sidenav.online-menu ul.group-menu + h3 span {
	border-top: none;	
}
#sidenav.online-menu h3.livecooking span {
    color: #68902B;
    border-bottom: 4px solid #68902B;	
}
#sidenav.online-menu ul.group-menu li span:after {
	content: '\ed5d';
	font-family: 'sorisso';
	position: absolute;
	right: 10px;
}
#sidenav.online-menu ul.group-menu li span.active:after {
	content: '\ed5e';
}
#sidenav.online-menu ul.group-menu {
	margin:0 10px;
	padding:0 10px;
	background: #FFFAF2;
}
#sidenav.online-menu ul.group-menu li {
	border-bottom: none;
}
#sidenav.online-menu ul.group-menu li + li {
	border-top: 1px dotted #E99033;
}
#sidenav.online-menu h3.livecooking + ul.group-menu li + li {
	border-top: 1px dotted #68902B;
}
#sidenav.online-menu ul ul li span:after {
	content: '\ed5d';
	font-family: 'sorisso';
	position: absolute;
	right: 10px;
}
#sidenav.online-menu ul ul li span.active:after {
	content: '\ed5e';
}
#sidenav.online-menu ul.group-menu + ul {
	margin-top: 10px;
}
#sidenav.online-menu ul.group-menu + ul li:first-child {	
	border-top: 1px dotted #978377;
}
#sidenav.online-menu ul li ul{
	padding: 10px 0 5px; 
	margin: 0 10px;
}

#sidenav ul li.mutual-lesson,
#sidenav ul li.mutual-online {
	padding: 15px 0;
}
#sidenav ul li.mutual-lesson a {
	background: #47ACB7;
	color: #fff;
    padding: 20px 10px 20px 60px;
	border-radius: 7px;
	position: relative;
}
#sidenav ul li.mutual-lesson a:before {
	content: '';
	background-image: url(../img/common/ico_school.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 15px;
	top: 48%;
	transform: translateY(-49%);
}
#sidenav ul li.mutual-online a {
	background: #E99033;
	color: #fff;
    padding: 20px 10px 20px 60px;
	border-radius: 7px;
	position: relative;
}
#sidenav ul li.mutual-online a:before {
	content: '';
	background-image: url(../img/common/ico_online.png);
	background-repeat: no-repeat;
	background-size: contain;
	width: 32px;
	height: 32px;
	position: absolute;
	left: 15px;
	top: 48%;
	transform: translateY(-49%);
}
#sidenav ul li.mutual-lesson a:hover {
	background: #47ACB7;
	opacity: 0.8;
}
#sidenav ul li.mutual-online a:hover {
	background: #E99033;
	opacity: 0.8;
}

.bnrList li{margin-bottom:10px;text-align:center}
img.aligncenter,img.alignleft,img.alignright{display:block;margin:0 auto 15px}
img.alignleft:after,img.alignright:after{content:'';clear:both;display:block}
.mt30{margin-top:30px!important}
.mb30{margin-bottom:30px!important}
.mt50,.cts p .mt50{margin-top:25px!important}
.mb50,.cts p .mb50{margin-bottom:25px!important}
.mtb50,.cts p .mtb50{margin:25px 0!important}
.mt100,.cts p .mt100{margin-top:50px!important}
.mb100,.cts p .mb100{margin-bottom:50px!important}
.mtb100,.cts p .mtb100{margin:50px 0!important}

input[type=radio],input[type=checkbox]{display:none}
.radio,.checkbox{box-sizing:border-box;-webkit-transition:background-color .2s linear;transition:background-color .2s linear;position:relative;display:inline-block;margin:0 10px 0 0;padding:1px 2px 1px 30px;border-radius:3px;vertical-align:middle;cursor:pointer}
.radio:after{-webkit-transition:border-color .2s linear;transition:border-color .2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #ccc;border-radius:10px;content:''}
.checkbox:after{-webkit-transition:border-color .2s linear;transition:border-color .2s linear;position:absolute;top:50%;left:5px;display:block;margin-top:-10px;width:16px;height:16px;border:2px solid #ccc;content:''}
.radio:before{-webkit-transition:opacity .2s linear;transition:opacity .2s linear;position:absolute;top:50%;left:10px;display:block;margin-top:-5px;width:10px;height:10px;border-radius:50%;background-color:#9A8478;content:'';opacity:0}
input[type=radio]:checked + .radio:before{opacity:1}
.checkbox:before{-webkit-transition:opacity .2s linear;transition:opacity .2s linear;position:absolute;top:50%;left:11px;display:block;margin-top:-7px;width:5px;height:9px;border-right:3px solid #9A8478;border-bottom:3px solid #9A8478;content:'';opacity:0;-webkit-transform:rotate(45deg);-ms-transform:rotate(45deg);transform:rotate(45deg)}
input[type=checkbox]:checked + .checkbox:before{opacity:1}

/* 吹き出し会話形式スマホ */
h4.partychatttl{background:url(../img/party/marugoto/bg_q.gif) no-repeat right top;background-size: cover;color:#523E32;font-size:138.5%;padding:12px 20px 12px 35px;margin:40px 0 30px}
h4.partychatttl:before{content:"";background:url(../img/party/marugoto/ico_q.gif) no-repeat;background-size:20px;padding:10px;position:relative;top:10px;margin:0 5px 0 -25px}
.partychat{margin:0 0 20px}
.partychat li{margin-bottom:10px}
.partychat li.right img.face{float:right;width:50px;height:auto}
.partychat li.left img.face{float:left;width:50px;height:auto}
.partychat li p{margin:0;padding:10px}
.partychat .baloonRpink{position:relative;width:auto;margin-left:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#FFEFF0;z-index:103;}
.partychat .baloonRpink::before{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-20px;top:0;margin-top:-9px;width:0;height:0;border-right:19px solid #948579;border-top:19px solid transparent;border-left:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonRpink::after{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-18px;top:0;margin-top:-8px;width:0;height:0;border-right:18px solid #FFEFF0;border-top:18px solid transparent;border-left:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonRpink div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFEFF0;height:inherit;z-index:105;position:relative}
.partychat .baloonRpink strong{color:#F27285;font-weight:700}
.partychat .baloonRblue{position:relative;width:auto;margin-left:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#EFF8FF;z-index:103;}
.partychat .baloonRblue::before{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-20px;top:0;margin-top:-9px;width:0;height:0;border-right:19px solid #948579;border-top:19px solid transparent;border-left:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonRblue::after{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-18px;top:0;margin-top:-8px;width:0;height:0;border-right:18px solid #EFF8FF;border-top:18px solid transparent;border-left:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonRblue div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#EFF8FF;height:inherit;z-index:105;position:relative}
.partychat .baloonRblue strong{color:#249AD8;font-weight:700}
.partychat .baloonRgreen{position:relative;width:auto;margin-left:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#f6fef1;z-index:103;}
.partychat .baloonRgreen::before{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-20px;top:0;margin-top:-9px;width:0;height:0;border-right:19px solid #948579;border-top:19px solid transparent;border-left:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonRgreen::after{content:"";transform:rotate(90deg);-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);position:absolute;left:-18px;top:0;margin-top:-8px;width:0;height:0;border-right:18px solid #f6fef1;border-top:18px solid transparent;border-left:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonRgreen div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#f6fef1;height:inherit;z-index:105;position:relative}
.partychat .baloonRgreen strong{color:#70c448;font-weight:700}
.partychat .baloonL220{position:relative;width:auto;margin-right:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103}
.partychat .baloonL220::before{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-20px;top:0;margin-top:-9px;width:0;height:0;border-left:19px solid #948579;border-top:19px solid transparent;border-right:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonL220::after{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-18px;top:0;margin-top:-8px;width:0;height:0;border-left:18px solid #fff;border-top:18px solid transparent;border-right:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonL220 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL280{position:relative;width:auto;margin-right:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:0}
.partychat .baloonL280::before{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-20px;top:0;margin-top:-9px;width:0;height:0;border-left:19px solid #948579;border-top:19px solid transparent;border-right:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonL280::after{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-18px;top:0;margin-top:-8px;width:0;height:0;border-left:18px solid #fff;border-top:18px solid transparent;border-right:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonL280 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL300{position:relative;width:auto;margin-right:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:0}
.partychat .baloonL300::before{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-20px;top:0;margin-top:-9px;width:0;height:0;border-left:19px solid #948579;border-top:19px solid transparent;border-right:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonL300::after{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-18px;top:0;margin-top:-8px;width:0;height:0;border-left:18px solid #fff;border-top:18px solid transparent;border-right:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonL300 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL340{position:relative;width:auto;margin-right:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103;margin-left:0}
.partychat .baloonL340::before{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-20px;top:0;margin-top:-9px;width:0;height:0;border-left:19px solid #948579;border-top:19px solid transparent;border-right:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonL340::after{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-18px;top:0;margin-top:-8px;width:0;height:0;border-left:18px solid #fff;border-top:18px solid transparent;border-right:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonL340 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}
.partychat .baloonL420{position:relative;width:auto;margin-right:70px;border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border:1px solid #948579;background:#fff;z-index:103}
.partychat .baloonL420::before{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-20px;top:0;margin-top:-9px;width:0;height:0;border-left:19px solid #948579;border-top:19px solid transparent;border-right:19px solid transparent;border-bottom:19px solid transparent;z-index:102}
.partychat .baloonL420::after{content:"";transform:rotate(-90deg);-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);position:absolute;right:-18px;top:0;margin-top:-8px;width:0;height:0;border-left:18px solid #fff;border-top:18px solid transparent;border-right:18px solid transparent;border-bottom:18px solid transparent;z-index:103}
.partychat .baloonL420 div{border-radius:8px;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;background:#FFF;height:inherit;z-index:105;position:relative}

.arrow a:before{content:"";background:url(../img/common/ft_arrow.png) no-repeat 0;padding:10px}
.arrow a{color:#523E32;text-decoration:underline}
.arrow a:hover{text-decoration:none}
.pc{display: none!important;}
.pcnav {display: none;}
p.bigBtn a {font-size: 14px;}
p.entryBtn span + a {margin-left: 0;margin-top: 10px;}
#sideSeal {text-align: center;margin-bottom: 20px;}
#spSeal {text-align: center;margin-bottom: 20px;}
.cts figure {margin:0 0 15px}
nav.in-page ul {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: 25px;
}
nav.in-page ul li {
	min-width: 49%;	
}
nav.in-page ul li:nth-child( n+3 ) {
	margin-top: 10px;
}
nav.in-page ul li a {
	background: #E99033;
	color: #fff;
	padding: 9px 10px 9px 20px;
	display: flex;
	justify-content: space-between;
	border-radius: 6px;
	font-size: 13px;
	text-decoration: none;
	cursor: pointer;
}
nav.in-page ul li a:hover {
	text-decoration: none;
}
nav.in-page ul li a:after {
	content: '\edc2';
	font-family: 'sorisso';
	margin-left: 1em;
}

}

/* エイリアス ※多用し過ぎないこと */
.txt10{font-size:77%}
.txt11{font-size:85%}
.txt12{font-size:93%}
.txt14{font-size:108%}
.txt15{font-size:116%}
.txt16{font-size:123.1%}
.txt17{font-size:131%}
.txt18{font-size:138.5%}
.txt19{font-size:146.5%}
.txt20{font-size:153.9%}
.txt21{font-size:161.6%}
.txt22{font-size:167%}
.txt23{font-size:174%}
.txt24{font-size:182%}
.txt25{font-size:189%}
.txt26{font-size:197%}
.w100p {width: 100%;}
p.aligncenter{text-align:center}
p.alignleft{text-align:left}
p.alignright{text-align:right}
.pink {color:#fc1d96!important;}
.txt{text-indent: -1em;padding-left: 1em;display: inline-block;}
.center {text-align: center;}
.red {color: #ff0000!important;}
.ind01 {text-indent: 1em;display: block;}
.ind02 {text-indent: 2em;display: block;}
.ind03 {text-indent: 3em;display: block;}
.mt50 {margin-top: 50px!important;}
.mt60 {margin-top: 60px!important;}
.mb60 {margin-bottom: 60px!important;}
.mb10 {margin-bottom: 10px!important;}
.taRight {text-align: right;!important}
.taLeft {text-align: left!important;}
.taC {text-align: center!important;}
.w300 {width: 300px!important;}
.wsn {white-space: normal!important;}

/* font-familly 'sorisso' */
@font-face {
  font-family: 'sorisso';
  src:  url('../fonts/sorisso.eot?daxt74');
  src:  url('../fonts/sorisso.eot?daxt74#iefix') format('embedded-opentype'),
    url('../fonts/sorisso.ttf?daxt74') format('truetype'),
    url('../fonts/sorisso.woff?daxt74') format('woff'),
    url('../fonts/sorisso.svg?daxt74#sorisso') format('svg');
  font-weight: normal;
  font-style: normal;
}

[class^="icon-"], [class*=" icon-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'sorisso' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;

  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-circle_right:before {
  content: "\e900";
}
.icon-circle_down:before {
  content: "\e901";
}
.icon-circle_up:before {
  content: "\e902";
}
.icon-alert:before {
  content: "\e903";
}
.icon-eye:before {
  content: "\e904";
}
.icon-eye-off:before {
  content: "\e905";
}
.icon-plus:before {
  content: "\ed5d";
}
.icon-minus:before {
  content: "\ed5e";
}
.icon-arrow-up:before {
  content: "\edba";
}
.icon-arrow-right:before {
  content: "\edbe";
}
.icon-arrow-down:before {
  content: "\edc2";
}
.icon-arrow-left:before {
  content: "\edc6";
}
.icon-facebook:before {
  content: "\eeef";
}
.icon-ig:before {
  content: "\ea92";
}
.icon-line:before {
  content: "\e907";
}
.icon-twitter:before {
  content: "\eef5";
}
.icon-envelop:before {
  content: "\ea30";
}
.icon-blog:before {
  content: "\e906";
}
.icon-location:before {
  content: "\ea38";
}

#wpadminbar a img {display: none;}