@charset "utf-8";
/******************************************************************
Theme Name: 296
Theme URI: https://296.co.jp
Description: 
Version: 1.0.0
Author: Dai Kojima
Author URI: https://296.co.jp
License: GNU General Public License
License URI: licence.txt
******************************************************************/

/*--------------------------------------------------------------
>>> TABLE OF CONTENTS:
----------------------------------------------------------------
1.0 normalize
2.0 default
3.0 header
4.0 footer
--------------------------------------------------------------*/

/*--------------------------------------------------------------
1.0 normalize
Styles based on Normalize v5..0 @link https://github.com/necolas/normalize.css
--------------------------------------------------------------*/
html {
	font-family: sans-serif;
	line-height: 1.15;
	-ms-text-size-adjust: 100%;
	-webkit-text-size-adjust: 100%;
}
body {
	margin: 0;
}
article,
aside,
footer,
header,
nav,
section {
	display: block;
}
h1 {
	font-size: 2em;
	margin: .67em 0;
}
figcaption,
figure,
main {
	display: block;
}
figure {
	margin: 1em 0;
}
hr {
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
	height: 0;
	overflow: visible;
}
pre {
	font-family: monospace, monospace;
	font-size: 1em;
}
a {
	background-color: transparent;
	-webkit-text-decoration-skip: objects;
}
a:active,
a:hover {
	outline-width: 0;
}
abbr[title] {
	border-bottom: 1px #767676 dotted;
	text-decoration: none;
}
b,
strong {
	font-weight: inherit;
}
b,
strong {
	font-weight: 700;
}
code,
kbd,
samp {
	font-family: monospace, monospace;
	font-size: 1em;
}
dfn {
	font-style: italic;
}
mark {
	background-color: #eee;
	color: #222;
}
small {
	font-size: 80%;
}
sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}
sub {
	bottom: -.25em;
}
sup {
	top: -.5em;
}
audio,
video {
	display: inline-block;
}
audio:not([controls]) {
	display: none;
	height: 0;
}
img {
	border-style: none;
}
svg:not(:root) {
	overflow: hidden;
}
button,
input,
optgroup,
select,
textarea {
	font-family: sans-serif;
	font-size: 100%;
	line-height: 1.15;
	margin: 0;
}
button,
input {
	overflow: visible;
}
button,
select {
	text-transform: none;
}
button,
html [type="button"],
[type="reset"],
[type="submit"] {
	-webkit-appearance: button;
}
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
	border-style: none;
	padding: 0;
}
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
	outline: 1px dotted ButtonText;
}
fieldset {
	border: 1px solid #bbb;
	margin: 0 2px;
	padding: .35em .625em .75em;
}
legend {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: inherit;
	display: table;
	max-width: 100%;
	padding: 0;
	white-space: normal;
}
progress {
	display: inline-block;
	vertical-align: baseline;
}
textarea {
	overflow: auto;
}
[type="checkbox"],
[type="radio"] {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding: 0;
}
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
	height: auto;
}
[type="search"] {
	-webkit-appearance: textfield;
	outline-offset: -2px;
}
[type="search"]::-webkit-search-cancel-button,
[type="search"]::-webkit-search-decoration {
	-webkit-appearance: none;
}
::-webkit-file-upload-button {
	-webkit-appearance: button;
	font: inherit;
}
details,
menu {
	display: block;
}
summary {
	display: list-item;
}
canvas {
	display: inline-block;
}
template {
	display: none;
}
[hidden] {
	display: none;
}

/*--------------------------------------------------------------
2.0 default
--------------------------------------------------------------*/
body {
	font: normal 16px/2 "メイリオ","Meiryo",erdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	letter-spacing: .02em;
	color: #040404;
	background-color: #fff;
}
a {
	-webkit-tap-highlight-color: rgba(0,0,0,0);
}
* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
}
.en {
    font-family: 'Noto Sans', sans-serif;	
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {
body {
	font-size: .875em;
}
}

/*--------------------------------------------------------------
3.0 header
--------------------------------------------------------------*/
header.site {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 105px;
	border-top: 5px solid #ef8034;
	z-index: 99999;
	transition: .3s;
}
header.site.is-animation {
	background-color: #fff;
}
header.site .container {
	overflow: auto;
	margin: 0 auto;
	padding: 0;
	width: 96%;
}
header.site .container #logo {
	display: inline-block;
}
header.site .container #logo h1,
header.site .container #logo div {
	margin: 0;
}
header.site .container #logo h1 a,
header.site .container #logo div a {
	display: inline-block;
}
header.site .container #logo h1 a img,
header.site .container #logo div a img {
	display: block;
	padding: 20px 0;
	height: 100px;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
header.site {
	height: 60px;
	background-color: #fff;
}
header.site .container {
	width: 96%;
}
header.site .container #logo h1 a img,
header.site .container #logo div a img {
	padding: 12px 0;
	width: auto;
	height: 60px;
}
}
/*ヘッダーメニュー*/
header.site .container nav.header {
	float: right;
}
header.site .container nav.header ul {
	margin: 0;
	padding: 0;
	text-align: center;
}
header.site .container nav.header ul li {
	display: inline-block;
	padding: 0 1em;
	line-height: 100px;
}
header.site .container nav.header ul li:hover {
	background-color: #ef8034;	
}
.post-type-archive-members header.site .container nav.header ul li:hover,
.single-members header.site .container nav.header ul li:hover {
	background-color: inherit;
}
header.site .container nav.header ul li a {
	display: inline-block;
	font-size: .875em;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
}
.post-type-archive-members header.site .container nav.header ul li a,
.single-members header.site .container nav.header ul li a {
	color: #ef8034;	
}
header.site.is-animation .container nav.header ul li a {
	color: #040404;
}
header.site.is-animation .container nav.header ul li a:hover {
	color: #fff;
}
header.site .container nav.header ul li a svg {
	margin-right: .5em;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
header.site .container nav.header ul {
	display: none;
}
}
/*スクロールメニュー*/
header.site .container a.more {
	position: relative;
	display: inline-block;
	float: right;
	margin: 30px 0 30px 2em;
	padding: 0 3em;
	height: 40px;
	font-size: .875em;
	font-weight: bold;
	line-height: 40px;
	text-decoration: none;
	color: #fff;
	background-color: #ef8034;
	border-radius: 40px;
	z-index: 9999999999;
	cursor: pointer;
}
header.site .container nav.scroll  {
	display: none;
	overflow: hidden;
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	padding: 2em 0;
	width: 100%;
	font-size: .875em;
	text-align: center;
	background-color: rgba(255,255,255,.9);
	z-index: 999;
	box-shadow: 1px 3px 3px 0 rgba(0,0,0,.2);
}
header.site .container nav.scroll .logo {
	
}
header.site .container nav.scroll .logo {
	display: inline-block;
}
header.site .container nav.scroll .logo a {
	display: inline-block;
}
header.site .container nav.scroll .logo a img {
	padding: 20px 0;
	height: 100px;
}
header.site .container nav.scroll .container {
	width: 960px;
}
header.site .container nav.scroll .container nav {
	float: left;
	width: 30%;
}
header.site .container nav.scroll .container nav h6 {
	margin: 0 0 .5em;
	font-size: 1em;
}
header.site .container nav.scroll .container nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
header.site .container nav.scroll .container nav ul li {
	
}
header.site .container nav.scroll .container nav ul li a {
	text-decoration: none;
	color: #040404;
}
header.site .container nav.scroll .container .company {
	float: right;
	width: 35%;
}
header.site .container nav.scroll .container .company img {
	width: 150px;
}
header.site .container nav.scroll .container .company .name {
	font-weight: bold;
}
header.site .container nav.scroll .container .company address {
	font-style: normal;
}
header.site .container nav.scroll .container .company a {
	display: inline-block;
	text-decoration: none;
	color: #040404;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
header.site .container a.more {
	margin: 10px 0;
	padding: 0 2em;
	height: 35px;
	font-size: .875em;
	line-height: 35px;
}
header.site .container nav.scroll .container {
	width: 92%;
}
header.site .container nav.scroll .container nav {
	width: 50%;
}
header.site .container nav.scroll .container .company {
	margin: 2em 0 0;
	width: 100%;
}
}

