@charset "UTF-8";
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font: inherit;
	font-size: 100%;
	vertical-align: baseline;
}
html {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
	vertical-align: middle;
}
q, blockquote {
	quotes: none;
}
q:before, q:after, blockquote:before, blockquote:after {
	content: "";
	content: none;
}
a img {
	border: none;
}
* {
	box-sizing: border-box;
}
/* HTML5
-------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {
	display: block;
}
audio, canvas, video {
	display: inline-block;
 *display: inline;
 *zoom: 1;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
[hidden] {
	display: none;
}
ol, ul {
	list-style: none;
}
:focus {
	outline: 0;
}
input[type=text], input[type=password], input[type=submit], textarea, select {
	-moz-appearance: none;
	-webkit-appearance: none;
}
.clearfix:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	font-size: 0;
	height: 0;
}
.clearfix {
*display:inline-block;
	height: 1%;
}
.clear {
	clear: both;
	display: block;
	font-size: 0;
	height: 0;
	line-height: 0;
	width: 100%;
}
article, aside, details, .overlaycaption, figure, footer, header, hgroup, menu, nav, section, dialog {
	display: block;
}
audio, canvas, video {
	display: inline-block;
*display:inline;
*zoom:1;
}
audio:not([controls]) {
	display: none;
}
[hidden] {
	display: none;
	visibility: hidden;
}
* {
	box-sizing: border-box;
}
html {
	height: 100%;
	font-size: 100%;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
	position: relative;
}
body {
	letter-spacing: 0.02em;
	font-size: 16px;
	line-height: 1.8;
	text-align: left;
	position: relative;
	height: 100%;
	margin: 0;
	background-position: center;
	background: #fff;
	color: #333;
	text-align: justify;
	text-justify: inter-ideograph;
	font-weight: 400;
	font-family: meiryo,"游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	}


::selection {
	background:  #e1eaff;
}
::-moz-selection {
background: #e1eaff;
}
::-webkit-selection {
background: #e1eaff;
}
h1, h2, h3, h4, h5, h6 {
	margin: 2.5em 0 1.5rem;
	line-height: 1.2;
}
h1 {
	font-size: 1.6rem;
}
h2 {
	font-size: 24px;
	/* text-align: center; */
	border-bottom: solid 2px #ec6d00;
	padding-bottom: 6px;
}
h3 {
	font-size: 20px;
	font-weight: 600;
}
h4 {
	font-size: 1.1rem
}
h5 {
}
h6 {
}
h1 b, h2 b, h3 b, h4 b, h5 b, h6 b, h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong {
	font-weight: 700;
}
div h1, div h2, div h3, div h4, div h5, div h6 {
}
div h1:first-child, div h2:first-child, div h3:first-child, div h4:first-child, div h5:first-child, div h6:first-child, .spacer + h1, .spacer + h2, .spacer + h3, .spacer + h4, .spacer + h5, .spacer + h6 {
/* margin-top: 0px !important; */
}
::-webkit-input-placeholder {
color:#aaa;
}
:-moz-placeholder {
color:#aaa;
}
::-moz-placeholder {
color:#aaa;
}
:-ms-input-placeholder {
color:#aaa;
}
input[type=text], input[type=password], input[type=email], textarea {
	font-weight: 300;
	background: #eee;
	border: none;
	height: 30px;
	padding: 6px 10px;
	transition: all 200ms linear;
	border-radius: 2px;
	-moz-border-radius: 2x;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
	font-size: 15px;
}
input[type=text]:focus, input[type=password]:focus, input[type=email]:focus, textarea:focus {
	background: #e1eaff
}
input.false[type=text], input.false[type=password]:focus, input.false[type=email], textarea.false {
}
input[type=text], input[type=password], input[type=email] {
	/* width: 100%; */
	max-width: 100%;
}
textarea {
	width: 100%;
	min-height: 100px;
	max-width: 100%;
}
 
select {
	border: 1px solid #d9d9d9;
	font-size: 14px;
	font-weight: 300;
	height: 44px;
	width: auto;
	padding: 8px;
	color: #b2b2b2;
	border-radius: 0px;
	-moz-border-radius: 0x;
	-khtml-border-radius: 0px;
	-webkit-border-radius: 0px;
}
select:hover {
	border-color: #1467b5;
}
select option {
	cursor: pointer;
	padding: 5px 7px;
}
label {
	/* line-height: 24px; */
	/* margin-bottom: 5px; */
	/* width: 100%; */
	/* color: #1467b5; */
	/* font-size: 12px; */
	/* font-weight: 400; */
	/* text-transform: uppercase; */
	/* letter-spacing: 0.15em; */
}
a {
	text-decoration: none;
	cursor: pointer;
	-webkit-tap-highlight-color: rgba(0,0,0,0.0);
	color: #ec6d00;
	border-round: 20px;
}
img, object, video {
	max-width: 100%;
	height: auto;
	display: inline-block;
	margin: 0;
	vertical-align: top;
}
img {
	max-width: 100%;
	border: 0;
	-ms-interpolation-mode: bicubic;
}
p img {
}
p img:first-child {
}
ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
ul.list{
	list-style:circle;
	margin:1.67em;
}
.list-box{
	margin-left:0;
}
.list-box li{
	 list-style: none;
	 counter-reset: number;
	 background:#fff;
	 margin: 1em 0;
	 padding:1em;
&:before {
	 counter-increment: number;
	 content: counter(number);
	 background: #ab5078;
	 display: inline-block;
	 width: 2em;
	 height: 2em;
	 text-align: center;
	 border-radius: 50%;
	 color: #fff;
	 margin-right: .3em;
}
 >
	 ol {
            counter-reset: number;
	 list-style: none;
	 li {
                &:before {
                    content: counter(number);
	 background: #CA7F9F;
                }
            }
 }
	 border: saddlebrown;
	 border: solid 1px #e2ded7;
}


div ul:first-child, li ul:first-child {
	margin-top: 0px;
}
ol {
	margin: 2em;
	margin-left: 30px;
	list-style: decimal;
}
div ol:first-child, li ol:first-child {
	margin-top: 0px;
}
ul li, ol li {
	line-height:1.3;
	margin-bottom:.67em;
}
ul li:first-child, ol li:first-child {
	margin-top: 0px;
}
ul.list-nostyle {
	list-style: none !important;
	margin-left: 0 !important;
}
ul.list-nostyle li > .fa {
	margin-right: 10px;
}
p {
	margin-bottom: 1.67em;
	/* margin-top: 1.67em; */
}
div p:first-child {margin-top: 0px;}
strong, b, dt {
	font-weight: bold;
}
i, dfn, em {
	font-style: italic;
}
strong i, b i, dt i, strong em, b em, dt em {
	font-style: italic;
	font-weight: 700;
}
blockquote {
	margin: 60px;
	margin-top: 40px;
	font-size: 20px;
	line-height: 34px;
	color: #666;
	font-style: italic;
}
pre, code {
	padding: 3px 0 3px 20px;
	margin-left: 20px;
	margin-top: 20px;
	font-size: 11px;
	line-height: 16px;
	display: block;
	border-left: 2px solid #d9d9d9;
	white-space: inherit;
}
/*---------------------------------
	Layout
-----------------------------------*/
#container {}
/*---------------------------------
	Header
-----------------------------------*/



#header {
	position: fixed;
	width: 100%;
	top: 0;
	width: 100%;
	z-index: 100;
	height: 46px;
	left: 0;
	box-shadow: 5px 0px rgba(0,0,0,0.1);
}
#header .logo {
	position: fixed;
	top: 10px;
	left: 18px;
	display:none;
	-webkit-transition: left .6s cubic-bezier(.5, .5, .5, 1);
	transition: left .6s cubic-bezier(.5, .5, .5, 1);
}
#header .logo img {
	height: 32px;
	width:auto;
}
.is_open #header .logo {
	left: -170px;
}
.header {
	position: fixed;
	height: 100%;
	padding: 0px 0px;
	background: #fff;
	z-index: 10001;
	width: 270px;
	left: 0;
	right: auto;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: all 0.6s cubic-bezier(0.42, 0.02, 0.33, 1.05);
	font-size: 0.7rem;
	overflow-y: none;
	display:flex;
	flex-direction:column;
	-webkit-justify-content: space-between; /* Safari */
	justify-content:         space-between;
	box-shadow: 0px 0px 0px 2px rgba(0, 0,0 ,.1);
}
.header-logo {
	padding: 60px 0px 0px 0;
	width: 100%;
	text-align: center;
}
.header-logo p{
    text-align: left;
    line-height: 1.3;
    margin: 15px 0 0 0;
    font-size: 11px;
}

.header-logo img{
	width: 100px;
}
.logo {
	text-align: center;
	padding:20px;
}
.logo:after{
	display:none;
}

.logo img{
	width: 120px;
	clear: both;
	display: block;
	margin: auto;
}
#footer .logo img{
	width: 150px;
	clear: both;
	display: block;
	margin: auto;
}
#gnav {
}
.navi ul {font-weight: 300;width: 100%;padding: 0 0px 0 40px;}
.navi  ul li {
	margin: 0;
	padding: 0;
	position: relative;
	overflow: hidden;
}
.navi ul li a {
	font-size: 13px;
	letter-spacing: .1em;
	padding: 20px 8px 10px 0;
	display: inline-block;
	width: auto;
	line-height: 1.5;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	position: relative;
	text-align: left;
	font-weight: bold;
	/* text-transform: uppercase; */
	color: #222;
}
.navi ul li.last a{
}
.navi ul li.active a,
{
	color: #ffffff;
}


.navi ul li a:before {
	content: '';
	background: #ec6d00;
	width: 92%;
	bottom: 8px;
	height: 2px;
	position: absolute;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	transition: -webkit-transform .4s 0s ease-out;
	transition: transform .4s 0s ease-out;
	transition: transform .4s 0s ease-out, -webkit-transform .4s 0s ease-out;
	left: 1px;
}
 
.navi ul li:hover a:before,
.navi ul li.active a:before,
.navi ul li a.active:before{
	-webkit-transform: scaleX(1);
	transform: scaleX(1);
}
.navi ul li .sub-menu{
	z-index: 1;
	overflow-y: hidden;
	-webkit-transition: all 1s ease-out;
	-moz-transition: all 1s ease-out;
	-ms-transition: all 1s ease-out;
	-o-transition: all 1s ease-out;
	transition: all 1s ease-out;
	max-height:0;
}
.navi ul li .sub-menu li a{
	text-transform: inherit;
}
.navi ul li a:hover,
.navi ul li .sub-menu li a:hover{
	/* background: rgba(139, 216, 209, .3); */
}

.navi li:hover .sub-menu,
.navi li.active .sub-menu,
.navi li.parentsLink .sub-menu{
	opacity:1;
	height: auto;
	max-height: 500px;
}
.navi li .sub-menu .active{
}

.snav {
}
.header .nav-social {
	/* position: fixed; */
	/* bottom: 60px; */
	/* left: 0; */
	/* z-index: 100; */
	/* text-align: center; */
	/* width: 240px; */
	margin-bottom: 10px;
}


.header .nav-social ul{
	width: 100%;
	/* display: block; */
	margin-left:38px;
}
.header .nav-social li {
	display: inline-block;
	font-size: 20px;
	/* text-align: center; */
	/* width: 50%; */
}
.header .nav-social li a {
	padding:0 16px 0 0;
}
.header .nav-social li a:hover{background-color: white;}

.header .nav-social li.facebook a{/* color:#3b5998; */}

.header .nav-social li.twitter a{
color:#00aced}


.header .nav-language {
	margin: 10px 0 0 -5px;
	color: #27bbc5;
}
.header .nav-language a {
	line-height: 1;
	height: 24px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	/* display: flex; */
	/* justify-content: center; */
	/* align-items: center; */
	color: #fff;
	font-weight: bold;
	padding: 0px 5px;
	/* background: #79dede; */
	font-size: 14px;
	text-transform: uppercase;
	position: relative;
}
.header .nav-language a:after {
	content: "";
	position: absolute;
	bottom: 0;
	left: 20%;
	margin-left: -0%;
	width: 0%;
	height: 1px;
	background: #fff;
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
}
.header .nav-language a:hover:after, 
.header .nav-language a.active:after, 
.jp .lang-jp:after {
	width: 66%;
}
#content {
	position: relative;
	left: 0;
	-webkit-transition: left .6s cubic-bezier(.19, 1, .22, 1);
	transition: left .6s cubic-bezier(0.42, 0.02, 0.33, 1.05);
	overflow: hidden;
	padding-left: 270px;
}
.is_open .header {
	left: 0px;
}
.is_open #content {
	left: 170px;
	padding: 0;
}
.hamburger {
	position: fixed;
	z-index: 4;
	top: 0px;
	display: block;
	box-sizing: content-box;
	width: 24px;
	padding: 0;
	padding: 11px 10px 21px;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1);
	-webkit-transform: translateZ(0);
	transform: translateZ(0);
	border: 0;
	outline: 0;
	right: 0px;
	/* border-radius: 60px; */
	-moz-border-radius: 60px;
	/* -webkit-border-radius: 60px; */
	background: #ec6d00;
}
.hamburger:hover {
	cursor: pointer;
}
.hamburger-icon {
	position: relative;
	display: block;
	margin-top: 10px
}
.hamburger-icon, .hamburger-icon:after, .hamburger-icon:before {
	width: 100%;
	height: 2px;
	-webkit-transition: all .6s cubic-bezier(.19, 1, .22, 1);
	transition: all .6s cubic-bezier(.19, 1, .22, 1);
	background-color: #fffbf2;
	left: 0px;
	top: 0px;
}
.hamburger-icon:after, .hamburger-icon:before {
	position: absolute;
	top: -8px;
	left: 0;
	content: ' ';
}
.hamburger-icon:after {
	top: 8px;
	width: 100%;
}
.is_open .hamburger-icon {
	background-color: transparent
}
.is_open .hamburger-icon:after, .is_open .hamburger-icon:before {
	top: 0
}
.is_open .hamburger-icon:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg)
}
.is_open .hamburger-icon:after {
	-webkit-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg)
}
.header-inner {
	padding: 50px;
}

