/*
Theme Name: sorbet party deco
Description: sorbet party deco WordPress Bootstrap3 tmpl
Author: contrast
Author URI: http://c-mdc.jp
*/

@charset "utf-8";

@import url(https://fonts.googleapis.com/css?family=Poiret+One);
@import url(https://fonts.googleapis.com/css?family=Lora:400,400italic,700,700italic);
@import url(https://fonts.googleapis.com/css?family=Lato:400,100,300,300italic,400italic,700,900,900italic);

/* RESET
----------------------------------------------------------------------------------------------------*/
a, abbr, acronym, address, applet, article, aside, audio,
b, big, blockquote, body, caption, canvas, center, cite, code,
dd, del, details, dfn, dialog, div, dl, dt, em, embed,
fieldset, figcaption, figure, form, footer,
header, hgroup, h1, h2, h3, h4, h5, h6, html,
i, iframe, img, ins, kbd, label, legend, li, mark, menu, nav,
object, ol, output, p, pre, q, ruby,
s, samp, section, main, small, span, strike, strong, sub, summary, sup,
tt, table, tbody, textarea, tfoot, thead, time, tr, th, td,
u, ul, var, video {
	font-family: inherit;
	font-size: 100%;
	font-weight: inherit;
	font-style: inherit;
	vertical-align: baseline;
	white-space: normal;
	text-align: center;
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	background: transparent;
}
* {
	margin: 0;
	padding: 0;
	font-size: 100%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
article, aside, details, figcaption, figure, footer, header, hgroup,
menu, nav, section, main {
	display: block;
}
html, body {
	overflow-x: hidden;
}
body {
	margin: 0;
	padding: 0;
	font-size: 15px;
	line-height: 1.7;
	text-align: center;
	font-family: 'Lato',"HelveticaNeue","Helvetica Neue", Helvetica, "YuGothic", "Yu Gothic","游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	color: #707070;
	-webkit-text-size-adjust: 100%;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	text-rendering: optimizeLegibility;
	word-break : break-all;
	word-wrap : break-word;
	overflow-wrap : break-word;
	background: #FFF;
}
header {
	margin: 0 auto;
	width: 100%;
	line-height: 1.4;
	text-align: center;
}
article {
	text-align: center;
	font-size: 0.87rem;
}
aside {
	text-align: center;
}
#side {
	margin: 0;
	padding: 0 0;
	font-size: 0.8rem;
	line-height: 1.3;
	color: #634E29;
}
footer {
	margin: 0 0;
	padding: 2em 0 0;
	line-height: 1.4;
	text-align: center;
	font-size: 0.8rem;
	background: #FFC9C9;
	border-top: 1px solid #EEE;
}

a {
	overflow: hidden;
	color: #F79C89;
	text-decoration: none;
	outline: none !important;
}
a:link,
a:visited,
a:active,
a:hover,
a:focus {
	overflow: hidden !important;
	outline: none !important;
}
a:hover {
	color: #888;
	text-decoration: none;
}
a:focus {
	color: #F79C89;
}
.current {
	color: #F79C89 !important;
}

/*--------------------------------------
	typography
--------------------------------------*/

h1,h2,h3,h4,h5 {
	margin: 0 0 0.65em;
}
h1 {
	font-size: 1.5rem;
	line-height: 1.3;
	color: #333;
}
h1#title {
	margin: 0 0 25px;
	padding: 10px;
	font-size: 1.5rem;
	line-height: 1.2;
	font-weight: 300;
	letter-spacing: 1px;
	color: #505050;
	background: #EFF4F7;
	border-right: 1px solid #EEE;
	border-bottom: 1px solid #DDD;
}
h1#page-title {
	margin: 0 0 1.5em;
	padding: 0.5em;
	text-align: right;
	color: #303030;
	font-size: 0.7rem;
	line-height: 1.3;
	letter-spacing: 0.5px;
	background: #EEE;
	border-radius: 5px;
}
h2 {
	margin: 0 0 1.5em;
	font-size: 1.35rem;
	line-height: 1.6;
	font-weight: 600;
	color: #333;
	letter-spacing: 1px;
}
h2.title {
	padding: 0 0 10px;
	font-weight: normal;
	border-bottom: 3px solid #DBF9F6;
}
h2.page-title {
	margin: 1em 0 1em;
	border-bottom: 3px solid #DDD;
}
h2.sub-title {
	margin: 20px 0 20px;
	padding: 10px 0;
	color: #a97575;
	font-weight: 400;
	font-size: 0.7rem;
	letter-spacing: 1px;
	line-height: 1;
	text-align: center;
	font-family: "YuGothic", "Yu Gothic","游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}
h2.sub-title em {
	margin-bottom: 10px;
	display: block;
	color: #a97575;
	font-weight: bold;
	font-size: 2rem;
	letter-spacing: 1px;
	font-family: 'Poiret One', cursive;;
}
h2.sub-title em:before {
	margin-right: 0.5em;
	font-family: 'FontAwesome';
	content: '\f1fd';
	color: #ffc9c9;
	font-size: 1.5rem;
	opacity: 0.8;
}
h2.sub-title em:after {
	margin-left: 0.5em;
	font-family: 'FontAwesome';
	content: '\f1fd';
	color: #ffc9c9;
	font-size: 1.5rem;
	opacity: 0.8;
}
h2.sub-title a {
	color: #FFF;
}
h2.sub-title img {
	margin: 0 auto;
}
@media (max-width:767px) {
	h2.page-title {
		padding-bottom: 0.2em;
	}
	h2.page-title a:before {
		content: attr(data-label);
		color: #6BBDBF;
		line-height: 1.3;
		font-size: 0.95rem;
	}
	#entry h3 a {
		text-decoration: none;
		color: #003567;
	}
	#entry h3 > a img {
		display: none;
	}
	#entry h3 a:before {
		content: attr(data-label);
		color: #003567;
		line-height: 1.3;
		font-size: 1rem;
	}
}
h3 {
	margin: 1em 0 1em;
	padding: 0;
	color: #00a999;
	font-weight: normal;
	font-size: 1.2rem;
	letter-spacing: 1px;
}
h3:first-child {
	margin: 0 0 1em;
}
h3 em {
	margin-bottom: 3px;
	display: block;
	font-weight: 400;
	line-height: 1;
	text-align: left;
	letter-spacing: 1px;
}
h3.title {
	margin: 1em 0 1em;
	padding: 0.5em 0.7em;
	color: #FFF;
	font-weight: normal;
	font-size: 1.05rem;
	text-align: left;
	letter-spacing: 0.5px;
	background: #00a999;
	border-radius: 3px;
}
h3.title:before {
	margin-right: 0.35em;
	font-family: 'FontAwesome';
	content: '\f06c';
}
h3.title:first-child {
	margin: 0 0 1em;
}
h3.sub-title {
	margin: 0 0 5px;
	padding: 0.25em 0;
	color: #FFF;
	letter-spacing: 1px;
	text-align: center;
	background: #90d2e8;
	border-radius: 3px;
}
h3.sub-title a {
	color: #FFF;
}
h3.sub-title img {
	margin: 0 auto;
}
h4 {
	font-size: 1.05rem;
	line-height: 1.4;
	color: #EC6D7B;
	font-weight: normal;
}
h4.title {
	margin: 0.5em 0 0.5em;
	padding: 0;
	font-weight: normal;
	letter-spacing: 0.5px;
}
h4.title:before {
	margin-right: 0.35em;
	font-family: 'FontAwesome';
	content: '\f06c';
}
h5 {
	font-size: 0.9rem;
	line-height: 1.7;
	color: #303030;
	font-weight: bold;
}
h5.title {
	font-size: 0.9rem;
	line-height: 1.7;
	color: #00A0C6;
}
h5.title:before {
	margin-right: 0.35em;
	font-family: 'FontAwesome';
	content: '\f005';
}
strong {
	font-weight: bold !important;
}
.post-title {
	margin: 0 0 0.5em;
	padding: 0.5em 2em;
	display: inline-block;
	color: #FFF;
	font-weight: normal;
	font-size: 1.2rem;
	line-height: 1;
	text-align: left;
	letter-spacing: 1px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
	box-shadow: 0 2px 2px -2px #CCC;
	-moz-box-shadow: 0 2px 2px -2px #CCC;
	-webkit-box-shadow: 0 2px 2px -2px #CCC;
	-ms-box-shadow: 0 2px 2px -2px #CCC;
}
p {
	margin: 0 0 1em;
	padding: 0;
	font-size: 0.9rem;
	line-height: 1.8;
}
@media (max-width:767px) {
	h3.sub-title {
		padding: 1em 0;
		color: #FFF;
		text-align: center;
		background: #404040;
	}
}
@media (max-width:480px) {
	h2 {
		margin: 1em 0 1em;
		font-size: 1.2rem;
		line-height: 1.4;

	}
	h2.title {
		margin: 1em 0 1em;
		padding: 5px 0;
	}
	h2.title:first-child {
		margin: 0 0 1em;
	}
	h2.sub-title {
		margin: 10px 0 !important;
	}
	h2.sub-title em {
		font-size: 1.6rem !important;
	}
	h3 {
		font-size: 1.1rem;
	}
	h3.title {
		margin: 1em 0 1em;
	}
	h4 {
		font-size: 0.95rem;
	}
	p {
		font-size: 12px;
	}
}
.colTe {color: #008080 !important;}
.colLg {color: #BEBEBE !important;}
.colYe {color: #F3B715 !important;}
.colBl {color: #07C !important;}
.colOr {color: #6E562E !important;}
.colGr {color: #00A999 !important;}
.colRe {color: #BE0009 !important;}
.colBr {color: #B9A876 !important;}
.colDbl {color: #369 !important;}
.colPi {color: #EB6877 !important;}
.colGl {color: #DDD !important;}
.colPr {color: #B18DD8 !important;}
.colGo {color: #CCB56F !important;}
.colDb {color: #707070 !important;}
.fs065 {font-size: 0.65rem !important;}
.fs070 {font-size: 0.7rem !important;}
.fs080 {font-size: 0.8rem !important;}
.fs090 {font-size: 0.9rem !important;}
.fs095 {font-size: 0.95rem !important;}
.fs100 {font-size: 1rem !important;}
.fs110 {font-size: 1.1rem !important;}
.fs120 {font-size: 1.20rem !important;}
.fs125 {font-size: 1.25rem !important;}
.fs130 {font-size: 1.3rem !important;}
.fs135 {font-size: 1.35rem !important;}
.fs150 {font-size: 1.5rem !important;}
.fs155 {font-size: 1.55rem !important;}
.fs175 {font-size: 1.75rem !important;}
.fs185 {font-size: 1.85rem !important;}
.fs200 {font-size: 2rem !important;}
.lh10 {line-height: 1 !important;}
.lh15 {line-height: 1.5 !important;}
.lh20 {line-height: 2 !important;}
.txt-l {text-align: left !important;}
.txt-c {text-align: center !important;}
.txt-r {text-align: right !important;}
.txt-caption {
	margin: 0.2em 0;
	font-size: 0.7rem;
	line-height: 1.4;
	color: #888;
}
.txt-jp {
	font-family: "YuGothic", "Yu Gothic","游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
}
.txt-min {
	font-family:'Lora',Garamond,"Times New Roman","游明朝","Yu Mincho","游明朝体","YuMincho","ヒラギノ明朝 Pro W3","Hiragino Mincho Pro","HiraMinProN-W3","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho",serif !important;
}
.txt-gfont {
	font-family: 'Poiret One', cursive !important;
}
sub {
	font-size: 0.6rem;
	line-height: 1;
	vertical-align: baseline;
}
.bgTe {background: #008080 !important;}
.bgYe {background: #F3B715 !important;}
.bgBl {background: #07C !important;}
.bgOr {background: #6E562E !important;}
.bgGr {background: #def4f2 !important;}
.bgLg {background: #AAA !important;}
.bgDg {background: #404040 !important;}
.bgRe {background: #BE0009 !important;}
.bgBr {background: #B9A876 !important;}
.bgDbl {background: #369 !important;}
.bgPi {background: #F66 !important;}
.bgPi2 {background: #E2DDD9 !important;}
.bgGl {background: #505050 !important;}
.bgWh {background: #FFF !important;}
.bgBe {
	background: #f5f5e9 !important;
	border-left: 10px solid #FFF;
	border-right: 10px solid #FFF;
	}
.bg-br {
	background: url('common/images/bg_gr.png') repeat left top transparent !important;
}
.bar {
	display: block;
	padding: 0.5em 1em;
	margin-bottom: 0;
	font-size: 1.1em;
	color: #FFF !important;
	font-weight: normal;
	line-height: 1.42857;
	text-align: center;
	border: 1px solid transparent;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	border: none !important;
}
hr.blue-dot {
	border-top: 2px dotted #39C;
	width: 100%;
}

@media (max-width:767px) {
	/*.title {
		margin: 1em 0;
		padding: 0.5em;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: px;
		-ms-border-radius: 5px;
		background: #EEE;
	}
	.title img {
		display: none;
	}
	.title:before {
   	 	content: attr(data-label);
		color: #505050;
		font-size: 0.9rem;
	}*/
}

/*-----------------------------------------------------
margin padding
-----------------------------------------------------*/
.m00 {margin: 0 !important}
.m05 {margin: 0.313em !important}
.m10 {margin: 1em !important}

.mt05 {margin: 0.313em 0 0 !important}
.mt10 {margin: 0.625em 0 0 !important}
.mt15 {margin: 0.938em 0 0 !important}
.mt20 {margin: 1.250em 0 0 !important}
.mt30 {margin: 1.875em 0 0 !important}

.mb05 {margin: 0 0 0.313em !important}
.mb10 {margin: 0 0 0.625em !important}
.mb15 {margin: 0 0 0.938em !important}
.mb20 {margin: 0 0 1.250em !important}
.mb30 {margin: 0 0 1.875em !important}
.mb50 {margin: 0 0 3.125em !important}
.mbem20 {margin: 0 0 2em !important}

.mtb05 {margin: 0.313em 0 !important}
.mtb10 {margin: 0.625em 0 !important}
.mtb15 {margin: 0.938em 0 !important}
.mtb20 {margin: 1.250em 0 !important}
.mtb30 {margin: 0 1.875em !important}
.mtb50 {margin: 0 3.125em !important}

.ml05 {margin: 0 0 0 0.313em !important}
.ml10 {margin: 0 0 0 0.625em !important}
.ml15 {margin: 0 0 0 0.938em !important}
.ml20 {margin: 0 0 0 1.250em !important}

.mlb05 {margin: 0 0 0.313em 0.313em !important}

.mlr05 {margin: 0 0.313em 0 0.313em !important}
.mlr10 {margin: 0 0.625em 0 0.625em !important}
.mlr15 {margin: 0 0.938em 0 0.938em !important}
.mlr20 {margin: 0 1.250em 0 1.250em !important}

.mr05 {margin: 0 0.313em 0 0 !important}
.mr10 {margin: 0 0.625em 0 0 !important}
.mr15 {margin: 0 0.938em 0 0 !important}
.mr20 {margin: 0 1.250em 0 0 !important}

.mrb05 {margin: 0 0.313em 0.313em 0 !important}
.mrb10 {margin: 0 0.625em 0.625em 0 !important}
.mrb15 {margin: 0 0.938em 0.938em 0 !important}
.mrb20 {margin: 0 1.250em 1.250em 0 !important}

.p00 {padding: 0 !important}
.p05 {padding: 0.313em !important}
.p10 {padding: 0.625em !important}

.pt05 {padding: 0.313em 0 0 !important}
.pt10 {padding: 0.625em 0 0 !important}
.pt15 {padding: 0.938em 0 0 !important}
.pt20 {padding: 1.250em 0 0 !important}

.pb05 {padding: 0 0 0.313em !important}
.pb10 {padding: 0 0 0.625em !important}
.pb15 {padding: 0 0 0.938em !important}
.pb20 {padding: 0 0 1.250em !important}

.ptb05 {padding: 0.313em 0 !important}
.ptb10 {padding: 0.625em 0 !important}
.ptb15 {padding: 0.938em 0 !important}
.ptb20 {padding: 10.313em 0 !important}

.plr05 {padding: 0 0.313em !important}
.plr10 {padding: 0 0.625em !important}

.pl05 {padding: 0 0 0 0.313em !important}
.pl10 {padding: 0 0 0 0.625em !important}
.pl15 {padding: 0 0 0 0.938em !important}
.pl20 {padding: 0 0 0 1.250em !important}

.col-plr05 {
	padding-left: 5px !important;
	padding-right: 5px !important;
}

/*-----------------------------------------------------
button
-----------------------------------------------------*/
.blk {
	display: block !important;
}
.blk-g {
	padding: 0.5em 0;
	display: block !important;
	color: #505050;
	background: #F3F3F3;
	border: 1px solid #DEDEDE;
}
.blk-w {
	padding: 0.5em 0;
	display: block !important;
	color: #505050;
	background: #FFF;
	border: 1px solid #DEDEDE;
}

 /*-----------------------------------------------------
 ul ol li dl dt dd
 -----------------------------------------------------*/
ul, ol, dl {
	margin: 0 0;
}
li {
	margin: 0 0 0.5em;
	list-style: none;
	font-size: 0.85rem;
	line-height: 1.6;
}

ul.arrow {
	margin: 0 0 1em;
}
ul.arrow li {
	margin: 0 0 0.3em;
	text-align: left !important;
}
ul.arrow li:before {
	margin-right: 5px;
	font-family: 'FontAwesome';
	content: '\f054';
	font-weight: normal;
	color: #5EBABF;
}
ul.arrow-c {
	margin: 0 0 1em;
}
ul.arrow-c li {
	margin: 0 0 0.3em;
	text-align: center !important;
}
ul.arrow-c li:before {
	margin-right: 5px;
	font-family: 'FontAwesome';
	content: '\f054';
	font-weight: normal;
	color: #5EBABF;
}
dl {
	margin: 0 0 5px;
}
dt {
	margin: 0 0 5px;
	padding: 0 0 0 5px;
	color: #009EF2;
	font-weight: bold;
	line-height: 1.7;
}
dd {
	margin: 0 0 5px;
	padding: 0 0 5px 5px;
	line-height: 1.7;
}

/*-----------------------------------------------------
media
-----------------------------------------------------*/
.switch {
	visibility: hidden;
}
figure {
	margin: 0;
}
figure > figcaption {
	margin: 5px 0 0;
	color: #808080;
	text-align: center;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: inherit;
}
a img:hover {
	opacity: 0.5;
	filter: alpha(opacity=50);
	-webkit-transition: 0.6s;
	transition: 0.6s;
}
.img-responsive,
.thumbnail > img,
.thumbnail a > img,
.carousel-inner > .item > img,
.carousel-inner > .item > a > img {
	margin: 0 auto;
	max-width: 100%;
	height: auto;
	display: block;
	text-align: center;
}
.pic-box {
	padding: 0 0;
	overflow: hidden;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 3px;
	box-shadow: 0px 3px 3px -2px #CCC;
}
.pic-box .img-responsive {
	width: 100%;
}
.img-l {
	margin: 0 0.5em 0 0;
	float: left;
}
.img-r {
	margin: 0 0 0 0.5em;
	float: right;
}
.img-c {
	margin: 0 auto 10px;
}
.img-fit {
	width: 100%;
	max-width: 100%;
	height: auto;
}
.image-box {
	margin: 0 0 1em;
	padding: 0;
}
object[type="image/svg+xml"] {
	pointer-events: none;
}
object[type="image/svg+xml"] + img {
	display: none;
}
.youtube {
	padding-top: 56.25%;
	width: 100%;
	position: relative;
}
.youtube iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0px;
	right: 0px;
}
.content-box {
	padding: 10px;
	overflow: hidden;
	background: #FFF;
	border-radius: 5px;
	border-top: 1px solid #F3F3F3;
	border-left: 1px solid #F3F3F3;
	box-shadow: 2px 2px 3px rgba(125,125,125,0.2);
}
.content-box p:last-child {
	margin-bottom: 0;
}
.photogallery a:hover img {
	opacity: 0.7;
}

/* Social */
.share {
	margin : 1em auto 2em;
	width: 100%;
	max-width: 1000px;
}
.share ul {
	margin : 0 -10px;
	padding : 0;
	list-style : none;
}
.entry-post .share {
	margin-bottom: 0 !important;
}
.entry-post .share ul {
	text-align: right !important;
}
.share li {
 	margin : 0;
 	padding: 0;
 	display: inline-block;
 	text-align: center;
}
.share li a {
	display : block;
	margin: 0 10px;
	padding : 10px;
	color : #fff;
	line-height: 1;
	text-decoration : none;
	text-align : center;
	text-decoration: none !important;
	border-radius: 50%;
}
.share li a:hover {
	opacity :0.8;
	color : #fff;
}
.share li a:visited {
	color: #fff;
}
.share ul:after {
	content : "";
	display : block;
	clear : both;
}
.share li a > span {
	display: block;
	font-size : 1rem !important;
}
.share li a > span:before {
	color: #FFF !important;
}
.tweet a{
	background-color : #55acee;
}
.facebook a {
background-color : #315096;
}
.googleplus a {
	background-color : #dd4b39;
}
.hatena a {
	background-color : #008fde;
}
.line a {
	background-color: #00c300;
}
.pocket a {
	background-color :#f03e51;
}
.rss a {
	background-color: #ff8c00;
}
.feedly a {
	background-color: #6cc655;
}
@media ( max-width : 480px ) {
	.share li a {
		display : block;
		margin: 0 6px;
		padding : 6px;
		border-radius: 50%;
	}
	.share li a > span {
		font-size: 1rem;
	}
}

/*-----------------------------------------------------
form
-----------------------------------------------------*/
input, button, textarea {
	padding: 0.5em 1em;
}
input, textarea {
	border: 1px solid #DEDEDE;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
}
@media ( max-width : 480px ) {
	input, textarea {
		width: 100%;
	}
}
option {
	padding: 0.2em 0.5em;
}
select {
	padding: 0 1em;
	outline: none !important;
	border: 1px solid #DEDEDE;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
}
select:focus,
select:active,
select:hover {
	outline: none !important;
}
*:focus {
  outline: none;
}
.w-150 {
	width: 150px;
}

/*-----------------------------------------------------
bootstrap
-----------------------------------------------------*/
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
	position: relative;
	min-height: 1px;
	padding-right: 10px;
	padding-left: 10px;
	margin-bottom: 20px;
}
.col-l h3, .col-l h4, col-l h5, .col-l p {
	text-align: left;
}

@media (min-width: 768px) {
	.box .inner {
		padding: 5px;
	}
	.box .inner img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}

@media (max-width: 480px) {
	.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
		padding-right: 5px;
		padding-left: 5px;
		margin-bottom: 20px;
	}
}
/*-----------------------------------------------------
layout
-----------------------------------------------------*/
#container {
	padding: 0;
	width: 100%;
	overflow: hidden;
}
.container-fluid {
	margin-right: auto;
	margin-left: auto;
	/*max-width: 1000px;*/
}
.container-fluid > #side {
	float: left;
	width: 300px;
}
.container-fluid > #content {
	float: right;
	min-width: 600px;
	max-width: 650px;
}
.box {
	padding: 0;
}
.col-b {
	padding: 10px;
	text-align: left;
	border-radius: 3px;
	background: #F3F3F3;
}
.col-b h3 {
	margin-top: 0 !important;
}
.col-b p {
	text-align: left;
}
.col-b p:last-child {
	margin-bottom: 0 !important;
}
/*-----------------------------------------------------
header
-----------------------------------------------------*/
#parallax-head h1 {
	padding: 1rem;
	text-align: center;
	width: 100%;
	color: #D82461;
	font-size: 1.8rem;
	line-height: 2;
	letter-spacing: 2px;
	font-weight: normal;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, 0.8);
	background: rgba(255, 255, 255, 0.4)
}
#header-out {
	margin: 0 0;
	padding: 0 0 !important;
	padding: 0;
	width: 100%;
	max-width: 100%;
	color: #555;
	text-align: center;
	z-index: 9999;
	position: fixed;
	/*background: #FFC9C9;*/
}
#header-out h1 {
	margin: 0;
	padding: 5px;
	text-align: center;
	font-size: 0.75rem;
	color: #FFF;
	line-height: 1.25;
	letter-spacing: 1px;
	background: #F79C89;
}
#header-out h1 a {
	color: #FFF;
}
#header-in {
	margin: 0 auto 0;
	padding: 0;
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	clear: both;
	position: relative;
}
#header-in h2 {
	margin: 0 0 0.75em;
	font-size: 0.75rem;
	font-weight: normal;
	text-align: center;
	line-height: 1.7;
	letter-spacing: 0.5px;
	color: #00a999;
}
#header-in .site-link {
	width: 27%;
	float: right;
	text-align: right;
	font-size: 0.7rem;
	color: #888;
}
#header-in .site-link a {
	color: #888;
}
#header-in .logo {
	margin-bottom: 0;
	padding: 0 !important;
}
#header-in .logo a {
	display: block;
}
#header-in .logo img {
	width: 25%;
	max-width: 100%;
	height: auto;
}
#header-in .info {
	padding: 0 !important;
}
#header-in .reserve {
	padding: 0!important;
	text-align: right;
}
#header-in .contact {
	margin-bottom: 10px;
	padding: 0 !important;
	text-align: right !important;
}
#header-in ul.social {
	position: absolute;
	top: 1px;
	right: 20px;
}
#header-in ul.social li {
	display: inline-block;
}
#header-in ul.header-nav {
	margin-top: 10px !important;
	display: block;
	overflow: hidden;
	clear: both;
}
#header-in ul.header-nav li {
	margin: 0 0 10px;
	float: left;
	width: 33.333%;
}

@media (max-width:1000px) {
	#header-in .info img,
	#header-in .reserve img,
	#header-in .contact img {
		max-width: 100%;
		width: 100%;
		height: auto;
	}
	#header-in .info {
		padding: 0 0.75em 0 0 !important;
	}
}
@media (max-width:767px) {
	#header-in .info {
		padding: 0 !important;
		text-align: right;
	}
	#header-in #logo img {
		margin: 10px 0 0;
		width: 35%;
		max-width: 100%;
		height: auto;
	}
	#header-in .logo img {
		margin: 0 0 1em;
		padding: 0 10px !important;
		max-width: 100%;
		height: auto;
	}
	#parallax-head h1 {
		margin: 0 !important;
		padding: 3em 1em 3em !important;
		font-size: 1.1em;
		letter-spacing: 1px;
	}
}

