/*
カスタム CSS 機能へようこそ。

使い方についてはこちらをご覧ください
(英語ドキュメンテーション)。http://wp.me/PEmnE-Bt
*/
.wp-block-jetpack-subscriptions__subscount {
	display: none;
}
.grecaptcha-badge {
	display: none;
}
.header h1 {
	font-size: 8px;
	color:#fff;
}
.header .h1 {
	font-size:12px;
	color:#fff;
}
[data-carousel-extra] {
   cursor: inherit;
}
#box001 {
	background-color: #030202;
	margin: 0 0 3em;
	color: #999;
	padding: 10% 15%;
}
.top_menu li {
	font-size:25px;
	font-weight:300;
}
.top_menu li a {
	text-decoration:none;
}
.white {
	color:#fff;
}
.white a {
	color:#dcdcdc;
}
.white a:hover {
	color:#ffd700;
}
.black {
	color:#313131;
}
.black a {
	color:#313131;
}
.black a:hover {
	color:#dfdfdf;
}
.red {
	color:#ff0011;
}
.red a {
	color:#ff0011;
}
.red a:hover {
	color:#ffd700;
}
.blue {
	color:#0077cc;
}
.blue a {
	color:#0077cc;
}
.blue a:hover {
	color:#8fbc8f;
}
.green {
	color:#8fbc8f;
}
.green a {
	color:#8fbc8f;
}
.green a:hover {
	color:#ff7700;
}
.yellow {
	color:#ffd700;
}
.yellow a {
	color:#ffd700;
}
.yellow a:hover {
	color:#ff0011;
}
.orange {
	color:#bb3407;
}
.orange a {
	color:#bb3407;
}
.orange a:hover {
	color:#fff;
}
a.nolink {
	pointer-events: none;
}
#info {
	text-align:left;
}
#info h2 {
	margin:140px 0 0 0;
	padding:0 0 0 0;
	-webkit-transition: 1s;
}
#info h3 {
	margin:0 0 15px 0;
	font-weight:200;
	font-size:16px;
}
#info p {
	margin:0;
	padding:0;
}
#info dl {
	font-size:12px;
	font-family: "Raleway-Regular",sans-serif,arial;
	margin:0 0 5px 0;
}
#info dt {
	float: left;
	margin:0 10px 5px 0;
	font-weight:400;
	font-family: 'Roboto',sans-serif,arial;
}
#info dd {
	margin:0 0 5px 100px;
}
#info dd a {
	text-decoration:none;
}
#profile dl {
	padding:20px 0;
}
#profile dt {
	float: left;
	margin:0 10px 10px 0;
	font-weight:normal;
	font-size:14px;
}
#profile dd {
	margin:0 0 10px 80px;
	font-size:14px;
}
#profile a {
	color:#777;
}
#profile ul {
	margin:0;
	padding:10px 0;
	font-size:14px;
}
#profile li {
	margin:0 0 5px 20px;
	padding:0 0 0 30px;
	font-size:14px;
}
.pro_list {
	display: flex;
	flex-flow: row wrap;
	margin: 0;
}
.pro_list dt {
	width: 25%;
	margin: 0;
	padding: 0 0 4% 0;
	font-size: 14px;
}
.pro_list dt:before {
	font-family: FontAwesome;
	content: '\f105';
	font-size: 14px;
	padding: 0;
	margin: 0 5px 0 0;
}
.pro_list dd {
	width: 75%;
	margin: 0;
	padding: 0 0 4% 0;
	font-size: 14px;
}

.jp-carousel-overlay {
	pointer-events: inherit !important;
}

/*---------------------
ユーチューブアイコン調整
----------------------*/
#profile #boxr li img {
	height: 18px;
	width: 64px;
	padding-top: 6px;
	padding-left: 3px;
	}