/*--------------------------------------------------------------
4.0 footer
--------------------------------------------------------------*/
footer.site {

}
footer.site .container {
	overflow: auto;
	padding: 4em 0;
	font-size: .875em;
	line-height: 1.6;
}
footer.site .container nav {
	float: left;
	width: 30%;
}
footer.site .container nav h6 {
	margin: 0 0 .5em;
	font-size: 1em;
}
footer.site .container nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
footer.site .container nav ul li {
	
}
footer.site .container nav ul li a {
	text-decoration: none;
	color: #040404;
}
footer.site .container .company {
	float: right;
	width: 35%;
}
footer.site .container .company img {
	width: 150px;
}
footer.site .container .company .name {
	font-weight: bold;
}
footer.site .container .company address {
	font-style: normal;
}
footer.site .container .company a {
	display: block;
	text-decoration: none;
	color: #040404;
}
footer.site .copyright {
	padding: 1em 0;
	font-size: .75em;
	text-align: center;
	color: #fff;
	background-color: #ef8034;
}
footer.site .copyright a {
	text-decoration: none;
	color: #fff;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
footer.site .container {
	padding: 3em 0;
}
footer.site .container nav {
	float: left;
	width: 50%;
}
footer.site .container .company {
	margin: 2em 0 0;
	width: 100%;
}
}

/*--------------------------------------------------------------
*.0 common
--------------------------------------------------------------*/
@media (max-width: 639px) {
#l2 {
	margin-top: 60px;	 
}
}
/*br*/
br.pc {

}
br.sp {
	display: none;
}
@media (max-width: 639px) {
br.pc {
	display: none;
}
br.sp {
	display: block;
}
}
/*.container*/
.container.w480 {
	margin: 0 auto;
	padding: 2em 0;
	width: 480px;
}
.container.w640 {
	margin: 0 auto;
	padding: 2em 0;
	width: 640px;	
}
.container.w720 {
	margin: 0 auto;
	padding: 2em 0;
	width: 720px;
}
.container.w960 {
	margin: 0 auto;
	padding: 2em 0;
	width: 960px;
}
.container.w1140 {
	margin: 0 auto;
	padding: 2em 0;
	width: 1140px;
}
@media (min-width: 960px) and (max-width: 1279px) {
.container.w960 {
	width: 92%;
	max-width: 960px;
}
.container.w1140 {
	width: 92%;
	max-width: 1140px;
}
}
@media (min-width: 640px) and (max-width: 959px) {
.container.w640 {
	width: 92%;
	max-width: 640px;
}
.container.w720 {
	width: 92%;
	max-width: 720px;
}
.container.w960 {
	width: 92%;
}
.container.w1140 {
	width: 92%;
}
}
@media (max-width: 639px) {
.container.w640 {
	width: 92%;	
}
.container.w720 {
	width: 92%;
}
.container.w960 {
	width: 92%;
}
.container.w1140 {
	width: 92%;
}
}
/*メインビジュアル*/
h1.common {
    position: relative;
    margin: 0;
}
h1.common img {
	display: block;
	width: 100%;
}
h1.common img.balloon {
	position: absolute;
	top: 0;
	left: 0;
	margin: 0;
	width: 100%;
	transition: .3s;
    transform: scale(0);
}
h1.common img.balloon.on {
    transform: scale(1);
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}
/*見出し*/
h2.common {
	text-align: center;
	position: relative;
}
h2.common .en {
	display: inline-block;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1.2;
	letter-spacing: 0.05em;
}
h2.common .ja {
	display: block;
	font-size: .875em;
	font-weight: bold;
	line-height: 1.4;
}
h2.common2 {
	line-height: 1.4;
	text-align: center;
}
h2.common2 .en {
	display: block;
	font-size: .75em;
	font-weight: normal;
	color: #666;
}
h2.common2 .ja {
	display: block;
	color: #ef8034;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
h2.common .en {
	font-size: 1.125em;
}
}


