/*
Theme Name: jckf22
Theme URI: http://jckfriends.com
Author: Uchiyama Web Works.
Author URI: http://uchiyama-works.jp/
Description:
Version: 1.0
Text Domain: jckf15
*/

body {
	background: #fff;
	background: rgba(250, 222, 212, 0.2) none repeat scroll 0% 0%;
	color: #444;
	font-size: 90%;
	line-height: 1.8em;
	font-family: "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", osaka, "MS Pゴシック", sans-serif
}
ul, ol, dl {
	list-style: none;
	margin: 0;
	padding: 0;
}

h1, h2, h3, h4, h5, h6, p { margin: 0; padding: 0; }
input[type="text"], input[type="password"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="month"], input[type="week"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="time"], input[type="url"], input[type="color"], textarea {margin: 0;}
input.search-submit {
	background: #000;
	color: #fff;
	font-size: .8em;
	padding: .5em 1em;
	border: 0;
}
p, li {
	font-size: 100%;
	line-height: inherit;
}
p { margin-bottom: .5em; }
p.margin-top3{margin-top:3em}
p.margin-top1{margin-top:1em}

select { margin-bottom: 1em; }
h1, h2, h3, h4, h5, h6 {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",osaka,"MS Pゴシック",sans-serif;
}
h1 { font-size: 1.8rem; }
h2 { font-size: 1.6rem; }
a { color: #e9764d; }
a:hover, a:visited { color: #e9764d;}
button, a.button { background: #222; color:#ccc;}
a.button:hover { rgba(0, 0, 0, .5) !important; }
blockquote {
	border: 4px solid #eee;
}
#page {
	overflow: hidden;
}
.jck-btn {
	font-size: 14px;
	margin: 2em 0;
	padding: 1em 2em;
	letter-spacing: 1px;
	color: #fff;
	background: #e67e22; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2N2UyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2N2UyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2QzNTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  #e67e22 0%, #e67e22 50%, #d35400 99%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e67e22), color-stop(50%,#e67e22), color-stop(99%,#d35400)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* IE10+ */
	background: linear-gradient(to bottom,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67e22', endColorstr='#d35400',GradientType=0 ); /* IE6-8 */
	background: #222;
}


/* -----------------------------------
 * 	Form
 */
span.form-required {
	display: inline-block;
	padding: .2em .5em;
	background: #e74c3c;
	color: #fff;
	font-size: .75em;
	margin: 0 0 .5em 1em;
	border-radius: .1em;
	letter-spacing: .1em;
}
span.form-required.form-option {
	background: #95a5a6;
}

/**
 * 	Header
 --------------------------------*/
header {
	overflow: hidden;
	/*position: fixed;
	width: 100%;
	z-index: 999;
	top: 0;
	*/
}
header .site-branding {
	overflow: hidden;
	padding-top: .5em;
}
header h1.site-title {
	display: inline-block;
	margin: .3em 0 .4em -.5em
}
header h1.site-title a {
}
header .site-description {
	font-size: .8rem;
}
header .top-contact-cv {
	text-align: right;
	margin: 1em 0;
}
.site-footer h6 {
	color: #fff;
}

@media screen and (max-width: 64.063em) /* Small & Medium */{
	#sp-main-nav-box {
		background: #000;
		text-align: center;
		height: 50px;
	}	
	header h1.site-title {
		display: none;
	}	
	header #sp-nav-button, header #sp-nav-button-footer {
			display: inline-block;
			line-height: 50px;
			vertical-align: middle;
			text-align: center;
	}	
}
@media only screen and (max-width: 40em) /* Small */{
	header {
		background: #fff;
		border-top: 1px solid #222;
		border-bottom: 1px dotted #222;
	}
	header #sp-main-logo {
		padding-left: .5em;
	}
	header #sp-main-logo img {
		width: 99px;
		height: 40px;
		margin: .2em 0;
	}
	header .site-description {
		font-size: .5em;
		padding: 1em 0 2em;
	}

	
	h5 {
		font-size: 1.3em;
	}
}