@media (max-width:640px) {
	#header-in .logo img {
		margin: 0 0 1em;
		max-width: 100%;
		height: auto;
	}
	#header-in h1 a {
		margin: 0 0 0.5em;
		font-size: 0.7rem;
	}
	#header-in h2 {
		display: none;
	}
}

@media (max-width:480px) {
	#header-out {
		margin: 0;
	}
	#header-in {
		padding: 0 5px 5px;
		text-align: center;
	}
	#header-in h1 {
		margin-bottom: 1em;
		padding: 0 5px;
		width: 100% !important;
		float: none !important;
		font-size: 0.8rem;
		letter-spacing: 0;
		text-align: left;
	}
	#header-in h2 {
		display: none;
	}
}

/*-----------------------------------------------------
nav
-----------------------------------------------------*/
.navbar {
	margin: 0 !important;
	padding: 0;
	width: 100%;
	height: auto;
	min-height: inherit !important;
	text-align: center;
	font-weight: normal;
}
#fixed-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 99999;
}
.fixed {
    position: fixed;
    top: 0;
    z-index: 99999;
}
.navbar-default {
	background: transparent;
}
.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {
	color: #999;
	background: #FFC9C9;
}
.navbar-default .navbar-nav > li > a {
	padding: 0.75em 0.5em;
	color: #999;
	font-size: 0.65rem;
}
.navbar-default .navbar-nav > li#logo > a:hover,
.navbar-default .navbar-nav > li#logo > a:focus {
	border: none !important;
}
.navbar-default .navbar-nav > li > a:hover {
	color: #4C3F37;
	background: #EEE;
	border-radius: 3px;
}
.navbar-default .navbar-nav > li > a:focus {
	color: #999;
	background: #EEE;
	border-radius: 3px;
}
.navbar-default .navbar-nav > li > a em {
	margin-bottom: 5px;
	display: block;
	font-weight: 400;
	color: #a97575;
	font-size: 1.4rem;
	font-weight: bold;
	letter-spacing: 1px;
	font-family: 'Poiret One', cursive !important;
}
.navbar-default .navbar-nav > li > a:hover em,
.navbar-default .navbar-nav > li > a:focus em {
	color: #ef4a7e;
}
.dropdown-menu {
	margin: 0;
	padding: 0 5px;
	overflow: hidden;
	font-size: 1rem;
	background: #FFC9C9;
	box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.176);
}
.dropdown:hover > .dropdown-menu {
  display: block;
}
.dropdown-menu > li {
	margin: 0;
	border-bottom: 1px solid #DDD;
}
.dropdown-menu > li:last-child {
	border: none;
}
.dropdown-menu > li > a {
	margin: 0;
	padding: 0.75em 0.5em;
	color: #777;
	font-weight: normal;
	font-size: 0.8rem;
	letter-spacing: 0;
	background: #FFF;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
	color: #FFF;
	text-decoration: none;
	background: #6BBDBF;
}
.hidden-pc {
	display: none !important;
}
@media (max-width:980px) {
	.navbar-nav > li > a {
		padding: 0;
		font-size: 0.75rem !important;
		letter-spacing: 0.5px;
	}
}
@media (min-width: 768px) {
	.container > .navbar-collapse,
	.container-fluid > .navbar-collapse {
		padding: 0;
		margin: 0 auto;
		max-width: 1000px;
	}
	.navbar .container-fluid {
		margin: 0;
		padding: 0;
		width: 100%;
		background: #FFC9C9;
		box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2);
	}
	.container-fluid > .navbar-header {
		margin: 0 auto;
		max-width: 1000px;
	}
	.navbar-nav {
		float: none !important;
	}
	.navbar .nav-justified > li {
		margin-top: 30px;
		padding: 0.5em 0 !important;
		margin-bottom: 0;
		width: 13.285% !important;
		letter-spacing: 1px;
	}
	.navbar .nav-justified > li a {
		padding: 5px 0 !important;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #4C3F37;
		background: transparent;
		border-bottom: 3px dotted #ef4a7e;
	}
	.navbar .nav-justified > li#logo {
		margin: 0 !important;
		padding: 0 5px !important;
		width: 20.285% !important;
	}
	.navbar .nav-justified > li#logo a:hover {
		background: transparent !important;
	}
	.navbar .nav-justified > li#logo img {
		margin-bottom: 0 !important;
	}
	.navbar {
		padding: 0;
		border: none;
		border-radius: 0;
	}
	.navbar-nav > li {
		position: relative;
	}
	.navbar-nav > li > a {
		padding: 0;
	}
}
@media (max-width:768px) {
	.navbar {
		padding: 0 !important;
		min-height: 45px;
		font-size: 0.85rem;
		border: none !important;
	}
	.navbar-default {
		border-color: transparent !important;
		background: #ffc1c2;
		box-shadow: 0 3px 2px -2px rgba(0, 0, 0, 0.2);
	}
	.navbar-brand {
		padding: 10px 10px 10px 20px !important;
		height: 70px !important;
		float: left;
		width: 75%;
		color: #FFF !important;
		font-size: 0.8rem;
		text-align: left;
	}
	.navbar-brand img {
		margin: 0;
		width: 52%;
	}
	.navbar-collapse {
		padding: 0 10px 10px !important;
	}
	.navbar-default .navbar-toggle {
		margin: 20px 0 5px 0 !important;
		padding: 5px 10px !important;
		width: 60px;
		border-color: transparent !important;
	}
	.navbar-default .navbar-toggle:hover,
	.navbar-default .navbar-toggle:focus {
		background-color: transparent !important;
	}
	.navbar-default .navbar-toggle .icon-bar {
		background-color: #F79C89 !important;
		height: 3px !important;
	}
	.nav > li > a {
		padding: 10px 0;
	}
	.navbar-nav {
		margin: 0 0;
		float: none;
	}
	.navbar-nav > li {
		margin: 0;
		border-top: 1px solid #DEDEDE;
	}
	.navbar-nav > li:last-child {
		border-bottom: 1px solid #DEDEDE;
	}
	.navbar-default .navbar-nav > li > a {
		margin: 0;
		padding: 0.5em 1em 0.5em 1em;
		text-align: left;
		color: #777;
		line-height: 1.7 !important;
		font-size: 0.8rem !important;
		font-weight: normal;
		background: #FAFAFA;
	}
	.navbar-default .navbar-nav > li > a em {
		margin-right: 1em;
		display: inline-block !important;
		font-size: 1.3rem;
	}
	.navbar-default .navbar-nav > li > a:hover,
	.navbar-default .navbar-nav > li > a:focus {
		color: #FFF !important;
		background: #F79C89 !important;
	}
	.navbar-default .navbar-nav > .open > a,
	.navbar-default .navbar-nav > .open > a:hover {
		color: #FFF;
		background: #F79C89;
	}
	.navbar-default .navbar-nav > .open > a:active {
		color: #FFF !important;
	}
	.navbar-nav .open .dropdown-menu {
		padding-left: 0;
		background: #FFF;
	}
	.caret {
		margin-left: 0.5em;
		display: inline-block;
		width: 0px;
		height: 0px;
		vertical-align: middle;
		border-top: 12px dashed #AAA;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li {
		margin: 0;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a {
		font-weight: normal;
		text-align: left;
		font-size: 0.85rem;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a .caret {
		border-top: 12px dashed #FFF;
		border-right: 7px solid transparent;
		border-left: 7px solid transparent;
	}
	.navbar-default .navbar-nav .open .dropdown-menu > li > a:hover {
		color: #FFF !important;
		background: #6BBDBF !important;
	}
	.navbar-nav .open .dropdown-menu > li > a, .navbar-nav .open .dropdown-menu .dropdown-header {
		padding: 0.75em 2em;
	}
	.dropdown-menu > li > a {
		text-align: left;
	}
	.navbar-nav > li > a img,
	.dropdown-menu > li > a img {
		display: none;
	}
	.navbar-nav > li a:before {
		margin-right: 10px;
		content: attr(data-label);
		color: #505050;
		font-size: 0.9rem;
	}
	.dropdown-menu > li a:before {
		content: attr(data-label);
		color: #505050;
		font-size: 0.9rem;
	}
	.navbar-nav > li a:hover:before {
		color: #FFF !important;
	}
	.hidden-pc {
		display: inherit !important;
	}
	.hidden-sp {
		display: none !important;
	}
	.img-r {
		display: none;
	}
	ul.feed-list {
		margin-bottom: 10px !important;
	}
	ul.feed-list li {
		padding: 0.2em 0.5em !important;
	}
	ul.feed-list li h4 {
		font-size: 0.85rem !important;
		letter-spacing: 0;
	}
	ul.feed-list li .cal {
		display: none !important;
	}
	.sp-mb10 {
		margin-bottom: 10px !important;
	}
	.sp-mb20 {
		margin-bottom: 20px !important;
	}
	.sp-plr05 {
		padding-left: 5px !important;
		padding-right: 5px !important;
	}
}

@media (min-width: 768px) {
	.nav > li > a > img {
		max-width: 100%;
		height: auto;
	}
}

@media (max-width:480px) {
	.navbar-brand img {
	    margin: 0;
	    width: 90%;
	}
}

/*-----------------------------------------------------
promotion
-----------------------------------------------------*/
#promotion {
	margin: 125px 0 0;
	padding-bottom: calc(100%*400/2000);/* calc(100*ImageHeight/ImageWidth)% */
	width: 100%;
	text-align: center;
	background: url('common/promotion/page_header.jpg') no-repeat center center;
	background-size: contain;
}
#promotion img {
	width: 100%;
	max-width: 1000px;
	height: auto;
}
@media (max-width: 980px) {
	#promotion {
		margin: 100px 0 0;
	}
}
@media (max-width: 768px) {
	#promotion {
		margin: 60px 0 0;
		padding-bottom: calc(100%*800/2000);/* calc(100*ImageHeight/ImageWidth)% */
		width: 100%;
		text-align: center;
		background: url('common/promotion/page_header_sp.jpg') no-repeat center center;
		background-size: contain;
	}
	#promotion-head {
		margin: 95px 0 0 !important;
	}
	#promotion-head p {
		display: none !important;
	}
}