/*--------------------------------------------------------------
*.0 front-page.php
--------------------------------------------------------------*/
.home .wrapper {
	background-color: #fcf6ec;	
}
.home .wrapper main {
	
}
.home .wrapper main article {

}
.home .wrapper main article .eyecatch {
	position: relative;
}
.home .wrapper main article .eyecatch .container {

}
.home .wrapper main article .eyecatch .container img {
	display: block;
	width: 100%;
}
.home .wrapper main article .eyecatch a.support-btn {
	position: absolute;
	right: 2em;
	bottom: 2em;
	padding: 33px 0 0;
	width: 150px;
	height: 150px;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #28A7E1;
	background-image: url(assets/images/front/cara.png);
	background-position: center bottom 30px;
	background-repeat: no-repeat;
	background-size: auto 60px;
	border-radius: 50%;
}
.home .wrapper main article .eyecatch a:hover {
	opacity: .8;
}
.home .wrapper main article .concept {

}
.home .wrapper main article .concept .container {
	padding: 2em 0 4em;
}
.home .wrapper main article .concept .container h2 {
	padding: 80px 0 0;
	background-image: url(assets/images/front/concept.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 60px;
}
.home .wrapper main article .concept .container h2 .en {
	background: linear-gradient(transparent 70%, rgba(235,97,0,.5) 50%);background: linear-gradient(transparent 70%, rgba(235,97,0,.5) 50%);
}
.home .wrapper main article .concept .container .wrap {
	padding: 2em;
	background-color: #fff;	
}
.home .wrapper main article .concept .container .wrap p {
	margin: .5em 0;	
}
.home .wrapper main article .origin {
	background-color: #fff;	
}
.home .wrapper main article .origin .container {
	display: table;
}
.home .wrapper main article .origin .container figure {
	display: table-cell;
	margin: 0;
	width: 40%;
	vertical-align: middle;
}
.home .wrapper main article .origin .container figure img {
	width: 100%;
}
.home .wrapper main article .origin .container .content {
	display: table-cell;
	padding: 0 2em;
	width: 50%;
	vertical-align: middle;
}
.home .wrapper main article .origin .container .content h2 {
	text-align: center;
}
.home .wrapper main article .origin .container .content p {
	margin: .5em 0;
}
.home .wrapper main article .toujisya {

}
.home .wrapper main article .toujisya .container {
	padding: 2em 0;
}
.home .wrapper main article .toujisya .container h2 {
	text-align: center;
}
.home .wrapper main article .toujisya .container img {
	float: right;
	margin: 0 0 1.5em 2em;
	width: 50%;
	border-radius: 12px;
}
.home .wrapper main article .toujisya .container p {
	margin: .5em 0;
}
.home .wrapper main article .toujisya .container form {
	display: inline-block;
	margin: 2em 0 0;
}
.home .wrapper main article .toujisya .container input {
	display: inline-block;
	margin: 0 0 .5em;
	padding: 1em;
	width: auto;
	color: #ef8034;
	background-color: #fff;
	border: 1px solid #ef8034;
	border-radius: 3px;
	-webkit-appearance: none;
	cursor: pointer;
}
.home .wrapper main article .toujisya .container form input:hover {
	color: #fff;
	background-color: #ef8034;
}
.home .wrapper main article .blog {
	
}
.home .wrapper main article .blog .container {
	
}
.home .wrapper main article .blog .container h2 {
	padding: 80px 0 0;
	background-image: url(assets/images/front/blog.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 60px;
}
.home .wrapper main article .blog .container h2 .en {
	background: linear-gradient(transparent 70%, rgba(46,167,224,.5) 50%);background: linear-gradient(transparent 70%, rgba(46,167,224,.5) 50%);
}
.home .wrapper main article .blog .container .row {
	display: flex;
    flex-wrap: wrap;
}
.home .wrapper main article .blog .container .row .column {
	margin: 0 2% 1em;
	width: 280px;
}
.home .wrapper main article .blog .container .row .column:hover {
	opacity: .8;
}
.home .wrapper main article .blog .container .row .column a {
	text-decoration: none;
}
.home .wrapper main article .blog .container .row .column a figure {
	margin: 0 0 .5em;
}
.home .wrapper main article .blog .container .row .column a figure img {
	display: block;
	width: 280px;
	height: 180px;
    object-fit: cover;
}
.home .wrapper main article .blog .container .row .column a .ttl {
	font-weight: bold;
	line-height: 1.4;
	color: #040404;
}
.home .wrapper main article .blog .container .row .column a .entry-meta {

}
.home .wrapper main article .blog .container .row .column a .entry-meta time {
	font-size: .875em;
	color: #040404;
}
.home .wrapper main article .blog .container .row .column a .entry-meta time svg {
	padding: 0 .3em 0 0;
}
.home .wrapper main article .blog .container a.more {
	display: inline-block;
	margin: 2em auto;
	padding: .6em 0;
	width: 320px;
	font-size: .875em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #ef8034;
	border-radius: 30px;
}
.home .wrapper main article .blog .container a.more:hover {
	opacity: .8;
}
.home .wrapper main article .blog .container a.more svg {
	margin-right: .6em;
}

.home .wrapper main article .youtube {
	
}
.home .wrapper main article .youtube .container {
	
}
.home .wrapper main article .youtube .container h2 {
	padding: 80px 0 0;
	background-image: url(assets/images/front/media.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 60px;
}
.home .wrapper main article .youtube .container h2 .en {
	background: linear-gradient(transparent 70%, rgba(195,13,35,.5) 50%);background: linear-gradient(transparent 70%, rgba(195,13,35,.5) 50%);
}
.home .wrapper main article .youtube .container p {
	text-align: center;
}
.home .wrapper main article .youtube .container .row {
	display: flex;
    flex-wrap: wrap;
}
.home .wrapper main article .youtube .container .row .column {
	margin: 0 1% 1em;
	width: 48%;	
}
.home .wrapper main article .youtube .container .row .column .video {
	position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.home .wrapper main article .youtube .container .row .column .video iframe {
	position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
.home .wrapper main article .youtube .container a.more {
	display: inline-block;
	margin: 2em auto;
	padding: .6em 0;
	width: 320px;
	font-size: .875em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #fff;
	background-color: #ef8034;
	border-radius: 30px;
}
.home .wrapper main article .youtube .container a.more:hover {
	opacity: .8;
}
.home .wrapper main article .mailmagazine {

}
.home .wrapper main article .mailmagazine .container {

}
.home .wrapper main article .mailmagazine .container h2 {
	padding: 80px 0 0;
	background-image: url(assets/images/front/mailmagazine.png);
	background-position: center top;
	background-repeat: no-repeat;
	background-size: auto 60px;
}
.home .wrapper main article .mailmagazine .container h2 .en {
	background: linear-gradient(transparent 70%, rgba(195,13,35,.5) 50%);background: linear-gradient(transparent 70%, rgba(195,13,35,.5) 50%);
}
.home .wrapper main article .mailmagazine .container p {
	text-align: center;
}
.home .wrapper main article .mailmagazine .container form {
	
}
.home .wrapper main article .mailmagazine .container form .field {
	margin: 3em 0;
}
.home .wrapper main article .mailmagazine .container form .field input[type=text] {
	width: 70%;
}
.home .wrapper main article .mailmagazine .container form .field input[type=submit] {
	margin: 0 0 0 5%;
	width: 25%;
	font-weight: bold;
	color: #fff;
	background-color: #ef8034;
	border-color: #ef8034;
}
.home .wrapper main article .sponsor {
	background-color: #fff;
}
.home .wrapper main article .sponsor .container {

}
.home .wrapper main article .sponsor .container h2 {

}
.home .wrapper main article .sponsor .container a {
	display: inline-block;
	margin: 0 1.5% 1em;
	width: 29%;
	border: 1px solid #000;
}
.home .wrapper main article .sponsor .container a:hover {
	opacity: .8;
}
.home .wrapper main article .sponsor .container a img {
	display: block;
	width: 100%;
}
@media (min-width: 960px) and (max-width: 1279px) {
.home .wrapper main article .blog .container .row .column {
	width: calc(100% / 3 - 4%);
}
}
@media (min-width: 640px) and (max-width: 959px) {
.home .wrapper main article .blog .container .row .column {
	width: calc(100% / 3 - 4%);
}
}
@media (max-width: 639px) {
.home .wrapper main article .eyecatch {

}
.home .wrapper main article .eyecatch .container {

}
.home .wrapper main article .eyecatch a.support-btn {
	position: fixed;
	right: 1em;
	bottom: 1em;
	padding: 20px 0 0;
	width: 100px;
	height: 100px;
	font-size: .75em;
	background-position: center bottom 15px;
	background-size: auto 50px;
	z-index: 99999;
}
.home .wrapper main article .concept .container .wrap {
	padding: 0;
	background-color: inherit;	
}
.home .wrapper main article .concept .container .wrap p {
	margin: .5em 0;	
}
.home .wrapper main article .origin .container figure {
	display: block;
	margin: 0 auto;
	width: 40%;
}
.home .wrapper main article .origin .container .content {
	display: block;
	padding: 0;
	width: 100%;
}
.home .wrapper main article .toujisya .container img {
	float: none;
	margin: 0 0 1em;
	width: 100%;
}
.home .wrapper main article .blog .container .row .column {
	width: 46%;
}
.home .wrapper main article .blog .container .row .column a figure img {
	width: 100%;
	height: 120px;
}
.home .wrapper main article .blog .container h2 {
	padding: 50px 0 0;
	background-size: auto 45px;
}
.home .wrapper main article .youtube .container h2 {
	padding: 50px 0 0;
	background-size: auto 45px;
}
.home .wrapper main article .mailmagazine .container h2 {
	padding: 50px 0 0;
	background-size: auto 45px;
}
.home .wrapper main article .mailmagazine .container p {
	text-align: left;
}
.home .wrapper main article .sponsor .container a {
	width: 46%;
}
}

/*--------------------------------------------------------------
*.0 page-2.php
--------------------------------------------------------------*/
.page-id-2 .wrapper {
	
}
.page-id-2 .wrapper main {
	
}
.page-id-2 .wrapper main article {
	
}
.page-id-2 .wrapper main article .message {
	background-color: #fcf6ec;	
}
.page-id-2 .wrapper main article .message .container {
	overflow: auto;
	padding: 4em 0 2em;
}
.page-id-2 .wrapper main article .message .container h2 {
	margin: 0 0 2em;
	text-align: center;
}
.page-id-2 .wrapper main article .message .container h2 .ja {
	font-size: 1.25em;
	position: relative;
    display: block;
    font-family: 'brandon-grotesque',sans-serif;
    font-style: normal;
    font-weight: bold;
    z-index: 2;
    margin-bottom: 10px;
}
.page-id-2 .wrapper main article .message .container h2 .ja:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 45px;
    height: 6px;
    background: #fb6000;
    z-index: 1;
    width: 250px;
    margin-left: -125px;
}
.page-id-2 .wrapper main article .message .container h2 .ja:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 51px;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #eb6000 transparent transparent transparent;
}
.page-id-2 .wrapper main article .message .container .left {
	float: left;
	width: 30%;
}
.page-id-2 .wrapper main article .message .container .left figure {
	margin: 0 10%;
	width: 80%;
}
.page-id-2 .wrapper main article .message .container .left figure img {
	width: 100%;
	border-radius: 50%;
}
.page-id-2 .wrapper main article .message .container .left h3 {
	line-height: 1.4;
	text-align: center;
}
.page-id-2 .wrapper main article .message .container .left h3 .position {
	display: block;
	font-size: .75em;
}
.page-id-2 .wrapper main article .message .container .left h3 .ja {
	display: block;
}
.page-id-2 .wrapper main article .message .container .left h3 .en {
	display: block;
	font-size: .75em;
	letter-spacing: .05em;
}
.page-id-2 .wrapper main article .message .container .left .sns {
	text-align: center;
}
.page-id-2 .wrapper main article .message .container .left .sns a {
	display: inline-block;
}
.page-id-2 .wrapper main article .message .container .left .sns a svg {
	display: inline-block;
	padding: .5em;
	width: 2em;
	height: 2em;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	color: #040404;
	border: 1px solid #040404;
	border-radius: 50%;
}
.page-id-2 .wrapper main article .message .container .left .sns a svg.twitter {
	color: #00acee;
	border-color: #00acee;
}
.page-id-2 .wrapper main article .message .container .left .sns a:hover svg {
	opacity: .8;
}
.page-id-2 .wrapper main article .message .container .left p {
	font-size: .875em;
}
.page-id-2 .wrapper main article .message .container .right {
	float: right;
	width: 65%;
}
.page-id-2 .wrapper main article .message .container .right p {

}
.page-id-2 .wrapper main article .message .container .right a.more {
	display: inline-block;
	padding: .6em 1.5em;
	font-size: .875em;
	line-height: 1;
	text-decoration: none;
	color: #fb6000;
	border: 1px solid #fb6000;
	border-radius: 40px;
	cursor: pointer;
}
.page-id-2 .wrapper main article .message .container .right .more-content {
	display: none;
	font-size: .875em;
}
.page-id-2 .wrapper main article .message .container .right .more-content h4 {
	margin: 1em 0 0;
}
.page-id-2 .wrapper main article .message .container .right .more-content p {
	margin: .5em 0 0;
}
.page-id-2 .wrapper main article .member {
	background-color: #fcf6ec;	
}
.page-id-2 .wrapper main article .member .container {
	
}
.page-id-2 .wrapper main article .member .container h2 {
	margin: 0 0 2em;
}
.page-id-2 .wrapper main article .member .container h2 .ja {
	font-size: 1.25em;
	position: relative;
    display: block;
    font-family: 'brandon-grotesque',sans-serif;
    font-style: normal;
    font-weight: bold;
    z-index: 2;
    margin-bottom: 10px;
}
.page-id-2 .wrapper main article .member .container h2 .ja:before {
    content: '';
    position: absolute;
    left: 50%;
    top: 45px;
    height: 6px;
    background: #fb6000;
    z-index: 1;
    width: 150px;
    margin-left: -75px;
   }
.page-id-2 .wrapper main article .member .container h2 .ja:after {
    content: '';
    position: absolute;
    left: 50%;
    top: 51px;
    margin-left: -4px;
    width: 0;
    height: 0;
    border-style: solid;
    border-width: 7px 4px 0 4px;
    border-color: #eb6000 transparent transparent transparent;
}
.page-id-2 .wrapper main article .member .container .row {
	display: flex;
	flex-wrap: wrap;
}
.page-id-2 .wrapper main article .member .container .row .column {
	margin: 0 1.5% 1em;
	width: 30.3%;
}
.page-id-2 .wrapper main article .member .container .row .column figure {
	margin: 0 30%;
	width: 40%;
}
.page-id-2 .wrapper main article .member .container .row .column figure img {
	width: 100%;
	border-radius: 50%;
}
.page-id-2 .wrapper main article .member .container .row .column h3 {
	text-align: center;	
}
.page-id-2 .wrapper main article .member .container .row .column h3 .ja {
	display: block;
}
.page-id-2 .wrapper main article .member .container .row .column h3 .en {
	display: block;
	font-size: .75em;
	letter-spacing: .05em;
}
.page-id-2 .wrapper main article .member .container .row .column .sns {
	text-align: center;
}
.page-id-2 .wrapper main article .member .container .row .column .sns a {
	display: inline-block;
}
.page-id-2 .wrapper main article .member .container .row .column .sns a svg {
	display: inline-block;
	padding: .5em;
	width: 2em;
	height: 2em;
	font-size: 1em;
	line-height: 1;
	text-align: center;
	color: #040404;
	border: 1px solid #040404;
	border-radius: 50%;
}
.page-id-2 .wrapper main article .member .container .row .column .sns a svg.twitter {
	color: #00acee;
	border-color: #00acee;
}
.page-id-2 .wrapper main article .member .container .row .column .sns a:hover svg {
	opacity: .8;
}
.page-id-2 .wrapper main article .member .container .row .column p {

}
.arrow_box{
    position:relative;
    background:#EB6000;
    padding:2em;
    color:#FFFFFF;
    border-radius:10px;
    -webkit-border-radius:10px;
    -moz-border-radius:10px;
}
.arrow_box:after{
    border: solid transparent;
    content:'';
    height:0;
    width:0;
    pointer-events:none;
    position:absolute;
    border-color: rgba(235, 96, 0, 0);
    border-top-width:10px;
    border-bottom-width:10px;
    border-left-width:10px;
    border-right-width:10px;
    margin-left: -10px;
    border-bottom-color:#EB6000;
    bottom:100%;
    left:50%;
}
.page-id-2 .wrapper main article .book {

}
.page-id-2 .wrapper main article .book .container {
	overflow: auto;
}
.page-id-2 .wrapper main article .book .container h2 {
	text-align: center;
}
.page-id-2 .wrapper main article .book .container .block {
	clear: both;
}
.page-id-2 .wrapper main article .book .container figure {
	float: left;
	width: 30%;
}
.page-id-2 .wrapper main article .book .container figure img {
	width: 100%;
	box-shadow: 2px 2px 3px 0 rgba(0,0,0,.2);
}
.page-id-2 .wrapper main article .book .container .content {
	float: right;
	width: 60%;
}
.page-id-2 .wrapper main article .book .container .content h3 {
	
}
.page-id-2 .wrapper main article .book .container .content p {
	
}
.page-id-2 .wrapper main article .book .container .content a {
	
}
.page-id-2 .wrapper main article .book .container .content a:hover {
	opacity: .8;
}
.page-id-2 .wrapper main article .book .container .content a img {
	width: 150px;
}
.page-id-2 .wrapper main article .company {
	font-size: .875em;
	background-color: #fcf6ec;	
}
.page-id-2 .wrapper main article .company .container {
	
}
.page-id-2 .wrapper main article .company .container h2 {
	text-align: center;
}
.page-id-2 .wrapper main article .company .container table {
	width: 100%;
}
.page-id-2 .wrapper main article .company .container table tr {
	
}
.page-id-2 .wrapper main article .company .container table tr th {
	padding: 1em;
	width: 15%;
	text-align: left;
	vertical-align: top;
	border-bottom: 1px dotted #ddd;
}
.page-id-2 .wrapper main article .company .container table tr td {
	padding: 1em;
	width: 85%;
	border-bottom: 1px dotted #ddd;
}
.page-id-2 .wrapper main article .company .container table tr td a {
	text-decoration: none;
	color: #040404;
}
.page-id-2 .wrapper main article .company .container table tr td iframe {
	margin: .5em 0;
}
.page-id-2 .wrapper main article .ir {

}
.page-id-2 .wrapper main article .ir .container {
	text-align: center;
}
.page-id-2 .wrapper main article .ir .container ul {
	display: inline-block;
	padding: 0;
	list-style-type: none;
}
.page-id-2 .wrapper main article .ir .container ul li {

}
.page-id-2 .wrapper main article .ir .container ul li a {
	color: #ef8034;
}
@media (min-width: 960px) and (max-width: 1279px) {

}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
.page-id-2 .wrapper main article .message .container h2 .ja {
	font-size: 1em;
}
.page-id-2 .wrapper main article .message .container .left {
	width: 100%;
}
.page-id-2 .wrapper main article .message .container .left figure {
	margin: 0 25%;
	width: 50%;
}
.page-id-2 .wrapper main article .message .container .right {
	width: 100%;
}
.page-id-2 .wrapper main article .member .container .row .column {
	margin: 0;
	width: 100%;
}
.page-id-2 .wrapper main article .member .container h2 .ja {
	font-size: 1em;
}
.page-id-2 .wrapper main article .book .container .content a img {
	width: 100px;
}
.page-id-2 .wrapper main article .company .container table tr th {
	display: block;
	padding: .5em 0 0;
	width: auto;
	text-align: left;
	border-bottom: none;
}
.page-id-2 .wrapper main article .company .container table tr td {
	display: block;
	padding: 0 0 .5em;
	width: auto;
	border-bottom: 1px dotted #ddd;
}
}

/*--------------------------------------------------------------
*.0 page-15.php
--------------------------------------------------------------*/
.page-id-15 .wrapper {
	background-color: #fcf6ec;
}
.page-id-15 .wrapper main {
	
}
.page-id-15 .wrapper main article {
	
}
.page-id-15 .wrapper main article .lead {
	
}
.page-id-15 .wrapper main article .lead .container {
	padding: 4em 0 2em;
	text-align: center;
}
.page-id-15 .wrapper main article .lead .container h2 {
	line-height: 1.6;
}
.page-id-15 .wrapper main article .lead .container p {
	margin: .5em 0;
	line-height: 1.8;
}
.page-id-15 .wrapper main article .menu {
	
}
.page-id-15 .wrapper main article .menu .container {
	
}
.page-id-15 .wrapper main article .menu .container .row {
	display: flex;
	flex-wrap: wrap;
}
.page-id-15 .wrapper main article .menu .container .row .column {
	margin: 0 5%;
	padding: 0 0 1em;
	width: 40%;
	text-decoration: none;
	color: #fff;
	text-align: center;
	background-color: #ef8034;
	transition: .3s;
}
.page-id-15 .wrapper main article .menu .container .row .column:hover {
	opacity: .8;
}
.page-id-15 .wrapper main article .menu .container .row .column h3 {
	font-size: 1.375em;
	line-height: 1.4;
	text-align: center;
}
.page-id-15 .wrapper main article .menu .container .row .column .name {
	display: inline-block;
	padding: 20px 0 0;
	width: 200px;
	height: 200px;
	font-weight: bold;
	text-align: center;
	color: #909090;
	background-color: #fff;
	background-position: center 65px;
	background-repeat: no-repeat;
	background-size: 100px auto;
	border-radius: 50%;
}
.page-id-15 .wrapper main article .menu .container .row .column.menu1 .name {
	background-image: url(assets/images/15/menu1.png);
}
.page-id-15 .wrapper main article .menu .container .row .column.menu2 .name {
	background-image: url(assets/images/15/menu2.png);
}
.page-id-15 .wrapper main article .menu-detail {

}
.page-id-15 .wrapper main article .menu-detail .container {
	display: table;
}
.page-id-15 .wrapper main article .menu-detail .container .sidebar {
	display: table-cell;
	padding: 4em 3em;
	width: 20%;
	text-align: right;
	background-color: #ef8034;
}
.page-id-15 .wrapper main article .menu-detail .container .sidebar img {
	width: 200px;
}
.page-id-15 .wrapper main article .menu-detail .container .sidebar h3 {
	margin: .5em 0;
	font-size: 2em;
	color: #fff;
}
.page-id-15 .wrapper main article .menu-detail .container .sidebar ul {
	margin: 0;
	padding: 0;
	font-size: 1.25em;
	font-weight: bold;
	color: #fff;
	list-style-type: none;
}
.page-id-15 .wrapper main article .menu-detail .container .sidebar ul li {
	
}
.page-id-15 .wrapper main article .menu-detail .container .content {
	display: table-cell;
	padding: 4em 3em;
	width: 80%;
	vertical-align: middle;
}
.page-id-15 .wrapper main article .menu-detail .container .content .button {

}
.page-id-15 .wrapper main article .menu-detail .container .content .button form {
	display: inline-block;
}
.page-id-15 .wrapper main article .menu-detail .container .content .button form input {
	display: inline-block;
	margin: 0 0 .5em;
	padding: 1em;
	width: 165px;
	color: #ef8034;
	background-color: #fff;
	border: 1px solid #ef8034;
	border-radius: 3px;
	-webkit-appearance: none;
	cursor: pointer;
}
.page-id-15 .wrapper main article .menu-detail .container .content .button form input:hover {
	color: #fff;
	background-color: #ef8034;
}
.page-id-15 .wrapper main article .menu-detail .container .content h3 {
	font-size: 1.5em;
	line-height: 1.4;
}
.page-id-15 .wrapper main article .menu-detail .container .content h4.pay {
	display: inline-block;
	padding: 0 1em;
	border-right: 5px solid #040404;
	border-left: 5px solid #040404;
}
.page-id-15 .wrapper main article .menu-detail .container .content .account {
	font-weight: bold;
	line-height: 1.6;
}
.page-id-15 .wrapper main article .menu-detail .container .content ul.bank {
	padding: 1em 1.5em;
	font-size: .875em;
	line-height: 1.6;
	list-style-type: none;
	border-left: 2px solid #040404;
}
.page-id-15 .wrapper main article .menu-detail .container .content ul.bank li {
	margin: 0 0 .5em;
}
.page-id-15 .wrapper main article .menu-detail#detail1 {
	padding: 0 0 3em;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content {

}

.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about {
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li {
	display: table;
	margin: 0 0 1em;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li h4 {
	display: table-cell;
	width: 80px;
	height: 80px;
	font-size: 1.25em;
	line-height: 1.3;
	text-align: center;
	color: #fff;
	background-color: #ef8034;
	border-radius: 50%;
	vertical-align: middle;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li h4 .small {
	display: block;
	font-size: .6375em;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li p.about1 {
	padding: .5em 0 .5em 5em;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
	background-image: url(assets/images/15/detail1-about1.png);
	background-position: 25px center;
	background-repeat: no-repeat;
	background-size: auto 50px;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li p.about2 {
	padding: .5em 0 .5em 5em;
	font-size: 1.25em;
	font-weight: bold;
	line-height: 1.4;
	display: table-cell;
	vertical-align: middle;
	background-image: url(assets/images/15/detail1-about2.png);
	background-position: 25px center;
	background-repeat: no-repeat;
	background-size: auto 50px;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content .conversastion {
	
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content .conversastion .man {
	display: table;
	margin: 0 0 1em;
	width: 100%;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content .conversastion .man figure {
	display: table-cell;
	vertical-align: middle;	
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content .conversastion .man figure img {
	width: 100px;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content .conversastion .man p {
	padding: 2em;
	display: table-cell;
	width: calc(100% - 100px);
	font-size: .875em;
	vertical-align: middle;
	background-color: #fff;
	border-radius: 5px;
}
.page-id-15 .wrapper main article .menu-detail#detail2 {
	padding: 3em 0 0;
}
.page-id-15 .wrapper main article .menu-detail#detail2 .content {

}
.page-id-15 .wrapper main article .menu-detail#detail2 .content ul.about {
	 margin: 0;
	 padding: 0;
	 list-style-type: none;
}
.page-id-15 .wrapper main article .menu-detail#detail2 .content ul.about li {
	display: table;
	margin: 0 0 1em;
}
.page-id-15 .wrapper main article .menu-detail#detail2 .content ul.about li h4 {
	display: table-cell;
	width: 100px;
	height: 100px;
	line-height: 1.3;
	text-align: center;
	color: #fff;
	background-color: #ef8034;
	border-radius: 50%;
	vertical-align: middle;
}
.page-id-15 .wrapper main article .menu-detail#detail2 .content ul.about li p {
	padding: 0 .5em;
	font-size: 1.25em;
	font-weight: bold;
	display: table-cell;
	vertical-align: middle;
}
.page-id-15 .wrapper main article hr {
	border: 1px dotted #ef8034;
	width: 960px;
}
@media (min-width: 960px) and (max-width: 1279px) {

}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
.page-id-15 .wrapper main article .lead .container {
	text-align: left;
}
.page-id-15 .wrapper main article .menu .container .row .column {
	margin: 0 2%;
	width: 46%;
}
.page-id-15 .wrapper main article .menu .container .row .column h3 {
	font-size: 1em;
}
.page-id-15 .wrapper main article .menu .container .row .column .name {
	padding: 15px 0 0;
	width: 100px;
	height: 100px;
	background-position: center 45px;
	background-size: 35px auto;
}
.page-id-15 .wrapper main article .menu-detail .container .sidebar {
    display: block;
    padding: 2em 0;
    width: 100%;
    text-align: center;
}
.page-id-15 .wrapper main article .menu-detail .container .sidebar img {
	width: 100px;
}
.page-id-15 .wrapper main article .menu-detail .container .content {
    display: block;
    padding: 2em 0;
    width: 100%;
}
.page-id-15 .wrapper main article .menu-detail .container .content h3 {
	font-size: 1.25em;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li h4 {
	width: 40px;
	height: 60px;
	border-radius: 0;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li p.about1 {
	padding: .3em 0 .3em 5em;
	font-size: 1em;
	background-size: auto 30px;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content ul.about li p.about2 {
	padding: .3em 0 .3em 5em;
	font-size: 1em;
	background-size: auto 30px;
}
.page-id-15 .wrapper main article .menu-detail#detail1 .content .conversastion .man figure img {
	width: 50px;
}
.page-id-15 .wrapper main article .menu-detail#detail2 .content ul.about li h4 {
	padding: 5px 0;
	width: 40px;
	height: auto;
	border-radius: 0;
}
.page-id-15 .wrapper main article .menu-detail#detail2 .content ul.about li p {
	font-size: 1em;
}
.page-id-15 .wrapper main article .menu-detail .container .content .button form input {

}
.page-id-15 .wrapper main article hr {
	margin: 0 auto;
	width: 92%;
}
}

/*--------------------------------------------------------------
*.0 page-28.php
--------------------------------------------------------------*/
.page-id-28 .wrapper {
	
}
.page-id-28 .wrapper main {
	
}
.page-id-28 .wrapper main article {

}
.page-id-28 .wrapper main article .legal {
	margin-top: 120px;
	font-size: .75em;
}
.page-id-28 .wrapper main article .legal h1 {
	font-size: 1.5em;
	text-align: center;
}
.page-id-28 .wrapper main article .legal table {
	
}
.page-id-28 .wrapper main article .legal table tbody {
	
}
.page-id-28 .wrapper main article .legal table tbody tr {
	
}
.page-id-28 .wrapper main article .legal table tbody tr th {
	padding: .5em 0;
	width: 10vw;
}
.page-id-28 .wrapper main article .legal table tbody tr td {
	padding: .5em 1em;
}
.page-id-28 .wrapper main article .legal table tbody tr td ul {
	padding: 0;
	list-style-type: none;
}
@media (min-width: 960px) and (max-width: 1279px) {

}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}

/*--------------------------------------------------------------
*.0 page-30.php
--------------------------------------------------------------*/
.page-id-30 .wrapper {
	
}
.page-id-30 .wrapper main {
	
}
.page-id-30 .wrapper main article {

}
.page-id-30 .wrapper main article .terms {
	margin-top: 120px;
	font-size: .75em;
	line-height: 1.6;
}
.page-id-30 .wrapper main article .terms h1 {
	font-size: 1.5em;
	text-align: center;
}
.page-id-30 .wrapper main article .terms h2 {
	margin: 1em 0 .5em;
	font-size: 1em;
}
.page-id-30 .wrapper main article .terms p {
	margin: .5em 0;
}
.page-id-30 .wrapper main article .terms ol {
	margin: .5em 0;
	padding: 0 0 0 2em;
}
.page-id-30 .wrapper main article .terms ol li {
	margin: 0 0 .3em;
}
@media (min-width: 960px) and (max-width: 1279px) {

}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {

}

/*--------------------------------------------------------------
*.0 form.php
--------------------------------------------------------------*/



/*--------------------------------------------------------------
*.0 single.php
--------------------------------------------------------------*/
.single {
	margin: 120px 0 0;
}
.single .container {
	margin: 0 auto;
	padding: 4em 0 2em;
	width: 720px;
}
.single .container header.article figure {

}
.single .container header.article figure img {
	width: 100%;
}
.single .container header.article time {

}
.single .container header.article h1 {
	margin: 0 0 1em;
	line-height: 1.5;
}
.single .container img {
	height: auto;
}
.single .container form {
	display: inline-block;
	margin: 0 0 3em
}
.single .container form input {
	display: inline-block;
	margin: 0 0 .5em;
	padding: 1em;
	width: 165px;
	color: #ef8034;
	background-color: #fff;
	border: 1px solid #ef8034;
	border-radius: 3px;
	-webkit-appearance: none;
	cursor: pointer;
}
.single .container form input:hover {
	color: #fff;
	background-color: #ef8034;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {
.single .container {
	width: 92%;
	max-width: 720px;
}
}
@media (max-width: 639px) {
.single {
	margin: 0;
}
.single .container {
	padding: 0;
	width: 92%;
}
.single .container header.article figure {
	margin: 0 0 0 -4vw;
	width: 100vw;
}
}


/*--------------------------------------------------------------
*.0 index.php
--------------------------------------------------------------*/
.archive-blog {
	background-color: #fcf6ec;
}
.archive-blog .container {

}
.archive-blog .container ul.cat {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
.archive-blog .container ul.cat li {
	display: inline-block;
}
.archive-blog .container ul.cat li a {
	display: block;
	margin: 0 1em 0 0;
	width: 200px;
	height: 40px;
	font-size: .875em;
	font-weight: bold;
	line-height: 38px;
	text-align: center;
	text-decoration: none;
	color: #040404;
	border: 1px solid #040404;
	border-bottom: none;
	box-sizing: border-box;
}
.archive-blog .container ul.cat li a:hover {
	color: #fff;
	background-color: #ef8034;
	border-color: #ef8034;
}
.archive-blog .container ul.cat li a svg {
	margin-right: .5em;
	color: #ef8034;
}
.archive-blog .container .row {
	display: flex;
    flex-wrap: wrap;
    padding: 2em;
    background-color: #fff;
    border: 1px solid #040404;
}
.archive-blog .container .row .tag-cloud {
	padding: 2em;
}
.archive-blog .container .row .tag-cloud a {
	display: inline-block;
	margin: 0 .1em .6em 0;
	padding: .6em;
	line-height: 1;
	text-decoration: none;
	color: #ef8034;
	background-color: #fff;
	border: 1px solid #ef8034;
	border-radius: 2em;
	transition: .3s;
}
.archive-blog .container .row .tag-cloud a:before {
	content: "#";	
}
.archive-blog .container .row .tag-cloud a:hover {
	color: #fff;
	background-color: #ef8034;
}
.archive-blog .container .row .column {
	margin: 0 1% 1em;
	width: 31%;
}
.archive-blog .container .row .column:hover {
	opacity: .5;
}
.archive-blog .container .row .column a {
	text-decoration: none;
}
.archive-blog .container .row .column a figure {
	margin: 0 0 .5em;
}
.archive-blog .container .row .column a figure img {
	display: block;
	width: 100%;
	height: 180px;
	object-fit: cover;
}
.archive-blog .container .row .column a .ttl {
	font-weight: bold;
	line-height: 1.4;
	color: #040404;
}
.archive-blog .container .row .column a .entry-meta {

}
.archive-blog .container .row .column a .entry-meta time {
	font-size: .875em;
	color: #040404;
}
.archive-blog .container .row .column a .entry-meta time svg {
	padding: 0 .3em 0 0;
}
@media (min-width: 960px) and (max-width: 1279px) {
.blog .container .row .column {
	width: calc(100% / 3 - 4%);
}
}
@media (min-width: 640px) and (max-width: 959px) {
.blog .container .row .column {
	width: calc(100% / 3 - 4%);
}
}
@media (max-width: 639px) {
.archive-blog .container .row {
    padding: 0;
    background-color: inherit;
    border: none;
}
.archive-blog .container .row .column {
	margin: 0 2% 1em;
	width: 46%;
}
.archive-blog .container .row .column a figure img {
	height: 120px;
	object-fit: cover;
}
}

/*--------------------------------------------------------------
*.0 .archive-members.php
--------------------------------------------------------------*/
.archive-blog.members {
	margin-top: 100px;
}
@media (min-width: 960px) and (max-width: 1279px) {

}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
.archive-blog.members {
	margin-top: 0;
}
}


/*--------------------------------------------------------------
*.0 nav.pagination
--------------------------------------------------------------*/
nav.pagination {
	margin: 2em 0;
	text-align: center;
}
nav.pagination ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
nav.pagination ul li {
	display: inline-block;
	margin: 0 .1em;
	font-weight: 900;
}
nav.pagination ul li span {
	display: inline-block;
	width: 3em;
	height: 3em;
	line-height: 3;
	text-align: center;
}
nav.pagination ul li span.current {
	color: #fff;
	background-color: #ef8034;
	border: 1px solid #ef8034;
}
nav.pagination ul li span.dots {
	color: #040404;
}
nav.pagination ul li a {
	display: inline-block;
	width: 3em;
	height: 3em;
	line-height: 3;
	text-align: center;
	text-decoration: none;
	color: #040404;
	background-color: #fff;
	border: 1px solid #040404;
}


/*--------------------------------------------------------------
*.0 404.php
--------------------------------------------------------------*/
.http-404 {
	
}
.http-404 .container {
	margin: 0 auto;
	padding: 2em 0;
	width: 720px;
}
.http-404 .container h1 {
	text-align: center;
}
.http-404 .container h1 .en {

}
.http-404 .container h1 .ja {
	display: block;
    font-size: .5em;
    font-weight: 500;
    font-family: "YuGothic","Yu Gothic","游ゴシック","メイリオ","Meiryo",erdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
}
@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {
.http-404 .container {
	width: 92%;
	max-width: 720px;
}
}
@media (max-width: 639px) {
.http-404 .container {
	width: 92%;
}
}

/*--------------------------------------------------------------
*.0 #breadcrumb
--------------------------------------------------------------*/
#breadcrumb {
	position: relative;
	padding: 1em;
	font-size: .875em;
	background-color: rgba(235,97,0,.7);
}
#breadcrumb ul {
	overflow: auto;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#breadcrumb ul li {
	float: left;
	margin: 0 0 0 .5em;
	color: #fff;
}
#breadcrumb ul li:first-child {
	margin-left: 0;
}
#breadcrumb ul li:after {
	content: '>';
	padding: 0 0 0 .5em;
}
#breadcrumb ul li:last-child:after {
	display: none;
}
#breadcrumb ul li a {
	text-decoration: none;
	color: #fff;
}
.single-1column #breadcrumb ul li a {
	color: #fff;
}
#breadcrumb li a:hover{
	opacity: .8;
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 767px) {

}