/**
 * 	Navi
 --------------------------------*/
header #desktop-main-nav {
	/*background: #d35400;*/
background: #e67e22; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjZTY3ZTIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMjYlIiBzdG9wLWNvbG9yPSIjZDM1NDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNDElIiBzdG9wLWNvbG9yPSIjZDM1NDAwIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iNzIlIiBzdG9wLWNvbG9yPSIjZTY3ZTIyIiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2QzNTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg,  #e67e22 0%, #d35400 26%, #d35400 41%, #e67e22 72%, #d35400 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#e67e22), color-stop(26%,#d35400), color-stop(41%,#d35400), color-stop(72%,#e67e22), color-stop(100%,#d35400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(-45deg,  #e67e22 0%,#d35400 26%,#d35400 41%,#e67e22 72%,#d35400 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(-45deg,  #e67e22 0%,#d35400 26%,#d35400 41%,#e67e22 72%,#d35400 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(-45deg,  #e67e22 0%,#d35400 26%,#d35400 41%,#e67e22 72%,#d35400 100%); /* IE10+ */
background: linear-gradient(135deg,  #e67e22 0%,#d35400 26%,#d35400 41%,#e67e22 72%,#d35400 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67e22', endColorstr='#d35400',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */

}
header #sp-main-nav {
	display: none;
}
header #menu-mainnav {
	overflow: hidden;
}
header #menu-mainnav li,
header #menu-other-pages-menu li {
	display: inline;
}
header #menu-mainnav li.menu-item,
header #menu-other-pages-menu li.menu-item  {
	float: left;
	margin: 0;
	border-left: 1px solid #e9764d;
}
header #menu-mainnav li.menu-item:last-child {
	border-right: 1px solid #e9764d;
}
header #menu-mainnav li.menu-item a,
header #menu-other-pages-menu li.menu-item a {
	display: block;
	padding: 1em 1.8em;
	color: #fff;
}
header #menu-mainnav li.menu-item a:hover {
	background: #e67e22;
}
header #menu-mainnav ul.sub-menu {
	position: relative;
}
header #menu-mainnav ul.sub-menu li.menu-item {
	position: absolute;
	float: none;
	z-index: 9999;
	top: 0;
}

@media screen and (max-width: 64.063em) /* Small & Medium */ {
	#desktop-main-nav	{
		display: none;
	}
	header #sp-main-nav {
		display: block;
	}
	header #menu-mainnav li.menu-item {
		margin-bottom: 1em;
	}
	header #menu-mainnav li.menu-item a {
		font-size: 92%;
	}
	header #main-nav #main-logo a img {
		/*max-width: 150px;	*/
	}
}


/**
 * 	Site & Page Contents
 */
.entry-header {
	margin-top: 80px;
}

.post-navigation .screen-reader-text {
	display: none;
}
@media only screen and (min-width: 46.063em) and (max-width: 64em)/* Medium Only */{
}
@media only screen and (min-width: 40.063em) and (max-width: 46em) {
}
@media only screen and (max-width: 40em) /* Small */{
}


/**
 * 	Footer
 --------------------------------*/
footer {
	background: #222;
	color: #ccc;
	padding: 1rem 0 2rem;
	font-size: .9em;
}
footer nav .menu-item a {
	font-size: .8em;
}
footer .site-info p {
	font-size: .7em;
	text-align: right;
}
.footer-nav-box h6 {
	margin: .5em 0;
	color: #ccc;
}
.footer-nav-box i.fa-angle-right {
	font-size: .9em;
	padding-right: 1em;
	color: #999;
}

@media only screen and (max-width: 40em) /* Small */{
	footer .site-info p {
		font-size: .6em;
	}
	footer nav .menu-item {
		font-size: 1.25em;
		padding: .7em 0;
		border-bottom: 1px solid #444;
	}
	footer nav .menu-item a:after {
		content: '>';
		font-size: .8em;
		padding-left: 1em;
	}
	footer nav .menu-item.sp-menu-cv {
		background: #2ecc71;
		padding: .8em;
		font-weight: bold;
	}
	footer nav .menu-item.sp-menu-cv a {
		color: #222;
		font-weight: bold;
	}
	.footer-nav-box h6, .footer-nav-box i.fa-angle-right {
		display: none;
	}
}