/*---------------------
国旗
----------------------*/
#profile .usjp {
	background-image:url(https://ktx.space/wp-content/uploads/2024/01/usjp.png);
	background-repeat:no-repeat;
	background-size:50px 15px;
	background-position: left center;
	padding-left: 56px;
}
.aus {
	background-image:url(https://ktx.space/wp-content/uploads/2018/05/aus.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.ind {
    background-image:url(/icon/ind.png);
    background-repeat: no-repeat;
    background-size: 25px 15px;
    background-position: left center;
}
.usa {
	background-image:url(/icon/usa.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.it {
	background-image:url(/icon/it.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.hk {
	background-image:url(/icon/hk.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.fr {
	background-image:url(/icon/fr.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.ru {
	background-image:url(https://ktx.space/wp-content/uploads/2020/10/ru.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.jp {
	background-image:url(/icon/jp.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.ma {
	background-image:url(https://ktx.space/wp-content/uploads/2022/01/ma.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.de {
	background-image:url(/icon/de.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.en {
	background-image:url(/icon/en.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.nl {
	background-image:url(/icon/nl.jpg);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.ko {
	background-image:url(/icon/ko.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.sui {
	background-image:url(https://ktx.space/wp-content/uploads/2020/01/sui.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.az {
	background-image:url(https://ktx.space/wp-content/uploads/2021/10/az.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}
.ch {
	background-image:url(https://ktx.space/wp-content/uploads/2021/10/ch.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: left center;
}

.ch2 {
	background-image:url(https://ktx.space/wp-content/uploads/2021/10/ch.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}

#profile .hkjpkn {
	background-image:url(https://ktx.space/wp-content/uploads/2021/10/hkjpkn.png);
	background-repeat:no-repeat;
	background-size:75px 15px;
	background-position: left center;
	padding-left: 80px;
}

.ma2 {
	background-image:url(https://ktx.space/wp-content/uploads/2022/01/ma.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.aus2 {
	background-image:url(https://ktx.space/wp-content/uploads/2018/05/aus.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.usa2 {
	background-image:url(/icon/usa.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.it2 {
	background-image:url(/icon/it.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.hk2 {
	background-image:url(/icon/hk.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.fr2 {
	background-image:url(/icon/fr.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.jp2 {
	background-image:url(/icon/jp.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.de2 {
	background-image:url(/icon/de.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.en2 {
	background-image:url(/icon/en.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.nl2 {
	background-image:url(/icon/nl.jpg);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.ru2 {
	background-image:url(https://ktx.space/wp-content/uploads/2020/10/ru.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.ko2 {
	background-image:url(/icon/ko.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}
.sui2 {
	background-image:url(https://ktx.space/wp-content/uploads/2020/01/sui.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}

.ams {
	background-image:url(https://ktx.space/wp-content/uploads/2022/09/amsterdam.png);
	background-repeat:no-repeat;
	background-size:25px 15px;
	background-position: top center;
	display: block;
	width: 100%;
	margin: 0 5px 0 0;
	padding: 35px 0 0;
}

.kn {
    background-image: url(/icon/kn.png);
    background-repeat: no-repeat;
    background-size: 25px 15px;
    background-position: left center;
}
	
/*---------------------
ブログレイアウト
----------------------*/
#boxl {
	width:48.5%;
	float: left;
	margin:0 1.5% 5% 0;
}
#boxr {
	width:48.5%;
	float: right;
	margin:0 0 5% 1.5%;
}
#boxl img,
#boxr img {
	margin:0;
	padding:0;
}
#boxl h2 {
	margin:0 0 20px 0;
}
#boxr h3,
#boxl h3 {
	font-weight: 400;
	line-height:1.3em;
	padding:0 0 20px;
	margin:0;
}
#btext h2 {
	font-weight:300;
	font-size:30px;
	line-height:1.3em;
	padding:20px 0;
	margin:20px 0;
}
/*---------------------
ブログクライアント情報
----------------------*/
#data {
	overflow: hidden;
	max-width:800px;
	padding:5px;
	border: 1px solid #dedede;
	background-color:#eee;
	margin:0 auto 40px;
}
#btext h3 {
	text-align:center;
	line-height:1.4em;
	margin:0;
	padding:0;
	font-weight:900;
	color:#313131;
	font-family: 'Roboto',sans-serif,arial;
}
#btext h3 span {
	font-weight:100;
	color:#999;
}
#data dl {
	margin:0;
	padding:0 20px;
	float:left;
	width:50%;
	font-family: 'Roboto',sans-serif,arial;
	background-color:#fff;
}
#data dt {
	float: left;
	border-bottom: 1px dotted #dedede;
	padding:0;
	margin:0 0 0 0;
	width:25%;
	line-height:2.5em;
	font-size:12px; 
}
#data dd {
	border-bottom: 1px dotted #dedede;
	padding:0;
	margin:0 0 0 25%;
	width:75%;
	line-height:2.5em;
	font-size:12px; 
}
.phone {
	font-size:28px;
	color:#680000;
	font-family: 'Roboto',sans-serif,arial;
	font-weight:900;
}
.slide-title a:hover {
	opacity: .5;
}
.slide-title a img {
	width:100%;
	height:auto;
	max-width:700px;
}
#blogcontents {
	margin:0;
	border-top: 1px solid #fff;
}
#blogcontents dl {
	width:100%;
	margin:0;
	height:400px;
	background-color:#313131;
	background-position: center center;
	background-repeat:no-repeat;
	background-size:100% auto;
	display:block;
	overflow: hidden;
	border-bottom: 1px solid #fff;
}
#blogcontents dd {
	width:20%;
	height:400px;
	margin:0;
	padding: 3% 0 0 3%;
	overflow: hidden;
	float: left;
	background-color:#313131;
	background:rgba(0,0,0,0.4);
	font-size:13px;
	font-weight:200;
}
#blogcontents dd a {
	font-family: 'roboto',sans-serif,arial;
	color:#fff;
	font-size:18px;
	border: 2px solid #fff;
	border-radius: 150%;
	text-align:center;
	width:140px;
	height:140px;
	display:block;
	line-height:140px;
	padding:0px;
	margin:0;
	float:right;
	-webkit-transition: all .3s;
	transition: all .3s;
	background:rgba(255,255,255,0.4);
}
#blogcontents dd a:hover {
	color:#ff0000;
	border: 2px solid #ff0000;
	background-color:#fff;
	background:rgba(0,0,0,0.4);
}
#blogcontents dt h3 {
	margin:0;
	padding:0;
	font-weight:100;
	font-size:13px;
}
#blogcontents dt ul {
	margin:0;
	padding:0;
}
#blogcontents dt li {
	margin:0 0 5px;
	line-height:1em;
}
#blogcontents dt {
	width:80%;
	height:400px;
	margin:0;
	padding: 3% 5% 5% 2%;
	float:right;
	background-color:#313131;
	background:rgba(0,0,0,0.4);
	font-size:12px;
	font-family: 'roboto',sans-serif,arial;
}
#blogcontents dt img {
	width:100%;
	height:auto;
	max-width:700px;
}
#joy ul {
	margin:20px auto;
	overflow: hidden;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-around;
}
#joy li {
	text-align:center;
	width:23%;
	margin:0 0 3em;
}
#joy li a img:hover {
	opacity: 0.6;
}
#joy h2 {
	text-align:center;
}
#joy h2 i {
	display:block;
	font-size:70px;
}

/*---------------------
MEDIA　
----------------------*/
body.postid-2715 .entry-content img {
    margin: 0 0 1.5em;
    max-width: 100%;
    height: 197px;
}



/*---------------------
フッター
----------------------*/
.footer .topics {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer .topics p.title {
	width: 19%;
	font-weight: bold;
	font-size: 24px;
}

.footer .topics p.title a {
	display: inline-block;
	font-size: 14px;
	background-color: #fff;
	color: #000;
	padding: 4px 8px;
	font-weight: normal;
}

.footer .topics .topics-list {
	width: 80%;
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.footer .topics .topics-list li {
	width: 24%;
}

.footer .topics .topics-list li .photo {
	position: relative;
	overflow: hidden;
}

.footer .topics .topics-list li .more {
	position: absolute;
	left: 0;
	bottom: 100%;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	transition: .3s;
	width: 100%;
	height: 100%;
}

.footer .topics .topics-list li a:hover .more {
	bottom: 0;
}

.footer .topics .topics-list li img {
	width: 100%;
	height: 120px;
	object-fit: cover;
	object-position: center;
	display: block;
	margin-bottom: 8px;
}

.footer .topics .topics-list li a {
	color: #fff;
}

.footer .topics .topics-list li a .date {
	display: block;
	color: #999;
}

#blogcontents.topics-conts {
	margin: 0 auto 60px;
}

.topics-conts .topics-list {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
}

.topics-conts .topics-list li {
	width: 24%;
	margin-bottom: 16px;
}

.topics-conts .topics-list li img {
	width: 100%;
	height: 148px;
	object-fit: cover;
	object-position: center;
	display: block;
	margin-bottom: 8px;
}

.topics-conts .topics-list li .photo {
	position: relative;
	overflow: hidden;
}

.topics-conts .topics-list li .more {
	position: absolute;
	left: 0;
	bottom: 100%;
	display: flex;
	text-align: center;
	align-items: center;
	justify-content: center;
	background-color: rgba(0,0,0,.5);
	color: #fff;
	transition: .3s;
	width: 100%;
	height: calc(100% - 8px);
}

.topics-conts .topics-list li a:hover .more {
	bottom: 8px;
}

.topics-conts .topics-list li a {
	color: #000;
}

.topics-conts .topics-list li a .date {
	display: block;
	color: #999;
}

.contactsus {
	width: 100%;
	margin: 0;
	padding: 4em 0 0;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
.contactsus li {
	width: 30%;
}
.fcontact {
	margin: 0;
	padding: 5%;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	background-color: #666;
	color: #fff;
	font-size:14px;
	display: block;
}
.fcontact span {
	font-size:10px;
	display: block;
	margin: 0;
	padding: 0;
}
.fcontact i {
	font-size:32px;
	display: block;
	margin: 10px auto;
}

.fcontact:hover {
	background-color: #fff;
	color: #000;
}
#fcontent {
	padding:10px 0 20px 0;
	overflow: hidden;
	font-size:12px;
	font-family: 'Roboto',sans-serif,arial;
	line-height:1.5em;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
#fcontent ul {
	margin:0;
}
#fcontent li {
	margin: 0 1em 1em;
}
#fcontent li:first-child {
	margin-right: auto;
}
.copyright {
	font-size:10px;
}
.about {
	font-size:11px;
	font-family: 'Roboto',sans-serif,arial;
}
.about h3 {
	font-size:14px;
	font-weight:900;
	margin:0 0 10px;
	padding:0;
	color:#999;
}
.about h3 span {
	font-weight:100;
}
.entry-content .btn-area {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 50px 0;
}
.entry-content .btn-area .more {
	width: 48%;
	margin-bottom: 20px;
}
.entry-content .btn-area .more a {
	margin: 0;
	padding: 20px 0;
	text-align: center;
	text-decoration: none;
	line-height: 1.2em;
	background-color: #666;
	color: #fff;
	font-size: 14px;
	display: block;
	transition: .5s;
	box-sizing: border-box;
}
.entry-content .btn-area .more a:hover {
	color: #ff0000;
	background-color: #ccc;
}
.entry-content .btn-area .more a img {
	width: 40px;
	margin: 0 10px 0 0;
	vertical-align: -16px;
}
.entry-content #contactform dl dt {
	width: 11em;
	float: left;
}
.entry-content #contactform dl dt .must {
	font-size: .8em;
	background-color: #c00;
	color: #fff;
	padding: 2px 6px;
	display: inline-block;
	margin-left: 5px;
	vertical-align: 1px;
}
.entry-content #contactform dl dd {
	padding-left: 12.5em;
	padding-bottom: 8px;
	margin-bottom: 8px;
	border-bottom: 1px solid #ccc;
}
.entry-content #contactform dl dt p ,
.entry-content #contactform dl dd p ,
.entry-content #contactform dl dd textarea ,
.entry-content #contactform dl dd select ,
.entry-content #contactform dl dd input {
	margin: 0;
}
.entry-content #contactform dl dd select {
	appearance: auto;
	-webkit-appearance: auto;
}
.entry-content #contactform #privacy {
	padding: 0 15px 15px 15px;
	border: 1px solid #ccc;
	overflow-y: scroll;
	height: 300px;
}
.entry-content #contactform .doi {
	background-color: #f0f0f0;
	padding: 10px;
	border: 1px solid #ccc;
	border-radius: 8px;
}
.entry-content #contactform .submit input {
	font-weight: bold;
	padding: 15px 30px;
	border-radius: 30px;
}
.entry-content #contactform .wpcf7-spinner {
	display: block;
}
.page-id-10138 .full-top-area ,
.page-id-10151 .full-top-area ,
.page-id-10183 .full-top-area ,
.page-id-10186 .full-top-area ,
.page-id-10935 .full-top-area ,
.page-id-10189 .full-top-area {
	height: 300px !important;
}
.page-id-10151 .full-top-area.article-header h1 ,
.page-id-10183 .full-top-area.article-header h1 ,
.page-id-10186 .full-top-area.article-header h1 ,
.page-id-10935 .full-top-area.article-header h1 ,
.page-id-10189 .full-top-area.article-header h1 {
	font-size: 40px;
}
.page-id-10138 .full-top-area .arrow ,
.page-id-10151 .full-top-area .arrow ,
.page-id-10183 .full-top-area .arrow ,
.page-id-10186 .full-top-area .arrow ,
.page-id-10935 .full-top-area .arrow ,
.page-id-10189 .full-top-area .arrow {
	display: none;
}

.media-list h3 {
	width: 100%;
	text-align: center;
	border-bottom: solid 1px #333;
}

.media-list ul {
	display: flex;
	flex-wrap: wrap;
	margin: 0 0 30px;
}
.media-list ul li {
	width: 23.5%;
	margin-right: 2%;
	margin-bottom: 20px;
	text-align: center;
	font-size: 12px;
}
.media-list ul li:nth-of-type(4n) {
	margin-right: 0;
}
.media-list ul li a img {
	transition: .3s;
}
.media-list ul li a:hover img {
	opacity: .8;
}
.media-list ul li img {
	width: 100%;
	height: 170px !important;
	object-fit: cover;
	object-position: center;
	margin-bottom: 8px;
}
a.under {
	text-decoration: underline;
}
a.under:hover {
	text-decoration: none;
}
.contactsus li {
	width: 19%;
}
.contactsus li .small {
	font-size: 12px;
}
@media screen and (max-width: 499px) {
	#fcontent {
	padding:60px 0 0 0;
	}
	#about {
		font-size:10px;
	}
	#fcontent li {
	margin:10px 0;
	width: 100%;
		text-align: center;
	}
	.footer .topics .topics-list {
		margin-top: 0;
		width: 100%;
	}
	
	.footer .topics .topics-list li {
		width: 48%;
		margin: 10px 0;	
		font-size: 14px;
	}
	.footer .topics .topics-list li img {
		height: 26vw;
	}
	.footer .topics p.title {
		width: 100%;
	}
	
	.topics-conts .topics-list li {
		width: 48%;
		margin: 10px 0;	
		font-size: 14px;
	}
	.topics-conts .topics-list li img {
		height: 26vw;
	}
	.topics-conts p.title {
		width: 100%;
	}	

	.contactsus li {
		width: 100%;
		margin: 10px 0;
	}
}

@media screen and (max-width: 1040px) {
	#joy li {
		width:30%;
	}
}
@media screen and (max-width: 700px) {
	#joy li {
		width:48%;
	}
}
@media screen and (max-width: 499px) {
	#blogcontents dl {
		width:100%;
		margin:0;
		background-color:#313131;
		background-position: center center;
		background-repeat:no-repeat;
		background-size:cover;
	}
	#blogcontents dd {
		width:100%;
		margin:0;
		padding: 0 3% 0;
		float: none;
	}
	#blogcontents dt {
		width:100%;
		height:auto;
		margin:0;
		padding: 5% 3% 2%;
		float:none;
		font-size:9px;
	}
	#blogcontents dd a {
		font-family: 'roboto',sans-serif,arial;
		color:#fff;
		font-size:18px;
		border: 2px solid #fff;
		border-radius: 5px;
		text-align:center;
		width:100%;
		height:30px;
		display:block;
		line-height:1.5em;
		padding:0;
		margin:20px 0 40px 0;
	}
	#info {
		text-align:center;
	}
	#info dl,
	#info h3 {
		display:none;
	}
	#btext dl {
		margin:0;
		float:none;
		width:100%;
	}
	#btext dt {
		width:30%;
		font-size:12px; 
	}
	#btext dd {
		margin:0 0 0 30%;
		width:70%;
		font-size:12px; 
	}
	#joy ul {
		padding: 0;
	}
	#joy li {
		float:none;
		width:100%;
		margin:0 0 5px;
		height: auto;
		text-align: left;
		font-size: 12px;
	}
	#joy li  img {
		margin: 0 10px 0 0;
		width: 40%;
		height: auto;
		float: left;
		border: solid 1px #ddd;
	}
	.usa2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.it2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.hk2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.fr2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.jp2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.de2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.en2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.nl2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.ko2 {
		background-position: 46% 0%;
		padding: 18px 0 0 0;
	}
	.entry-content .btn-area {
		flex-wrap: wrap;
	}
	.entry-content .btn-area .more {
		width: 100%;
		margin-bottom: 20px;
	}
	.entry-content #contactform dl dt {
		width: 100%;
		float: none;
	}
	.entry-content #contactform dl dt .must {
		vertical-align: 1px;
	}
	.entry-content #contactform dl dd {
		padding-left: 0;
	}
	.entry-content #contactform .doi {
		font-size: 16px;
	}
	.page-id-10138 .full-top-area ,
	.page-id-10151 .full-top-area ,
	.page-id-10183 .full-top-area ,
	.page-id-10186 .full-top-area ,
	.page-id-10935 .full-top-area ,
	.page-id-10189 .full-top-area {
		height: 200px !important;
	}
	.page-id-10151 .full-top-area.article-header h1 ,
	.page-id-10183 .full-top-area.article-header h1 ,
	.page-id-10186 .full-top-area.article-header h1 ,
	.page-id-10935 .full-top-area.article-header h1 ,
	.page-id-10189 .full-top-area.article-header h1 {
		font-size: 22px;
	}
	
	.media-list ul {
		justify-content: space-between;
	}
	.media-list ul li {
		width: 48%;
		margin-right: 0;
	}
	.media-list ul li img {
		height: 135px !important;
	}
	
}