.container {
	margin: auto;
	width: 90%;
	max-width: 1200px;
}
.main {
	max-width: 700px;
	margin: auto;
	width: 84%;
}
.main.post-content{
	padding: 0;
	min-height:250px;
}

.space{
	padding: 2em 0 3em;
}
.space-s{
	padding: 1em 0em;
}
#main {
	overflow: hidden;
}
#sub {
	clear: both;/* background: #79dede; */
}
#sub h2 {
	font-size: 2.2rem;
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#footer {
	clear: both;
	width: 100%;
	clear: both;
	background: #ec6d00;
	font-size: 13px;
	overflow: hidden;
}
#footer-inner {
}
#footer .nav-social{
	margin:50px 0 0;

}
#footer .nav-social p{
	text-align:center;
	font-size:18px;
	margin:0 0 10px 0;
}
#footer .nav-social ul{
	width:100%;
	text-align:center;
		font-size: 27px;
		margin:0;
		line-height:1;
}
#footer .nav-social ul li{
	display:inline-block;
	margin: 0 10px;
}
#footer .nav-social a{
	color: #fff;
}
#footer .nav-social a:hover{
	color:#fff;
}
.nav-footer{}
.nav-footer li{
}
.nav-footer li a{
    color: #524444;
    font-size: .8rem;
    padding:2rem 1rem;
    display:block;
    text-align: center;
}

#copyright {
	margin: 0;
	font-size: 12px;
	bottom: 0px;
	padding: 26px 0px;
	text-align: center;
	color: #fff;
}
.to-top{
	position:fixed;
	bottom:0;
	right:0;
	z-index: 100;
}
.to-top a {
	display: block;
	color: #fff;
	background: #000;
	background:rgba{0,0,0,.8};
	text-align: center;
	padding: 10px 0;
	width: 40px;
	font-size: 18px;
}
.to-top a:hover {
	/* background: #524444; */
}
.to-top a {
	line-height: 20px;
}
.to-top i {
	font-size: 20px;
	margin-bottom: 0px;
	line-height: 22px;
	-webkit-transition: margin 0.2s ease-out;
}
.to-top a:hover i {
	margin-bottom: 3px;
	margin-top: -3px;
}
.banner{
	padding:14px;
}
.banner img{
}

/*---------------------------------------------- 
BORDERS
------------------------------------------------*/
#bodyborder-top, #bodyborder-bottom, #bodyborder-left, #bodyborder-right {
	background: #fffbf2;
	position: fixed;
	z-index: 100;
	-webkit-transition: all 0.6s 0s ease;
	-moz-transition: all 0.6s 0s ease;
	-o-transition: all 0.6s 0s ease;
	-ms-transition: all 0.6s 0s ease;
	transition: all 0.6s 0s ease;
}
#bodyborder-left, #bodyborder-right {
	top: 0;
	bottom: 0;
	width: 10px;
}
#bodyborder-top, #bodyborder-bottom {
	left: 0;
	right: 0;
	height: 10px;
}
#bodyborder-left {
	left: -10px;
}
#bodyborder-right {
	right: -10px;
}
#bodyborder-top {
	top: -10px;
}
#bodyborder-bottom {
	bottom: -10px;
}
.is_loaded #bodyborder-top, .is_loaded #bodyborder-bottom, .is_loaded #bodyborder-left, .is_loaded #bodyborder-right {
	-webkit-transition: all 0.3s 0s ease;
	-moz-transition: all 0.3s 0s ease;
	-o-transition: all 0.3s 0s ease;
	-ms-transition: all 0.3s 0s ease;
	transition: all 0.3s 0s ease;
}
.is_loaded #bodyborder-top {
	top: 0 !important;
}
.is_loaded #bodyborder-bottom {
	bottom: 0 !important;
}
.is_loaded #bodyborder-left {
	left: 0 !important;
}
.is_loaded #bodyborder-right {
	right: 0 !important;
}
.paginav-thumb img, .post a img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
a:hover .paginav-thumb img, .post a:hover img {
	opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.fade {
	/* opacity: 0; */
	-webkit-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
}
.is_loaded .fade {
	opacity: 1;
	transition: opacity 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1);
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.pjax-start .fade {
	opacity: 0;
	transition: opacity 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0.5s cubic-bezier(0.34, 0.02, 0.32, 1);
	-webkit-transform: translate(0, -50px);
	-ms-transform: translate(0, -50px);
	transform: translate(0, -50px);
}
.pjax-end .fade {
	transition: opacity 0s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0s cubic-bezier(0.34, 0.02, 0.32, 1);
	-webkit-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
}
.lz {
	opacity: 0;
	-webkit-transform: translate(0, 50px);
	-ms-transform: translate(0, 50px);
	transform: translate(0, 50px);
	transition: opacity 0.8s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0.8s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0.8s cubic-bezier(0.34, 0.02, 0.32, 1);
	transition: opacity 0.8s cubic-bezier(0.34, 0.02, 0.32, 1), transform 0.8s cubic-bezier(0.34, 0.02, 0.32, 1), -webkit-transform 0.8s cubic-bezier(0.34, 0.02, 0.32, 1);
}
.show.lz {
	opacity: 1;
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
}
.eyecatch {/* background:#1696a0; */position: relative;overflow: hidden;/* height: 400px; */z-index: -1;}
.eyecatch img{
	width: 100%;
	max-width: 100%;
}
.banner-container{
	background: #333;
	padding: 40px;
}
.full-banner-container{
	padding: 0 5px;
}
.full-banner{
	position:relative;
}
.full-banner a{
	display: flex;
	/* margin: 5px; */
	padding: 10px 10px 0;
	tive;
}
.full-banner a:hover{
}
.full-banner a:after{
	/* -webkit-box-shadow: 0px 0px 0 1px inset #ec6d00; */
	/* -webkit-box-shadow: 0px 0px 0 1px #ec6d00; */
	/* box-shadow: 0px 0px 0 1px inset #ec6d00; */
	position: absolute;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;
	height:100%;
	z-index: 1;
}

.full-banner .banner-title{
	padding: 0;
	margin: 0;
	text-align: center;
	/* background: rgb(37, 7, 6,.5); */
	-webkit-transform: translate(0, 0);
	-ms-transform: translate(0, 0);
	transform: translate(0, 0);
	transition: all 0.6s cubic-bezier(0.42, 0.02, 0.33, 1.05);
	/* font-size: 22px; */
	/* text-transform: uppercase; */
	/* font-family: "Arapey",serif; */
}
.full-banner .banner-text{
	text-align:center;
};

.row .full-banner .banner-title{/* display: flex; *//* justify-content: center; *//* flex-direction: column; *//* align-items: flex-end; *//* padding-right: 10%; *//* line-height: 1.3; *//* z-index: 1; */}
.full-banner .banner-title p{
	margin:0;
	font-size: 20px;
	line-height:1;
}
.full-banner .banner-title  span{
	font-size: 11px;
	/* letter-spacing: .2em; */
}

.full-banner .banner-title h2{
	line-height:1;
	text-shadow: 0px 0px 5px rgba(0,0,0,0.5);
	font-size:1.4rem
	}


.full-banner {
} 
.full-banner a:before{
	/* display:block; */
	position:absolute;
	height: 100%;
	z-index: 1;
	/* right: 29%; */
	/* margin: 1px; */
}

.full-banner img{width: 100%;height: auto;padding: 1px;position: relative;margin-bottom: 15px;}
.full-banner div{
	width: 100%;
}
.eyecatch .post-title{
	position: absolute;
	top: 50%;
	margin-top: -3rem;
	font-size: 1.34rem;
	line-height:1.6;
	padding: 0px 2rem;
	text-align: center;
}
.eyecatch .post-title h1{
	background:#fff;
	background:rgba(255,255,255,1);
	width:auto;
	display:inline-block;
	box-shadow: 0px 0px 0px 10px rgba(255,255,255,.5);
	padding: 1.5rem 4%;
}
 
.eyecatch .post-title span {
	display:block;
	font-size:1rem;
	margin-top:1rem;
}
.eyecatch img{
	 /* opacity: 0.8; */
	 position: absolute;
	 top: 0;
}
.eyecatch h1{
	color:#fff;
	position:relative;
}

.single .post-header{padding: 1.678rem 0 0;width: 100%;text-transform: uppercase;}

.single .profile img{
	width:80%;
	max-width:150px;
}
.single .profile h3{
	text-align:center;
	letter-spacing:10px;
	margin-top:0;
}
.single .profile h4{
	text-align:center;
	margin:10px 0 15px 0;
	letter-spacing:5px;
}
.single .profile h4 span{
	font-size:0.9rem;
	letter-spacing:0px;
}
.single .profile h5{
	font-size:0.9rem;
	margin:0 0 25px 0;
}

.profile h3{
margin:0 0 0.5rem 0;
font-size:1rem;
}
.profile p{margin:0;font-size:.9rem;line-height:1.4;}
/*---------------------------------
	Tools
-----------------------------------*/

.xs{font-size:.8rem;display: inline-block;}
.sm{font-size:.9rem;}
.md{font-size:1rem;}
.lg{font-size:1.2rem;}
.xl{font-size:1.5rem;}
.xxl{font-size:2rem;}

.fR {
	float: right!important
}
.fL {
	float: left!important
}
.fN {
	float: none!important
}
.cR {
	clear: right!important
}
.cL {
	clear: left!important
}
.cN {
	clear: none!important
}
.cB, .clear {
	clear: both!important
}
.pa {
	position: absolute!important
}
.pr {
	position: relative!important
}
.ps {
	position: static!important
}
.paLB {
	position: absolute!important;
	left: 0px!important;
	bottom: 0px!important;
	margin: 0px!important
}
.paLT {
	position: absolute!important;
	left: 0px!important;
	top: 0px!important;
	margin: 0px!important
}
.paRT {
	position: absolute!important;
	right: 0px!important;
	top: 0px!important;
	margin: 0px!important
}
.paRB {
	position: absolute!important;
	right: 0px!important;
	bottom: 0px!important;
	margin: 0px!important
}
.vaT {
	vertical-align: top!important
}
.vaM, .vaM >*, .vaM th, .vaM td {
	vertical-align: middle!important
}
.vaB {
	vertical-align: bottom!important
}
.taC, .taC >* {
	text-align: center!important
}
.taR, .taR >* {
	text-align: right!important;
}
.taL, .taL >* {
	text-align: left!important
}
.full-width {
	width: 100%;
}
.half-width {
	width: 50%;
}
.full-height {
	height: 100%;
}
.half-height {
	height: 50%
}
.hide {
	display: none!important
}
.show {
	display: block!important
}
.round, .round img {
	border-radius: 50%;
	-moz-border-radius: 50%;
	-webkit-border-radius: 50%;
	overflow: hidden;
}
div.imgL {
	float: left;
	margin: 5px 20px 5px 0;
}
.imgR {
	float: right;
	margin: 5px 0 5px 20px;
	max-width: 50%;
}
div.imgR {
	float: right;
	margin: 5px 0 10px 20px;
	width: 50%;
}
.imgL {
	float: left;
	margin: 5px 20px 5px 0 ;
	max-width: 50%;
}
div.imgL {
	float: left;
	margin: 5px 20px 10px 0;
	width: 50%;
}
.caption{
	font-size:.8rem;
	text-align:center;
	/* background:#f5f5f5; */
	color: #000;
	padding:.5rem;
	margin: 0;
}
.caption p{
	margin-top:0.5em;
	font-family:sans-serif;
	color:#888;
}
.max100 {
	max-width: 100%!important
}
.max50 {
	max-width: 50%!important
}
.block {
	display: block!important
}
.flex {
	display: flex!important
}
.inline {
	display: inline!important
}
.inline-block {
	display: inline-block!important
}
.table {
	display: table!important;
}
.cell {
	display: table-cell!important;
}
.xxsmall {
	font-size: 10px;
	line-height: 15px;
}
.xsmall {
	font-size: 12px;
	line-height: 18px;
}
.small {
	font-size: 13px;
	line-height: 21px;
}
.medium {
	font-size: 16px;
	line-height: 24px;
}
.large {
	font-size: 20px;
	line-height: 35px;
}
.xlarge {
	font-size: 24px;
	line-height: 36px;
}
.xxlarge {
	font-size: 28px;
}
table table, table table th, table table td {
	border: none!important;
	margin-bottom: 0px
}
table.thL th, table.tdL td, dl.dtL dt, dl.ddL dd {
	text-align: left
}
table.thR th, table.tdR td, dl.dtR dt, dl.ddR dd {
	text-align: right
}
table.thC th, table.tdC td, dl.dtC dt, dl.ddC dd {
	text-align: center
}
table.thT th, table.tdT td, dl.dtT dt, dl.ddT dd {
	vertical-align: top
}
table.tdB th, table.thB td, dl.dtB dt, dl.ddB dd {
	vertical-align: bottom
}
table.thM th, table.tdM td, dl.dtM dt, dl.ddM dd {
	vertical-align: middle
}
.p0{
	padding:0;
}
.pT0{
	padding-top:0;
}
.pB0{
	padding-bottom:0;
}
.m0{
	margin:0;
}
.mT{
	margin-top:2rem!important;
}
.mT0{
	margin-top:0;
}
.mB0{
	margin-bottom:0;
}
.mB{
	margin-bottom: 2rem!important;
}
/*------------- -----------------
	Breadcrumbs 
-----------------------------------*/

.breadcrumbs {
	list-style: none;
	clear: both;
	width: 100%;
	margin: 0;
	padding: 40px 0;
	z-index: 1;
	border-top: solid 1px #ddd;
}
.breadcrumbs li {
	/* float: left; */
	margin: 0;
	padding: 0;
	font-size: 12px;
	line-height: 1.7;
	text-transform: uppercase;
}
.breadcrumbs li a {
	display: block;
	text-decoration: none;
	position: relative;
	padding: 0;
	margin-left: 30px;
}

.breadcrumbs li:last-child a{
}

.breadcrumbs li:nth-child(even) a {
/* background-color: #fff; */
}
.breadcrumbs li:nth-child(even) a:before {
	border-color: #fff;
	border-left-color: transparent;
}
.breadcrumbs li:nth-child(even) a:after {
	border-left-color: #fff;
}
.breadcrumbs li:first-child a {
	/* padding-left: 15px; */
	-moz-border-radius: 4px 0 0 4px;
	/* -webkit-border-radius: 4px; */
	border-radius: 0;
}

.breadcrumbs li:last-child a {
	/* padding-right: 15px; */
	-moz-border-radius: 0 4px 4px 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	margin: 0 0 0 30px;
}
.breadcrumbs li:last-child a:after{
	display:none;
}

.breadcrumbs li:last-child a:before {
	border: none;
}
#content .breadcrumbs li a:before {
	content:'›';
	position: absolute;
	top: -5px;
	left: -17px;
	border-width: 10px 11px;
	width: 0;
	height: 0;
	font-size: 18px;
	color: #ec6d00;
	font-family:"arial";
}
#content .breadcrumbs li a:hover:before {
	width: 0;
	margin-left: 0;
}

	


