@charset "utf-8";

/*============================================================ 
　共通設定
============================================================*/
/*IE*/
@font-face {
	font-family: mplus-1p-regular;
	src: url("fonts/mplus-1p-regular.eot");
}

@font-face {
	font-family: mplus-1p-midium;
	src: url("fonts/mplus-1p-medium.eot");
}

@font-face {
	font-family: mplus-1p-bold;
	src: url("fonts/mplus-1p-bold.eot");
}

@font-face {
	font-family: mplus-1p-light;
	src: url("fonts/mplus-1p-light.eot");
}

/* Firefox, Opera, Safari */
@font-face {
	font-family: mplus-1p-regular;
	src: url("fonts/mplus-1p-regular.ttf") format("truetype")
}

@font-face {
	font-family: mplus-1p-medium;
	src: url("fonts/mplus-1p-medium.ttf") format("truetype")
}

@font-face {
	font-family: mplus-1p-bold;
	src: url("fonts/mplus-1p-bold.ttf") format("truetype")
}

@font-face {
	font-family: mplus-1p-light;
	src: url("fonts/mplus-1p-light.ttf") format("truetype")
}

body,
p,
span,
ul,
dl,
a,
span {
	font-family: 'mplus-1p-regular', "メイリオ", Meiryo, Osaka, "Courier New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	color: #231815;
}

.preloader .pre-bounce1,
.preloader .pre-bounce2 {
	background-color: #009EE3 !important;
}

.margin_b_50 {
	margin-bottom: 50px;
}

h2,
h3,
.entry-title {
	font-family: 'mplus-1p-bold', "メイリオ", Meiryo, Osaka, "Courier New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	letter-spacing: 2px;
	color: #333;
	line-height: 1.6 !important;
}

h2,
.entry-title {
	text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,
		#fff 1px -1px 10px, #fff -1px -1px 10px;
}

.site-title a,
.site-title a span {
	font-family: 'mplus-1p-regular', "メイリオ", Meiryo, Osaka, "Courier New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
	font-size: 20px !important;
	line-height: 1.6;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

.site-title a .sora {
	letter-spacing: 3px;
	color: #fff;
}

.site-title a .s-title {
	color: #fff;
}

.site-title a:hover,
.site-title a span:hover {
	color: #009EE3;
}

.header-wrap {
	text-shadow: rgba(0, 0, 0, 0.7) 1px 1px 5px;
}

.wp-custom-header-video-button {
	z-index: 100;
}

.subtitle {
	color: #009EE3;
	margin-bottom: 50px;
	text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,
		#fff 1px -1px 10px, #fff -1px -1px 10px;
}

.subtitle.tac {
	text-align: center;
}

.subtitle.c_title {
	margin-bottom: 0;
}

.visible-sm {
	display: none;
}

.top-logo {
	margin-bottom: 50px;
}

.sow-carousel-title a.sow-carousel-next,
.sow-carousel-title a.sow-carousel-previous {
	font-family: 'carousel-arrows' !important;
}

.sydney-hero-area {
	position: relative;
	overflow: hidden;
	max-width: 1920px;
	margin: 0 auto;
	max-height: 1080px;
}

.dot_overlay {
	background-image: url(img/subtle-dots.png);
	position: absolute;
	height: 100%;
	width: 100%;
	z-index: 100;
}

/*
.logo-area {
    
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    }
*/
.cont {
	display: block;
}

#menu-item-400 {
	display: none;
}

.typing {
	position: absolute;
	top: 50%;
	left: 50%;
	z-index: 101;
	transform: translateY(-50%) translateX(-50%);
	font-size: 56px;
	font-family: 'mplus-1p-bold', "メイリオ", Meiryo, Osaka, "Courier New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	text-align: center;
	text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,
		#fff 1px -1px 10px, #fff -1px -1px 10px;
}

.container-fluid {
	padding-left: 0;
	padding-right: 0;
}

.content-wrapper {
	padding: 30px 0;
}

section {
	padding-top: 30px;
	padding-bottom: 30px;
}

.page-wrap .row {
	padding-right: 15px;
	padding-left: 15px;
}

#masthead.site-header.float-header {
	padding-top: 15px;
	padding-bottom: 15px;
	background: rgba(51, 40, 35, 0.75);
}