@media screen and (max-width: 1039px) {
	#boxl {
		width:100%;
		float: none;
		margin:0 0 20px 0;
	}
	#boxr {
		width:100%;
		float: none;
		margin:0 0 20px 0;
	}
}
.clear {
	clear:both;
	padding: 2em 0;
}
.tel {
	font-size: 20px;
	font-family: 'roboto',sans-serif,arial !important;
	font-weight: 700;
}

.btn {
	margin: 10px 0 0 0;
	display: inline-block;
	padding: .5em 1em;
	text-align: center;
	text-decoration: none;
	line-height: 34px;
	outline: none;
	background-color: #ddd;
	color: #333 !important;
}
.btn::before,
.btn::after {
	position: absolute;
	z-index: -1;
	display: block;
	content: '';
}
.btn,
.btn::before,
.btn::after {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transition: all .3s;
	transition: all .3s;
	color: #333;
}
.btn:hover {
	background-color: #59b1eb;
	color: #fff;
}
.breadcrumbs {
	margin:0;
	padding:20px;
	width:100%;
	background-color: #313131;
	color:#fff;
}
.breadcrumbs p {
	margin:0;
}
.breadcrumbs a {
	color:#fff;
}

@media screen and (max-width: 499px) {
.tiled-gallery-caption:hover {
	display:none;
}
}
#voice {
	margin:30px 0;
	padding:40px;
	border: 1px solid #f1f1f1;
	border-radius: 5px;
	overflow: hidden;
	font-size:13px;
}
#voice h2 {
	margin:0;
	padding:0px;
}
#voice img {
	width: 200px;
	margin:0 15px 0 0;
}
#voice span {
	text-align:right;
	display:block;
}
#tetsuya {
	background-image:url(https://ktx.space/wp-content/uploads/2020/01/t_matsumoto2019.png);
	background-repeat:no-repeat;
	background-size:auto 100%;
	background-position: right top;
	padding:0 0;
	margin:0 auto;
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	display: block;
}
#tetsuya h2 {
	font-size:60px;
	color:#669966;
	font-weight:100;
	margin: 0;
	padding: 0;
}
#tetsuya h3 {
	font-size:30px;
	color:#669966;
	font-weight:100;
	margin: 0;
	padding: 0;
}
.takeuchi {
	background-image:url(https://ktx.space/wp-content/uploads/2020/01/takeuchi2019.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: right center;
	color: #fff;
	padding:10% 40% 5% 10%;
	margin:2px auto;
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	display: block;
}

.farid {
	background-image:url(https://ktx.space/wp-content/uploads/2020/01/farid2019.png);
	background-repeat:no-repeat;
	background-size: 100% auto;
	background-position: right center;
	color: #fff;
	padding:10% 10% 10% 40%;
	margin:0 auto;
	width: 100%;
	max-width: 1000px;
	overflow: hidden;
	display: block;
}
.takeuchi strong,
.farid strong {
	font-size: 150%;
	font-weight: normal;
	display: block;
}
#profile h2 {
	font-size:50px;
}
@media screen and (max-width: 999px) {
	#tetsuya {
	background-size:30% auto;
	background-position: right top;
	padding:0 10% 0 6%;
	margin:0 auto;
}
	.takeuchi {
	background-size: 70% auto;
	background-position: right top;
	color: #666;
	padding:35% 0% 5% 0%;
	margin:2px auto;
}
	.farid {
	background-size: 70% auto;
	background-position: left top;
	color: #666;
	padding:35% 0% 10% 0%;
	margin:0 auto;
}
}
@media screen and (max-width: 499px) {
#tetsuya {
	background-repeat:no-repeat;
	background-size:100% auto;
	background-position: left -300px;
	padding: 150% 0 0 0;
	margin:0;
	width: 100%;
	overflow: hidden;
}
	.takeuchi {
	background-size: 250% auto;
	background-position: right top;
	color: #666;
	padding:125% 0% 5% 0%;
	margin:2px auto;
}
	.farid {
	background-size: 250% auto;
	background-position: left top;
	color: #666;
	padding:125% 0% 10% 0%;
	margin:0 auto;
}
#tetsuya h2 {
	font-size:30px;
}
#tetsuya h3 {
	font-size:18px;
}
#staff dl {
	overflow: hidden;
}
#staff dt {
	width: 100%;
	margin:0;
	float: none;
}
#staff dd {
	width: 100%;
	margin:0;
	padding:10px 0 0 0 ;
}
#staff strong {
	font-size:16px;
	display: block;
	margin:0 0 10px;
}
#staff_b dl {
	overflow: hidden;
}
#staff_b dt {
	width: 100%;
	margin:0;
	float: none;
}
#staff_b dd {
	width: 100%;
	margin:0;
	padding:10px 0 0 0 ;
}
#staff_b strong {
	font-size:16px;
	display: block;
	margin:0 0 10px;
}
#profile h2 {
	font-size:30px;
}
}
.menu li {
	font-size:16px;
}
#toroku {
	margin:0;
	padding:20px;
	border: 1px solid #efefef;
	border-radius: 5px;
}
#cg_l {
	width:49%;
	float: left;
	margin:0 0.5% 20px 0.5%;
	padding:2% 4%;
	border: 1px solid #000;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#cg_l h2 {
	margin:5% 0;
	padding:0;
	border-bottom: 5px solid #000;
	line-height:1.2em;
	font-size:28px;
}
#cg_l h2 span {
	font-size:12px;
	display:block;
	margin:0;
	padding:0;
}
#cg_l dl {
	margin:0;
	padding:0;
}
#cg_l dt {
	margin:0;
	padding:0 0 20px 0;
	font-weight: 200;
}
#cg_l dd {
	margin:0;
	padding:0;
}
#cg_r {
	width:49%;
	float: right;
	margin:0 0.5% 20px 0.5%;
	padding:2% 4%;
	border: 1px solid #000;
	-webkit-transition: all .4s;
	-moz-transition: all .4s;
	-ms-transition: all .4s;
	-o-transition: all .4s;
	transition: all .4s;
}
#cg_r h2 {
	margin:5% 0;
	padding:0;
	border-bottom: 5px solid #000;
	line-height:1.2em;
	font-size:28px;
}
#cg_r h2 span {
	font-size:12px;
	display:block;
	margin:0;
	padding:0;
}
#cg_r h2 {
	margin:5% 0;
	padding:0;
	border-bottom: 5px solid #000;
}
#cg_r dl {
	margin:0;
	padding:0;
}
#cg_r dt {
	margin:0;
	padding:0 0 20px 0;
	font-weight: 200;
}
#cg_r dd {
	margin:0;
	padding:0;
}
@media screen and (max-width: 900px) {
	#cg_l {
		width:100%;
		float: none;
		margin:0 0 20px 0%;
	}
	#cg_r {
		width:100%;
		float: none;
		margin:0 0 20px 0;
	}
}
.unbuilt a {
	font-size:45px;
	color:#fff;
	font-family: 'Roboto',sans-serif,arial;
	font-weight: 900;
}
#block {
	background: #e1e1e1;
	padding: 5%;
	overflow: hidden;
}
.box_img {
	float: left;
}
#award-img dl {
	display: flex;
	justify-content: space-between;
	margin: 0;
	padding: 90px 0;
}
#award-img dt {
	width: 20%;
	margin: 0;
	padding: 0;
}
#award-img dd {
	width: 70%;
	margin: 0;
	padding: 0;
	position: relative;
}
#award-img dd h2 {
	position: absolute;
	display: block;
	background-color: #333;
	color: #fff;
	padding: 0 5%;
	bottom: 45%;
	right: 0;
	font-size: 14px;
}
#tetsuya strong {
	font-size: 150%;
	font-weight: normal;
}
#space {
	width:80%;
	padding:20px 0;
	margin: 60px auto 0;
	border-top: solid 12px #000;
	overflow: hidden;
}
#job {
	border: 1px solid #dedede;
	padding: 40px;
	background-color: #fefefefe;
}
#space #boxl {
	width: 40%;
	padding: 0;
	margin: 0;
	font-size: 14px;
}
#space #boxr {
	width: 55%;
	padding: 0;
	margin: 0 0 0 5%;
	font-size: 14px;
}
#space #boxr img {
	max-width: 300px;
	padding: 0;
	margin: 0 auto;
	display: block;
}
#space #boxr td {
	text-align: center;
}
#space #boxl ul,
#space #boxr ul {
	margin: 20px 0;
	padding: 0 0 0 20px;
	border-left: solid 12px #000;
}
#space #boxl h3 {
	text-align: left;
}
#space #boxl h3 span {
	font-size: 70%;
	color: #000;
}
#staff {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#staff dl {
	width: 49%;
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between
}
#staff dt {
	width: 49%;
	margin: 0;
}
#staff dd {
	width: 49%;
	margin: 0;
}
#staff strong {
	font-size:16px;
	display: block;
	margin:0 0 10px;
}
#year-list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
}
#year-list h3 {
	width: 100%;
	text-align: center;
	border-bottom: solid 1px #333;
}
#year-list ul {
	margin: 0 0 40px;
	padding: 0;
	width: 27%;
}
#year-list h4 {
	margin: 0 0 10px;
	width: 5.3%;
}
#year-list li {
	font-size: 12px;
	padding: 0 0 0 35px;
	margin: 0 0 15px;
}
#job dl {
}