/**
 * 	TOP
 -------------------------------*/
#top-slider {
	position: relative;
	background: rgba(250, 222, 212, .2);
}
#top-slider #metaslider_13 {
	max-height: 460px;
	overflow: hidden;
}
.top-area, .page-area {
	margin: 0;
	padding: 5rem 0;
	position: relative;
}
.top-area h2 {
	margin-bottom: 1em;
}
.top-area h3 {
	margin: .8em 0;
	font-size: 18px;
}
.top-area h4 {
	margin: 2em 0;
	padding-bottom: .8em;
	border-bottom: 1px solid #000;
}

/**
 * 	Top About
 */
#top-about.top-area {
	padding-top: 0;
}

#jck-about-bio ul {
	list-style: square;
	margin-left: 1em;
}
#top-about #jck-about-message-area {
	margin-bottom: 2em;
}
#top-about #jck-about-message-area .row {
	margin-bottom: 1em;
}
#top-about .jck-about-message {
	font-size: 1.1em;
	line-height: 1.8;
	padding-top: 2.5em;
	letter-spacing: 0;
	text-align: center;
}
#top-about h2 {
	margin-bottom: 0;
}
.jck-basic-inf {
	margin: 2em 0;
}

/**
 * 	Top Bio
 */
#top-bio {
	text-align:center;
}
#top-bio ul {
	list-style: square;
}
#top-bio li {
	font-size: .9em;
	margin-left: 1em;
}
#top-bio h3 {
	font-size: 20px;
	margin: 0;
}
.prof-photo img {
	background: #ccc;
	max-width: 240px;
	margin: 1em 0;
}
.jck-sub-img {
	background: #fff;
	width: 90%;
	height: 250px;
}
/** ----------- TOP Genre --------- */
#top-genre {
	text-align: center;
}
#top-genre h3 {
	font-size: 2.4em;	
}
#fields-list {
	margin-top: 2em;
} 
#fields-list li {
	display: inline-block;
	width: 64px;
	height: 64px;
	background: #aab1b1;
	color: #fff;
	line-height: 64px;
	vertical-align: middle;
	border-radius: 50%;
	text-align: center;
	margin-bottom: .5em;
	font-size: 82%;
}
#service-list li a {
	background: #F15A24 none repeat scroll 0% 0%;
	color: #FFF;
	display: inline-block;
	margin-bottom: 0.5em;
	letter-spacing: 0.1em;
	border-radius: 0.2em;
	padding: 0.5em 1.4em;
	font-size: 95%;
}
#service-list li a:hover {
	opacity: .5;
}

/* ------------ TOP Features ---------- */
.top-feature-box {
	margin-bottom: 3em;
}
.top-feature-box h3 {
	font-size: 21px;
	margin-bottom: .4em 0;
}

.top-feature-box img {
	width: 100%;
	text-align: center;
}

@media screen and (min-width: 64.063em) /* Desktop */{
	#top-feature #top-feature-list .feature-thumb img {
		width: 90%;
		padding: 1em;
	}
}

@media screen and (max-width: 64.063em) /* Small & Medium */{
	#prof-list {
		margin: 2em 0 0 0;
		padding-left: 2em;
	}
	.top-area {
		padding: 1rem 0 3rem;
	}
}
@media only screen and (max-width: 40em) /* Small */{
	#top-feature #top-feature-list .feature-box {
		margin-bottom: 3em;
	}
	#top-feature #top-feature-list dt {
		font-size: 2em;
	}
	#top-feature #top-feature-list dd br {
		display: none;
	}
	#top-feature #top-feature-list dd img {
		max-width: 90%;
		max-height: 90%;
	}
}
@media only screen and (min-width: 40.063em) and (max-width: 64em)/* Medium Only */{
	#top-feature #top-feature-list .feature-box {
		height: 360px;
	}
}