/*--------------------------------------------------------------
*.0 #pagination
--------------------------------------------------------------*/
#pagination {
	overflow: auto;
	margin: 0 5%;
	padding: 30px 0;
}
#pagination a.prev {
	display: table;
	float: left;
	width: 45%;
	text-decoration: none;
	color: 666;
}
#pagination a.prev i {
	display: table-cell;
	width: 10%;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}
#pagination a.prev figure {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
#pagination a.prev figure img {
	display: block;
	width: 100%;
	height: auto;
}
#pagination a.prev .title {
	display: table-cell;
	padding: 0 1em;
	width: 60%;
	font-size: .875em;
	line-height: 1.4;
	vertical-align: middle;
}
#pagination a.next {
	display: table;
	float: right;
	width: 45%;
	text-decoration: none;
	color: 666;
}
#pagination a.next i {
	display: table-cell;
	width: 10%;
	font-size: 20px;
	text-align: center;
	vertical-align: middle;
}
#pagination a.next figure {
	display: table-cell;
	width: 30%;
	vertical-align: middle;
}
#pagination a.next figure img {
	display: block;
	width: 100%;
	height: auto;
}
#pagination a.next .title {
	display: table-cell;
	padding: 0 1em;
	width: 60%;
	font-size: .875em;
	line-height: 1.4;
	vertical-align: middle;
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {
#pagination a.prev {
	margin: 0 0 10px;
	width: 100%;
}
#pagination a.next {
	width: 100%;
}
}
@media (max-width: 767px) {
#pagination a.prev {
	margin: 0 0 10px;
	width: 100%;
}
#pagination a.next {
	width: 100%;
}
}