/*
#text_sora,#text_yoga,#text_studio{stroke:#000; stroke-width:0.2px; fill:transparent; stroke-dasharray:1425px; stroke-dashoffset:1425px; animation:anim 2.8s ease-in 1s forwards;}
    @keyframes anim{
    0%{stroke-dashoffset:1425px;}
    30%{fill:transparent;}
    60%{stroke-dashoffset:0;}
    100%{stroke-dashoffset:0; fill:#000000;}
    }
.cls-1{stroke:#000; stroke-width:1px; fill:transparent; stroke-dasharray:1425px; stroke-dashoffset:1425px; animation:anim2 4s ease-in 0s forwards;}
    @keyframes anim2{
    0%{stroke-dashoffset:1425px;}
    30%{fill:transparent;}
    60%{stroke-dashoffset:0;}
    100%{stroke-dashoffset:0; fill:rgba(255,255,255,0.7);}
    }
.cls-3{stroke:#000; stroke-width:1px; fill:transparent; stroke-dasharray:1425px; stroke-dashoffset:1425px; animation:anim3 4s ease-in 1.3s forwards;}
    @keyframes anim3{
    0%{stroke-dashoffset:1425px;}
    30%{fill:transparent;}
    60%{stroke-dashoffset:0;}
    100%{stroke-dashoffset:0; fill:#000000;}
    }
*/
.news .text-center {
	margin-top: 20px;
}

.entry-content {
	background-color: #fff;
}

#welcome {
	background-image: url(img/subtle-dots.png), url(img/bg_00.jpg);
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	background-attachment: scroll, fixed;
	min-height: 350px;
}

#welcome .title-group,
#welcome .text {
	text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px,
		#fff 1px -1px 10px, #fff -1px -1px 10px;
}

#welcome .entry-title {
	line-height: 1.6;
}

#welcome .text {
	line-height: 2;
	font-size: 15px;
}

#about {
	background-image: url(img/subtle-dots.png), url(img/bg_02.jpg);
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	background-attachment: scroll, fixed;
}

#about .post {
	background: rgba(255, 255, 255, 0.8);
	padding-top: 30px;
	padding-bottom: 20px;
	border-radius: 70px;
	margin-bottom: 30px;
}

#about h4 {
	margin-bottom: 20px;
}

#about .post h3 {
	padding-top: 60px;
	line-height: 1.7;
}

#about .post .pad {
	padding-top: 20px;
}

#instructor {
	background-image: url(img/subtle-dots.png), url(img/bg_04.jpg);
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	background-attachment: scroll, fixed;
	background-position: center top, left top;
}

#instructor .text {
	background: rgba(255, 255, 255, 0.8);
	padding: 20px 30px 30px;
	border-radius: 30px;
}

#instructor .catch {
	color: #009EE3;
}

#instructor .photo img {
	filter: drop-shadow(3px 3px 10px rgba(51, 40, 35, 0.3));
	max-width: 334px;
}

#instructor ul.row {
	padding: 20px 30px;
	box-sizing: border-box;
	border-radius: 30px;
	background: rgba(255, 255, 255, 0.75);
	list-style: none;
	width: 92%;
	margin: 0 auto;
	font-size: 12px;
}

.o_inst {
	background-image: url(img/subtle-dots-dark.png), url(img/bg_06.jpg);
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	background-attachment: scroll, fixed;
	padding-bottom: 80px;
}

.o_inst .row div {
	padding-bottom: 50px;
}

/*.o_inst img {
    margin-bottom: 20px;
}
*/
.o_inst .panel-row-style {
	padding-bottom: 80px !important;
}

.o_inst .row a {
	color: #fff;
	font-family: 'mplus-1p-bold', "メイリオ", Meiryo, Osaka, "Courier New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.o_inst .row a:hover {
	color: #009EE3;
}