@media (max-width: 480px) {
	#promotion-head {
		margin: 95px 0 0 !important;
	}
}
/*-----------------------------------------------------
top
-----------------------------------------------------*/
.top-contents {
	margin-bottom: 0 !important;
	padding: 10px 20px;
}
.top-contents .opc {
    padding: 0.75em 0px 1em;
    background-color: rgba(255, 255, 255, 0.3);
}
.top-contents h3 {
	line-height: 1.6 !important;
}
.top-contents h3,
.top-contents h4,
.top-contents h5,
.top-contents p {
	text-align: left;
}

@media (max-width: 767px) {
	.top-contents {
		margin-bottom: 0 !important;
		padding: 0 !important;
	}
}

/*-----------------------------------------------------
feed
-----------------------------------------------------*/
.second {
	margin-top: 0;
}
#relations {
	margin: 2em 0;
	padding: 1em 0;
	border-top: 1px solid #DDD;
}
#relations h3.page-title {
	color: #505050;
	font-size: 1rem;
}
.feed {
	margin: 0;
}
ul.feed-list li {
	margin-bottom: 10px;
	padding-bottom: 5px;
	display: block;
	overflow: hidden;
	text-align: left;
	font-size: 0.8rem;
}
ul.feed-list li .feed-bg {
	padding: 0;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: left;
}
ul.feed-list li h4 {
	margin: 0 0 10px;
	font-size: 0.9rem;
	text-align: left;
}
.feed-list ul li a {
	color: #F79C89;
}
.feed-list ul li a:hover {
	color: #888;
}
ul.feed-list li .cal {
	margin: 0 0 7px;
	padding: 5px;
	display: inline-block;
	float: none !important;
	font-size: 0.7rem;
	line-height: 1;
	color: #FFF;
	background: #7FA6CF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
}
span.feed-cat {
	position: absolute;
	left: 0;
	top: 0;
	font-family: 'Lato', sans-serif;
	border-radius: 0 0 3px 0;
	-moz-border-radius: 0 0 3px 0;
	-webkit-border-radius: 0 0 3px 0;
	-ms-border-radius: 0 0 3px 0;
}
span.stage,
span.information,
span.workshop,
span.blog {
	margin: 0 10px 0 0;
	padding: 0 1.5em 0;
	display: inline-block;
	line-height: 1;
	text-align: center;
	font-size: 0.9rem;
	line-height: 2.6;
	letter-spacing: 1px;
	color: #FFF !important;
	text-decoration: none !important;
}
span.stage {
    background-color: #F9AB4A;
}
span.information {
	background-color: #86817A;
}
span.workshop {
    background-color: #7CB52B;
}
span.blog {
    background-color: #6699FF;
}
.feed-description {
	margin: 0 0 7px;
	font-size: 0.75rem;
	text-align: left;
	color: #555;
}
.feed-list img {
	padding: 10px;
	width: 100% !important;
	max-width: 100% !important;
	height: auto;
}
.feed-list a:hover img {
	opacity: 0.8;
}
ul.feed-lesson {
	margin: 0;
}
ul.feed-lesson li {
	margin-bottom: 10px;
	padding: 10px;
	display: block;
	overflow: hidden;
	text-align: left;
	font-size: 0.8rem;
	border-radius: 5px;
	background: #FFF;
	border-top: 1px solid #F5F5F5;
	border-left: 1px solid #F5F5F5;
	box-shadow: 2px 2px 3px rgba(125,125,125,0.2);
}
ul.feed-lesson li > .feed-lesson-pic {
	margin-bottom: 0 !important;
	padding: 0 !important;
}
ul.feed-lesson li > .feed-lesson-pic > img {
	border-radius: 50%;
}
ul.feed-lesson li > .feed-lesson-description {
	margin-bottom: 0 !important;
	padding: 0 0 0 30px !important;
}
ul.feed-lesson li > .feed-lesson-description h3 {
	margin: 10px 0 20px;
	text-align: left;
	font-size: 1.1rem;
	color: #F79C89;
}
ul.feed-lesson li > .feed-lesson-description p {
	margin-bottom: 10px;
	text-align: left;
}
ul.feed-lesson li .feed-bg {
	padding: 0;
	display: block;
	overflow: hidden;
	position: relative;
	text-align: left;
}
ul.event-list {
	margin: 10px -5px !important;
}
ul.event-list li {
	padding: 0 5px !important;
	display: block;
	overflow: hidden;
	font-size: 0.8rem;
	color: #505050;
	border-right: 5px solid #FFF;
}
ul.event-list li:last-child {
	margin-bottom: 0;
}
ul.event-list li h4 {
	margin: 5px 0 0.3em;
	font-size: 0.8rem;
	line-height: 1.4 !important;
}
ul.event-list li h4:before {
	margin-right: 5px;
	padding: 0;
	font-family: 'FontAwesome';
	content: '\f143';
	color: #09C;
}
.event-list ul li a {
	color: #303030;
}
.event-list ul li a:hover {
	color: #888;
}
ul.event-list li > .cal {
	margin: 3px 0;
	padding: 5px;
	color: #FFF;
	display: block;
	position: absolute;
	top: 5px;
	left: 10px;
	float: none;
	font-size: 0.7rem;
	background: #6BBDBF !important;
	border-radius: 3px !important;
}
.event-description > p {
	margin: 0;
	font-size: 0.75rem;
	color: #606060;
}
.event-list img {
	border-radius: 7px;
}
.event-list a:hover img {
	opacity: 0.8;
}
span.topics,
span.info,
span.blog,
span.seminar,
span.event,
span.voice {
	margin: 0 10px 0 0;
	padding: 5px 10px 3px;
	display: inline-block;
	line-height: 1;
	text-align: center;
	font-size: 11px;
	color: #FFF !important;
	text-decoration: none !important;
	border-radius: 9px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
}
@media (max-width: 767px) {
	ul.feed-lesson {
		padding: 0 10px;
	}
	ul.feed-lesson li > .feed-lesson-description {
		padding: 0 0 0 !important;
	}
	ul.feed-lesson li > .feed-lesson-pic img {
		margin: 0 auto;
		width: 50%;
		border-radius: 50%;
	}
}
#map {
	width: 100%;
	height: 350px;
	position: relative;
}
.g-map {
	position: absolute;
	left: 0px;
	top: 0px;
	overflow: hidden;
	width: 100%;
	height: 100%;
	z-index: 0;
}
/*
.g-map {
	padding-bottom: 56.25%;
	padding-top: 30px;
	position: relative;
	height: 0;
	overflow: hidden;
}*/
.g-map iframe,
.g-mapr object,
.g-map embed {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}