.breadcrumbs li:first-child a{
	padding-left:0;
}
.breadcrumbs li:first-child a:before {

	display:none!important;
}
.breadcrumbs li a:before {
}
.breadcrumbs li a:after {
}
.breadcrumbs li a:hover {
}
.breadcrumbs li a:hover:before {
	border-left-color: transparent;
}
.breadcrumbs li a:hover:after {
}
.breadcrumbs li a:active {
}
.breadcrumbs li a:active:before {
	border-left-color: transparent;
}
.breadcrumbs li a:active:after {
}
.breadcrumbs .fa-caret-right {
	margin: 0 1rem;
}

.home .breadcrumbs{
display:none!important}
/*---------------------------------
	TABS
-----------------------------------*/
ul.tabs {
	margin: 0px 0 -2px 0;
	padding: 0;
	width: 100%;
	float: left;
	font-size: 0;
}
ul.tabs.vertical {
	border-bottom: none;
	margin-top: 0;
}
ul.tabs.left {
	text-align: left;
}
ul.tabs.center {
	text-align: center;
}
ul.tabs.right {
	text-align: right;
}
ul.tabs.right li {
	margin: 0 0 0 -2px;
}
ul.tabs li {
	list-style-type: none;
	margin: 0;
	padding: 0;
	display: inline-block;
 *display:inline;/*IE ONLY*/
	position: relative;
	top: 0;
	left: 0;
 *top:1px;/*IE 7 ONLY*/
	zoom: 1;
}
ul.tabs.vertical li {
	padding-left: 0!important;
	display: block;
	border-style: none;
	margin-right: 0px;
	float: left;
	width: 100%;
	font-size: 12px;
}
ul.tabs.vertical li a:hover, ul.tabs.vertical li.current a {
	border-bottom: none;/* color: #555; *//* background-image: url(/gsmg/img/common/arrowL_white.gif); */
	/* background-position: right center; */
	/* background-repeat: no-repeat; */
}
.home ul.tabs.vertical li a:hover, .home ul.tabs.vertical li.current a {
}
ul.tabs li a {
	text-decoration: none;
	color: #555;
	display: inline-block;
	padding: 9px 15px;
	position: relative;
	top: 0;
	left: 0;
	line-height: 100%;
	zoom: 1;
	font-size: 12px;
	background: #f5f5f5;
	border: solid 1px #eee;
	border-bottom: 0;
}
ul.tabs.vertical li a {
	display: block;
	padding-top: 18px;
	/* background-position: right center; */
	/* background-repeat: no-repeat; */
	padding-bottom: 16px;
	background: #fff;
}
ul.tabs.vertical li a.sfc {
	border-left: solid 1px #000;
}
ul.tabs li a:hover {
	background: #eee;
	border-top: solid 1px #eee;
}
ul.tabs li.current a {
	position: relative;
	top: 0;
	left: 0;
	background: #272727;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	color: #fff;
	border: solid 1px #272727;
	border-bottom: none;
}
.eyecatch ul.tabs li a:before {
	content: '';
	position: absolute;
	bottom: 0;
	left: 50%;
	margin-left: -8px;
	height: 0;
	width: 0;
	z-index: 2;
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid #fff;
	display: none;
}
ul.tabs li.current a:before {
	display: block;
}
.tab-content {
	border: 1px solid #e5e5e5;
	background: #fff;
	clear: both;
	padding: 20px;
	margin: 0 0 40px 0;
	overflow: hidden;
}
/* w/icon */
ul.tabs .icon {
	margin: -3px 7px -3px -5px;
	position: relative;
	top: -2px;
	left: 0;
}
/*---------------------------------
	HR
-----------------------------------*/
hr {
	clear: both;
	border-bottom: 0;
	border-top: 1px solid #ddd;
	border-right: 0;
	border-left: 0;
	margin: 20px 0;
	min-height: 0px;
	height: 1px;
}
/*---------------------------------
	GRID
-----------------------------------*/
.row {
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}
.row.center {
	-webkit-justify-content: center; /* Safari */
	justify-content: center;
}
.inner {
	padding: 30px 12%;
	margin: auto;
	/* background:#fff; */
}
.col {
	-ms-flex: 0 0 auto;
	-webkit-box-flex: 0;
	flex: 0 0 auto;
	padding-right: 1rem;
	padding-left: 1rem;
}
.col_1 {
	-ms-flex-preferred-size: 8.333%;
	flex-basis: 8.333%;
	max-width: 8.333%;
}
.col_2 {
	-ms-flex-preferred-size: 16.667%;
	flex-basis: 16.667%;
	max-width: 16.667%;
}
.col_1-5 {
	-ms-flex-preferred-size: 20%;
	flex-basis: 20%;
	max-width: 20%;
}
.col_2-5 {
	-ms-flex-preferred-size: 40%;
	flex-basis: 40%;
	max-width: 40%;
}
.col_3-5 {
	-ms-flex-preferred-size: 60%;
	flex-basis: 60%;
	max-width: 60%;
}
.col_4-5 {
	-ms-flex-preferred-size: 80%;
	flex-basis: 80%;
	max-width: 80%;
}
.col_3 {
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
}
.col_4 {
	-ms-flex-preferred-size: 33.333%;
	flex-basis: 33.333%;
	max-width: 33.333%;
}
.col_5 {
	-ms-flex-preferred-size: 41.667%;
	flex-basis: 41.667%;
	max-width: 41.667%;
}
.col_6 {
	-ms-flex-preferred-size: 50%;
	flex-basis: 50%;
	max-width: 50%;
}
.col_7 {
	-ms-flex-preferred-size: 58.333%;
	flex-basis: 58.333%;
	max-width: 58.333%;
}
.col_8 {
	-ms-flex-preferred-size: 66.667%;
	flex-basis: 66.667%;
	max-width: 66.667%;
}
.col_9 {
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
	max-width: 75%;
}
.col_10 {
	-ms-flex-preferred-size: 83.333%;
	flex-basis: 83.333%;
	max-width: 83.333%;
}
.col_11 {
	-ms-flex-preferred-size: 91.667%;
	flex-basis: 91.667%;
	max-width: 91.667%;
}
.col_12 {/* margin-left:0; */
	-ms-flex-preferred-size: 100%;
	flex-basis: 100%;
	max-width: 100%;
}
.row .center {
	display: flex;
	justify-content: center;
	align-items: center;
}
.row .last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.row .first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: 0;
	order: 0;
}
.print-show {
	display: none!important
}
.xxl-show, .xl-show, .lg-show, .md-show, .sm-show, .xs-show {
	display: none
}
.xxl-hide, .xl-hide, .lg-hide, .md-hide, .sm-hide, .xs-hide {
	display: block
}







.pagination {
	padding: 20px 0 20px;
	clear: both;
	/* bottom: -25px; */
	position: relative;
	background: #f5f5f5;
}
.pagination span, .pagination a {
	text-decoration: none;
	line-height: 1;
	width: 35px;
	height: 35px;
	color: #ec6d00;
	display: flex;
	justify-content: center;
	align-items: center;
	font-weight: bold;
	/* color: #fff; */
	border: solid 2px #ec6d00;
	transition-property: all;
	transition-duration: .2s;
	margin: 3px;
}
.pagination a:hover {
	background: #ec6d00;
	color: #fff;
	border: solid 2px #ec6d00;
}
.pagination .current {
	background: #ec6d00;
	color: #fff;
	border: solid 2px #ec6d00;
}
.pagination a:before,
.pagination a:after{
	display:none;
}
/*--------------------------------
PREV NEXT
---------------------------------*/
#prev_next {
	width: 100%;
	margin: 36px 0 24px;
	padding: 0;
	display: table;
}
#prev_next #prev, #prev_next #next {
	width: 50%;
	padding: 30px 10px 10px;
	border-top: #ccc 1px solid;
	border-bottom: #ccc 1px solid;
	display: table-cell;
	position: relative;
	text-decoration: none;
}
#prev_next #prev p, #prev_next #next p {
	font-size: 90%;
	line-height: 1.5;
}
#prev_next #prev:hover, #prev_next #next:hover {
	background-color: rgba(238,238,238,0.7);
}
#prev_next #prev {
	border-right: #ccc 1px solid;
}
#prev_next #prev_title, #prev_next #next_title {
	font-size: 90%;
	top: -1em;
	position: absolute;
	border: 1px #ccc solid;
	background: #fff;
	text-align: center;
	padding: 3px;
	color: #666;
}
#prev_next #next_title {
	right: 10px;
}
#prev_next #prev img, #prev_next #next img {
	margin: 0 auto;
}
#prev_next #prev_no, #prev_next #next_no {
	width: 50%;
	height: 140px;
	padding: 0 10px;
	display: table-cell;
}
#prev_next #prev_no {
	border-right: #ccc 1px solid;
}
#prev_next_home {
	margin: 0 auto;
	background-color: #f48881;
	border: solid 9px #fff;
	width: 100px;
	height: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	border-radius: 100px;
	box-shadow: 0 0 0 3px #f48881;
	-webkit-box-shadow: 0 0 0 3px #f48881;
	-moz-box-shadow: 0 0 0 3px #f48881;
	text-align: center;
}
#prev_next_home:hover {
	background-color: rgba(244,136,129,0.7);
}
#prev_next_home i {
	color: #FFF;
	margin: 10px auto;
	font-size: 60px;
}
 