.roll-team .team-item .team-pop a {
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.avatar {
	border-radius: 150px;
	overflow: hidden;
}

.roll-team .team-inner,
.roll-team .team-item .team-pop {
	border-radius: 50%;
}

.roll-team .team-item .team-pop .name .more {
	font-family: 'mplus-1p-bold', "メイリオ", Meiryo, Osaka, "Courier New", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 18px;
	color: #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 10px 30px;
}

.roll-team .team-item .team-pop {
	background-color: rgba(0, 158, 227, 0.8);
}

.roll-team .team-item .team-pop .team-info {
	top: 43% !important;
}

.roll-team .team-inner {
	padding: 0 !important;
	overflow: hidden;
}

.o_inst a:hover,
.o_inst a:focus {
	color: #009EE3;
}

#class {
	background-image: url(img/subtle-dots.png), url(img/bg_07.jpg);
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	background-attachment: scroll, fixed;
}

#class a {
	color: #fff;
}

#class a:hover,
#class a:focus {
	color: #23527c;
	text-decoration: none;
	outline: 0;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#class .btn,
#page .btn {
	margin-right: 10px;
	margin-left: 10px;
	margin-bottom: 20px;
}

#class .container h2 {
	margin-bottom: 50px;
	line-height: 1.7;
}

#class .seeds li {
	margin-bottom: 15px;
	color: #fff;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-ms-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out;
}

#class .row {
	margin-right: 0;
	margin-left: 0;
}

h3.class-title {
	position: relative;
	text-align: center;
	text-shadow: #fff 1px 1px 10px, #fff -1px 1px 10px, #fff 1px -1px 10px, #fff -1px -1px 10px;
	padding-bottom: 10px;
	margin-bottom: 20px;
}

h3.class-title:after {
	content: "";
	display: block;
	position: absolute;
	height: 2px;
	width: 30px;
	background: #0096bf;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
}

#price {
	background-image: url(img/subtle-dots.png), url(img/bg_09.jpg);
	background-repeat: repeat, no-repeat;
	background-size: auto, cover;
	background-attachment: scroll, fixed;
}

#price .row {
	margin-left: -15px !important;
	margin-right: -15px !important;
}

#price .school {
	font-size: 16px;
}

#price .school .point {
	background-color: #0096bf;
	color: #fff;
	padding: 2px 5px;
	margin-right: 10px;
	border-radius: 5px;
}

#price .school .hosoku {
	font-size: 12px;
}

#price .single .entry a:hover {
	color: #fff;
}

#price .groupless div .yoga {
	padding-right: 20px;
}

#price .groupless div .mama {
	font-size: 16px;
}

#price .groupless div .lh_12 {
	line-height: 1.2;
	padding-top: 14px;
}

#price .single dl {
	background: rgba(59, 45, 38, 0.7);
	border-radius: 30px;
	padding: 25px;
	margin: 0 auto 30px;
	width: 230px;
}



/*============================================================
	Google Maps
==============================================================*/

#google-map {
	padding: 0;
}

#map-canvas iframe {
	width: 100%;
	height: 230px;
	vertical-align: bottom;
}

#addinfo {
	background-color: #eaf0f5;
	padding-bottom: 0;
	padding-top: 0;
}

#addinfo .add {
	background: #eaf0f5;
	padding: 35px 40px;
	border-left: 1px solid #fff;
}

#addinfo .add i {
	margin-right: 5px;
}

#add-info {
	padding: 0;
	margin: 0;
}

#add-info .row {
	padding: 0;
	margin: 0;
	border-right: 1px solid #fff;
}

#add-info .text-center {
	padding-top: 27px;
}

.s2_message {
	font-weight: bold;
	padding: 5px;
	border: 2px solid #f00;
}

.contact-details h3 {
	font-size: 20px;
	letter-spacing: normal;
}

.contact-details .sub.pink {
	color: #e03279;
}

.studio-add {
	background-color: #f3f3f3;
}

.studio-add .add {
	background-color: #f3f3f3;
	padding: 15px;
}

/*カラーの設定*/
button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	position: relative;
	display: inline-block;
	font-family: "mplus-1p-regular", sans-serif;
	font-size: 13px;
	line-height: 24px;
	font-weight: 700;
	padding: 12px 34px;
	color: #fff;
	text-transform: uppercase;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	-ms-transition: all 0.3s;
	-o-transition: all 0.3s;
	transition: all 0.3s;
}

a {
	color: #009EE3;
}