/** --------------
 * 	 TOP Services
 ---------------- */
#top-services {
	font-size: 1.1em;
	background: #fafafa;
	text-align: center;
}

#service-nav-list {
	text-align: center;
	margin: -2em auto 3em;
	overflow: hidden;
	width: 950px;
}
#service-nav-list li {
	/*	margin: 1em .3em 2em; */
	float:left;
	width: auto;
	margin: 0;

}
#service-nav-list li a {
	letter-spacing: 0;
	color: #F15A24;
	font-weight: medium;
	font-size: 95%;
	padding: 0.2em 1em;
	border-left: 1px solid #F15A24;
	/*background: rgba(239,88,28,.7);*/
	/*padding: 1em 1.5em;
	background: #fff;
	background: #F15A24;*/
	/*border: 1px solid rgba(239,88,28,.9);
	color: #F15A24;
	border-radius: .5em;*/
}
#service-nav-list li:first-child a {
	border-left: 0;
}
#service-nav-list li a:hover {
	background: rgba(239,88,28,.8);
	color: #fff;
}
	
h2.sash {
	text-align: center;
	padding: .6em;
	font-size: 2.4em;
	font-weight: 400;
	letter-spacing: 5px;
	color: #fff;

/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2N2UyMiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZTY3ZTIyIiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZWY1ODFjIiBzdG9wLW9wYWNpdHk9IjAuODMiLz4KICAgIDxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZWY1ODFjIiBzdG9wLW9wYWNpdHk9IjAuODQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1OTQ0ZSIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(left,  rgba(230,126,34,0.82) 0%, rgba(230,126,34,0.82) 8%, rgba(239,88,28,0.83) 34%, rgba(239,88,28,0.84) 74%, rgba(229,148,78,0.84) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,126,34,0.82)), color-stop(8%,rgba(230,126,34,0.82)), color-stop(34%,rgba(239,88,28,0.83)), color-stop(74%,rgba(239,88,28,0.84)), color-stop(100%,rgba(229,148,78,0.84))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* IE10+ */
background: linear-gradient(to right,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e67e22', endColorstr='#d6e5944e',GradientType=1 ); /* IE6-8 */
}
#top-services .service-box {
	text-align: left;
	background: #fff;
	width: 100%;
	margin: 0px auto;
	max-width: 62.5rem;
	max-width: 50rem;
	padding: 2em 3em 3em 3em;
	border: 1px solid rgba(239,88,28,.9);
}
#top-services h3 {
	position: relative;
	line-height: 1;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	color: #F15A24;
	/*
	border-top: 1px solid rgba(239,88,28,.5);
	border-bottom: 1px solid rgba(239,88,28,.5);*/
	padding: .3em 1em 0 1.5em;
	margin-bottom: 1em;
	display: inline-block;
}

#top-services h3 br {
	display: none;
}

#top-services h3:before {
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height: .7em; 
    	width: .7em; 
    	display:block; 
    	position:absolute; 
    	top: 18px; 
    	left: 10px; 
    	background-color: #F15A24;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	filter:alpha(opacity=50);
    	-moz-opacity:0.30;
    	-khtml-opacity: 0.50;
    	opacity:0.6;
    	z-index: 1;
    }
    
#top-services h3:after {
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height: .9em; 
    	width: .9em; 
    	display:block; 
    	position:absolute; 
    	top: 4px; 
    	left: 0; 
    	background-color: #F15A24;
    	opacity: 0.4;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset
    }
.top-area .service-description {
	font-size: 1.05em;
	line-height: 2;
	margin-bottom: 3em;
	
}
#top-services .top-area .service-description {
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(239,88,28,.5);

}

.top-feature-box img {
	padding: 8px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 0 2px 5px #eee;	
}

#top-tv-media {
	overflow: hidden;
}