/*-----------------------------------------------------
footer
-----------------------------------------------------*/
footer .footer-in {
	margin: 0 auto 0;
	padding: 2em 0 1em;
	width: 100%;
	max-width: 1000px;
	text-align: center;
	background: none;
	border-top: 1px solid #FFF;
}
footer .col-box {
	margin: 0 auto 2em;
	padding: 1em;
	width: 100%;
	max-width: 1000px;
	text-align: center;
	background: #FFF;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}
footer .box .inner {
	background: none;
}
footer .company-prof {
	margin: 2em 0 0.25em;
	padding: 0 !important;
	text-align: left;
}
footer .company-prof p {
	font-size: 0.75rem;
}
footer h3 {
	margin: 0 0 0.25em;
	font-size: 0.9rem;
	color: #303030;
	letter-spacing: 0;
}
#copy {
	margin: 0 0;
	padding: 1em 0;
	color: #777;
	font-size: 0.65rem;
	text-align: center;
}
footer ul {
	margin: 0 0 1em;
}
footer ul li {
	text-align: left;
	font-size: 0.8rem;
	line-height: 1.5;
	letter-spacing: 0.5px;
}
footer .footer-nav {
	margin: 0 auto 0;
	padding: 0 0 2em;
	width: 100%;
	max-width: 1000px;
	text-align: left;
	background: none;
}
footer .footer-nav ul {
	margin: 0 0;
	text-align: center;
}
footer .footer-nav ul li {
	margin: 0 10px 0.75em 10px;
	display: block;
}
footer .footer-nav ul li:before {
	margin-right: 5px;
	font-family: 'FontAwesome';
	content: '\f054';
	color: #5EBABF;
}
footer .footer-nav ul li:last-child {
	margin-right: 0;
}
footer .footer-nav ul li a {
	color: #5EBABF;
}
footer .footer-nav ul li a:hover {
	color: #413117;
}
footer .footer-nav ul li ul {
	margin: 0.5em 0 0;
	padding: 0 0 0 1em;
}
footer .footer-nav ul li ul li {
	float: none !important;
}
footer #logo {
	margin: 0 auto;
	width: 40%;
	max-width: 100%;
	height: auto;
}
footer .footer-nav .logo a {
	display: block;
}