.archive .post-loop-wrap {background: #f5f5f5;padding-bottom: 10px;}}
.home article ,
.archive article {}
.archive .post-header {
	text-align: center;
	background: #ec6d00;
	box-shadow: 0px 0px 0px 1px rgb(216, 175, 109);
	color: #fff;
}
.archive .post-header img{
	width:50px;
	display: inline-block;
	margin-bottom: 10px;
}
.archive h1 {
	/* font-size: 40px; */
	margin: 0;
	padding: 30px 0 20px;
	line-height: 1;
	text-transform: uppercase;
}
.post-thumbnail {
	overflow: hidden;
}
.post-thumbnail img {
	width: 100%;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
 
a:hover div.post-thumbnail img{
	opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.post-loop-wrap a{color: #333;background: #fff;z-index: -1;}
#footer .posts a{color: #D7AE72;}
.post-loop-wrap{ display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;}

.post-loop-wrap article a{
		-webkit-transition: all 0.25s ease;
		-moz-transition: all 0.25s ease;
		-o-transition: all 0.25s ease;
		transition: all 0.25s ease;
		position: relative;
		margin: 10px 10px 0;
}
.post-loop-wrap article a:before{
			-webkit-transition: all 0.5s ease;
			-moz-transition: all 0.5s ease;
			-o-transition: all 0.5s ease;
			transition: all 0.5s ease;
			content:"";
			width:0%;
			display:block;
			position:absolute;
			top:0;
			bottom:0;
			left:0;
			right:0;
			background: #ec6d00;
			z-index: -1;
}
.post-loop-wrap article a:hover{
	color:#fff;
}
.post-loop-wrap article a:hover:before{
	width:100%;
}

.post-title {
	font-size: .8rem;
	line-height: 1.4;
	margin: 10px 0;
	width: 100%;
	text-align: left;
	justify-content: left!important;
}

.single .post-title {
	line-height: 1.4;
	margin: 10px 0;
	width: 100%;
	text-align: left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	background: none;
	color: #333;
}

.post-header .post-meta{
	margin-bottom:2em;
}

.home .post-category{
	margin:0;
}
.home h1 {
	text-align: center;
	text-transform: uppercase;
	font-size: 27px;
	margin: 0;
	padding: 0em 0 1em;
	/* letter-spacing: .1rem; */
	border: none;
}
.home h2{
	border:none;
	text-align:center;
}

.single h1{color: #fff;background: #333;font-size: 20px;padding: 8px 10px;}
.single h1,.single h2, .single h3, .single h4, .single h5{
	text-align:left;
	font-family: "游ゴシック体", YuGothic, "游ゴシック", "Yu Gothic", "メイリオ", sans-serif;
	font-weight: bold;
	letter-spacing: -.025em;
}
.single h2{}

.single h2{font-size:20px;/* border-left: 8px solid #ec6d00; *//* padding-left:10px; */}
.single h3{font-size:16px;}
.single h3:first-child{
	margin-top:0;
}
.single h4{
	font-size: 14px;
}
.single h5{
	font-size: 12px;
}
.single h1 + h2,
.single h2 + h3,
.single h3 + h3{
	margin-top: -10px!important;
}
.single h2 + h5{
	margin-top:-1px!important;
}

.single article {
}
.single .post-content {
}
.single .post-content-more {
	background: #fffbf2;
	width: 100%;
	border-top: solid 1px #f5f5f5;
	padding-bottom: 3rem;
}
.single .post-footer-list {
	/* background: #79dede; */
	width: 100%;
	margin: 0;
	padding: 24px 0;
	list-style: none;
}
.single .tags {
	margin-top: 1rem;
	font-size: 0.8rem;
	color: #D7AE72;
}

.single .tags li {
	margin: 1px;
	padding:4px 10px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.single .tags li:hover {
}
.single .tags li a:before{
	content:"# ";
}
.single .post-header h1 {
	font-size: 24px;
	margin: 0 0 0 -1px;
	padding: 0;
}
.single .post-meta-area {
	padding: 1rem 0;
	font-size: 13px;
}
.single .post-meta-area ul {
	list-style: none;
	margin: 0;
}
.single .post-meta .date {
	font-size: 11px;
}
.single .paginav {
	background: #f5f5f5;
	padding: 0;
	justify-content: center;
}
.single .paginav a {
	display: block;
	color: #352c2a;
	font-size: 0.8rem;
}
.single .paginav-thumb {
	overflow: hidden;
	position: relative;
		

	
}
.post-meta-area a{
	color: #ec6d00;
}

.single .paginav-next .paginav-thumb {

}
.single .paginav-prev .paginav-thumb {
}



.single .paginav-thumb i {
	position: absolute;
	top: 50%;
	left: 50%;
	color: #fff;
	font-size: 20px;
	line-height: 1;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	margin-top: -10px;
	opacity: 1;
}
.single .paginav-next .paginav-thumb i {
	margin-left: -10px;
}
.single .paginav-prev .paginav-thumb i {
	margin-left: -10px;
}
.single .paginav-next:hover .paginav-thumb i {
	margin-left:0px;
	color:rgba(255,255,255,0);
}
.single .paginav-prev:hover .paginav-thumb i {
	margin-left: -20px;
	color:rgba(255,255,255,0);
}
.single .paginav-thumb img {
	width: 100%;
	opacity: 1;
}
.single .paginav-thumb{
	background:#000
}
.single .paginav-thumb img {
	opacity: 0.7;
}

	
.single .paginav-prev,
.single .paginav-next {
	box-shadow: 0px 0px 0 1px #fffbf1;
	}
.single .paginav-prev:hover{
}
.single .paginav-next:hover {
}
.single .paginav-prev img, .single .paginav-next img {
}
.single .paginav a:hover .paginav-thumb img {
	opacity: 1!important;

}
.single .paginav a:hover .paginav-thumb i {
	opacity: 1!important;

}
.single .paginav-title {
	padding: 20px;
	line-height: 1.5;
}
.single .paginav-index {
	padding: 1rem 0;
	margin: 1rem auto 0;
}
.single .paginav-index a{
	background: #fff;
	padding:1rem 2rem;
	
	border-radius: 300px;
	-moz-border-radius: 300px;
	-khtml-border-radius: 300px;
	-webkit-border-radius: 300px;
}


.single .paginav-index img, .single .paginav-home img {
	width: 40px;
}
.single .paginav-back i {
	font-size: 22px;
}
.single .paginav-back:hover {
}
.single .paginav-back a {
	color: #fff;
}
.single .paginav-back:hover a {
}
.single .share {
	font-size: 20px;
	padding: 2rem 0;
}
.single .share li {
	padding: 0 2px;
}
.single .share a {
	line-height: 1;
	height: 25px;
	color: #383838;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	/* border-radius: 100px; */
	display: flex;
	justify-content: center;
	align-items: center;
	background: #fff;
	/* font-weight: bold; */
	color: #fffbf2;
	/* width: 25px; */
	font-size: 12px;
	padding: 10px;
}
.single .share a i{
	margin-right:5px;
}
.single .share span {
	font-size: 18px;
	margin-right: 5px;
}
.single .share .btn-facebook {
	background: #3b5998;
}
.single .share .btn-twitter {
	background: #55acee;
}
.archive h2.post-title {
	font-size: 18px;
	line-height: 1.4;
	padding: 0 4%;
	justify-content: left;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	border: none;
}
a:hover h2.post-title{
}

.archive .post-meta-area {
	background: #fff;
}
.archive .post-meta {
}
.single .post-footer {
}
.single .post-footer .thumb img {
	width: 100%;
}
.page h1 {
	/* background: #fff; */
	text-align: center;
	/* text-transform: uppercase; */
	/* font-size: 40px; */
	/* margin: 0; */
	/* padding: 40px; */
	line-height: 1;
}
dl{
	margin:3rem 0;
}
dl dl{margin:0rem 0;}
dl dl dd{border:none;}
dl dt {
	width: 30%;
	border-bottom: solid 1px #eee;
	line-height: 1.5;
	padding: 1rem;
	/* font-weight: 300; */
}
dl dd {
	width: 70%;
	border-bottom: solid 1px #eee;
	line-height: 1.5;
	padding: 1rem;
}

.mw_wp_form span.red{
	font-size:.7rem;
	margin-left:.5rem;
	background:#eca3a3;
	color:#fff;
	padding:.2rem;
	font-weight:300;
	border-radius: 2px;
	-moz-border-radius: 2x;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
.post {
}
.post article {
	}
.post a .post-title {
	padding: .75rem .75rem;
	display: block;
	color: #444;
	font-size: .9rem;
	margin: 0;
}
.page h1 {
	text-align: center;
	margin: 0;
	padding: 3rem 10px;
}

.post {
}
.post article {
	background: -moz-linear-gradient(left top 315deg, #fff, #f5f5f5);
	background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#f5f5f5));
}
.post a .post-title {
	padding: .75rem .75rem;
	color: #444;
	font-size: .9rem;
	margin: 0;
}
.wpp-list li img {
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
.wpp-list li:hover img {
	opacity: 0.5;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
}
.wpp-list {
	margin: 0;
	padding: 0;
}
.wpp-list li {
	list-style: none;
	margin: 0;
	padding: 0;
	background: #fff;
	background: -moz-linear-gradient(left top 315deg, #fff, #f5f5f5);
	background: -webkit-gradient(linear, left top, right bottom, from(#fff), to(#f5f5f5));
}
.button,
input[type=submit] {
	padding: 10px 18px;
	color: #ec6d00;
	display: inline-block;
	text-align:center;
	font-size: 15px;
	margin: auto;
	/* margin: 1rem auto; */
	min-height: 42px;
	min-width: 140px;
	z-index: 1;
	box-shadow: 0px 0px 0 2px inset #ec6d00;
	-webkit-box-shadow: 0px 0px 0 px #ec6d00;
	height:100%;
	z-index: 1;
	background: transparent;
	border-radius: 4px;
	font-weight: 600;
	border: none;
}
#submit{
	margin-bottom:50px;

}
input.back{
	color: #b5b5b5;
	box-shadow: 0px 0px 0 2px inset #dedede;
}
.button.line {
	color: #03c755;
	box-shadow: 0px 0px 0 2px inset #03c755;
}
.button.line:before  {
	background: #03c755;
}

.button:before {
	content: '';
	background: #ec6d00;
	width: 100%;
	top: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	transition: -webkit-transform .4s 0s ease-out;
	transition: transform .4s 0s ease-out;
	transition: transform .4s 0s ease-out, -webkit-transform .4s 0s ease-out;
	left: 0;
	border-radius: 4px;
}
.button:hover:before{
	transform: scaleX(1);
}


.button.sm{
	font-size:12px!important
}
.button.sm i{
	font-size:10px!important
}
.button i{
	margin-left:.5rem;
}
.button:after{
	display:none;
}
.button:before{content:"";position: absolute;bottom: 0;left: 0;/* margin-left: -0%; *//* width: 0%; *//* height: 1px; *//* background: #D7AE72; */-webkit-transition: all .4s ease-out;-moz-transition: all .4s ease-out;-ms-transition: all .4s ease-out;-o-transition: all .4s ease-out;transition: all .4s ease-out;/* border-radius: 4px; */-moz-border-radius:4px;-khtml-border-radius:4px;/* -webkit-border-radius: 4px; *//* height:100%; *//* z-index:-1; *//* opacity: 0; */}

.button:hover::before,
.button:focus::before{
    width: 100%;
    opacity: 1;
}
.button:hover,
.button:focus{
    color: #fff;
}


.wpp-thumb {
	/* width:80px; */
	/* margin-right: 20px; */
	/* float: left; */
	overflow: hidden;
}
.wpp-thumb img {
	width: 100%;
}
.wpp-title {
}
.wpp-title a {
	padding: .75rem .75rem;
	display: block;
	color: #524444;
	line-height: 1.5;
}
.wpp-date {
}



/*---------------------------------
	FONT
-----------------------------------*/

@font-face {
	font-family: 'icomoon';
	src: url('fonts/icomoon.eot?1t28g4');
	src: url('fonts/icomoon.eot?1t28g4#iefix') format('embedded-opentype'),  url('fonts/icomoon.ttf?1t28g4') format('truetype'),  url('fonts/icomoon.woff?1t28g4') format('woff'),  url('fonts/icomoon.svg?1t28g4#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;
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}
.icon-facebook2:before {
	content: "\ea91";
}
.icon-instagram:before {
	content: "\ea92";
}
.icon-twitter:before {
	content: "\ea96";
}
.icon-search:before {
	content: "\e986";
}
.icon-lock:before {
	content: "\e98f";
}
.icon-file-pdf:before {
	content: "\eadf";
}
.icon-file-word:before {
	content: "\eae1";
}
.icon-file-excel:before {
	content: "\eae2";
}

																																																				/* --------- Custom --------- */
																																																				.note{
																																																					border:solid 1px #ec6d00;
																																																					padding:20px 20px 0 20px;
																																																					
																																																				}

																																																				.mw_wp_form span.ffs10{
	font-size:.7rem;
	margin-left:.5rem;
	background:#eca3a3;
	color:#fff;
	padding:.2rem;
	font-weight:300;
	border-radius: 2px;
	-moz-border-radius: 2x;
	-khtml-border-radius: 2px;
	-webkit-border-radius: 2px;
}
																																																				
#contact_form p{
	margin-top:10px
}
#profile{
	padding:50px 0;
	width: 100%;
}
#contact{
		background: #f5f5f5;
		/* padding:50px 0; */
		width: 100%;
}
#contact h2{
	border:none;
	text-align:center;
}
#service{
	background: #f5f5f5;
	padding: 20px 10px;
}

.tagline{
	color: #19398a;
	font-size:12px;
	margin:0;
	padding: 0 0 12px 0;
	text-align:center;
	line-height: 16px;
}

.swiper-container {
  height: calc(80vh - 0px);
  margin: 0px;
}



.swiper-slide {
  overflow: hidden;
}

.slide-inner {
  position: absolute;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  background-size: cover;
  background-position: center;
}
.slide-inner a{
	display:block;
	height:100%;
	color:#fff;
}
.swiper-slide-textbox{
	position:absolute;
	bottom:40px;
	right: 40px;
	background: rgba(37, 7, 7, .8);
	padding:20px;
	width: 400px;
	max-width:100%;
	color: #fff;
}
.swiper-slide-title{
	font-size: 1.5em;
	margin: 0;
	text-align: left;
	border: none;
}
.swiper-slide-text{
	font-size:0.8em;
	margin: 0;
	line-height: 1.4;
	padding: 5px 0 0;
}


@media (max-width:980px){

}
@media (max-width:768px){
	.swiper-container {
  height: calc(50vh);
}
	.swiper-slide-textbox{
	bottom:0px;
	right: 0px;
	width:100%;
	background: -moz-linear-gradient(top,rgba(0,0,0,0.0),rgba(0,0,0,0.9));
background: -o-linear-gradient(rgba(0,0,0,0.0),rgba(0,0,0,0.9));
background: -webkit-gradient(linear,left top,left bottom,from(rgba(0,0,0,0.0)),to(rgba(0,0,0,0.9)));
background: linear-gradient(top,rgba(0,0,0,0.0),rgba(0,0,0,0.9));
padding-top:50px;
	}
}

.menu h3{text-align: left;margin: 0;}
.menu h4{text-align: left;margin: 0;}
.menu table td:first-child {
	padding-right:30px;
}

.menu table td:last-child{
	text-align:right;
	white-space:nowrap;
}


 .slide{
 	position:relative;
 	height:80vh;
 	overflow:hidden;
 }

 .slide img {
    opacity: 0;
    width:100%;
    height:100%;
    object-fit: cover;
    position: absolute;
    left: 0;
    top: 0;
    -webkit-animation: anime 36s 0s infinite;
    animation: anime 36s 0s infinite; }

    .slide img:nth-of-type(2) {
      -webkit-animation-delay: 6s;
      animation-delay: 6s; }

    .slide img:nth-of-type(3) {
      -webkit-animation-delay: 12s;
      animation-delay: 12s; }

    .slide img:nth-of-type(4) {
      -webkit-animation-delay: 18s;
      animation-delay: 18s; }



.gallery-container{
	background: #333;
}

.info{
	padding: 80px 40px;
	/* background: #333; */
	float:right;
	font-size:12px;
}
.info strong{
	font-family: "Arapey",serif;
	font-size:16px;
}

.home-information{
    background: #333;
    overflow: hidden;
    margin: 0;
    color: #fff;
    padding: 20px 0;
}

.home-information .info-archive{
	color:#fff;
	font-size:11px;
	background:#fff;
	color:#333;
	padding:2px 4px 2px 2px;
	line-height:20px;
	margin-right:3px;
	border-radius:20px;
	position:relative;
	top:-1px;
}
.home-information .info-archive i{
	margin-right:3px;
}
.home-information .info-single{
	color:#fff;
}
.home-information .date{
		font-size:13px;
		margin-right:10px;

	}
@media (max-width:980px){
	.home-information{
		padding:20px;
	}
	
	.home-information .title{
		width:100%;
		display:block;
	}
}



.wp-caption-text{
	margin:.5em 0 1.5em;
	line-height:1.5;
	color:#888;
	font-size:14px
}

#side h5{
	/* text-align:center; */
	font-size:20px;
	line-height:1;
	padding: 20px 0 0 10px;
	margin: 12px 0 5px;
}
.popular-posts{
	list-style:none;
	margin:0;
	padding: 10px 10px 0px 10px;
}
.popular-posts li{
	margin:0 0 10px 0;
}
.popular-posts li a{
	color:#333;
}
.popular-wrap{
	display: flex;
	position: relative;
	/* background: #f7f1e7; */
}

.popular_thumbnail{
	min-width:90px;
	max-width:90px;
	display: flex;
	flex-direction: column;
	flex-wrap: wrap;
	justify-content: center;
	align-items: left;
	position:relative;
	max-height: 90px;
}
.popular-wrap:before{-webkit-transition: all 0.5s ease;-moz-transition: all 0.5s ease;-o-transition: all 0.5s ease;transition: all 0.5s ease;content:"";width:0%;display:block;position:absolute;top:0;bottom:0;left:0;right:0;background:#ec6d00;z-index: 0;}
.popular-wrap:hover:before{
	width:100%;
}


.popular_thumbnail a:after{
	display:none;
}
.popular_thumbnail img{
}
.popular_entrytitle{line-height: 1.4;display: flex;flex-direction: column;flex-wrap: wrap;justify-content: center;align-items: left;width:100%;padding:0 10px;position: relative;}
.popular_entrytitle:before{
	content:"";
	display:block;
	position:absolute;
	height:100%;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:#fff;
	width:100%;
	z-index:-1;
}
.popular-wrap:hover .popular_entrytitle{
	color:#fff;
}
.popular_entrytitle:hover:before{
	background:#fff;
}
.popular_entrytitle a:after{
	display:none;
}
.wp-caption{
	width:auto!important;
	max-width:100%;
}
.reserve{
	position:fixed;
	bottom: 10px;
	right: 10px;
	z-index: 1000;
	margin: 0;
	padding: 0;
	background: rgba(37, 7, 7, .8);
}
@media (max-width: 479px) {
	.reserve{
		bottom:0;
		right:0;
		width:100%;
		text-align:center;
	}
}

.reserve li{
	margin:20px;
	line-height:1;
	position:relative;
	display:inline-block;
}
.reserve a{
	color: #fffbf2;
	font-family: "Arapey",serif;
}


	
.reserve .tel{
    font-size: 18px;
    color: #fffbf2;
    letter-spacing: 1px;
    padding: 0;
    margin:16px 0 0 20px;
}

.reserve .tel .fa-phone{
	font-size:14px;
}
.reserve .online a{
	border: solid 1px #fffbf2;
	padding:8px 12px;
}

#content .reserve .online:hover a{
	color:#333;
	margin-left:0px;
}
.reserve .online a:before {
	content: '';
	background: #fffbf2;
	width: 100%;
	top: 0;
	height: 100%;
	position: absolute;
	z-index: -1;
	-webkit-transform: scaleX(0);
	transform: scaleX(0);
	-webkit-transform-origin: bottom left;
	transform-origin: bottom left;
	transition: -webkit-transform .4s 0s ease-out;
	transition: transform .4s 0s ease-out;
	transition: transform .4s 0s ease-out, -webkit-transform .4s 0s ease-out;
	left: 0;
}
.reserve .online a:hover:before{
	transform: scaleX(1);
}

.reserve a:after{
	display:none;
}

.feature,
.feature-right{
	position:relative;
	padding: 20px;
}

.feature-photo{
	width: 60%;
	}
.feature-photo img{
	width:100%;
}
.feature-text{
	position:absolute;
	z-index:2;
	width: 40%;
	/* margin-right:40px; */
	right: 0;
	bottom: 0;
	font-size: 14px;
	box-shadow: 20px 20px 50px 0px rgb(37, 7, 6,.1);
	/* color: #fff; */
	background: #fff;
	top: 0;
	display: flex;
}
.feature-text .lz{
	padding: 30px 30px 10px;
	background: #f7f3ec;
	}

.feature-text h2{
	margin: 0px 0 10px 0;
	text-align:left;
	font-size: 20px;
	text-transform: uppercase;
	line-height: 1.2;
	font-weight: bold;
	color: #ec6d00;
	border: none;
}
.feature-text p{
	margin:0 0 10px 0;
	line-height:1.5
}

.feature-right .feature-text{
	left: 40px;
	right:auto;
	margin-right:0px;
	/* margin-left:40px; */
}
.feature-right .feature-photo{
	margin-left:auto;
}
.feature-last{
	background:#d8af6d;
	height:40px;
}
	
@media (max-width:768px){
	.feature,
.feature-right{
	padding: 10px;
}
	.feature-photo{
		width:100%;
	}
	.feature-text{
		position:static;
		width:100%;
		margin:0!important;
	}
}


ul.inline li{
	display:inline-block;
	margin-right:10px;
}
.popular-list{
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-flex: 0;
	-ms-flex: 0 1 auto;
	flex: 0 1 auto;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	-ms-flex-direction: row;
	flex-direction: row;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
	color: #352c2a;
}
.popular-left{
	-ms-flex-preferred-size: 25%;
	flex-basis: 25%;
	max-width: 25%;
	display: flex;
	justify-content: center;
	align-items: center;
	overflow:hidden;
	border-radius: 300px;
	-moz-border-radius: 300x;
	-khtml-border-radius: 300px;
	-webkit-border-radius: 300px;
}

.popular-left img{border-radius: 300px;
	-moz-border-radius: 300x;
	-khtml-border-radius: 300px;
	-webkit-border-radius: 300px;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
	
	padding: 10px;}
 a:hover .popular-left img{	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);}
.popular-right{
	-ms-flex-preferred-size: 75%;
	flex-basis: 75%;
	max-width: 75%;
	display: flex;
	justify-content: center;
	align-items: center;
	padding:20px 20px 20px 20px;
	text-align:left;
}
.popular-title{
	margin:0;
	line-height: 1.5;
}

.nav-social a:after{
	display:none;

}
.backtoarchive{
	padding:20px 0 0 20px;
}

.widget_tag_cloud{
	text-align:center;
}
.widget_tag_cloud h4{
	margin-bottom:0;
}
.tagcloud{
	padding:14px;
}

.tagcloud a{
	white-space:nowrap;
}

.tagcloud a:before{
	content:"# ";
}
.since{
	margin-top:10px;
}
.box{
	background:#fff;
}

.nav-scroll{
	list-style:none;
	margin:0;
	background: rgba(37, 7, 6, .9);
	overflow: hidden;
	width: 100%;
	display: block;
	z-index: 1;
	text-align: center;
}
.nav-scroll li{
	display:inline-block;
}
.nav-scroll li a{padding: 20px 20px 11px;display: block;font-family: "Arapey",serif;}
.nav-scroll li a:hover{color: #fff;}
.nav-scroll li a.current{
	color:#000;
}
@media (max-width:768px) {
	.nav-scroll{
		padding:10px 0px;
		max-width: 210px;
	}

	.nav-scroll li{
		display:inline;
		text-align:left;
		line-height:1;
	}
	.nav-scroll li a{
		padding:10px 20px;
	}
}

.post-content{
	padding: 0;
	z-index: 1;
	overflow: hidden;
}
.is_firefox .parallax-section  {padding-top: 40%; }
.parallax-section:before {
content: "";
display: block;
padding-top: 40%;
}



.parallax-section-m{
	min-height: 60vh;
}
.parallax-section-s{
	min-height: 30vh;
}
.parallax-section{
	position:relative;
	color: #fffbf2;
	background-size:cover;
	background-position:0;
	text-align: center;
	overflow:hidden;
}
.parallax-section:before{
	background:#000;
	display:block;
	content:'';
	position:absolute;
	top:0;
	left:0;
	right:0;
	bottom:0;
	opacity: 0;
}
.parallax-section img{
	width: 50px;
}
.parallax-section h1{
	padding: 1em 1.5em;
	font-size: 24px;
	letter-spacing: 0.1em;
	/* box-shadow: 0px 0px 0 4px #fff; */
	text-transform: uppercase;
	/* background: #fff; */
	color: #fff;
	border: solid 2px #fff;
	font-weight: 600;
	border-left: none;
	border-right: none;
}

tfoot td{
	border-bottom:none;
	font-size:13px;
}
h2 span{
	/* font-size: 13px; */
	/* display:block; */
	/* color: #d7ae72; */
	/* font-weight: 500; */
}

nav.language{
	margin:30px 38px;
	font-size: 12px;
	letter-spacing: 0.15em;
	text-transform:uppercase;
}

nav.language ul{text-align: right;}


nav.language ul li{
	display:inline-block;
	padding-right:20px;
	position:relative;
	line-height:1
}
nav.language ul li:first-child:before{
	content:'';
	display:block;
	position:absolute;
	background:#4e4e4e;
	height:15px;
	width:1px;
	right:8px;
	top:-1px;
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}

nav.language ul li a{
	color:#fff;
	position:relative;
}
nav.language ul li a:after{
	content:"";
	position: absolute;
	bottom: 0;
	left: 0; margin-left: -0%;
	width: 0%;
	height: 1px;
	background: #fff;
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    bottom:-3px;
}



.language li:hover a:after,
.jp .language-jp a:after,
.en .language-en a:after{
	width: 100%;
	margin-left: 0;
}



#content .language{
	font-size: 13px;
	letter-spacing: 0.15em;
	text-align: center;
	padding: 30px 10px;
	position: absolute;
	top: 0;
	right: 0;
	z-index: 10000;
	display: none;
}


#content .language li{
	display:inline-block;
	padding-right:20px;
	position:relative;
	line-height:1
}
#content .language li:first-child:before{
	content:'';
	display:block;
	position:absolute;
	background: #fff;
	height:15px;
	width:1px;
	right:8px;
	top:-1px;
	-moz-transform: rotate(20deg);
	-webkit-transform: rotate(20deg);
	-o-transform: rotate(20deg);
	-ms-transform: rotate(20deg);
	transform: rotate(20deg);
}

#content .language li a{
	color: #fffbf2;
	position:relative;
}
#content .language li a:after{
	content:"";
	position: absolute;
	bottom: 0;
	left: 0; margin-left: -0%;
	width: 0%;
	height: 1px;
	background: #fff;
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
    -moz-transition: all 200ms ease;
    -o-transition: all 200ms ease;
    -ms-transition: all 200ms ease;
    bottom:-3px;
}



#content .language li:hover a:after,
.jp #content .language-jp a:after,
.en #content .language-en a:after{
	width: 100%;
	margin-left: 0;
}