#top-tv-media #media-list {
	text-align: center;
}
.photo-section {
	margin: 4em auto 1em;
	overflow: hidden;
}
.photo-section .photo-box {
	height: 200px;
}
.photo-box .photo {
	max-height: 140px;
	overflow: hidden;
}
.photo-box .photo img {
	width: 100%;	
	height: auto;
}
.photo-box .descr {
	font-size: .8em;
	text-align: left;
}
.result-list {
	list-style: square;
	text-align: left;
}
.result-list li {
	margin-left: 2em;
	margin-bottom: .3em;
	font-size: 0.9em;
}
@media only screen and (max-width: 40em) /* Small */{
	.top-feature-box {
		margin-bottom: 2em;
	}
	#top-services h3 br {
		display: block;
	}
	#top-about .jck-about-message {
		text-align: left;
		padding: 2.5em  1em 0 1.5em;
		font-size: .95em;
	}	
	#top-about .jck-about-message p:first-child {
		margin-bottom: 2em;
	}
	#top-about .jck-about-message br {
		display: none;
	}
}
@media screen and (max-width: 64.063em) /* Small & Medium */{
	header .top-contact-cv {
		display: none;
	}
	h2.sash {
		font-size: 1.4em;
		font-weight: bold;
	}
	#service-nav-list {	
		margin: .5em 0 2em;
		width: 100%;
	}
	#service-nav-list li {
		float: none;
	}
	#service-nav-list li a {
		border: 0;
		display: inline-block;
		padding: .5em 1em;
		font-weight: bold;
	}
	#top-services h3 {
		font-size: 1.3em;
		letter-spacing: 0;
		font-weight: bold;
	}

	.result-list {
		font-size: .9em;
		margin-left: 0 !important;
	}
	.result-list li {
		padding-right: .5em;
	}
	#prof-list .result-list li {
		font-size: 1em;
	}
	#top-services .service-box {
		padding: .5em;
	}
	.top-area .service-description {
		font-size: .9em;
		padding: .5em;
	}
	.photo-section .photo-box {
		height: auto;
		margin-bottom: 2em;
	}
	.photo-box .photo {
		height: auto;
		max-height: 100%;
	}
	.photo-section-below {
		margin-top: 0 !important;
	}
	.photo-section-single {
		margin: 2em 0;
	}
}


/* ------------ TOP CV (Application) ---------- */
#top-cv {
	background: #fafafa;
}
#jck-about-bio {
	background: rgba(250, 222, 212, 0.2);
	background: #fff;
}

#top-cv h2, #jck-about-bio h2 {
	margin-bottom: 1em;
	font-size: 2.5em;
}
#top-cv h3 {
	font-size: 2em;
	margin-bottom: 1em;
}
#top-cv #top-cv-right p {
	margin-bottom: 1.5em;
}
#top-cv #kaitori-form-items .row {
	margin-bottom: .5em;
}
#top-cv #kaitori-form-items dt {
	font-weight: normal;
	font-size: .9em;
}
#top-cv #kaitori-form-items .caution-before-send {
	font-size: .8em;
}
#top-cv #kaitori-form-items .form-item-remark {
	font-size: .8em;
	color: #777;
}
#top-cv input[type="submit"] {
	display: block;

background: #e67e22; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2N2UyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2U2N2UyMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2QzNTQwMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #e67e22 0%, #e67e22 50%, #d35400 99%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e67e22), color-stop(50%,#e67e22), color-stop(99%,#d35400)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* IE10+ */
background: linear-gradient(to bottom,  #e67e22 0%,#e67e22 50%,#d35400 99%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e67e22', endColorstr='#d35400',GradientType=0 ); /* IE6-8 */

	color: #fff;
	font-size: 1.3em;
	font-weight: 100;
	letter-spacing: 1em;
	border: none;
	margin: 2em auto 0;
	padding: .8em 0 .8em .8em;
	width: 75%;
	border-radius: .2em;
}
#top-cv input[type="submit"]:hover {
	background: #e67e22;
}
#jck-waon-banner {
	margin: 5em 5em 3em 0;
}