@media (max-width:1000px) {
	footer .f-r {
		padding-right: 0 !important;
	}
}

@media (max-width:768px) {
	.footer-in > section.box {
		margin: 1em 0;
		padding: 1em 0 1.5em;
		border-bottom: 1px solid #DDD;
	}
	footer .footer-nav ul {
		margin: 15px 0 0;
	}
}

@media (max-width:480px) {
	footer .footer-nav ul {
		margin: 15px 0 10px;
	}
	footer .footer-nav ul li {
		margin: 0 0 0.5em !important;
		display: block;
	}
}

/*-----------------------------------------------------
parallax
-----------------------------------------------------*/
.full {
	width: 100vw !important;
	/*height: 100vh !important;*/
	height: auto !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}
.full-header {
	width: 100vw !important;
	height: 100vh !important;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-webkit-align-items: center;
	align-items: center;
	-webkit-box-pack: center;
	-ms-flex-pack: center;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-flex-direction: column;
	-ms-flex-direction: column;
	flex-direction: column;
}

@media (max-width: 320px) and (max-width: 480px) {
	.full {
		width: 320px;
		height: 480px;
	}
}
.scrEvent {
    display: none;
}
.parallax-content {
	margin: 0 auto;
	padding: 3em 0 2em;
	position: relative;
	height: auto;
	/*-ms-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.4) inset;
	-moz-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.4) inset;
	-webkit-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.4) inset;
	-o-box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.4) inset;
	box-shadow: 0 0 7px -1px rgba(0, 0, 0, 0.4) inset;*/
}
.parallax-content-head {
	margin: 0;
	padding: 0;
	position: relative;
	height: auto;
}
#parallax-head {
	padding-top: 0 !important;
	background: url('common/promotion/promotion.jpg') 50% 0 no-repeat fixed transparent !important;
	background-size: cover !important;
}
#parallax-blank {
	background: #FFF !important;
}
#parallax-pink {
	background: #ffe0e0 !important;
}
#parallax-first {
	background: url('common/images/parallax-first.jpg') 50% 0 no-repeat fixed transparent !important;
	background-size: cover !important;
}
#parallax-second {
	background: url('common/images/parallax-second.jpg') 50% 0 no-repeat fixed transparent !important;
	background-size: cover !important;
}
#parallax-third {
	background: url('common/images/parallax-third.jpg') 50% 0 no-repeat fixed transparent !important;
	background-size: cover !important;
}

@media (max-width:768px) {
	.full {
		width: auto !important;
		height: auto !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	.full-header {
		width: 100vw !important;
		height: 50vh !important;
		display: -webkit-box;
		display: -ms-flexbox;
		display: -webkit-flex;
		display: flex;
		-webkit-box-align: center;
		-ms-flex-align: center;
		-webkit-align-items: center;
		align-items: center;
		-webkit-box-pack: center;
		-ms-flex-pack: center;
		-webkit-justify-content: center;
		justify-content: center;
		-webkit-flex-direction: column;
		-ms-flex-direction: column;
		flex-direction: column;
	}
	#parallax-head {
		padding-top: 0 !important;
		background: url('common/promotion/promotion_sp.jpg') top center !important;
		background-size: cover !important;
	}
	#parallax-first {
		background: url('common/images/parallax-first_sp.jpg') top center !important;
		background-size: cover !important;
	}
	#parallax-second {
		background: url('common/images/parallax-second_sp.jpg') top center !important;
		background-size: cover !important;
	}
	#parallax-third {
		background: url('common/images/parallax-third_sp.jpg') top center !important;
		background-size: cover !important;
	}
}

/*-----------------------------------------------------
contents
-----------------------------------------------------*/
#wrap {
	margin: 0 auto 0;
	width: 100%;
	overflow: hidden;
}
#wrap > article {
	margin: 0 auto;
	padding: 0 0 0 !important;
	width: 100%;
}
#wrap > article > section > .row {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
#wrap > article section .col-contents {
	margin: 0 auto;
	max-width: 1000px !important;
}
#wrap > article section:nth-child(even) {
    background: #F5F5F5;
}
#wrap > article section:nth-child(odd) {
    background: #FFF;
}
#wrap > article section#post:nth-child(even) {
    background: #FFF;
}
#wrap > article section#blogpost {
    background: #FFF;
}
#wrap > article a {
	text-decoration: underline;
}
#wrap > article#blog {
	margin: 0 auto !important;
	max-width: 1000px;
	text-align: left;
}
#wrap > article#pages {
	margin: 0 auto !important;
	max-width: 1000px;
	text-align: left;
}
#wrap > article#pages h3,
#wrap > article#pages h4,
#wrap > article#pages h5,
#wrap > article#pages p {
	text-align: left;
}

@media (max-width:768px) {
	#wrap > article {
		padding: 0 0 0 !important;
	}
}
@media (max-width: 480px) {
	#wrap > article {
		margin-top: 0;
	}
	#wrap > article section:nth-child(even) {
		margin-bottom: 0 !important;
		padding: 10px !important;
	}
	#wrap > article section:nth-child(odd) {
		margin-bottom: 0 !important;
		padding: 10px !important;
	}
	#wrap > article.top section:nth-child(even) {
		margin-bottom: 0 !important;
		padding: 10px 0 !important;
	}
	#wrap > article.top section:nth-child(odd) {
		margin-bottom: 0 !important;
		padding: 10px 0 !important;
	}
}
.contents {
	margin: 0 auto;
	width: 100%;
	max-width: 1000px;
}
.content {
	padding: 0.5em 1em;
	font-size: 0.9rem;
}
#entry {
	margin: 0 0;
	padding: 0 !important;
	font-size: 0.85rem;
}
#entry a {
	text-decoration: underline;
}
#entry a img:hover {
	opacity: 0.8;
}
#entry article {
	padding: 1em;
}
#entry h3 {
	margin: 1em 0 1em;
	padding: 0 0 0.25em;
	font-size: 1.1rem;
	line-height: 1.4;
	border-bottom: 3px solid #DDD;
}
#entry h3:first-child {
	margin-top: 0;
}
#entry h3 > img {
	max-width: 100%;
	height: auto;
}
#entry h4 {
	margin: 0 0 0.7em;
	font-size: 1.0rem;
	color: #036;
}
#entry h5 {
	margin: 0 0 0.7em;
	font-size: 0.9rem;
	font-weight: bold;
}
#entry p {
	margin: 0 0 1em;
	line-height: 1.7;
}
.fl-l {
	float: left;
}
.fl-r {
	float: right;
}
@media (max-width:480px) {
	#entry h3 {
		font-size: 1rem;
	}
	#entry h4 {
		font-size: 0.9rem;
	}
	#entry h5 {
		font-size: 0.85rem;
	}
	#entry p {
		font-size: 0.8rem;
	}
}
/*-----------------------------------------------------
page
-----------------------------------------------------*/
.pages {
	margin-bottom: 10px;
}
.pages #entry {
	padding: 0 0 0 0 !important;
}
.pages #entry #main-content {
	padding: 0 0 0 30px !important;
	float: right;
}
.pages #side {
	padding: 0 0 0 !important;
	float: left;
}
@media (max-width:980px) {
	.pages #entry #main-content {
		padding: 0 !important;
		float: none !important;
	}
	.pages #side {
		padding: 0 !important;
		float: none;
	}
}
/*--- top ---*/
.top-contents .opc {
	padding: 0.75em 0 1em;
	background-color: rgba(255,255,255,0.4);
}
.top-contents .opc > h4 {
	padding-right: 5px;
}
.top-contents .opc > p {
	margin-bottom: 0;
	text-align: center;
	font-size: 0.75rem;
}
.top-contents .opc > p.opc-description {
	margin: 10px 5px;
	padding: 5px;
	text-align: center;
	font-size: 0.75rem;
	background: rgba(255,255,255,0.8);
	border-radius: 5px;
}
@media (max-width:480px) {
	.photogallery img {
		min-height: 100px;
	}
}
/*--- //top ---*/