#content a{
	position:relative;
}

#content a:after{
	content:"";
	transition: all 200ms ease;
	-webkit-transition: all 200ms ease;
	-moz-transition: all 200ms ease;
	-o-transition: all 200ms ease;
	-ms-transition: all 200ms ease;
}

#content .share a:after,
.mobile-logo a:after
{
	display:none;
}


#content a:hover:after,
#content a.active:after{
	box-shadow: 0px 0px 0 5px inset #ec6d00;
}
#content a:hover{
	/* color:#fff; */
}

#content .posts a:after,
#content .post-thumb a:after{
	display:none;
}


.aboutus{
	background:#272322;
	font-size:0.8rem;
	line-height:1.4;
	padding: 3rem 0 0;
}
.aboutus p{
	margin-bottom:.75rem
}

.highlights{padding:5%;background: url() fixed;}
.highlights h2{
	/* color:#fff; */
	/* text-shadow: 0px 0px 5px rgba(0,0,0,0.5); */
	margin-top: 1em;
}
.highlights h3{
	padding:0 10px;
	color:#444;
	font-weight:400;
	margin-bottom:20px;
}
.prof-photo{position:relative;
	margin-top:-80px;}
.prof-photo h2{
	margin-top:20px;
}
.prof-photo img{
	
	width:160px;
	border-radius:200px;-moz-border-radius:200x;-khtml-border-radius:200px;-webkit-border-radius:200px;
}

.slideshow{
	position:relative;
	background: #000;
}
.slideshow h1{
	color:#fff;
	position:absolute;
	width:100%;
	top:50%;
	margin-top: -12vh;
	text-shadow: 0px 0px 20px #000000;
}
.slideshow h1 img {
	width: 600px;
	max-width: 86%;
}

.slideshow:before{content: "";display: block;padding-top: 60%;}



.category-description img {
	width:100%;
}
iframe{
	width:100%;
	min-height:50vh;
}

.mobile-logo{
	padding: 15px 0 0px;
	text-align: center;
	z-index: 101;
	position: relative;
	display: block;
	margin: auto;
	width: 200px;
}
.mobile-logo img{
	margin: 6px auto 20px;
	width: 140px;
}
  
.contact h4{}