@media screen and (max-width: 64.063em) /* Small & Medium */{
	#top-cv #kaitori-form-items .caution-before-send {
		padding: 0 2em 2em;
		border-bottom: 8px double #444;
	}
	#top-cv h2 {
		font-size: 1.8em;
	}
	#top-cv input[type="submit"] {
		letter-spacing: 1px;
	}
	#jck-waon-banner {
		margin: 2em .5em;
	}	
}
@media only screen and (min-width: 40.063em) and (max-width: 64em)/* Medium Only */{
	#top-cv #top-cv-left {
		padding: 3em 2em;
	}
}
/* ----------- WPCF ----------------- */
#top-cv div.wpcf7-mail-sent-ok {
	border: 6px solid #2ecc71;
}
#top-cv div.wpcf7-validation-errors {
	border: 6px solid #f7e700;
}
#top-cv div.wpcf7-response-output {
	margin: 0 0.5em 1em;
	padding: 1em;
	font-size: .8em;
}
#top-cv span.wpcf7-not-valid-tip {
	color: #e74c3c;
	font-size: .9em;
}
#top-cv span.wpcf7-not-valid-tip:before {
	content: '↑ ';
}

/* ------------- Media Queries of TOP CV -----------------------*/
@media screen and (min-width: 64.063em) /* Desktop */{
	#top-cv #kaitori-form-items dt {
		text-align: right;
	}
	#top-cv #top-cv-right {
		padding: 0 0 0 4em;
	}
	#top-cv #top-cv-right p {
		font-size: .95em;
	}
}

/* ------------ TOP Contents Footer Image ---------- */
#top-contents-footer-image {
	background: #eee;
	height: 24em;
	background-size: cover;
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: center top;
	overflow: hidden;
}
@media only screen and (max-width: 40em) /* Small */{
	#top-contents-footer-image {
		background-attachment: scroll;
		height: 220px;
	}
}
/* ------------ TOP Access & Contact ---------- */
#top-access {
	margin-bottom: 3em;
}
.google-maps {
	position: relative;
	padding-bottom: 85%; /* height / width */
	height: 0;
	overflow: hidden;
}
.google-maps iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}


/* ------------ TOP Footer Banner ---------- */
#top-footer-banners {
	background: #eee;
}

/* ------------- Blog --------------- */
#blog-list-page .blog-header-area, #blog-list-page #kaitori-blog-nav-area {
	margin-bottom: 3em;
}
.blog-header-area #blog-top-link {
	font-size: .9em;
	margin-top: 1em;
	text-align: center;
}
.blog-header-area #blog-top-link a {
	text-decoration: underline;
}
#blog-archive-page .archive-header-area {
	background: #eee;
	margin-bottom: 3em;
	padding: 3em 0;
	text-align: center;
}

.blog-list {
	padding-bottom: 4em;
}
.blog-list article {
	border-top: 6px solid #222;
	padding-top: 1.5em;
	margin: 1em 0 8em;
}
.blog-list .blog-list-title {
	margin-bottom: 2em;
	border-bottom: 6px double #222;

}
.blog-list .blog-list-title .row {
	padding-bottom: 1em;
}
.blog-list nav.pagination {
	text-align: center;
	margin-top: 2em;
}
.blog-header-area {
	background: #2ecc71;
	background: #222;
	color: #eee;
	padding: 2em 0;
	overflow: hidden;
}
.blog-header-area .kaitori-blog-title {
	text-align: center;
	font-size: 2.2em;
	letter-spacing: .1em;
	margin: .5em 0 1em;
	color: #eee;
}
.blog-header-area .kaitori-blog-description {
	text-align: center;
	font-size: .9em;
	color: #ccc;
}
.blog-contents-area article .row {
	width: 60%;
	margin: 0 auto 4em;
}
.blog-contents-area article .blog-single-entry-header {
	background: #eee;
}
.blog-contents-area article .blog-single-entry-header .row {
	padding: 1em 0;
}
.blog-single-entry-header .entry-date {
	padding: 1em 0;
	font-weight: bold;
}
.blog-contents-area article .blog-single-entry-header .entry-title {
	font-size: 2em;
}
.blog-entry-header .entry-date {
	padding: .5em 0;
	font-weight: bold;
}