/*--- about ---*/
.about-message {
	margin-bottom: 2em;
	background: #F5F5F5;
	border-radius: 5px;
}
.about-message > p {
	padding: 0 10px;
}

/*--- lesson ---*/

/*--- menu ---*/
@media (max-width:768px) {
		.col-menu img {
		margin: 0 auto !important;
		width: 50% !important;
	}
}
@media (max-width:480px) {
	.col-menu img {
		width: 35% !important;
	}
}
/*--- contact ---*/
.wpcf7-textarea {
	width: 100%;
	text-align: left;
	background: #FFF;
}
input[type="radio"],
input[type="checkbox"] {
	display: inline-block;
	width: 15px;
}
.wpcf7-list-item-label {
	display: inline-block;
}
.wpcf7-form-control-wrap input#zip {
	width: 150px;
}
.wpcf7-form-control-wrap input#addr {
	width: 100%;
}
.wpcf7-form-control-wrap textarea#messageform {
	width: 100%;
	text-align: left;
	background-color: #FFF;
}
.wpcf7 .wpcf7c-elm-step1, .wpcf7 .wpcf7c-elm-step2 {
	margin: 0px 0px 1em;
	padding: 1em 2em 1em 2.5em;
	letter-spacing: 5px;
	text-align: center;
	font-size: 15px;
	cursor: pointer;
	border-radius: 5px;
}
.wpcf7 .wpcf7-confirm, .wpcf7 .wpcf7-submit {
	color: #FFF;
	background: #DF8990;
	border: 2px solid #D46B74;
}
input.wpcf7-submit {
	margin: 0 auto !important;
	display: inline-block;
	text-align: center;
}
.wpcf7 .wpcf7c-elm-step1 {
	margin: 0 5px 0 !important;
	width: 300px;
	display: inline-block;
	text-align: center;
}
.wpcf7c-elm-step2 {
	margin: 0 5px 10px !important;
	display: inline-block;
	text-align: center;
}

.wpcf7c-conf {
	background-color: #FFE !important;
	color: #333 !important;
	border: 1px solid #DDD !important;
}
.hisuu {
	margin-left: 5px;
	padding: 3px 5px;
	color: #F79C89;
	font-size: 0.7rem;
	line-height: 1;
	background: #FFF;
	border-radius: 9px;
}
/*--- //contact ---*/

@media (max-width:767px) {
	.pages #entry,
	.pages #side {
		padding: 0 0 !important;
	}
}

.box_contents {
	margin: 0 0 2em;
}
.box_g {
	margin-bottom: 2em;
	padding: 10px;
	position: relative;
	overflow: hidden;
	clear: both;
	border: 3px double #DEDEDE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

.box_y {
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	overflow: hidden;
	clear: both;
	background: #FFE;
	border: 1px solid #DEDEDE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}

/*-----------------------------------------------------
post
-----------------------------------------------------*/
#post {
	margin-bottom: 2em;
	padding: 10px;
	position: relative;
	overflow: hidden;
	background: #FFF;
	border-radius: 5px;
	border-top: 1px solid #F3F3F3;
	border-left: 1px solid #F3F3F3;
	box-shadow: 2px 2px 3px rgba(125,125,125,0.2);
}
@media (max-width: 767px) {
	.post {
		padding: 0 5px;
	}
}
#post header {
	margin-bottom: 0;
	padding: 18px 10px 10px 75px;
	min-height: 70px;
	position: relative;
}
#post h1,#post h2,#post h3,#post h4,#post h5,#post p,#post ul,#post li,#post dt,#post dd {
	text-align: left;
}
h1#single-title {
	padding: 0.2em 0.5em;
	position: relative;
	color: #FFF;
	font-size: 1.25rem;
	background: #fc9292;
	border: 2px dashed #FFF;
	box-shadow: 0px 0px 0px 5px #fc9292;
}
h1#single-title a,
h1#single-title a:hover {
	color: #FFF;
}
h1#single-title:after{
	position: absolute;
	content: '';
	left: -7px;
	top: -7px;
	border-width: 0 0 15px 15px;
	border-style: solid;
	border-color: #FFF #FFF #e25f5f;
	box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.15);
}
.blog-info {
	margin-top: 1em;
	padding: 0.5rem;
	position: relative;
	overflow: hidden;
	clear: both;
	background: #F7F7F7;
	border: 1px double #DEDEDE;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}
#head_tag {
	color: #888;
	font-size: 0.8rem;
}
.cal {
	margin: 0 10px 0 0;
	padding: 12px 0 0;
	width: 56px;
	height: 56px;
	display: block;
	position: absolute;
	top: 5px;
	left: 5px;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1;
	letter-spacing: 1px;
	color: #FFF;
	font-family: 'Poiret One', cursive !important;
	background: #BE9AEC;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	-ms-border-radius: 28px;
}
#post header .cal {
	margin: auto;
	padding: 12px 0 0;
	width: 56px;
	height: 56px;
	display: block;
	position: absolute;
	top: 0;
	bottom: 0;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1;
	color: #FFF;
	background: #BE9AEC;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	-ms-border-radius: 28px;
}
.calendar {
	margin: 0 10px 0 0;
	padding: 12px 0 0;
	width: 56px;
	height: 56px;
	display: block;
	position: absolute;
	top: 10px;
	left: 10px;
	text-align: center;
	font-size: 0.8rem;
	line-height: 1;
	color: #FFF;
	background: #BE9AEC;
	border-radius: 28px;
	-moz-border-radius: 28px;
	-webkit-border-radius: 28px;
	-ms-border-radius: 28px;
}
.calendar > .cal-date {
	margin: 0 0 5px;
	display: block;
	font-weight: 400;
	font-size: 0.8rem;
}
.calendar > .cal-month {
	font-weight: 400;
	text-transform: uppercase;
	display: block;
}
.cal > .cal-date {
	margin: 0 0 5px;
	display: block;
	font-weight: 400;
	font-size: 0.8rem;
}
.cal > .cal-month {
	font-weight: 400;
	text-transform: uppercase;
	display: block;
}
.cal > .year {
	margin: 0 0 5px;
	display: block;
	text-align: center;
	font-weight: 400;
	font-size: 0.8rem;
}
.cal > .date {
	text-align: center;
	font-weight: 400;
	display: block;
}
.post p {
	margin: 0 0 1.5em;
	letter-spacing: 1px;
}
.entry-post {
	padding: 2em 5em;
}
@media (min-width:768px) {
	.entry-post {
		padding: 2em 5em;
	}
}
.entry-post:first-child {
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.entry-post .arthur {
	margin-bottom: 15px;
	padding-bottom: 10px;
	font-size: 0.75rem;
	color: #777;
}
.entry-post .arthur span {
	margin: 0 3px;
	padding: 5px 10px;
	color: #FFF;
	line-height: 1;
	background: #0099D7;
	border-radius: 3px;
}
.entry-post .arthur span a {
	color: #FFF;
}
.entry-post > section {
	padding: 10px 5px;
}
.entry-post p {
	margin: 0 0 1em;
	font-size: 0.85rem;
	line-height: 1.8;
}
.entry-post img {
	max-width: 100%;
	height: auto;
}
@media (max-width:768px) {
	#post header {
		margin-bottom: 0;
		padding: 0 10px 10px;
	}
	#post header .cal {
		margin: 0 auto 10px;
		position: inherit !important;
		overflow: hidden;
	}
	h1#single-title {
		margin: 0;
		font-size: 1rem;
	}
	.entry-post {
		padding: 2em 2em;
	}
	.entry-post img {
		max-width: 100%;
		height: auto;
	}
}
@media (max-width:480px) {
	.entry-post {
		margin-bottom: 10px !important;
		padding: 2em 2em !important;
	}
}
#entry ul {
	margin: 1em 0;
}
#entry ul li {
	margin: 0 0 0.25em;
	padding: 0 0;
	list-style: outside none none;
}

/*-----------------------------------------------------
pankuzu
-----------------------------------------------------*/
ul.pan {
	margin: 0.5em auto 0.5em;
	padding: 0;
	width: 100%;
	max-width: 1000px;
	display: block;
	clear: both;
	overflow: hidden;
	text-align: left;
}
@media (max-width:480px) {
	ul.pan {
		padding: 0 5px;
	}
}
ul.pan li {
	margin-left: 1px;
	margin-bottom: 0;
	display: inline-block;
	font-size: 0.75rem;
	color: #888;
	text-align: left;
}
ul.pan li a {
	margin: 0 0.25em;
	color: #888;
}
ul.pan li a:hover {
	color: #6BBDBF;
}

/*-----------------------------------------------------
pager
-----------------------------------------------------*/
.pager {
	margin: 1em auto 1em;
	padding: 0 10px;
	color: #999;
	text-align: center;
}
.pager a.page-numbers {
	margin: 0 0.3em;
	padding: 0.3em 1em;
	background: #CCC;
	color: #FFF;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
.pager a.page-numbers:hover {
	color: #FFF;
	background: #16A1D4;
}
.pager .current {
	margin: 0 0.3em;
	padding: 0.3em 1em;
	color: #FFF !important;
	background: #16A1D4;
	-moz-border-radius: 3px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}
#nav-below {
	overflow: hidden;
	clear: both;
	font-size: 0.8rem;
}
#nav-below .nav-previous {
	width: 48%;
	padding: 0.5em 1em;
	display: inline-block;
	text-align: center;
	color: #F79C89;
	background: #EEE;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}
#nav-below .nav-next {
	width: 48%;
	padding: 0.5em 1em;
	display: inline-block;
	text-align: center;
	color: #F79C89;
	background: #EEE;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
}

/*-----------------------------------------------------
table
-----------------------------------------------------*/
table {
	padding: 0;
	margin: 1em 0;
	width: 100%;
	border: none;
	border-collapse: collapse;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	font-size: 0.8rem;
}
tbody {
	width: 100%;
}
tr {
	padding: 0;
	margin: 0;
	border: none;
}
th {
	padding: 0.5em;
	border: none;
	vertical-align: middle;
	line-height: 1.5;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #EEE;
}
td {
	margin: 0;
	padding: 0.5em;
	border: none;
	letter-spacing: 0.5px;
	text-align: left;
	vertical-align: middle;
	line-height: 1.5;
}
table, th, td {
	border: 2px solid #FFF;
}

table.tbl-field {
	padding: 0;
	margin: 1em auto;
	border: none;
	border-collapse: collapse;
	width: 100%;
	/*max-width: 1000px;*/
}
table.tbl-field tr {
	padding: 0;
	margin: 0;
	border: none;
}
table.tbl-field th {
	padding: 1em 0;
	width: 20%;
	border: none;
	vertical-align: middle;
	line-height: 1.7;
	color: #FFF;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #F1B185;
}
table.tbl-field td {
	margin: 0;
	padding: 1em 1em;
	border: none;
	vertical-align: middle;
	letter-spacing: 0.5px;
	text-align: left;
	line-height: 1.7;
	background: #EEE;
}
table.tbl-field, table.tbl-field th, table.tbl-field td {
	border: 3px solid #FFF;
}