h1 a,
h2 a,
h3 a,
h4 a,
h5 a,
h6 a {
	color: #009EE3;
}

.text-color {
	color: #009EE3;
}

button,
input[type="button"],
input[type="reset"],
input[type="submit"] {
	background-color: rgba(0, 158, 227, 0.8);
	border: 1px solid #009EE3;
}

button:hover,
input[type="button"]:hover,
input[type="reset"]:hover,
input[type="submit"]:hover {
	background-color: transparent;
	color: #009EE3;
}

.btn a {
	color: #fff;
}

#mainnav ul li a:hover {
	color: #009EE3 !important;
}

textarea:focus,
input[type="text"]:focus,
input[type="password"]:focus,
input[type="datetime"]:focus,
input[type="datetime-local"]:focus,
input[type="date"]:focus,
input[type="month"]:focus,
input[type="time"]:focus,
input[type="week"]:focus,
input[type="number"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="search"]:focus,
input[type="tel"]:focus,
input[type="color"]:focus {
	border: 1px solid #009EE3;
}

#mainnav>ul>li>a.active,
#mainnav>ul>li>a:hover {
	color: #009EE3 !important;
}

#mainnav ul li ul:after {
	background-color: #009EE3;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

#mainnav .sub-menu li:hover>a {
	background-color: #009EE3;
}

.error-wrap #search-submit:hover {
	background-color: #009EE3;
	border-color: #009EE3;
}

.text-slider .maintitle:after {
	background-color: #009EE3;
}

.content-area .hentry:after {
	background-color: #009EE3;
}

.hentry .meta-post a:hover {
	color: #009EE3;
}

.hentry blockquote {
	border-left: 3px solid #009EE3;
}

.blog-pagination ul li {
	border: 1px solid #009EE3;
}

.blog-pagination ul li.active,
.blog-pagination ul li:hover a {
	background-color: #009EE3;
}

.sidebar .widget:before {
	background-color: #009EE3;
}

.widget-tags .tag-list a:hover {
	border: 1px solid #009EE3;
}

.comment .comment-detail {
	border: 1px solid #009EE3;
}

.bottom .socials li:hover a,
.go-top {
	background-color: rgba(0, 158, 227, 0.8);
	;
}

.go-top:hover {
	color: #009EE3;
}

.switcher-container .switcher-icon a:focus {
	color: #009EE3;
}

.owl-theme .owl-controls .owl-page span {
	border: 2px solid #009EE3;
}

.owl-theme .owl-controls .owl-page.active span,
.owl-theme .owl-controls.clickable .owl-page:hover span {
	background-color: #009EE3;
}

.roll-icon-box .icon {
	border: 1px solid #009EE3;
}

.roll-icon-box .icon i,
.roll-icon-box .content h3 a:hover {
	color: #009EE3;
}

.roll-icon-box.white .icon {
	background-color: #009EE3;
}

.roll-icon-box.white .content h3 a {
	color: #009EE3;
}

.roll-icon-list .icon {
	border: 1px solid #009EE3;
}

.roll-icon-list .icon i,
.roll-icon-list .content h3 a:hover {
	color: #009EE3;
}

.roll-button {
	background-color: #009EE3;
	border: 1px solid #009EE3;
}

.roll-button:hover {
	color: #009EE3;
}

.roll-button.border {
	color: #009EE3;
	border: 1px solid #009EE3;
}

.roll-button.border:hover {
	background-color: #009EE3;
}

.roll-button.light:hover {
	border: 1px solid #009EE3;
	background-color: #009EE3;
}

.project-filter li a.active,
.project-filter li a:hover {
	background-color: #009EE3;
}

.roll-testimonials .name {
	font-family: "mplus-1p-regular", sans-serif;
	font-size: 18px;
	font-weight: 500;
	color: #009EE3;
}

.roll-project .project-item .project-pop {
	background-color: #009EE3;
}

.roll-socials li a {
	border: 1px solid #009EE3;
}

.roll-socials li a:hover {
	background-color: #009EE3;
	border: 1px solid #009EE3;
}

.roll-infomation li.address:before,
.roll-infomation li.phone:before,
.roll-infomation li.email:before {
	color: #009EE3;
}