.entry-nav {
	background: #2ecc71;
	padding: 2em 0;
}
.entry-nav .nav-links a, .entry-nav .nav-links a:visited {
	color: #fff;
}
.entry-nav .nav-next {
	text-align: right;
}
.screen-reader-text {
	display: none;
}
@media only screen and (max-width: 40em) /* Small */{
	#kaitori-blog-nav-area {
		background: #eee;
		padding: 1em 2em;
		margin: -1em;
		margin-bottom: 0 !important;
	}
	.blog-list-title h2 {
		font-size: 1.3em;
		font-weight: bold;
		margin-left: -0.5em;
	}
	.blog-contents-area article .row {
		width: 90%;
	}
}
@media screen and (min-width: 64.063em) /* Desktop */{
	.blog-list .blog-list-title .row {
		width: 640px;
	}
}
/**
 * 	Gallery
 */
.page-template-default {
	margin-top: 10em;
}
.gallery {
	overflow: hidden;
}
figure.gallery-item {
	float: left;
}
/** --------------- 2018 ----------- */

.page-template-page-top-2018 .panel-grid {

}

.page-template-page-top-2018 h2.sow-headline {
	text-align: center;
	padding: .6em;
	font-size: 2.4em;
	font-weight: 400;
	letter-spacing: 5px;
	color: #fff;
	
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U2N2UyMiIgc3RvcC1vcGFjaXR5PSIwLjgyIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjglIiBzdG9wLWNvbG9yPSIjZTY3ZTIyIiBzdG9wLW9wYWNpdHk9IjAuODIiLz4KICAgIDxzdG9wIG9mZnNldD0iMzQlIiBzdG9wLWNvbG9yPSIjZWY1ODFjIiBzdG9wLW9wYWNpdHk9IjAuODMiLz4KICAgIDxzdG9wIG9mZnNldD0iNzQlIiBzdG9wLWNvbG9yPSIjZWY1ODFjIiBzdG9wLW9wYWNpdHk9IjAuODQiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2U1OTQ0ZSIgc3RvcC1vcGFjaXR5PSIwLjg0Ii8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(left,  rgba(230,126,34,0.82) 0%, rgba(230,126,34,0.82) 8%, rgba(239,88,28,0.83) 34%, rgba(239,88,28,0.84) 74%, rgba(229,148,78,0.84) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(230,126,34,0.82)), color-stop(8%,rgba(230,126,34,0.82)), color-stop(34%,rgba(239,88,28,0.83)), color-stop(74%,rgba(239,88,28,0.84)), color-stop(100%,rgba(229,148,78,0.84))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(230,126,34,0.82) 0%,rgba(230,126,34,0.82) 8%,rgba(239,88,28,0.83) 34%,rgba(239,88,28,0.84) 74%,rgba(229,148,78,0.84) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#d1e67e22', endColorstr='#d6e5944e',GradientType=1 ); /* IE6-8 */
}
.page-template-page-top-2018 .sow-headline-container .decoration {
	display: none;
}

/* -------- 2018 features --------- */
.page-template-page-top-2018 .greeting-message {
	text-align: center;
	font-size: 1rem;
	line-height: 2;
}
.page-template-page-top-2018 .top-features {
	max-width: 64rem;
	margin: 3em auto;
}

.page-template-page-top-2018 .top-features img {
	padding: 8px;
	border: 1px solid #ddd;
	background: #fff;
	box-shadow: 0 2px 5px #eee;	
}