table.tbl-price tr {
	padding: 0;
	margin: 0;
	border: none;
}
table.tbl-price th {
	padding: 0.5em 1em;
	border: none;
	vertical-align: middle;
	line-height: 1.5;
	color: #FFF;
	text-align: left;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #5EBABF;
}
table.tbl-price td {
	margin: 0;
	padding: 0.5em 1em;
	border: none;
	vertical-align: middle;
	letter-spacing: 0.5px;
	text-align: left;
	line-height: 1.5;
	background: #EEE;
}
.td-price {
	text-align: right !important;
}
table.tbl-price, table.tbl-price th, table.tbl-price td {
	border: 3px solid #FFF;
}

table.tbl-feed {
	padding: 0;
	margin: 1em auto;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table.tbl-feed tr {
	padding: 0;
	margin: 0;
	border: none;
}
table.tbl-feed th {
	padding: 3px;
	border: none;
	vertical-align: middle;
	line-height: 1.5;
	color: #FFF;
	font-size: 0.75rem;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #5EBABF;
}
table.tbl-feed td {
	margin: 0;
	padding: 3px;
	border: none;
	vertical-align: middle;
	letter-spacing: 0;
	font-size: 0.7rem;
	text-align: center;
	line-height: 1.5;
	background: #EEE;
}
table.tbl-feed, table.tbl-feed th, table.tbl-feed td {
	border: 2px solid #FFF;
}

table.tbl-lesson {
	padding: 0;
	margin: 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table.tbl-lesson tr {
	padding: 0;
	margin: 0;
	border: none;
}
table.tbl-lesson th {
	padding: 5px 20px;
	width: 20%;
	border: none;
	vertical-align: middle;
	line-height: 1.6;
	color: #555;
	font-size: 0.85rem;
	text-align: left;
	letter-spacing: 1px;
	font-weight: normal;
	background: #FCD2D2;
}
table.tbl-lesson td {
	margin: 0;
	padding: 5px 20px;
	border: none;
	vertical-align: middle;
	letter-spacing: 0;
	font-size: 0.8rem;
	text-align: left;
	line-height: 1.6;
}
table.tbl-lesson th, table.tbl-lesson td {
	border-bottom: 5px solid #FFF;
}

table.tbl-feedseminar {
	padding: 0;
	margin: 1em auto;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table.tbl-feedseminar tr {
	padding: 0;
	margin: 0;
	border: none;
}
table.tbl-feedseminar th {
	padding: 10px;
	width: 20%;
	border: none;
	vertical-align: middle;
	line-height: 1.6;
	color: #555;
	font-size: 0.85rem;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #FFE0E0;
}
table.tbl-feedseminar td {
	margin: 0;
	padding: 10px;
	border: none;
	vertical-align: middle;
	letter-spacing: 0;
	font-size: 0.8rem;
	text-align: left;
	line-height: 1.6;
	background: #EEE;
}
table.tbl-feedseminar td.td-prof {
	text-align: center;
}
.td-prof img,
.tbl-feedseminar img {
	margin: 0;
	padding: 0;
	max-width: 100%;
	height: auto;
}
table.tbl-feedseminar, table.tbl-feedseminar th, table.tbl-feedseminar td {
	border: 3px solid #FFF;
}

table.tbl-schedule {
	padding: 0;
	margin: 1em 0;
	border: none;
	border-collapse: collapse;
	width: 100%;
}
table.tbl-schedule tr {
	padding: 0;
	margin: 0;
	border: none;
}
table.tbl-schedule th {
	padding: 10px;
	border: none;
	vertical-align: middle;
	line-height: 1.6;
	color: #FFF;
	font-size: 0.85rem;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #5EBABF;
}
table.tbl-schedule td {
	margin: 0;
	padding: 10px;
	border: none;
	vertical-align: middle;
	letter-spacing: 0;
	font-size: 0.8rem;
	text-align: center;
	line-height: 1.6;
	background: #EEE;
}
table.tbl-schedule, table.tbl-schedule th, table.tbl-schedule td {
	border: 3px solid #FFF;
}

table.tbl-form {
	padding: 0;
	margin: 1em auto;
	border: none;
	border-collapse: collapse;
	width: 100%;
	max-width: 1000px;
}
table.tbl-form tr {
	padding: 0;
	margin: 0;
	border: none;
}
table.tbl-form th {
	padding: 0.5em 1em;
	border: none;
	vertical-align: middle;
	line-height: 1.5;
	color: #FFF;
	text-align: center;
	letter-spacing: 1px;
	font-weight: normal;
	background-color: #F79C89;
}
table.tbl-form td {
	margin: 0;
	padding: 0.5em 1em;
	border: none;
	vertical-align: middle;
	letter-spacing: 0.5px;
	text-align: left;
	line-height: 1.5;
	background: #EEE;
}
table.tbl-form, table.tbl-form th, table.tbl-form td {
	border: 1px solid #FFF;
}

@media ( max-width : 768px ) {
	table.tbl-feedseminar td.td-prof {
		display: none !important;
	}
}

@media ( max-width : 480px ) {
	table.tbl-feedseminar th,
	table.tbl-feedseminar td,
	table.tbl-lesson th,
	table.tbl-lesson td,
	table.tbl-form th,
	table.tbl-form td {
		width: 100% !important;
		display: block !important;
	}
	table.tbl-feedseminar td {
		text-align: center !important;
	}
	.td-prof img,
	.tbl-feedseminar img {
		margin: 0 auto;
		padding: 0;
		width: 100% !important;
		max-width: 100%;
		height: auto;
		border: 5px solid #FFF;
	}
	table.tbl-schedule th {
		padding: 5px;
		font-size: 0.75rem;
		letter-spacing: 0;
	}
	table.tbl-schedule td {
		padding: 5px;
		font-size: 0.75rem;
	}
	table.tbl-schedule, table.tbl-schedule th, table.tbl-schedule td {
		border: 3px solid #FFF;
	}
	.col-scroll {
		overflow: auto;
		white-space: nowrap;
	}
	.scroll::-webkit-scrollbar{
		height: 5px;
	}
	.scroll::-webkit-scrollbar-track{
		 background: #F1F1F1;
	}
	.scroll::-webkit-scrollbar-thumb {
		 background: #BCBCBC;
	}
	/*table, tbody, tr, th, td {
		width: 100% !important;
		display: block !important;
	}*/
}

/*-----------------------------------------------------
sitemap page
-----------------------------------------------------*/
.sitemap {
	margin: 0 0;
	padding: 0 10px;
	clear: both;
}

ul#sitemap_list {
	margin:  0;
	padding: 0 1em;
}

ul#sitemap_list li {
	margin: 0 0 1em !important;
	padding: 0 0 5px !important;
	line-height: 2 !important;
	font-size: 0.9rem;
	background: none !important;
	border-bottom: 1px dotted #D5D5D5;
}

ul#sitemap_list li:before {
	margin-right: 5px;
	padding: 0;
	font-family: 'FontAwesome';
	content: '\f0e8';
	color: #505050;
}

ul#sitemap_list li ul {
	margin:  5px 0 0 25px !important;
	padding: 0;
}

ul#sitemap_list li ul li {
	margin: 0 0 5px !important;
	padding: 0 !important;
	border: none !important;
}
ul#sitemap_list li ul li:before {
	margin-right: 5px;
	padding: 0;
	content: '└';
	color: #505050;
}

.inner {
	margin: 0 -15px;
	display: block;
	overflow: hidden;
	font-size: 0.8rem;
	color: #777;
}
.inner p {
	margin: 0.5em 0 0.5em;
	padding: 0 0.2em;
	line-height: 1.4;
}
@media (max-width:992px) {
	.inner img {
		width: 100%;
		max-width: 100%;
		height: auto;
	}
}
ul.inner li img {
	max-width: none !important;
	width: auto !important;
	height: auto !important;
}
ul.inner li a#store-rica {
	display: block;
	overflow: hidden;
	background: #6CC2EC;
	border: 1px solid #60AED6;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}
ul.inner li a#store-bondiray {
	display: block;
	overflow: hidden;
	background: #B3D500;
	border: 1px solid #A1BF00;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}
ul.inner li a#store-rakuten {
	display: block;
	overflow: hidden;
	background: #FFF;
	border: 1px solid #DDD;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-ms-border-radius: 5px;
}
@media ( max-width : 787px ) {
	ul.inner li img {
		max-width: 100% !important;
		width: 100% !important;
		height: auto !important;
	}
}

@media ( max-width : 767px ) {
	#wrap {
		margin: 0 !important;
		padding: 0 !important;
	}
	#entry {
		margin: 0 !important;
		padding: 0 5px !important;
	}
	.box {
		padding: 0;
	}
}

@media ( max-width : 1000px ) {
	.navbar-nav {
		font-size: 0.75rem;
	}
	#wrap {
		margin: 0 0;
		padding: 0 0.5em;
	}
}

/*--------------------------------------
	clearfix
---------------------------------------*/
.clearfix {
	clear: both;
	display: block;
	/*display: inline-block;*/
	min-height: 1px;
	overflow: hidden;
}

.clearfix:after {
	clear: both;
	display: block;
	content: "";
}

* html .clearfix {
	zoom: 1;
}

*:first-child+html .clearfix {
	zoom: 1;
}

/*-----------------------------------------------------
button
-----------------------------------------------------*/
.button {
	padding: 0.65em 1em;
	display: inline-block;
	text-align: center;
	line-height: 1;
	letter-spacing: 1px;
	text-decoration: none !important;
	outline: none;
	font-family: 'Poiret One', cursive, "YuGothic", "Yu Gothic","游ゴシック", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif !important;
	font-weight: bold;
}
.button::before,
.button::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.button,
.button::before,
.button::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
}
.button {
	position: relative;
	z-index: 2;
	background-color: #F79C89;
	border: 2px solid #F79C89;
	color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-ms-border-radius: 3px;
	text-shadow: initial;
}
.button:hover {
	background-color: #FFC9C9;
	border-color: #FFC9C9;
	color: #FFF;
}
.button:focus {
	color: #FFF !important;
}
.button::before,
.button::after {
	top: 0;
	width: 50%;
	height: 100%;
	background-color: #F79C89;
}
.button::before {
	right: 0;
}
.button::after {
	left: 0;
}
.button:hover::before,
.button:hover::after {
	width: 0;
	background-color: #FFC9C9;
}
.pic-line > p > a.button {
	width: 80%;
	height: inherit;
	line-height: 1;
	padding-top: 1em;
	padding-bottom: 1em;
}