.roll-progress .progress-animate {
	background-color: #009EE3;
}

.roll-team .team-item .team-pop .team-social li:hover a {
	color: #009EE3;
}

.roll-team .team-content .name {
	color: #009EE3;
}

#footer {
	background: url(img/bg_footer.gif);
	padding: 40px 0;
	color: #fff;
	clear: both;
}

#footer .container {
	padding: 0 70px;
	overflow: hidden;
}

#footer .logo {
	float: right;
	text-align: right;
	width: 20%;
}

#footer .info {
	float: left;
	width: 80%;
}

#footer ul {
	list-style: none;
	border-bottom: 1px solid #fff;
	margin: 0 0 15px;
	padding: 0 0 10px;
	overflow: hidden;
}

#footer ul li {
	list-style: none;
	margin-right: 20px;
	float: left;
}

#footer ul a {
	font-size: 12px;
	color: #fff;
	padding-left: 12px;
	background: url(img/arrow.png) no-repeat left center;
}

#footer small {
	line-height: 1;
	font-size: 10px;
	color: #fff;
}

/* 下層ページの設定 */
.c-section {
	clear: both;
	overflow: hidden;
	margin-bottom: 50px;
}

.page-wrap {
	padding-bottom: 0 !important;
}

#secondary input[type="submit"] {
	margin-bottom: 10px;
}

#secondary .widget-title {
	letter-spacing: 0;
}

.member .m-photo {
	margin-bottom: 50px;
}

.member .intro {
	margin-bottom: 20px;
	line-height: 1.9;
}

.member .m-name {
	text-align: center;
	margin-bottom: 50px;
}

.member .en {
	color: #009EE3;
}

.member .kan {
	font-size: 20px
}

.member ul {
	list-style: none;
	padding: 0;
	border-bottom: 1px solid #efefef;
	margin-bottom: 70px;
}

.member .shikaku {
	background-color: #efefef;
	border-radius: 30px;
	padding: 20px;
	margin-bottom: 20px;
	border: 5px solid #fff;
}

.member li {
	padding-bottom: 15px;
}

.sp_none {
	display: block;
}

.pc_none {
	display: none;
}

.hentry .title-post {
	text-align: center;
}

.classinfo .row {
	padding-bottom: 30px;
	padding-top: 60px;
	border-bottom: 1px solid #efefef;
}

.classinfo #guasha {
	border-bottom: none;
}

.classinfo .c-title span {
	font-size: 14px;
	color: #009EE3
}

.nand span {
	background-color: #009EE3;
	padding: 2px 10px;
	color: #fff;
	border-radius: 5px;
}

#page .campain {
	margin: 0 auto;
	padding: 20px;
	width: 84%;
	box-sizing: border-box;
	border-radius: 20px;
	background-color: #efefef;
}

#page .u_line {
	margin-bottom: 30px;
	position: relative;
}

.page-id-113 .u_line:after,
.page-id-328 .u_line:after,
.page-id-167 .u_line:after {
	content: "";
	position: absolute;
	background-color: #009EE3;
	width: 80px;
	height: 2px;
	bottom: -10px;
	left: 2px;
}

#page .message {
	padding: 20px 30px;
	box-sizing: border-box;
	border-radius: 20px;
	background-color: #eef8f8;
	font-size: 15px;
}

#page .tri {
	list-style: none;
}

#page .tri .box {
	background: url(img/bg_faq.gif);
	padding: 30px 20px;
	margin-bottom: 20px;
	border-radius: 30px;
}

.tri .img {
	margin-bottom: 20px;
}

.tri h4 {
	font-weight: bold;
	margin-bottom: 20px;
}

.prof {
	background: url(img/bg_faq.gif);
	padding: 15px 15px 20px 35px;
	border-radius: 30px;
	width: 300px;
}

.kids p img {
	margin-bottom: 30px;
}

.aboutimg {
	margin-bottom: 20px;
}

#wp-cutom-header {
	min-height: 700px;
	z-index: 0;
	margin: 0;
	padding: 0;
}

#wp-cutom-header-video2 {
	position: absolute;
	top: 0;
	left: 0;
	min-width: 100%;
	min-height: 100%;
	z-index: 1;
}