.page-template-page-top-2018 .top-features h3.widget-title {
	font-size: 14.4px;
	margin-top: 1em;
}
/** ----- services 2018 ------ */
.page-template-page-top-2018 #service-nav-list {
	text-align: center;
	margin: 3em auto -2em;
	overflow: hidden;
	width: 950px;
}
.page-template-page-top-2018 .service-box {
	text-align: left;
	background: #fff;
	width: 100%;
	margin: 5em auto 8em;
	max-width: 64rem;
	padding: 3em 4em;
	border: 1px solid rgba(239,88,28,.9);
}
.page-template-page-top-2018 .service-box .service-title-box h3.widget-title {
	position: relative;
	line-height: 1;
	font-size: 2em;
	font-weight: bold;
	letter-spacing: 2px;
	text-align: center;
	color: #F15A24;
	/*
	border-top: 1px solid rgba(239,88,28,.5);
	border-bottom: 1px solid rgba(239,88,28,.5);*/
	padding: .3em 1em 0 1.5em;
	margin-bottom: 1em;
	display: inline-block;
}
.page-template-page-top-2018 .service-box .service-title-box h3.widget-title br {
	display: none;
}

.page-template-page-top-2018 .service-box .service-title-box h3.widget-title:before {
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height: .7em; 
    	width: .7em; 
    	display:block; 
    	position:absolute; 
    	top: 18px; 
    	left: 10px; 
    	background-color: #F15A24;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
    	filter:alpha(opacity=50);
    	-moz-opacity:0.30;
    	-khtml-opacity: 0.50;
    	opacity:0.6;
    	z-index: 1;
    }

.page-template-page-top-2018 .service-box .service-title-box h3.widget-title:after {
    	content:''; 
    	border-radius:30px;
    	-webkit-border-radius:30px;
    	-moz-border-radius:30px; 
    	height: .9em; 
    	width: .9em; 
    	display:block; 
    	position:absolute; 
    	top: 4px; 
    	left: 0; 
    	background-color: #F15A24;
    	opacity: 0.4;
    	box-shadow: 0 0 2px 2px rgba(255,255,255,0.2) inset;
}
.page-template-page-top-2018 .service-box p {
	font-size: 1.05rem;
	line-height: 2;
}
.page-template-page-top-2018 .service-title-box {
	margin-bottom: 1em;
	padding-bottom: 2em;
	border-bottom: 1px solid rgba(239,88,28,.5);
}
.page-template-page-top-2018 .service-box img {
	/*max-width: 260px;*/
}
.page-template-page-top-2018 #jck-about-bio {
	background: transparent;
	margin: 5rem;
}
.page-template-page-top-2018 #jck-about-bio h3 {
	font-size: 1.2rem;
	margin: 1em 0;
}
.page-template-page-top-2018 #top-cv {
	background: transparent;
	max-width: 64rem;
	margin: 5rem auto;
}
.page-template-page-top-2018 #top-cv img {
	padding-right: 5rem;
}
.page-template-page-top-2018 .metaslider .caption {
	font-size: .8rem !important;
}
.page-template-page-top-2018 .so-widget-sow-image h3.widget-title {
	font-weight: normal;
	font-size: .8rem;
	padding-top: .5rem;
}
.page-template-page-top-2018 .metaslider .flexslider {
	margin-bottom: 0 !important;
}
@media only screen and (max-width: 40em) {
	.page-template-page-top-2018 .greeting-message {
    text-align: left;
    padding: 0 1em 0 1.5em;
    font-size: .95em;
	}
	.page-template-page-top-2018 .top-features {
		padding: 0 1em;		
	}
	.page-template-page-top-2018 #top-cv,
	.page-template-page-top-2018 #jck-about-bio {
		padding: 0 2em;
	}
	.page-template-page-top-2018 #jck-about-bio {
		margin: 0;
	}
	.page-template-page-top-2018 #jck-about-bio img {
		display: block;
		width: 240px;
		margin: auto;
		padding: 0;
	}
	.page-template-page-top-2018 h2.sow-headline {
	    font-size: 1.4em;
	    font-weight: bold;
	}
	.page-template-page-top-2018 #service-nav-list {
		width: 100%;
	}
	.page-template-page-top-2018 .service-box {
		width: 100%;
		padding: 10% 4%;
	}
	.page-template-page-top-2018 .service-box .service-title-box h3.widget-title {
		font-size: 1.35rem;
		text-align: left;
	}
	.page-template-page-top-2018 .service-box p {
		font-size: .8rem;
	}
}
/** ------- added 202210---------- */
#sidr-menu li.current_page_item {
  display: none;
}