/*--------------------------------------------------------------
*.0 #share
--------------------------------------------------------------*/
#share {
	position: fixed;
	top: 50%;
	left: 1em;
	padding: 2em 0;
	text-align: center;
	z-index: 9999999999;
}
#share img.ttl {
	width: 100px;
}
#share ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}
#share ul li {
	margin: 0 0 .5em;
}
#share ul li a {
	display: inline-block;
	width: 3em;
	font-size: 1em;
	font-weight: bold;
	line-height: 3;
	text-decoration: none;
	color: #fff;
	border-radius: 50%;
	transition: .3s;
}
#share ul li a:hover {
	opacity: .6;
}
#share ul li a i {

}
#share ul li.twitter a {
	background: #00acee;
}
#share ul li.facebook a {
	background: #1f6aba;
}
@media (min-width: 992px) and (max-width: 1199px) {

}
@media (min-width: 768px) and (max-width: 991px) {

}
@media (max-width: 639px) {
#share {
	top: 70%;
}
}

/*--------------------------------------------------------------
*.0 .mwwp
--------------------------------------------------------------*/
form {
	
}
form .field {
	display: table;
	margin: 0 0 2em;
	width: 100%;
}
form .field label,
form .field .label {
	display: table-cell;
	width: 30%;
	font-size: .875em;
	font-weight: bold;
	vertical-align: top;
}
form .field label .essential,
form .field .label .essential {
	margin: 0 0 0 .5em;
	padding: .2em .6em;
	font-size: .75em;
	color: #fff;
	background-color: #ff5a5f;
	border-radius: 3px;
}
form .field input,
form .field textarea {
	display: table-cell;
	padding: .8em 1em;
	width: 96%;
	font-size: 16px;
	border: 1px solid #707070;
	resize: none;
}
form .field input[type=radio] {
	width: auto;
}
form .field label span {
	font-weight: normal;
}
form .field input.essential,
form .field textarea.essential {
	background-color: #FDEDED;	
}
form .field input.parsley-success,
form .field textarea.parsley-success {
	background-color: #EEFDED;	
}
form .field .radio-button {
	
}
form .field .radio-button .mwform-radio-field {
	display: block;
}
form .field .radio-button .mwform-radio-field label {
	display: block;
	margin: 0 0 .5em;
	width: auto;
	font-weight: normal;
}
form .field .radio-button .mwform-radio-field label input {
	display: inline-block;
	margin: 0 .5em 0 0;
	width: auto;
}
form .field .radio-button .mwform-radio-field label input span {

}
form .field .successmark {
 	display: none;
	width: 10%;
	font-size: 2em;
	color: #52D375;
}
form .field input.parsley-success ~ .successmark {
	display: table-cell;
}
form .field input.parsley-success ~ .successmark i {

}
form .field input.parsley-error ~ .successmark {
	display: none;
}
form .field ul.parsley-errors-list {
	padding: 0;
	font-size: .875em;
	list-style-type: none;
}
form .field ul.parsley-errors-list li {
	color: red;
}
form .submit {
	text-align: center;
}
form .submit input[type=submit] {
	display: inline-block;
	margin: 20px 0;
	padding: 15px 60px;
	color: #fff;
	background-color: #ef8034;
	border: none;
	border-radius: 3px;
	-webkit-appearance: none;
	cursor: pointer;
}
form .submit input[type=submit]:hover {
	opacity: .8;
}