#job dt {
	float: left;
	margin: 0;
	width: 20%;
	font-size: 14px;
}

#job dd {
	width: 80%;
	margin-left: 20%;
	font-size: 14px;
}

#dow {
	text-align: center;
}
#deta2 {
	display: flex;
	flex-flow: row wrap;
}
#deta2 dl {
	width: 50%;
	display: flex;
	flex-flow: row wrap;
}
#deta2 dt {
	width: 40%;
}
#deta2 dd{
	width: 60%;
}
.k_menu {
	background: #333;
	padding: 0;
	margin: 0;
}
.k_menu ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
	margin: 0;
	padding: 0;
}
.k_menu li {
	margin: 0;
	padding: 2% 0;
	width: 15%;
}
.k_menu li a {
	display: block;
	color: #999;
	border: 1px solid #999;
	padding: 6% 3%;
	font-size: 14px;
	line-height: 1;
}
.k_menu li a strong {
	display: block;
	float: left;
	padding: 0;
	margin: 0 3% 0 0;
	font-weight: normal;
	font-size: 180%;
	line-height: 1;
}
.k_menu li a span {
	display: block;
	padding: 0;
	margin: 0;
	line-height: 1;
	font-weight: normal;
	font-size: 50%;
}
.k_menu li a:hover {
	color: #fff;
	border: 1px solid #fff;
}
dl.tetsuya {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin:3em 0;
	padding:0;
}
.tetsuya dt {
	width: 53%;
	margin:0;
	padding:0;
	position: relative;
}
.tetsuya dt span {
	display: block;
	position: absolute;
	bottom: 23%;
	left: 0;
	color: #fff;
	padding: 2px 10px;
	font-size:300%;
	line-height:0.8;
}
.wiki {
	display: block;
	position: absolute;
	bottom: 10%;
	background: #fff;
	padding: 1px 10px;
	font-size: 12px;
}
.tetsuya dd {
	width: 42%;
	margin:0;
	padding:0;
	font-size: 13px;
}
.tetsuya dd h3 {
	margin: 0 0 30px;
	padding: 0;
letter-spacing: 0.5em;
	font-size: 40px;
	font-weight: 300;
}
.tetsuya dd h4 {
	margin: 1em 0 0;
	padding: 0;
	font-weight: 700;
	font-size: 13px;
}
dl.career {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	margin:0;
	padding:0;
	font-size: 13px;
	line-height: 1.8;
}
.career dt {
	width: 18%;
	margin:0;
	padding:0;
}
.career dd {
	width: 81%;
	margin:0;
	padding:0;
}
#a_list {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-between;
	font-size: 13px;
	padding:0;
	margin: 1em 0;
}
#a_list h3 {
	font-weight:400;
	font-size: 14px; 
}
#a_list ul {
	padding:0;
	margin:0;
	width: 48%;
}
#a_list li {
	padding:0 0 0 40px;
	margin:13px 0;
}
#a_list li img {
	width: 60px;
	display: block;
}
@media screen and (max-width: 900px) {
	#space {
		width:100%;
	}
	#space #boxl {
		width: 35%;
		padding: 0;
		margin: 0;
		float: left;
	}
	#space #boxr {
		width: 60%;
		padding: 0;
		margin: 0;
		float: right;
	}
	#year-list ul {
		width: 49%;
	}
	#staff dl {
		width: 100%;
		margin: 0;
		padding: 0;
	}
	.tetsuya dt {
		width: 73%;
	}
	.tetsuya dd {
		width: 100%;
	}