.treemenu{line-height:1.35;}
.treemenu li{padding: .5rem 0rem;position:relative;width:100%;width:100%;}
.treemenu li:hover{cursor:pointer;}
.treemenu li li:hover{}
.treemenu div{display:inline-block;width:49%;}
.treemenu .hitarea{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;}
.treemenu li li .hitarea:before{content:"+";display:block;width:16px;height:16px;padding:0 0 0;line-height:18px;text-align:center;border-radius:50px;-moz-border-radius:50x;-khtml-border-radius:50px;-webkit-border-radius:50px;left:-10px;top:7px;color:#0cc;position:absolute;border:solid 1px #0cc}
.treemenu li li.collapsable .hitarea:before{background:#0cc;color:#fff;content:"-";line-height:16px;}
.treemenu .hitarea:hover{cursor:pointer;}
.treemenu li li{}
.treemenu li li:hover{}
.treemenu h3{/* text-align:center; */margin:0;font-size:1.2rem;padding: 10px 20px;}
.treemenu li li ul{margin-top:5px;width:100%;}
.treemenu li.collapsable h3,
.treemenu li:hover h3{background: #eae7e2;/* color:#fff; */}
.treemenu li li.collapsable{background:#fff;}
.treemenu li li li,
.treemenu li li li:hover{background:#fffbf2;padding:10px 0px 2px;}

#pagelist{
	background: #54463e;
	padding: 60px 0 60px;
	text-align:center;
	width: 100%;
}
#pagelist h1{
	font-size: 18px;
	letter-spacing:10px;
	margin: 0 0 30px 0;
	line-height: 1;
	padding: 0;
	color: #fff;
}
#pagelist a{
	color:#fff;
	position:relative;
	display:block;
	border-radius: 300px;
	-moz-border-radius:300px;
	-khtml-border-radius:300px;
	-webkit-border-radius:300px;
	margin: 10px;
	overflow: hidden;
}
#pagelist span{
	position:absolute;
	left:0;
	bottom: 0;
	width:100%;
	font-size: 15px;
	background: #ab9679;
	padding: 10px 0 20px;
}

#pagelist img{
	border-radius: 300px;
	-moz-border-radius:300px;
	-khtml-border-radius:300px;
	-webkit-border-radius:300px;
	/* padding:10px; */
	/* opacity:0.6 */
}


.section{background: #f9f7f5;border-top:solid 1px #eee;padding: 4rem 0;}
#contact_submit{
	text-align:center;
}
#contact_form dt{
	/* font-size:13px; */
	padding-left:0;
}
#contact_form dl{
	margin-bottom:0
}
#contact_form dt span{
	font-size:10px;
}
table {
	overflow-x: scroll;
	/* background: #f8f8f8; */
	margin: 0;
	width:100%;
	line-height:1.5;
	/* font-size: .85rem; */
	/* border-top: solid 1px #332a2a!important; */
	margin-bottom: 3rem;
	border-bottom: solid 1px #ddd!important;
}
table.show{
	display:table!important;
}
th{
	border-bottom: solid 1px #ddd;
	padding: 2em .25em;
	min-width: 33%;
	/* background-color: white; */
}
td{
	border-bottom: solid 1px #ddd;
	padding: 2em .25em;
	vertical-align: middle!important;
}
td:first-child{
	/* padding-left:1em; */
}
td:last-child{
}
tr:last-child th,
tr:last-child td{
	/* border-bottom:none; */
}


#footer .store{
	background: #eae7e2;
	font-size: .85rem;
	text-align: center;
	padding: 0 0 3rem 0;
}
.box-item .inner{
	padding: 0 10px;
}
#footer .store .box-purchase{
	background:#fff;
	padding: 1.5rem .75rem 1rem;
	line-height: 1.4;
	font-size: 13px;
}
#footer .store .box-purchase p{
	margin:0 0 1rem 0;
}

#side {
	padding: 0;
	font-size:.85rem;
	border-left: solid 1px #ddd;
	/* background: #000; */
}

.post-list.ranking li:before {
            counter-increment: number;
            content: counter(number);
            display: inline-block;
            text-align: center;
            border-radius: 50%;
            position:absolute;
            right: .5rem;
            color: rgba(139, 216, 209, .5);
            bottom: 0.5rem;
            line-height: 1;
        }
        
.post-list.ranking {
            counter-reset: number;
            font-size: 22px;
            }
.post-list{
}
.post-list li{
	padding: 8px 14px;
	/* border-top: solid 1px #eae7e3; */
	width: 100%;
	position:relative;
	-webkit-transition: all .5s ease-out;
	-moz-transition: all .5s ease-out;
	-ms-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	margin:0;
}
.post-list a{
	display:block;
	width:100%;
}
.post-list .post-thumb {
	overflow:hidden;
	max-width:100px;
}
.post-list li img{
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}
.post-list li:hover img{
	opacity: 1;
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	
}

.post-list li:hover .post-thumb{
}

.post-list .post-title{
	padding:0 1rem;
	line-height:1.4;
	z-index: 1;
}
.post-list .post-title a{
	color: #352c2a;
}
.post-list li:hover{
}




/* --------- XXL --------- */
@media(min-width:1281px) {

.container {/* width:1200px; */
}
.nav-left .container {/* width: 980px; */
}
#main {}
#side {
/* width: 280px; */
	/* float: right; */
}
.xxl-1 {
	-ms-flex-preferred-size: 8.333%!important;
	flex-basis: 8.333%!important;
	max-width: 8.333%!important;
}
.xxl-2 {
	-ms-flex-preferred-size: 16.667%!important;
	flex-basis: 16.667%!important;
	max-width: 16.667%!important;
}
.xxl-1-5 {
	-ms-flex-preferred-size: 20%!important;
	flex-basis: 20%!important;
	max-width: 20%!important;
}
.xxl-2-5 {
	-ms-flex-preferred-size: 40%!important;
	flex-basis: 40%!important;
	max-width: 40%!important;
}
.xxl-3-5 {
	-ms-flex-preferred-size: 60%!important;
	flex-basis: 60%!important;
	max-width: 60%!important;
}
.xxl-4-5 {
	-ms-flex-preferred-size: 80%!important;
	flex-basis: 80%!important;
	max-width: 80%!important;
}
.xxl-3 {
	-ms-flex-preferred-size: 25%!important;
	flex-basis: 25%!important;
	max-width: 25%!important;
}
.xxl-4 {
	-ms-flex-preferred-size: 33.333%!important;
	flex-basis: 33.333%!important;
	max-width: 33.333%!important;
}
.xxl-5 {
	-ms-flex-preferred-size: 41.667%!important;
	flex-basis: 41.667%!important;
	max-width: 41.667%!important;
}
.xxl-6 {
	-ms-flex-preferred-size: 50%!important;
	flex-basis: 50%!important;
	max-width: 50%!important;
}
.xxl-7 {
	-ms-flex-preferred-size: 58.333%!important;
	flex-basis: 58.333%!important;
	max-width: 58.333%!important;
}
.xxl-8 {
	-ms-flex-preferred-size: 66.667%!important;
	flex-basis: 66.667%!important;
	max-width: 66.667%!important;
}
.xxl-9 {
	-ms-flex-preferred-size: 75%!important;
	flex-basis: 75%!important;
	max-width: 75%!important;
}
.xxl-10 {
	-ms-flex-preferred-size: 83.333%!important;
	flex-basis: 83.333%!important;
	max-width: 83.333%!important;
}
.xxl-11 {
	-ms-flex-preferred-size: 91.667%!important;
	flex-basis: 91.667%!important;
	max-width: 91.667%!important;
}
.xxl-12 {/* margin-left:0; */
	-ms-flex-preferred-size: 100%!important;
	flex-basis: 100%!important;
	max-width: 100%!important;
}
.row .xxl-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.row .xxl-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: 0;
	order: 0;
}
.xxl-taC, .xxl-taC > * {
	text-align: center!important;
}
.xxl-taL, .xxl-taL > * {
	text-align: left!important
}
.xxl-taR, .xxl-taR > * {
	text-align: right!important
}
.xxl-fR {
	float: right;
}
.xxl-fL {
	float: left;
}
.xxl-show {
	display: block!important
}
.xxl-hide {
	display: none!important
}
.xxl-show {
	display: block!important
}
}

/* --------- XL --------- */
@media(min-width:1101px) {
.main-inner {
	max-width: 800px;
}
.xl-1 {
	-ms-flex-preferred-size: 8.333%!important;
	flex-basis: 8.333%!important;
	max-width: 8.333%!important;
}
.xl-2 {
	-ms-flex-preferred-size: 16.667%!important;
	flex-basis: 16.667%!important;
	max-width: 16.667%!important;
}
.xl-1-5 {
	-ms-flex-preferred-size: 20%!important;
	flex-basis: 20%!important;
	max-width: 20%!important;
}
.xl-2-5 {
	-ms-flex-preferred-size: 40%!important;
	flex-basis: 40%!important;
	max-width: 40%!important;
}
.xl-3-5 {
	-ms-flex-preferred-size: 60%!important;
	flex-basis: 60%!important;
	max-width: 60%!important;
}
.xl-4-5 {
	-ms-flex-preferred-size: 80%!important;
	flex-basis: 80%!important;
	max-width: 80%!important;
}
.xl-3 {
	-ms-flex-preferred-size: 25%!important;
	flex-basis: 25%!important;
	max-width: 25%!important;
}
.xl-4 {
	-ms-flex-preferred-size: 33.333%!important;
	flex-basis: 33.333%!important;
	max-width: 33.333%!important;
}
.xl-5 {
	-ms-flex-preferred-size: 41.667%!important;
	flex-basis: 41.667%!important;
	max-width: 41.667%!important;
}
.xl-6 {
	-ms-flex-preferred-size: 50%!important;
	flex-basis: 50%!important;
	max-width: 50%!important;
}
.xl-7 {
	-ms-flex-preferred-size: 58.333%!important;
	flex-basis: 58.333%!important;
	max-width: 58.333%!important;
}
.xl-8 {
	-ms-flex-preferred-size: 66.667%!important;
	flex-basis: 66.667%!important;
	max-width: 66.667%!important;
}
.xl-9 {
	-ms-flex-preferred-size: 75%!important;
	flex-basis: 75%!important;
	max-width: 75%!important;
}
.xl-10 {
	-ms-flex-preferred-size: 83.333%!important;
	flex-basis: 83.333%!important;
	max-width: 83.333%!important;
}
.xl-11 {
	-ms-flex-preferred-size: 91.667%!important;
	flex-basis: 91.667%!important;
	max-width: 91.667%!important;
}
.xl-12 {/* margin-left:0; */
	-ms-flex-preferred-size: 100%!important;
	flex-basis: 100%!important;
	max-width: 100%!important;
}
.row .xl-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.row .xl-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: 0;
	order: 0;
}
.xl-taC, .xl-taC > * {
	text-align: center!important;
}
.xl-taL, .xl-taL > * {
	text-align: left!important
}
.xl-taR, .xl-taR > * {
	text-align: right!important
}
.xl-fR {
	float: right;
}
.xl-fL {
	float: left;
}
.xl-show {
	display: block!important
}
.xl-hide {
	display: none!important
}
.xl-show {
	display: block!important
}
}

/* --------- LG --------- */
@media(min-width:981px) {
.lg-mL{
	padding-left:2em;
}
.lg-mR{
	padding-right:2em;
}
.lg-1 {
	-ms-flex-preferred-size: 8.333%!important;
	flex-basis: 8.333%!important;
	max-width: 8.333%!important;
}
.lg-2 {
	-ms-flex-preferred-size: 16.667%!important;
	flex-basis: 16.667%!important;
	max-width: 16.667%!important;
}
.lg-1-5 {
	-ms-flex-preferred-size: 20%!important;
	flex-basis: 20%!important;
	max-width: 20%!important;
}
.lg-2-5 {
	-ms-flex-preferred-size: 40%!important;
	flex-basis: 40%!important;
	max-width: 40%!important;
}
.lg-3-5 {
	-ms-flex-preferred-size: 60%!important;
	flex-basis: 60%!important;
	max-width: 60%!important;
}
.lg-4-5 {
	-ms-flex-preferred-size: 80%!important;
	flex-basis: 80%!important;
	max-width: 80%!important;
}
.lg-3 {
	-ms-flex-preferred-size: 25%!important;
	flex-basis: 25%!important;
	max-width: 25%!important;
}
.lg-4 {
	-ms-flex-preferred-size: 33.333%!important;
	flex-basis: 33.333%!important;
	max-width: 33.333%!important;
}
.lg-5 {
	-ms-flex-preferred-size: 41.667%!important;
	flex-basis: 41.667%!important;
	max-width: 41.667%!important;
}
.lg-6 {
	-ms-flex-preferred-size: 50%!important;
	flex-basis: 50%!important;
	max-width: 50%!important;
}
.lg-7 {
	-ms-flex-preferred-size: 58.333%!important;
	flex-basis: 58.333%!important;
	max-width: 58.333%!important;
}
.lg-8 {
	-ms-flex-preferred-size: 66.667%!important;
	flex-basis: 66.667%!important;
	max-width: 66.667%!important;
}
.lg-9 {
	-ms-flex-preferred-size: 75%!important;
	flex-basis: 75%!important;
	max-width: 75%!important;
}
.lg-10 {
	-ms-flex-preferred-size: 83.333%!important;
	flex-basis: 83.333%!important;
	max-width: 83.333%!important;
}
.lg-11 {
	-ms-flex-preferred-size: 91.667%!important;
	flex-basis: 91.667%!important;
	max-width: 91.667%!important;
}
.lg-12 {/* margin-left:0; */
	-ms-flex-preferred-size: 100%!important;
	flex-basis: 100%!important;
	max-width: 100%!important;
}
.row .lg-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.row .lg-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: 0;
	order: 0;
}
.lg-taC, .lg-taC > * {
	text-align: center!important;
}
.lg-taL, .lg-taL > * {
	text-align: left!important
}
.lg-taR, .lg-taR > * {
	text-align: right!important
}
.lg-fR {
	float: right;
}
.lg-fL {
	float: left;
}
.lg-show {
	display: block!important
}
.lg-hide {
	display: none!important
}
.lg-show {
	display: block!important
}
}

@media (max-width:980px) {
#content .language{
	left:20px;
	right:auto;
	top: -8px;
}