/**/
.single .container {
	
}
.single .container h2 {
	display: inline-block;
	padding: .5em 1em;
	color: #040404;
	line-height: 1.4;
	background-color: #aad8c6;
	vertical-align: middle;
	border-radius: 2em;
}
.single .container h2:before {
	content: '●';
	color: #fff;
	margin-right: .5em;
}
.single .container h3 {
	margin: 1em 0 1.5em;
	padding: 0 0 .5em;
	border-bottom: 5px solid #aad8c6;
}
.single .container h4 {
	margin: 1em 0; 
	padding: 0 0 0 1em;
	border-left: 6px solid #aad8c6;
}

/*--------------------------------------------------------------
*.0 #page-top-button
--------------------------------------------------------------*/
#page-top {
	position: fixed;
	right: 1em;
	bottom: 1em;
	z-index: 9;
}
#page-top a {
	display: inline-block;
    padding: .5em;
    font-size: 1em;
    line-height: 1em;
    text-decoration: none;
    color: #ef8034;
    border: 5px solid #ef8034;
    border-radius: 50%;
}
@media (max-width: 639px) {
#page-top {
	display: none !important;
}
}

/*--------------------------------------------------------------
.0 ログインページ
--------------------------------------------------------------*/
.login {
	margin-top: 100px;
}
.login .container {
	margin: 0 auto;
	width: 92%;
	max-width: 360px;
}
.login .container .tml {
	width: auto;
	max-width: 100%;
}
.login .container .tml h1 {
	margin: 0 0 2em;
	font-size: 1.25em;
	text-align: center;
}
.login .container .tml form {
	
}
.login .container .tml form .wrap {
	margin: 0 0 1em;
}
.login .container .tml form .wrap.submit {
	margin: 2em 0 0;
}
.login .container .tml form .wrap label {
	display: block;
	margin: 0 0 .5em;
	width: 100%;
}
.login .container .tml form .wrap input {
	display: block;
	padding: .6em 1em;
	width: 100%;
	font-size: 16px;
	line-height: 1.5;
	border: 1px solid #444;
	outline: none;
	-webkit-appearance: none;
}
.login .container .tml form .wrap input.pw-checkbox {
	display: inline-block;
	width: auto;
	-webkit-appearance: checkbox;
}
.login .container .tml form .wrap input[type=submit] {
    padding: 1em 1.5em;
    font-weight: bold;
    text-decoration: none;
    color: #fff;
    background: #ef8034;
    border: none;
    border-radius: 5px;
    cursor: pointer;
    transition: .3s;
    z-index: 99999;
}
.login .container .tml form .wrap input[type=submit]:hover {
	opacity: .75;
}
.login .container .tml .tml-action-links {
	padding: 0;
	font-size: .875em;
	list-style-type: none;
}
.login .container .tml .tml-action-links li {
	
}
.login .container .tml .tml-action-links li a {
	text-decoration: none;
	color: #58C158;
}