/*-----------------------------------------------------
mts-simple-booking-form
-----------------------------------------------------*/
.monthly-calendar table {
	width: 100% !important;
}
.monthly-calendar caption {
	margin: 0 0 10px !important;
	padding: 5px 10px;
	font-size: 1rem !important;
	color: #FFF !important;
	background: #5EBABF !important;
	border-radius: 5px;
}
.monthly-calendar th {
	font-size: 1rem !important;
	font-weight: normal !important;
	background: #D5D5D5 !important;
}
.monthly-calendar td {
	background: #EEE !important;
}
a.calendar-daylink {
	text-decoration: none !important;
}
.calendar-mark {
	font-family: "Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",Meiryo,"メイリオ",sans-serif !important;
}
.monthly-next {
	padding: 5px 10px;
	float: right;
	margin-right: 0 !important;
	color: #FFF !important;
	background: #5EBABF !important;
	border-radius: 5px;
}
.monthly-next:after {
	margin-left: 3px;
	font-family: 'FontAwesome';
	content: '\f054';
}
.monthly-prev {
	padding: 5px 10px;
	float: left;
	color: #FFF !important;
	background: #5EBABF !important;
	border-radius: 5px;
}
.monthly-prev:before {
	margin-right: 5px;
	font-family: 'FontAwesome';
	content: '\f053';
}
.monthly-next a,
.monthly-prev a {
	color: #FFF !important;
	text-decoration: none !important;
}

/*-----------------------------------------------------
icon font
-----------------------------------------------------*/
@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?acddd4');
  src:  url('fonts/icomoon.eot?acddd4#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?acddd4') format('truetype'),
    url('fonts/icomoon.woff?acddd4') format('woff'),
    url('fonts/icomoon.svg?acddd4#icomoon') 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: 'icomoon' !important;
  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-twitter2:before {
  content: "\ea98";
}
.icon-rss:before {
  content: "\ea9d";
}
.icon-rss2:before {
  content: "\ea9e";
}
.icon-zoom-in22:before {
  content: "\e989";
}
.icon-gift22:before {
  content: "\e99f";
}
.icon-home:before {
  content: "\e906";
}
.icon-home3:before {
  content: "\e907";
}
.icon-office:before {
  content: "\e908";
}
.icon-newspaper:before {
  content: "\e909";
}
.icon-pencil:before {
  content: "\e90a";
}
.icon-pencil2:before {
  content: "\e90b";
}
.icon-quill:before {
  content: "\e90c";
}
.icon-pen:before {
  content: "\e90d";
}
.icon-image:before {
  content: "\e90e";
}
.icon-images:before {
  content: "\e90f";
}
.icon-film:before {
  content: "\e913";
}
.icon-video-camera:before {
  content: "\e914";
}
.icon-connection:before {
  content: "\e91b";
}
.icon-mic:before {
  content: "\e91e";
}
.icon-book:before {
  content: "\e91f";
}
.icon-books:before {
  content: "\e920";
}
.icon-library:before {
  content: "\e921";
}
.icon-file-text:before {
  content: "\e922";
}
.icon-profile:before {
  content: "\e923";
}
.icon-file-empty:before {
  content: "\e924";
}
.icon-files-empty:before {
  content: "\e925";
}
.icon-file-text2:before {
  content: "\e926";
}
.icon-file-picture:before {
  content: "\e927";
}
.icon-copy:before {
  content: "\e92c";
}
.icon-paste:before {
  content: "\e92d";
}
.icon-stack:before {
  content: "\e92e";
}
.icon-folder:before {
  content: "\e92f";
}
.icon-folder-open:before {
  content: "\e930";
}
.icon-bookmark22:before {
  content: "\e9d2";
}
.icon-bookmarks22:before {
  content: "\e9d3";
}
.icon-price-tag:before {
  content: "\e935";
}
.icon-price-tags:before {
  content: "\e936";
}
.icon-coin-yen:before {
  content: "\e93e";
}
.icon-credit-card:before {
  content: "\e93f";
}
.icon-phone:before {
  content: "\e942";
}
.icon-phone-hang-up:before {
  content: "\e943";
}
.icon-address-book:before {
  content: "\e944";
}
.icon-location:before {
  content: "\e947";
}
.icon-location2:before {
  content: "\e948";
}
.icon-compass:before {
  content: "\e949";
}
.icon-compass2:before {
  content: "\e94a";
}
.icon-map:before {
  content: "\e94b";
}
.icon-map2:before {
  content: "\e94c";
}
.icon-clock:before {
  content: "\e94e";
}
.icon-clock2:before {
  content: "\e94f";
}
.icon-calendar:before {
  content: "\e953";
}
.icon-printer:before {
  content: "\e954";
}
.icon-bubble:before {
  content: "\e96b";
}
.icon-bubbles:before {
  content: "\e96c";
}
.icon-bubbles2:before {
  content: "\e96d";
}
.icon-bubble2:before {
  content: "\e96e";
}
.icon-bubbles3:before {
  content: "\e96f";
}
.icon-bubbles4:before {
  content: "\e970";
}
.icon-user:before {
  content: "\e971";
}
.icon-spinner:before {
  content: "\e97a";
}
.icon-spinner3:before {
  content: "\e97c";
}
.icon-spinner6:before {
  content: "\e97f";
}
.icon-search:before {
  content: "\e986";
}
.icon-zoom-in3:before {
  content: "\e987";
}
.icon-zoom-out:before {
  content: "\e988";
}
.icon-key:before {
  content: "\e98d";
}
.icon-key2:before {
  content: "\e98e";
}
.icon-lock:before {
  content: "\e98f";
}
.icon-unlocked:before {
  content: "\e990";
}
.icon-pie-chart:before {
  content: "\e99a";
}
.icon-stats-dots:before {
  content: "\e99b";
}
.icon-stats-bars:before {
  content: "\e99c";
}
.icon-stats-bars2:before {
  content: "\e99d";
}
.icon-leaf22:before {
  content: "\e9a4";
}
.icon-briefcase:before {
  content: "\e9ae";
}
.icon-accessibility:before {
  content: "\e9b2";
}
.icon-shield:before {
  content: "\e9b4";
}
.icon-clipboard:before {
  content: "\e9b8";
}
.icon-list-numbered:before {
  content: "\e9b9";
}
.icon-list:before {
  content: "\e9ba";
}
.icon-list2:before {
  content: "\e9bb";
}
.icon-tree:before {
  content: "\e9bc";
}
.icon-cloud-download:before {
  content: "\e9c2";
}
.icon-download2:before {
  content: "\e9c5";
}
.icon-sphere:before {
  content: "\e9c9";
}
.icon-earth:before {
  content: "\e9ca";
}
.icon-link:before {
  content: "\e9cb";
}
.icon-attachment:before {
  content: "\e9cd";
}
.icon-contrast:before {
  content: "\e9d8";
}
.icon-star-empty22:before {
  content: "\e9d9";
}
.icon-star-full:before {
  content: "\e9de";
}
.icon-star-half22:before {
  content: "\e9df";
}
.icon-man:before {
  content: "\e9e0";
}
.icon-woman:before {
  content: "\e9e1";
}
.icon-man-woman:before {
  content: "\e9e2";
}
.icon-point-up:before {
  content: "\ea03";
}
.icon-point-right:before {
  content: "\ea04";
}
.icon-point-down:before {
  content: "\ea05";
}
.icon-point-left:before {
  content: "\ea06";
}
.icon-warning:before {
  content: "\ea07";
}
.icon-notification:before {
  content: "\ea08";
}
.icon-question:before {
  content: "\ea09";
}
.icon-plus:before {
  content: "\ea0a";
}
.icon-minus:before {
  content: "\ea0b";
}
.icon-checkmark:before {
  content: "\ea10";
}
.icon-play2:before {
  content: "\ea15";
}
.icon-play3:before {
  content: "\ea1c";
}
.icon-arrow-up-left:before {
  content: "\ea31";
}
.icon-arrow-up:before {
  content: "\ea32";
}
.icon-arrow-up-right:before {
  content: "\ea33";
}
.icon-arrow-right:before {
  content: "\ea34";
}
.icon-arrow-down-right:before {
  content: "\ea35";
}
.icon-arrow-down:before {
  content: "\ea36";
}
.icon-arrow-down-left:before {
  content: "\ea37";
}
.icon-arrow-left:before {
  content: "\ea38";
}
.icon-arrow-right2:before {
  content: "\ea3c";
}
.icon-arrow-down2:before {
  content: "\ea3e";
}
.icon-circle-up:before {
  content: "\ea41";
}
.icon-circle-right:before {
  content: "\ea42";
}
.icon-circle-down:before {
  content: "\ea43";
}
.icon-circle-left:before {
  content: "\ea44";
}
.icon-checkbox-checked:before {
  content: "\ea52";
}
.icon-share:before {
  content: "\ea7d";
}
.icon-share2:before {
  content: "\ea82";
}
.icon-mail:before {
  content: "\ea83";
}
.icon-mail4:before {
  content: "\ea86";
}
.icon-amazon:before {
  content: "\ea87";
}
.icon-google:before {
  content: "\ea88";
}
.icon-google2:before {
  content: "\ea89";
}
.icon-google3:before {
  content: "\ea8a";
}
.icon-google-plus:before {
  content: "\ea8b";
}
.icon-google-plus2:before {
  content: "\ea8c";
}
.icon-google-drive:before {
  content: "\ea8f";
}
.icon-facebook:before {
  content: "\ea90";
}
.icon-facebook2:before {
  content: "\ea91";
}
.icon-instagram22:before {
  content: "\ea92";
}
.icon-whatsapp:before {
  content: "\ea93";
}
.icon-twitter3:before {
  content: "\ea96";
}
.icon-rss3:before {
  content: "\ea9b";
}
.icon-rss22:before {
  content: "\ea9c";
}
.icon-youtube22:before {
  content: "\ea9f";
}
.icon-dropbox:before {
  content: "\eaae";
}
.icon-onedrive:before {
  content: "\eaaf";
}
.icon-wordpress:before {
  content: "\eab4";
}
.icon-paypal:before {
  content: "\ead8";
}
.icon-file-pdf:before {
  content: "\eadf";
}
.icon-file-word:before {
  content: "\eae1";
}
.icon-file-excel:before {
  content: "\eae2";
}
.icon-libreoffice:before {
  content: "\eae3";
}
.icon-instagram3:before {
  content: "\ea97";
}
.icon-line2_icn:before {
  content: "\e910";
}
.icon-line_icn:before {
  content: "\e903";
}
.icon-icn_call:before {
  content: "\e900";
}
.icon-icn_contact2:before {
  content: "\e904";
}
.icon-icn_contact:before {
  content: "\e901";
}