.header {
	left: -270px;
}
#content {
	padding-left: 0;
}
.is_open .header {
	left: 0px;
}
.is_open #content {
	left: 180px;
	padding: 0;
}
.container {
	/* width: 86%; */
}
.container .main{
	width: 100%;
}
#main {
	width: 100%;
}
#side {
	width: 100%
}
}

/* --------- MD --------- */
@media (max-width:768px) {

.archive h2.post-title{
	font-size:1.1rem;
}

.header .navi{
	margin-top:40px;
}
 
.parallax-section{
	height: 30vh;
	min-height: 30vh;
	}
.main{
	/* width: 84%; */
}
.inner {
	padding: 10px 4%;
}
.prof-photo{
	margin-top:20px;}

.header .nav-social{
	position:static;
	padding: 30px 0;
}

#footer .store .box-purchase{
	padding:0 0.75rem;
}
.nav-footer{
	display:block;
	padding:10px 0px;
}
.nav-footer li a{
	/* text-align:left; */
	padding:5px 20px;
}
.box-item{
	/* background:#fff; */
	margin-bottom: 1px;
	box-shadow: 0px 0px 0 1px #fffbf1;
}
.box-item .inner{
	padding:0;
}
.eyecatch h2{
	padding:1rem 2rem;
	position: static;
	border: none;
	font-size: 1.1rem;
}
.eyecatch h2 br{
	display:none;
}
.profile{
	padding:1rem 0;
}
h1{font-size:1.4rem}
h2{font-size:1.3rem;}
h3{font-size:1.2rem}
h4{font-size:1.1rem}

.xs{font-size:.8rem;}
.sm{font-size:.9rem;}
.md{font-size:1rem;}
.lg{font-size:1.1rem;}
.xl{font-size:1.3rem;}
.xxl{font-size: 1.5rem;}

.page h1{
	font-size: 22px;
}

.single .paginav-index {
	/* border-right: none!important; */
	/* border-left: none!important; */
	/* border-top: solid 1px #79dede; */
}
#content {
	padding-left: 0;
}
.video iframe {
	max-width: 100%;
	height: auto;
}
table, tbody,tr, table th, table td{
	width: 100%;
	display: block;
}
table th{
	border:none;
	padding-bottom: 20px;
	padding-top: 1em;
}
table td{
	padding: 0;
	/* padding-bottom: 1em; */
	border: none;
}
table td:first-child{
	padding-top:10px;
}

table td:last-child{
	border-bottom:solid 1px #ddd;
	padding-bottom:10px;
}

.md-hide {
	display: none!important
}
.md-show {
	display: inherit!important
}
.md-1 {
	-ms-flex-preferred-size: 8.333%!important;
	flex-basis: 8.333%!important;
	max-width: 8.333%!important;
}
.md-2 {
	-ms-flex-preferred-size: 16.667%!important;
	flex-basis: 16.667%!important;
	max-width: 16.667%!important;
}
.md-1-5 {
	-ms-flex-preferred-size: 20%!important;
	flex-basis: 20%!important;
	max-width: 20%!important;
}
.md-2-5 {
	-ms-flex-preferred-size: 40%!important;
	flex-basis: 40%!important;
	max-width: 40%!important;
}
.md-3-5 {
	-ms-flex-preferred-size: 60%!important;
	flex-basis: 60%!important;
	max-width: 60%!important;
}
.md-4-5 {
	-ms-flex-preferred-size: 80%!important;
	flex-basis: 80%!important;
	max-width: 80%!important;
}
.md-3 {
	-ms-flex-preferred-size: 25%!important;
	flex-basis: 25%!important;
	max-width: 25%!important;
}
.md-4 {
	-ms-flex-preferred-size: 33.333%!important;
	flex-basis: 33.333%!important;
	max-width: 33.333%!important;
}
.md-5 {
	-ms-flex-preferred-size: 41.667%!important;
	flex-basis: 41.667%!important;
	max-width: 41.667%!important;
}
.md-6 {
	-ms-flex-preferred-size: 50%!important;
	flex-basis: 50%!important;
	max-width: 50%!important;
}
.md-7 {
	-ms-flex-preferred-size: 58.333%!important;
	flex-basis: 58.333%!important;
	max-width: 58.333%!important;
}
.md-8 {
	-ms-flex-preferred-size: 66.667%!important;
	flex-basis: 66.667%!important;
	max-width: 66.667%!important;
}
.md-9 {
	-ms-flex-preferred-size: 75%!important;
	flex-basis: 75%!important;
	max-width: 75%!important;
}
.md-10 {
	-ms-flex-preferred-size: 83.333%!important;
	flex-basis: 83.333%!important;
	max-width: 83.333%!important;
}
.md-11 {
	-ms-flex-preferred-size: 91.667%!important;
	flex-basis: 91.667%!important;
	max-width: 91.667%!important;
}
.md-12 {/* margin-left:0; */
	-ms-flex-preferred-size: 100%!important;
	flex-basis: 100%!important;
	max-width: 100%!important;
}
.row .md-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.row .md-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: 0;
	order: 0;
}
.md-inline {
	display: inline!important
}
.md-full {
	float: none!important;
	clear: both!important;
	width: 100%!important
}
.md-cB {
	float: none!important;
	clear: both!important;
	margin: auto!important
}
.md-cL {
	clear: left!important
}
.md-fL {
	float: left;
}
.md-imgR {
	float: right;
	margin-left: 10px;
	clear: none;
	min-width: 50%
}
.md-taC, .md-taC > * {
	text-align: center!important;
}
.md-taL, .md-taL > * {
	text-align: left!important
}
.md-taR, .md-taR > * {
	text-align: right!important
}
div.imgL,
img.imgL {
	float: left;
	margin: 0 10px 10px 0;
	width: 100%;
}
div.imgR,
img.imgR  {
	float: right;
	margin: 0 0 10px 0px;
	width: 100%;
}
.md-cL {
	clear: left
}
.md-block{
	display:block;
}
}

/* --------- SM --------- */
@media (max-width: 479px) {
h1 {
}
.col_1, .col_2, .col_3, .col_4, .col_5, .col_6, .col_1-5, .col_7, .col_8, .col_9, .col_10, .col_11, .col_12 {
	width: 100%
}
.sm-cL {
	clear: left
}
.md-cL {
	clear: left
}
.sm-taC, .sm-taC > * {
	text-align: center!important;
}
.sm-taL, .sm-taL > * {
	text-align: left!important
}
.sm-taR, .sm-taR > * {
	text-align: right!important
}
.md-center {
	float: none;
	margin: auto
}
.sm-show {
	display: block!important
}
.sm-hide {
	display: none!important
}
.sm-m0 {
	margin: 0!important
}
.sm-1 {
	-ms-flex-preferred-size: 8.333%!important;
	flex-basis: 8.333%!important;
	max-width: 8.333%!important;
}
.sm-2 {
	-ms-flex-preferred-size: 16.667%!important;
	flex-basis: 16.667%!important;
	max-width: 16.667%!important;
}
.sm-1-5 {
	-ms-flex-preferred-size: 20%!important;
	flex-basis: 20%!important;
	max-width: 20%!important;
}
.sm-2-5 {
	-ms-flex-preferred-size: 40%!important;
	flex-basis: 40%!important;
	max-width: 40%!important;
}
.sm-3-5 {
	-ms-flex-preferred-size: 60%!important;
	flex-basis: 60%!important;
	max-width: 60%!important;
}
.sm-4-5 {
	-ms-flex-preferred-size: 80%!important;
	flex-basis: 80%!important;
	max-width: 80%!important;
}
.sm-3 {
	-ms-flex-preferred-size: 25%!important;
	flex-basis: 25%!important;
	max-width: 25%!important;
}
.sm-4 {
	-ms-flex-preferred-size: 33.333%!important;
	flex-basis: 33.333%!important;
	max-width: 33.333%!important;
}
.sm-5 {
	-ms-flex-preferred-size: 41.667%!important;
	flex-basis: 41.667%!important;
	max-width: 41.667%!important;
}
.sm-6 {
	-ms-flex-preferred-size: 50%!important;
	flex-basis: 50%!important;
	max-width: 50%!important;
}
.sm-7 {
	-ms-flex-preferred-size: 58.333%!important;
	flex-basis: 58.333%!important;
	max-width: 58.333%!important;
}
.sm-8 {
	-ms-flex-preferred-size: 66.667%!important;
	flex-basis: 66.667%!important;
	max-width: 66.667%!important;
}
.sm-9 {
	-ms-flex-preferred-size: 75%!important;
	flex-basis: 75%!important;
	max-width: 75%!important;
}
.sm-10 {
	-ms-flex-preferred-size: 83.333%!important;
	flex-basis: 83.333%!important;
	max-width: 83.333%!important;
}
.sm-11 {
	-ms-flex-preferred-size: 91.667%!important;
	flex-basis: 91.667%!important;
	max-width: 91.667%!important;
}
.sm-12 {/* margin-left:0; */
	-ms-flex-preferred-size: 100%!important;
	flex-basis: 100%!important;
	max-width: 100%!important;
}
.row .sm-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.row .sm-first {
	-webkit-box-ordinal-group: 0;
	-ms-flex-order: 0;
	order: 0;
}
.sm-inline {
	display: inline!important
}
.sm-show {
	display: inherit!important
}
.sm-cL {
	clear: left!important
}
.sm-taC {
	text-align: center;
	margin: auto
}
.imgL {
	margin-right: 8px!important
}
.imgR {/* margin-left:8px!important; */
}
dl dd {
	padding-left: 0!important;
	width: 100%!important;
	padding:  0 0 1em 0!important;
}
dl dt {
	float: none!important;
	width: 100%!important;
	line-height: 1.4;
	padding: 1em 0 0 0!important;
	border-bottom: none!important;
}
.col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
	width: 100%; /* display:block */
}
.container {
/* max-width: 100%; */ /*320*/
	/* width: 100%; */
}
.xs-close > .inner {
	padding-right: 0!important;
	padding-left: 0!important
}
}

/* --------- XS --------- */
@media only screen and (max-width:320px) {
.xs-show {
	display: inherit!important
}
.xs-cL {
	clear: left
}
.xs-taC {
	text-align: center;
	margin: auto
}
.imgL {
	margin-right: 10px!important
}
.imgR {
	margin-left: 10px!important
}
dl dd {
	padding-left: 0!important
}
dl dt {
	float: none!important;
	width: 100%!important;
	line-height: 1.4;
	padding-bottom: 0!important
}
.xs-1 {
	-ms-flex-preferred-size: 8.333%!important;
	flex-basis: 8.333%!important;
	max-width: 8.333%!important;
}
.xs-2 {
	-ms-flex-preferred-size: 16.667%!important;
	flex-basis: 16.667%!important;
	max-width: 16.667%!important;
}
.xs-1-5 {
	-ms-flex-preferred-size: 20%!important;
	flex-basis: 20%!important;
	max-width: 20%!important;
}
.xs-2-5 {
	-ms-flex-preferred-size: 40%!important;
	flex-basis: 40%!important;
	max-width: 40%!important;
}
.xs-3-5 {
	-ms-flex-preferred-size: 60%!important;
	flex-basis: 60%!important;
	max-width: 60%!important;
}
.xs-4-5 {
	-ms-flex-preferred-size: 80%!important;
	flex-basis: 80%!important;
	max-width: 80%!important;
}
.xs-3 {
	-ms-flex-preferred-size: 25%!important;
	flex-basis: 25%!important;
	max-width: 25%!important;
}
.xs-4 {
	-ms-flex-preferred-size: 33.333%!important;
	flex-basis: 33.333%!important;
	max-width: 33.333%!important;
}
.xs-5 {
	-ms-flex-preferred-size: 41.667%!important;
	flex-basis: 41.667%!important;
	max-width: 41.667%!important;
}
.xs-6 {
	-ms-flex-preferred-size: 50%!important;
	flex-basis: 50%!important;
	max-width: 50%!important;
}
.xs-7 {
	-ms-flex-preferred-size: 58.333%!important;
	flex-basis: 58.333%!important;
	max-width: 58.333%!important;
}
.xs-8 {
	-ms-flex-preferred-size: 66.667%!important;
	flex-basis: 66.667%!important;
	max-width: 66.667%!important;
}
.xs-9 {
	-ms-flex-preferred-size: 75%!important;
	flex-basis: 75%!important;
	max-width: 75%!important;
}
.xs-10 {
	-ms-flex-preferred-size: 83.333%!important;
	flex-basis: 83.333%!important;
	max-width: 83.333%!important;
}
.xs-11 {
	-ms-flex-preferred-size: 91.667%!important;
	flex-basis: 91.667%!important;
	max-width: 91.667%!important;
}
.xs-12 {/* margin-left:0; */
	-ms-flex-preferred-size: 100%!important;
	flex-basis: 100%!important;
	max-width: 100%!important;
}
.row .xs-last {
	-webkit-box-ordinal-group: 2;
	-ms-flex-order: 1;
	order: 1;
}
.xs-inline {
	display: inline!important
}
.xs-hide {
	display: none!important
}
.xs-show {
	display: inherit!important
}
.col_1-5, .col_2, .col_3, .col_4, .col_5, .col_6, .col_7, .col_8, .col_9, .col_10, .col_11 {
	width: 100%;
}
}

@media print {
.print-show {
	display: inherit!important
}
.print-hide {
	display: none!important
}
}

@media print {
.print-show {
	display: inherit!important
}
.print-hide {
	display: none!important
}
}