.tml .error,
.tml .message,
.tml .success {
	padding: 1em;
	font-size: .875em;
}

.tml .error {
	background-color: #f2dede;
	color: #a94442;
}

.tml .error a {
	color: #843534;
}

.tml .message {
	background-color: #f7f8f8;
}

.tml .message a {
	color: #66512c;
}

.tml .success {
	border: 1px solid #d6e9c6;
	background-color: #dff0d8;
	color: #3c763d;
}

.tml .success a {
	color: #2b542c;
}

.tml p {
	margin: 0 0 1.5em 0;
	padding: 0;
}

.tml label {
	display: block;
	text-align: left;
}

.tml .tml-rememberme-wrap label {
	display: inline;
	font-size: 90%;
}

.tml input,
.tml textarea,
.tml select {
	margin: 0.5em 0;
	width: 100%;
}

.tml input[type="checkbox"],
.tml input[type="radio"],
.tml .tml-rememberme-wrap input {
	margin: 0 0.5em 0 0;
	vertical-align: middle;
	width: auto;
}

.tml .tml-action-links {
	display: inline-block;
	list-style: none;
	margin: 0.5em auto;
	padding: 0;
	text-align: center;
}

.tml .tml-action-links li {
	border: none;
	border-right: 1px solid rgba(0, 0, 0, 0.1);
	float: left;
	line-height: 1;
	list-style: none;
	margin: 0 0.5em 0 0;
	padding: 0 0.5em 0 0;
}