@-moz-document url-prefix() {
	.calender::before {
		top: 12px;
	}

	.site-title a,
	.site-title a span {
		font-size: 18px !important;
	}
}

@supports (-ms-ime-align:auto) {

	#welcome,
	#about,
	#instructor,
	.o_inst,
	#class,
	#price {
		background-attachment: scroll, scroll !important;
	}
}

@media screen\0 {

	#welcome,
	#about,
	#instructor,
	.o_inst,
	#class,
	#price {
		background-attachment: scroll, scroll !important;
	}
}

/*

*::-webkit-media-controls-panel {
  display: none!important;
  -webkit-appearance: none;
}

*::--webkit-media-controls-play-button {
  display: none!important;
  -webkit-appearance: none;
}

*::-webkit-media-controls-start-playback-button {
  display: none!important;
  -webkit-appearance: none;
}*/



/*============================================================ 
	Responsive Styles
 ============================================================*/
@media (min-width: 1200px) {
	.contactpage {
		width: 960px !important;
		margin: 0 auto;
	}
}

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

	.page .page-wrap .content-wrapper,
	.single .page-wrap .content-wrapper {
		padding-right: 0;
		padding-left: 0;
	}

	#mainnav-mobi ul>li>a:hover {
		background-color: #efefef;
		color: #333;
	}

	#mainnav-mobi ul.sub-menu>li>a {
		padding: 10px 60px !important;
	}

	#wp-cutom-header {
		min-height: 430px;
	}

	.site-title {
		font-size: 16px !important;
	}

	.wp-custom-header .wp-custom-header-video-button {
		display: none;
	}

	.typing {
		font-size: 40px;
	}

	.container-fluid {
		padding-left: 15px;
		padding-right: 15px;
	}

	.row {
		margin-right: -15px;
		margin-left: -15px;
	}

	.sp_none {
		display: none;
	}

	.pc_none {
		display: inline;
	}

	#about .post h3 {
		padding-top: 0 !important;
	}

	#mainnav-mobi {
		width: 320px !important;
		right: 0;
		top: 36px !important;
	}

	.btn-submenu:before {
		font-family: fontawesome;
	}

	.btn-menu {
		margin-top: -6px !important;
	}

	.calender_p {
		position: relative;
	}

	.calender {
		min-width: 24px;
		height: auto;
		display: inline-block;
	}

	.calender:before {
		font-family: fontawesome;
		content: "\f073";
		color: #fff;
		font-size: 25px;
		position: absolute;
		top: -3px;
	}

	.menubar .btn-menu {
		float: none;
	}

	.visible-sm {
		display: block;
	}

	/*.cont {
		display: none;
	}*/
	#menu-item-400 {
		display: block;
	}

	.menu>li a:hover:before {
		display: none;
	}

	.chiemi_p {
		text-align: center;
	}

	#footer .container {
		padding: 0 40px;
	}

	#footer ul li {
		margin-bottom: 8px;
	}

	#footer .logo {
		width: 30%;
	}

	#footer .info {
		width: 70%;
	}

	#chiemi .intro {
		text-align: left
	}

	header .info {
		z-index: 101;
	}

	.magazine {
		text-align: center;
	}
}

@media screen and (max-width: 550px) {
	#wp-cutom-header {
		min-height: 200px;
	}

	#addinfo .add {
		border-left: none;
	}

	#addinfo {
		padding-bottom: 0;
	}

	.hentry .title-post {
		font-size: 28px !important;
	}

	select,
	textarea,
	input[type="text"],
	input[type="password"],
	input[type="datetime"],
	input[type="datetime-local"],
	input[type="date"],
	input[type="month"],
	input[type="time"],
	input[type="week"],
	input[type="number"],
	input[type="email"],
	input[type="url"],
	input[type="search"],
	input[type="tel"],
	input[type="color"] {
		max-width: 100%;
	}

	.typing {
		font-size: 24px;
	}

	#about .post .col-md-6 {
		padding-right: 10px;
		padding-left: 10px;
	}
}

@media screen and (max-width: 400px) {
	header .info {
		top: 150px;
	}
}

@media screen and (max-width: 320px) {
	.typing {
		width: 200px;
		font-size: 20px;
	}
}