.mix-container .mix{display:none;}
.filter.active{color: #e30b20;}
.link-red{
	color:#fff;
	background: #b71c47;
}
.link-skyblue{color:#fff;
	background:#01679b;}
.link-navy{color:#fff;
	background:#222650;}

	/* Let's get this party started */
.header::-webkit-scrollbar {
    width: 2px;  
}
/* Track */
.header::-webkit-scrollbar-track {
width: 2px;
}

/* Handle */
.header::-webkit-scrollbar-thumb {
    background: rgba(55,55,55,.3); 
    width: 2px;
}
.header::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(55,55,55,.0); 
}
																																																																																																																			
																																																																																																																			

/* =========================================================
   Greenbelle / Vcreate LP CSS
   目的：読みやすさ・安心感・CV（フォーム送信）最大化
   依存：このCSSは提示HTMLの class を前提にしています
   ========================================================= */

/* ---------- Base / Tokens ---------- */
:root{
 --radius: 16px;
 --bg: #fafafa;
 --card: #ffffff;
 --text: #1f2937;
 --muted: #6b7280;
 --line: #e5e7eb;
 --shadow: 0 10px 30px rgba(0,0,0,.06);
 --accent: #5fad59;   /* 深めのグリーン（過度に主張しない） */
 --accent-weak: rgba(47,111,89,.12);
 --warn: #9a3412;
 --warn-bg: rgba(154,52,18,.08);
 --focus: 0 0 0 3px rgba(47,111,89,.22);
}

.page-greenbelle{
  /* background: var(--bg); */
  color: var(--text);
  font-size: 16px;
  line-height: 1.85;
  letter-spacing: .02em;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.page-greenbelle *{
  box-sizing: border-box;
}

/* ---------- Container ---------- */
.page-greenbelle.container{
  /* max-width: var(--page-max); */
  margin: 0 auto;
  padding: clamp(18px, 3vw, 34px) clamp(16px, 3vw, 26px) 64px;
}

/* ---------- Subtitle / Lead ---------- */
.page-greenbelle .page-subtitle{
  margin: 0 0 18px;
  color: var(--muted);
  font-size: 14px;
  letter-spacing: .08em;
}

/* ---------- Headings ---------- */
.page-greenbelle .section-title{
  margin: 0 0 12px;
  font-size: clamp(18px, 2.2vw, 22px);
  line-height: 1.35;
  letter-spacing: .04em;
  position: relative;
  padding-left: 14px;
}

.page-greenbelle .section-title::before{
  content: "";
  position: absolute;
  left: 0;
  top: 0.1em;
  width: 6px;
  height: 1.2em;
  border-radius: 10px;
  background: var(--accent);
}

/* ---------- Sections as Cards ---------- */
.page-greenbelle section{
  background: var(--card);
  border: 1px solid var(--line);
  border-radius: var(--radius);
  box-shadow: var(--shadow);
  padding: clamp(16px, 2.6vw, 22px);
  margin: 0 0 14px;
}

/* 上部の導入とフォーム周りだけ少し強く */
.page-greenbelle .section-intro{
  background:
    radial-gradient(1200px 500px at 20% -20%, var(--accent-weak), transparent 60%),
    var(--card);
}
.page-greenbelle .section-contact{
  border-color: rgba(47,111,89,.25);
  box-shadow: 0 16px 36px rgba(47,111,89,.10);
}

/* ---------- Text helpers ---------- */
.page-greenbelle p{
  margin: 0 0 10px;
}
.page-greenbelle p:last-child{
  margin-bottom: 0;
}

.page-greenbelle .text{
  color: var(--text);
}

.page-greenbelle .text.text-note{
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
  margin-top: -2px;
}

.page-greenbelle .text.text-emphasis{
  margin-top: 10px;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--accent-weak);
  color: #0f3d2f;
  font-weight: 600;
}

/* ---------- Lists ---------- */
.page-greenbelle .bullet-list{
  margin: 10px 0 10px;
  padding: 0;
  list-style: none;
  display: grid;
  gap: 8px;
}

.page-greenbelle .bullet-item{
  padding-left: 26px;
  position: relative;
}

.page-greenbelle .bullet-item::before{
  content: "";
  position: absolute;
  left: 6px;
  top: .62em;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: var(--accent);
  box-shadow: 0 0 0 3px var(--accent-weak);
}

/* ---------- FAQ ---------- */
.page-greenbelle .faq{
  border-top: 1px solid var(--line);
  padding-top: 14px;
  margin-top: 14px;
}
.page-greenbelle .faq:first-of-type{
  border-top: 0;
  padding-top: 0;
  margin-top: 0;
}

.page-greenbelle .faq-question{
  margin: 0 0 6px;
  font-size: 16px;
  line-height: 1.5;
  letter-spacing: .03em;
}

.page-greenbelle .faq-answer{
  margin: 0;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.75;
}

.page-greenbelle .faq-q {
  color: #2f6f4e; /* グリーン */
  margin-right: 0.25em;
}

.page-greenbelle .faq-a {
  color: #c96a2c; /* オレンジ */
  margin-right: 0.25em;
}

/* ---------- Contact / Form wrapper ---------- */
.page-greenbelle .mwform-wrap{
  margin-top: 12px;
}

/* MW WP Formが吐くHTMLは環境差があるため、
   安全に効く“汎用”スタイルを当てます。 */
.page-greenbelle .mwform-wrap form{
  margin: 0;
}

.page-greenbelle .mwform-wrap fieldset{
  border: 1px solid var(--line);
  border-radius: 14px;
  padding: 14px;
  margin: 0 0 14px;
  background: #fff;
}

.page-greenbelle .mwform-wrap legend{
  font-weight: 700;
  letter-spacing: .03em;
  padding: 0 8px;
}

.page-greenbelle .mwform-wrap .form-note{
  margin: 8px 0 10px;
  color: var(--muted);
  font-size: 14px;
  line-height: 1.7;
}

/* option（radio/checkbox） */
.page-greenbelle .mwform-wrap label{
  display: block;
  padding: 10px 12px;
  border: 1px solid var(--line);
  border-radius: 12px;
  background: #fff;
  cursor: pointer;
  transition: border-color .15s ease, box-shadow .15s ease, transform .08s ease;
  margin: 0px 0;
}

.page-greenbelle .mwform-wrap label:hover{
  border-color: rgba(47,111,89,.45);
  box-shadow: 0 10px 22px rgba(47,111,89,.08);
}

.page-greenbelle .mwform-wrap input[type="radio"],
.page-greenbelle .mwform-wrap input[type="checkbox"]{
  transform: translateY(1px);
  margin-right: 10px;
  accent-color: var(--accent);
}

.page-greenbelle .mwform-wrap input[type="radio"]:focus,
.page-greenbelle .mwform-wrap input[type="checkbox"]:focus{
  outline: none;
  box-shadow: var(--focus);
}

/* 既存のDL構造を整える（あなたがフォーム側でdl.rowを使う前提） */
.page-greenbelle .mwform-wrap dl.row{
  margin: 0;
}

.page-greenbelle .mwform-wrap dl.row dt{
  /* margin: 14px 0 6px; */
  font-weight: 700;
  letter-spacing: .03em;
}

.page-greenbelle .mwform-wrap dl.row dd{
  margin: 0;
}

/* 入力欄 */
.page-greenbelle .mwform-wrap input[type="text"],
.page-greenbelle .mwform-wrap input[type="email"],
.page-greenbelle .mwform-wrap input[type="tel"],
.page-greenbelle .mwform-wrap textarea,
.page-greenbelle .mwform-wrap select{
  width: 100%;
  border: 1px solid var(--line);
  border-radius: 12px;
  padding: 12px 12px;
  font-size: 16px;
  line-height: 1.4;
  background: #fff;
  transition: border-color .15s ease, box-shadow .15s ease;
}

.page-greenbelle .mwform-wrap textarea{
  resize: vertical;
  min-height: 120px;
}

.page-greenbelle .mwform-wrap input[type="text"]:focus,
.page-greenbelle .mwform-wrap input[type="email"]:focus,
.page-greenbelle .mwform-wrap input[type="tel"]:focus,
.page-greenbelle .mwform-wrap textarea:focus,
.page-greenbelle .mwform-wrap select:focus{
  outline: none;
  border-color: rgba(47,111,89,.6);
  box-shadow: var(--focus);
}

/* 必須バッジ（span.ffs10 のみ許可という前提） */
.page-greenbelle .mwform-wrap .ffs10{
  display: inline-block;
  margin-left: 8px;
  padding: 2px 8px;
  font-size: 12px;
  line-height: 1.6;
  border-radius: 999px;
  background: rgba(47,111,89,.12);
  color: #0f3d2f;
  font-weight: 700;
}

/* エラーメッセージ（MW WP Formの出力に合わせて広く当てる） */
.page-greenbelle .mwform-wrap .error,
.page-greenbelle .mwform-wrap .mw_wp_form .error,
.page-greenbelle .mwform-wrap .mw_wp_form_error{
  margin-top: 6px;
  color: #b91c1c;
  font-size: 13px;
  line-height: 1.6;
}

.page-greenbelle .mwform-wrap .mw_wp_form .error + input,
.page-greenbelle .mwform-wrap .mw_wp_form_error + input{
  border-color: rgba(185,28,28,.55);
}
/* 共通スタイル */
.page-greenbelle .mwform-wrap .form-attention {
  margin: 10px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  font-size: 14px;
  line-height: 1.7;
}

/* 「はい」を選択時（警告・オレンジ） */
.page-greenbelle .mwform-wrap .is-referrer-yes , .note{
  margin: 10px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: var(--warn-bg);
  border: 1px solid rgba(154,52,18,.25);
  color: var(--warn);
  font-size: 14px;
  line-height: 1.7;
}

/* 「いいえ」を選択時（歓迎・グリーン） */
.page-greenbelle .mwform-wrap .is-referrer-first ,.is-referrer-member{
  background: #edfaea;
  border: 1px solid rgb(133 174 39 / 25%);
  color: #367431;
}


.none{
	display:none;
}

/* 既存のnoteクラス */
.page-greenbelle .mwform-wrap .note {
  margin: 10px 0 0;
  padding: 12px 14px;
  border-radius: 12px;
  background: #fff3cd;
  border: 1px solid rgba(154, 52, 18, 0.25);
  color: #856404;
  font-size: 14px;
  line-height: 1.7;
}
/* 送信ボタン領域（#submit / .taC を想定） */
.page-greenbelle .mwform-wrap #submit,
.page-greenbelle .mwform-wrap .taC{
  margin-top: 18px;
  text-align: center;
}

/* MW WP Form の submit input/button をまとめてスタイル */
.page-greenbelle .mwform-wrap input[type="submit"],
.page-greenbelle .mwform-wrap button[type="submit"],
.page-greenbelle .mwform-wrap .mwform-submit{
  appearance: none;
  border: none;
  border-radius: 999px;
  padding: 14px 18px;
  min-width: 220px;
  font-size: 16px;
  font-weight: 800;
  letter-spacing: .05em;
  color: #fff;
  background: var(--accent);
  cursor: pointer;
  transition: transform .08s ease, box-shadow .15s ease, filter .15s ease;
  box-shadow: 0 14px 26px rgba(47,111,89,.22);
}

.page-greenbelle .mwform-wrap input[type="submit"]:hover,
.page-greenbelle .mwform-wrap button[type="submit"]:hover{
  filter: brightness(1.02);
  box-shadow: 0 18px 34px rgba(47,111,89,.28);
}

.page-greenbelle .mwform-wrap input[type="submit"]:active,
.page-greenbelle .mwform-wrap button[type="submit"]:active{
  transform: translateY(1px);
}

/* 戻るボタン（backButtonはinput type="submit"の可能性もあるので個別指定が難しい）
   MW WP Formの出力が class を持たない場合に備えて、ボタンが複数あるとき2つ目をサブに */
.page-greenbelle .mwform-wrap #submit input[type="submit"] + input[type="submit"],
.page-greenbelle .mwform-wrap #submit input[type="submit"] + button[type="submit"],
.page-greenbelle .mwform-wrap #submit button[type="submit"] + button[type="submit"]{
  background: #fff;
  color: var(--accent);
  border: 1px solid rgba(47,111,89,.35);
  box-shadow: none;
  margin-left: 10px;
}

.page-greenbelle .mwform-wrap #submit input[type="submit"] + input[type="submit"]:hover,
.page-greenbelle .mwform-wrap #submit input[type="submit"] + button[type="submit"]:hover,
.page-greenbelle .mwform-wrap #submit button[type="submit"] + button[type="submit"]:hover{
  box-shadow: 0 10px 22px rgba(47,111,89,.10);
}

/* ---------- “CVを上げる”小技：フォームまでの導線を視覚的に強める ---------- */
.page-greenbelle .section-contact{
  scroll-margin-top: 90px;
}

.page-greenbelle .section-contact > p{
  color: var(--muted);
}

/* ---------- Responsive ---------- */
@media (max-width: 720px){
  .page-greenbelle.container{
    padding-bottom: 56px;
  }

  .page-greenbelle section{
    box-shadow: 0 10px 24px rgba(0,0,0,.05);
  }

  .page-greenbelle .bullet-item{
    padding-left: 24px;
  }

  .page-greenbelle .mwform-wrap label{
    padding: 10px 10px;
  }

  .page-greenbelle .mwform-wrap input[type="submit"],
  .page-greenbelle .mwform-wrap button[type="submit"]{
    min-width: 100%;
  }

  .page-greenbelle .mwform-wrap #submit input[type="submit"] + input[type="submit"],
  .page-greenbelle .mwform-wrap #submit input[type="submit"] + button[type="submit"],
  .page-greenbelle .mwform-wrap #submit button[type="submit"] + button[type="submit"]{
    display: block;
    width: 100%;
    margin: 10px 0 0;
  }
}

/* ---------- Reduced motion ---------- */
@media (prefers-reduced-motion: reduce){
  .page-greenbelle .mwform-wrap label,
  .page-greenbelle .mwform-wrap input[type="submit"],
  .page-greenbelle .mwform-wrap button[type="submit"]{
    transition: none;
  }
}