.tml .tml-action-links li:last-child {
	border-right: none;
	margin-right: 0;
	padding-right: 0;
}

.tml .tml-action-links a {
	border: none;
	display: block;
	padding: 0;
	text-decoration: none;
}

.tml .tml-rememberme-submit-wrap:before,
.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:before,
.tml .tml-action-links:after {
	content: "";
	display: table;
}

.tml .tml-rememberme-submit-wrap:after,
.tml .tml-action-links:after {
	clear: both;
}

.tml .tml-user-avatar {
	text-align: left;
}

.mu_register .hint {
	font-size: 12px;
	margin-bottom: 10px;
	display: block;
}

.mu_register label.checkbox {
	display: inline;
}

#pass-strength-result {
	background-color: #eee;
	border: 1px solid #ddd;
	color: #23282d;
	font-weight: 600;
	margin: -1px 0 1.5em;
	padding: 3px 5px;
	text-align: center;
	width: 100%;
	opacity: 0;
}

#pass-strength-result.short {
	background-color: #f1adad;
	border-color: #e35b5b;
	opacity: 1;
}

#pass1.short,
#pass1-text.short {
	border-color: #e35b5b;
}

#pass-strength-result.bad {
	background-color: #fbc5a9;
	border-color: #f78b53;
	opacity: 1;
}

#pass1.bad,
#pass1-text.bad {
	border-color: #f78b53;
}

#pass-strength-result.good {
	background-color: #ffe399;
	border-color: #ffc733;
	opacity: 1;
}

#pass1.good,
#pass1-text.good {
	border-color: #ffc733;
}

#pass-strength-result.strong {
	background-color: #c1e1b9;
	border-color: #83c373;
	opacity: 1;
}

#pass1.strong,
#pass1-text.strong {
	border-color: #83c373;
}

.tml .password-input-wrapper {
	display: table;
	width: 100%;
}

.tml .input.password-input {
	display: table-cell;
	margin: 0;
}

.tml .pw-weak {
	display: none;
	margin-bottom: 1.5em;
}

.tml .wp-hide-pw {
	cursor: pointer;
	display: table-cell;
	margin: 0;
	padding: 0 0.5em;
	text-align: center;
	vertical-align: middle;
	white-space: nowrap;
}

#pass1,
#pass1-text {
	width: 100%;
}

#pass1-text,
.show-password #pass1 {
	display: none;
}

.show-password #pass1-text
{
	display: inline-block;
}

@media screen and (min-width: 768px) {
	.tml {
		max-width: 500px;
	}

	.tml .tml-submit-wrap input {
		width: auto;
	}

	.tml-login .tml-rememberme-submit-wrap {
		display: table;
		margin-bottom: 1.5em;
		width: 100%;
	}

	.tml-login .tml-rememberme-wrap {
		display: table-cell;
	}

	.tml-login .tml-submit-wrap {
		display: table-cell;
		text-align: right;
	}

	.tml-login .tml-submit-wrap input {
		margin: 0;
		width: auto;
	}
}


@media (min-width: 960px) and (max-width: 1279px) {
	
}
@media (min-width: 640px) and (max-width: 959px) {

}
@media (max-width: 639px) {
.login {
	margin-top: 0;
}
}