.tetsuya dt span {
	bottom: 65%;
	left: 60%;
	color: #555;
	font-size:400%;
}
}
@media screen and (max-width: 660px) {
	#space #boxl {
	width: 100%;
	padding: 0;
	margin: 0;
	}
	#space #boxr {
	width: 100%;
	padding: 0;
	margin: 0;
	}
	#year-list h4 ,
	#year-list ul {
		width: 100%;
	}
	#box001 {
	background-color: #030202;
	margin: 0 0 3em;
	color: #999;
	padding: 10% 5%;
}
	.k_menu li {
	margin: 0;
	padding: 2% 0;
	width: 30%;
}
}

@media screen and (max-width: 460px) {
	#deta2 dl {
		width: 100%;
	}
		#staff dt {
		width: 100%;
	}
	#staff dd {
		width: 100%;
		margin: 0;
	}
}
.update {
	list-style: none;
	font-size: 12px;
	margin: 0;
	padding: 0 0 2em;
	display: flex;
	flex-flow: row wrap;
}
.update li {
	margin: 0 2em 0 0;
}
#award-list ul {
	display: flex;
	flex-flow: row wrap;
	justify-content: space-around;
}
#award-list li {
	width: 24%;
	background-size: auto 100%;
	background-repeat: no-repeat;
	background-position: top center;
	height: 150px;
	padding: 0;
	margin: 0 0 130px;
	position: relative;
}
#award-list li a {
	display: block;
	height: 100%;
}
#award-list li h3 a ,
#award-list li a h3 {
	font-size: 15px;
	text-align: center;
	font-weight: 300;
	position: absolute;
	top: 170px;
	left: 0;
	right: 0;
}
#award-list h2 {
	width: 100%;
	text-align:center;
}
.su-posts-default-loop .su-post-meta {
	display: none;
}
.su-posts-default-loop .su-post-thumbnail {
	width: 100% !important;
	height: 150px !important;
	float: none !important;
}
.su-posts-default-loop .su-post-thumbnail img {
	max-width: 100% !important;
	max-height: 150px !important;
}
.su-posts-default-loop .su-post {
	width: 25%;
	text-align: center;
}
.su-posts-default-loop {
	display: flex;
	flex-flow: row wrap;
}
@media screen and (max-width: 460px) {
	#award-list li {
	width: 100%;
	background-size: 40% auto;
	background-repeat: no-repeat;
	background-position: center left;
	height: 100px;
	padding: 0;
	margin: 0 0 20px;
	position: relative;
}
#award-list li h3 a {
	font-size: 15px;
	text-align: left;
	font-weight: 300;
	position: absolute;
	top: 20px;
	left: 45%;
	right: 0;
}
	.b_menu li {
		width: 48%;
	}
}
#insta {
	padding: 3em 0 0;
}
.about ol {
	margin: 0;
	padding: 0;
}
.about img {
	margin: 10px 0 0;
}

.youtube {
	position: relative;
	padding-top: 56.25%;
}

.youtube iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}