/*
Theme Name: aokijuntoAS
Author: Saito & Co.
Author URI: http://saito.co
Version: 1.0
Tags: light, three-columns, right-sidebar, flexible-width, custom-colors, custom-header, custom-background, custom-menu, theme-options, threaded-comments, sticky-post, translation-ready
*/


/* Reset
--------------------------------------------- */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
* {z-index: 2;}
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote,
a, img, strong, var,
b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
#content address {
	padding: 0 0 20px 0;
}
#content abbr, acronym {
	border-bottom: .1em dotted;
}
#content pre, code, tt {
	font-size: 1.1em;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
img {
	vertical-align: bottom;
}
/* General Structure and Styles
--------------------------------------------- */
body {
	background-color:#FFF;
	font-family:'News Gothic BT W01 Demi', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro', Meiryo, 'メイリオ', sans-serif;
	color: #000;
	font-size: 16px;
	line-height: 2em;
	letter-spacing: 0.1em;
}
#page {
	max-width: 944px;
	margin: 0 auto;
	padding:0 16px;
	z-index: 100;
}
#wrap {
	margin: 0;
	padding:0;
	overflow: hidden;
}
#main {
	width: 100%;
	overflow: hidden;
}
#content,
.copyright {
	width: 74.5762%;
	float: right;
}
#secondary {
	width: 23.7288%;
	margin-right:1.6949%;
	float: left;
}
#colophon {
	width: 100%;
	float: left;
	padding:32px 0 16px;
	overflow: hidden;
	font-size: 14px;
}
.aligncenter, div.aligncenter {
	margin-left: auto;
	margin-right: auto;
	display: block;
}
.alignleft {
	float: left;
}
.alignright {
	float: right;
}
.nondisplay,
.nav-switch,
#subnavi{
	display: none;
}
/* Headlines
--------------------------------------------- */
#content h1,
#content h2,
#content h3,
#content h4,
#content h5,
#content h6{
	font-size: 14px;
}
/* Links
--------------------------------------------- */
a {
	color: #000;
	text-decoration: none;
} 
a:hover {
	color: #CCC;
}
a:active {
	color: #000;
}

#content a {
	color: #CCC;
	text-decoration: none;
} 
#content a:hover {
	color: #000;
}
#content a:active {
	color: #CCC;
}

#content .entry-title a,
#content #nav-below a {
	color: #000;
	text-decoration: none;
} 
#content .entry-title a:hover,
#content #nav-below a:hover {
	color: #CCC;
}
#content .entry-title a:active,
#content #nav-below a:active {
	color: #000;
}

/* Lists
--------------------------------------------- */
#content .post ul, #content .page ul  {
	padding:7px 0 7px 30px;
}

#content .post ul.list-none{
	list-style: none;
	padding: 0;
}#content .post ul.list-none li{
	padding: 0;
}

#content .post ul li, #content .page ul li {
	padding:0 0 12px;
	list-style: disc;
}
#content .post ol, #content .page ol  {
	padding:7px 0 7px 30px;
}
#content .post ol li, #content .page ol li {
	padding:0 0 12px;
	list-style: decimal;
}
#content .post ol ol li, #content .page ol ol li {
	list-style: upper-alpha;
}
#content .post ol ol ol li, #content .page ol ol ol li {
	list-style: lower-roman;
}

/* Header
--------------------------------------------- */
#branding {
	padding: 16px 0 74px;
	z-index: 10000;
}

#site-title {
	padding-right: 16px;
	width: 23.7288%;
	overflow: hidden;
	float: left;
}
#site-title h1 a:hover {
	text-decoration:none;
}

/* --- Main Nav --- */
#branding #global-nav {
margin-left: 20%;
	width: 50%;
	overflow: hidden;
	float: left;
}
#branding #global-nav li {
	margin-right: 20px;
	float: left;
	list-style: none;
}
#branding #global-nav li a {
	margin:0;
	display: block;
}

a.active,
li.active a{
	color: #CCC;
}

#branding .lang-swtich{
	float: right;
}

.sidebar,
#content{
	padding-bottom:32767px;
	margin-bottom:-32767px;
}

.sidebar ul,
.sidebar-title{
	margin: 0 0 40px 0;
}
.sidebar ul.blog-ul,
.sidebar-blog-title {
    margin: 20px 0 10px !important;
}

.sidebar li{
	padding-top: 16px;
	line-height: 1.4em;
}

.sidebar li:first-child{
	padding-top: 0;
}

.sidebar ul.contact{
	padding-top: 5px;
}

#page-fixed{
	margin-top: 32px;
	display: none;
}

/* Posts
--------------------------------------------- */
#content .post {
	margin: 0 0 40px;
	padding: 0 0 40px;
	overflow: hidden;
	clear: both;
}

h2,
h3,
h4{
	font-weight: normal;
}

#content .entry-header h2.entry-title {
	margin: 6px 0 12px;
	line-height: 1.6em;
}

#content .entry-header h2.entry-title a:hover{
	color: #CCC;
}

#content .post p {
	padding: 30px 0 0;
}
#content .activities .post p {
	padding: 0px 0 0;
}

#content .entry-details {
	width: 48.8636%;
	padding: 2px 18px 0 0;
	float: left;
}
#content .entry-details p span.entry-date, #content .entry-details p a {
	width: 100%;
	font-style: normal;
}
#content .entry-content {
	width: 74.5%;
	margin: 0;
	float: right;
}
#content .post img.wp-post-image {
	width: auto;
	height: auto;
	margin: 5px 0 0;
	padding: 0;
}
#content .entry-meta p {
	padding: 15px 0 0;
}
#content .entry-meta a {
	padding: 15px 0 0;
	font-style: normal;
}
.page-link {
	background-color: #f0f0f0;
	border-top: 1px solid #ddd;
	padding: 5px 20px;
	overflow: hidden;
	font-size: .9em;
}
.page-link a {
	margin: 0 1px;
}
.page-link a:hover {
	text-decoration: none;
}
/* --- Sticky Post --- */
#content .sticky {
	border-top: 1px solid #ddd;
	background-color: #F0F0F0;
	padding: 15px 10px;
	overflow: hidden;
}
/* --- Post Typography --- */
#content strong {
	font-weight: bold;
}
#content p em {
	font-style: italic;
}
#content em {
	font-style: italic;
}
#content p small {
}
/* --- Post Images and Video --- */
#content img {
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0;
}
#content .post .wp-caption {
	max-width: 100%;
	text-align: center;
}
#content .single-entry-content .wp-caption {
	max-width: 100%;
	text-align: center;
}
#content object,
#content embed,
#content iframe {
	max-width: 100%;
	margin: 3px 0 10px;
	display: block;
}
.arrow{
	vertical-align: top;
}

#nav-below .arrow{
	margin-top: -1px;
	display: block;
}

#nav-below .nav-previous .arrow{
	float: left;
	padding-right: 5px;
}

#nav-below .nav-next .arrow{
	float: right;
	padding-left: 5px;
}



/* Single Posts
--------------------------------------------- */
#content .post .single-entry-header {
	margin: 0;
}
#content .single-entry-header h1.entry-title {
	margin: 0 0 5px;
	font: bold 1.3em/1.4 'Droid Sans', arial, sans-serif;
}
#content .single-entry-header p {
	padding: 0 0 5px;
	font-size: .8em;
}
#content .single-entry-header p span.entry-date, #content .single-entry-header p span.entry-author {
	font: italic 1em/1.5 'Droid Serif', Times, serif;
}
#content .single-entry-details {
	width: 22.507%;
	padding: 0 18px 0 0;
	float: left;
}
#content .single-entry-content {
	width: 100%;
	margin: 15px 0 0;
	padding: 0;
	float: left;
}
#content .post .single-entry-meta p {
	padding: 15px 0 0;
	font: italic .8em/1.5 'Droid Serif',  Times, serif;
}
#content .post .single-entry-meta p a {
	font-style: normal;
}
/* --- Post Nav Below --- */
#content #image-nav {
	margin: 30px 0 3px 0;
	overflow: hidden;
}
#content #nav-below .nav-previous a, #content #image-nav span.previous-image a {
	width: 40%;
	display: block;
	float: left;
	font-size: .9em;
	
}
#content #nav-below .nav-next a, #content #image-nav span.next-image a {
	display: block;
	float: right;
	font-size: .9em;
	
}
#content #nav-below .nav-previous a:hover, #content #nav-below .nav-next a:hover, #content #image-nav span.previous-image a:hover, #content #image-nav span.next-image a:hover {
	text-decoration: none;
}

/* --- Comment Reply --- */

input#submit, input.wpcf7-submit {
	margin:18px 0 0;
	padding: 8px 10px 7px;
	display: inline-block;
	vertical-align: baseline;
	outline: none;
	background-color: #000;
	border: none;
	color: #fff;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 1px;
	cursor: pointer;
	font-size: 16px;
}
input#submit:hover, input.wpcf7-submit:hover {
	background-color: #CCC;
	color: #fff;
}
/* Post Formats
--------------------------------------------- */
#content .entry-link, #content .entry-gallery, #content .entry-video {
	width: 100%;
	margin: 0;
	float: left;
}
/* --- Link Post Format --- */
#content .entry-link a {
	font-size: 1.1em;
}
#content .entry-link .entry-meta a {
	font-size: 1em;
	font-weight: normal;
}
/* --- Image Post Format --- */
#content .entry-header h2.entry-title-image {
	margin-top: 0;
	font-size: 1.1em;
}
/* --- Video, Image and Gallery Post Format --- */
#content .entry-post-format .entry-header h2.entry-title {
	margin: 0 0 5px;
}
#content .entry-post-format .entry-header p {
	font: italic .8em/1.5 'Droid Serif', Times, serif;
}
#content .entry-post-format .entry-header p a {
	font-style: normal;
}
#content .entry-post-format .entry-content-gallery {
	width: 54%;
	float: left;
}
#content .entry-post-format .gallery-thumb {
	width: 42.258%;
	float: left;
	margin: 5px 15px 0 0;
}
#content .post img.attachment-medium {
	max-width: 100%;
	height: auto;
	padding: 0;
}

/* WordPress Image Gallery
--------------------------------------------- */
#content .gallery {
	margin: auto;
	padding:0;
	clear: both;
}
#content .gallery-item {
	width:19%;
	float: left;
	margin-top: 10px;
	margin-right: 3px;
	text-align: center;
	vertical-align: top;
	overflow: hidden;
}
#content .gallery-icon {
	width: 100%;
}
#content .gallery-caption {
	margin-left: 0;
	padding: 0;
	font-size: .8em;
	color: #999;
	display: block;
}

/* --- Fullwidth Page --- */
#content.full-width {
	width:100% !important;
}
#content.full-width .page {
	margin: 0;
	padding: 0 0 20px;
	border-bottom: none;
}
/* --- Archive, 404, Search Results --- */
#content .page-header h1.page-title {
	padding: 0 0 15px 0;
	font-size: .8em;
	color: #777;
	
	text-transform: uppercase;
	letter-spacing: .1em;
}
/* --- Contact Page --- */
#content .wpcf7 {
	overflow: hidden;
	margin: 0;
	padding:0;
}

#content .wpcf7 table{
	
}

#content .wpcf7 table th{
	width: 40.625%;
	text-align: left;
	vertical-align: top;
	
	padding-top: 6px;
}

#content .wpcf7 table td{
	width: 59.375%;
}

#content .wpcf7 h3#form-title {
	margin:0 0 3px 0;
	font-size: 1.2em;
}
#content .wpcf7 p.form-info {
	padding:0 0 15px 0;
	font-size: .8em;
}
#content .wpcf7 p span.required {
	color: #E75428;
}
#content .wpcf7 input.wpcf7-text {
	width: 93%;
	margin: 5px 0 24px;
	padding: 6px;
	background-color:#fff;
	border: 2px solid #000;
	font-size:1em;
}
#content .wpcf7 textarea {
	width:93%;
	margin: 5px 0 0;
	padding: 6px;
	background-color:#fff;
	border: 2px solid #000;
}
#content .wpcf7-form p {
	padding:0;
}


/* Footer
--------------------------------------------- */
#colophon p {
}
a.top {
	margin: 3px 0 0 0;
	
	display: block;
}
a.top:hover {
	text-decoration: none;
}

/* Clearing Floats
--------------------------------------------- */
.clear {
	clear:both;
	display:block;
	overflow:hidden;
	visibility:hidden;
	width:0;
	height:0;
}
.clearfix:after {
	clear:both;
	content:' ';
	display:block;
	font-size:0;
	line-height:0;
	visibility:hidden;
	width:0;
	height:0
}



/* works
--------------------------------------------- */

#content #works a, #content .press .blog-link a {
	color: #000;
	text-decoration: none;
} 
#content #works a:hover, #content .press .blog-link a:hover {
	color: #CCC;
}
#content #works a:active, #content .press .blog-link a:active {
	color: #000;
}

#works.top .entry-header h2.entry-title {
	margin: -5px 0 32px;
	line-height: 2em;
}

#works.top .entry-header h3,
#works.top .entry-header h4{
	margin: 0;
}

#works.top .entry-details {
	width: 48.8636%;
	height: auto;
	margin: 0;
	padding: 2px 0 0 0;
	float: left;
}
#works.top .entry-header {
	width: 48.8636%;
	margin: 0;
	float: right;
}
#works.top .post img.wp-post-image {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

#works.top .post{
	margin: 0 0 32px 0;
	padding: 0;
	border: none;
}

#works.top article{
	margin: 0;
	padding: 0;
}

#works.top .sm-link{
	display: block;
	overflow: hidden;
}

#works.top .sm-link:hover h3,
#works.top .sm-link:hover h4{
	color: #000;
}

#works.detail .photo-list{
}

#works.detail .photo-list img{
	margin-bottom: 16px;
	vertical-align: bottom;
}

#works.detail .photo-list #more-photo{
	display: none;
}

#works.detail h1{
	margin: 80px 0 0;
}

#works.detail h2,
#works.detail h3.date,
#works.detail h3.country{
	margin: 0;
}

#works.detail h3{
	margin: 0 0 32px;
}

#works.detail p{
	padding: 0;
	margin-bottom: 32px;
}

#works.detail .photo-credit{
	margin-bottom: 80px;
}


#works.detail h2{
	margin-bottom: 32px;
}

#works.detail .biblio .note{
	margin-left: 80px;
}

#works.detail .biblio li{
	list-style: none;
}

.works-id{
	color: #999;
	font-weight: normal;
}




/* news
--------------------------------------------- */
#news .head,
#blog .head,
.category-news .head{
	width: 100%;
	position: relative;
	overflow: hidden;
}

#news .head .sns-btn,
#blog .head .sns-btn,
.category-news .head .sns-btn{
	position: absolute;
	top: 8px;
	right: 0;
	height: 14px;
	width: 60px;
}

.sns-btn .fb-btn,
.sns-btn .tw-btn{
	-webkit-background-size: 14px 14px;
	-moz-background-size: 14px 14px; 
	background-size: 14px 14px;
	width: 14px;
	height: 14px;
	float: right;
}

.sns-btn .fb-btn{
	margin-right: 16px;
	background: url(./images/sns-fb.gif) no-repeat left top;
}.sns-btn .fb-btn:hover{
	background: url(./images/sns-fb-on.gif) no-repeat left top;
}

.sns-btn .tw-btn{
	background: url(./images/sns-tw.gif) no-repeat left top;
}.sns-btn .tw-btn:hover{
	background: url(./images/sns-tw-on.gif) no-repeat left top;
}

.win .sns-btn .fb-btn,
.gecko .sns-btn .fb-btn,
.chrome .sns-btn .fb-btn{
	margin-right: 16px;
	background: url(./images/sns-btn.gif) no-repeat 0 0;
}.win .sns-btn .fb-btn:hover,
.gecko .sns-btn .fb-btn:hover,
.chrome .sns-btn .fb-btn:hover{
	background: url(./images/sns-btn.gif) no-repeat 0 -24px;
}

.win .sns-btn .tw-btn,
.gecko .sns-btn .tw-btn,
.chrome .sns-btn .tw-btn{
	background: url(./images/sns-btn.gif) no-repeat -24px 0;
}.win .sns-btn .tw-btn:hover,
.gecko .sns-btn .tw-btn:hover,
.chrome .sns-btn .tw-btn:hover{
	background: url(./images/sns-btn.gif) no-repeat -24px -24px;
}

#news .date,
#blog .date,
#news .entry-title,
#blog .entry-title,
.category-news .date,
#content .category-news h2.entry-title,
#content .category-news h1.entry-title,
.sns-btn{
	margin: 0 0 32px 0;
}

.activities .date {
    margin: 0;
}

#news.top .category-news h2.entry-title,
#blog.top .category-news h2.entry-title,
#content .category-news h1.entry-title{
	margin-bottom: 0;
}

#news .post,
#blog .post{
	margin: 0 0 40px 0;
	padding: 0 0 40px 0;
	border: none;
	border-bottom: solid 2px #000;
}

#news article,
#blog article{
	margin: 0;
	padding: 0;
}

#news .entry-title,
#content .category-news h1.entry-title{
	font-size: 16px;
}

#news .post p,
.category-news .post p{
	margin: 0;
	padding: 30px 0 0 0;
}

#news .post .photo,
#blog .post .photo,
.category-news .photo{	
	margin: 0;
	padding: 0;
}

#news.top .post .photo,
#blog.top .post .photo{	
	padding: 25px 0 0;
}

#news .post img,
#blog .post img,
.category-news .post img.wp-post-image{
	margin: 0;
	width: auto;
	vertical-align: bottom;
}

#news.top .post img,
#blog.top .post img {
	margin-top: 12px;
}

#content .category-news h1.entry-title{
	margin-bottom: 32px;
}

#blog-info img.wp-post-image {
	width: auto !important;
	height: auto;
	margin: 0 0 0 0;
	padding: 0;
}

#content .post #blog-info p{
	padding: 0 0 30px;
}

#content .post #blog-info p.photo{
	padding-bottom: 38px;
}

#news .post p.highlight-link,
#blog .post p.highlight-link,
.single #content .post p.highlight-link{
	padding: 30px 0 0;
	clear: both;
	overflow: hidden;
}

.single #content .post p.video-fit,
.single #content .post p.photo{
	padding: 0;
}

.single #content .post p{
	padding: 30px 0 0 0;
}

#blog-info .blog-link a,
.highlight-link a{
	border: solid 2px #000;
	padding: 6px 9px 3px;
	color: #000 !important;
	display: block;
	float: left;
}

#blog-info .blog-link,
.highlight-link{
	clear: both;
}

#blog-info .blog-link a:hover,
.highlight-link a:hover{
	border: solid 2px #CCC;
	background: #FFF !important;
	color: #CCC !important;
}

#blog-info .blog-link a:active,
.highlight-link a:active{
	border: solid 2px #000;
	background: #FFF !important;
	color: #000 !important;
}




/* profile
--------------------------------------------- */
#profile.top{
	margin-top: -15px;
	position: relative;
	width: 100%;
}

#profile.top .portrait,
#profile.pub .photo{
	padding-right: 48px;
	width: 248px;
	float: left;
}

#profile.top .portrait{
	padding-top: 8px;
	margin-bottom: 72px;
}

#profile.top h1,
#profile.awards h1,
#profile.top h2,
#profile.pub .txt h2,
#profile.pub .txt h3,
#profile.activities h2,
#contact.top h2{
	margin: 0;
	font-size: 16px;
}

#profile.top h2.title-top{
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 296px;
}


#profile.awards h1{
	margin-bottom: 32px;
}

#profile.top h2,
#contact.top h2{
	padding: 12px 0 32px;
}

#profile.top ul.biography{
	padding: 48px 0 72px;
}

#profile.top ul.biography li{
	margin-left: 296px;
	padding: 0 0 18px 0;
	list-style: none;
}

#profile.top .description{
	margin: 0;
	padding: 0;
	clear: both;
}

#profile.top hr,
#contact.top hr{
	margin: 84px 0;
	border: none;
	border-bottom: solid 2px #000;
}

.lang-en #content .post #profile.top p{
	word-break: break-word;
}

#profile.top .biography .date{
	padding-right: 16px;
}

.lang-en #profile.top .biography .date{
	padding-right: 0;
	display: block;
}

#profile.awards a{
	color: #CCC;
}
#profile.awards a:hover{
	color: #000;
}

#content .post #profile.awards ul,
#content #profile.pub .post ul,
#content #profile.activities .post ul{
	margin: 0;
	padding: 0;
}

#content .post #profile.awards ul li,
#content #profile.pub .post ul li,
#content #profile.activities .post ul li{
	margin: 0;
	padding: 0 0 0 0;
	list-style: none;
}

#profile.awards .date,
#profile.awards .note,
#profile.pub .date,
#profile.pub .note,
#profile.activities .date,
#profile.activities .note,
#works.detail .biblio .date,
#works.detail .biblio .note{
	display: block;
}

#profile.awards .date,
#profile.pub .date,
#profile.activities .date,
#works.detail .biblio .date{
	float: left;
}

#profile.awards .note,
#profile.pub .tag-publications .note{
	margin-left: 56px;
}

#profile.pub .note{
	margin-left: 80px;
}

#content #profile.pub .post,
#content #profile.activities .post{
	margin-bottom: 84px;
	padding: 0;
	border-bottom: solid 2px #000;
	clear: both;
}




.mb64 {
    padding-bottom: 64px;
}

#profile.pub .photo,
#profile.pub .txt{
	margin: 0;
	padding-bottom: 84px;
}

#profile.pub .txt{
	margin-left: 296px;
}

#profile.pub .txt p{
	margin: 0;
	padding: 32px 0 0;
}

#profile.pub .txt p.f-ls{
	font-size: 16px;
}

#profile.pub .txt p .sub{
	font-weight: normal;
}


#profile.pub img.wp-post-image,
#profile.activities img.wp-post-image {
	width: auto;
	height: auto;
	margin: 5px 0 0;
	padding: 0;
	vertical-align: bottom;
}

#content #profile.pub .post ul{
	padding-top: 32px;
}

#profile.press .txt h3{
	font-size: 14px;
}


#content #profile.activities a {
	color: #000;
	text-decoration: none;
} 
#content #profile.activities a:hover {
	color: #CCC;
}
#content #profile.activities a:active {
	color: #000;
}

#profile.activities h2{
	padding: 48px 0 42px;
}

#profile.activities h2 .date{
	padding-left: 16px;
	float: none;
}

#content #profile.activities .post ul{
	padding-bottom: 64px;
}

#profile.activities .note{
	margin-left: 120px;
}

#profile.activities #more-list1,
#profile.activities #more-list2{
	display: none;
}

#profile.activities .btn{
	padding-bottom: 40px;
}

content #profile.activities .post{
	margin-bottom: 40px;
}




/* contact
--------------------------------------------- */
#content .post #contact p.separate{
	padding-bottom: 64px;
}

#contact.top h2{
	padding-top: 0;
}

#contact.top h3{
	margin: 0;
	padding: 0;
	font-size: 16px;
}

#contact.top hr{
	margin: 64px 0 84px;
}

#contact.top .description{
	padding: 5px 0 75px;
}

#contact .box{
	width: 100%;
	clear: both;
	overflow: hidden;
}

#contact .map{
	padding: 5px 0;
}

#contact .left,
#contact .wpcf7 .title{
	width: 39.4886%;
	float: left;
}


#contact .right,
#contact .wpcf7 .input{
	margin-left: 41.7613%;
	width: 59.375%;
}

#contact .wpcf7 .block{
	overflow: hidden;
}

#contact .wpcf7 .title{
	padding-top: 10px;
}

.ie7 #contact .box .left{
	width: 220px;
}

.ie7 #contact .box .right{
	margin: 0;
	float: right;
	width: 420px;
}

.ie7 #contact .block .right img{
	width: 420px;
}

.ie7 #contact .wpcf7 .input{
	margin: 0 0;
	float: right:
}

.ie7 #contact .wpcf7 .block .input .wpcf7-submit{
	margin-left: 278px;
}


.ie7 #nav-below{
	overflow: hidden;
}


.ie7 #nav-below .nav-previous,
.ie7 #nav-below .nav-next{
	width: 49%;
}

.ie7 #nav-below .nav-previous{
	float: left;
}

.ie7 #nav-below .nav-next{
	float: right;
	text-align: right;
}

.ie7 #works.detail .biblio li,
.ie7 #profile.awards .awards-list li,
.ie7 #profile.activities li{
	overflow: hidden;
	float: none;
}

.android #home #site-title{
	position: absolute;
	top: 16px;
	left: 16px;
	z-index: 10000;
}

.android #home #global-nav{
	position: absolute;
	top: 16px;
	right: 0;
	width: 74.5762%;
	z-index: 10000;
}


/* font
--------------------------------------------- */
.f-ls,
#site-title,
#global-nav,
.lang-swtich,
.date,
.nav-switch,
#contact .wpcf7 input[type="submit"],
#blog-info .blog-link a,
.highlight-link a{
	font-size: 14px;
	letter-spacing: 0.2em;
}

#site-title,
#global-nav,
.lang-swtich,
#news .date,
#blog .date,
.single .date,
.nav-switch,
.sidebar,
.biblio .date,
#profile .date,
#more-btn,
#nav-below,
.entry-title,
#works.top .entry-header h2,
#works.top .entry-header h3,
#works.top .entry-header h4,
#works.detail h2,
#works.detail h3,
#profile h1,
#profile.top h1,
#profile h2,
#profile h3,
#profile.pub .f-ls,
#contact h2,
#contact h3,
#contact .title,
#contact .wpcf7 input[type="submit"],
#blog-info .blog-link a,
.highlight-link a{
	font-family: 'News Gothic BT W01 Bold', 'HiraKakuProN-W6', 'ヒラギノ角ゴ ProN W6', Meiryo, 'メイリオ', sans-serif;
}

.lang-en #profile.top h1{
	letter-spacing: 0.2em;
}

.arrow{
	font-weight: bold;
}

.lang-en #content p,
.lang-en #content ul,
.lang-en #content .description{
	word-break: break-word;
	text-align: left;
}

.lang-ja #content p,
.lang-ja #content ul{
	word-break: break-word;
	line-break: strict;
}

.win .lang-ja .entry-title,
.win .lang-ja #works.top .entry-header h2,
.win .lang-ja #works.top .entry-header h3,
.win .lang-ja #works.top .entry-header h4,
.win .lang-ja #works.detail h2,
.win .lang-ja #works.detail h3,
.win .lang-ja #profile h1,
.win .lang-ja #profile.top h1,
.win .lang-ja #profile h2,
.win .lang-ja #profile h3,
.win .lang-ja #profile.pub .f-ls,
.win .lang-ja #contact h2,
.win .lang-ja #contact h3,
.win .lang-ja #contact .title,
.win .lang-ja #content p,
.win .lang-ja #content ul,
.win .lang-ja #content td,
.win .lang-ja #content th,
.win #blog-info .blog-link a,
.win .highlight-link a{
	font-family: 'Meiryo UI', 'メイリオ', sans-serif;
}

.win .lang-ja .entry-title,
.win .lang-ja #works.top .entry-header h2,
.win .lang-ja #works.top .entry-header h3,
.win .lang-ja #works.top .entry-header h4,
.win .lang-ja #works.detail h2,
.win .lang-ja #works.detail h3,
.win .lang-ja #profile h1,
.win .lang-ja #profile.top h1,
.win .lang-ja #profile h2,
.win .lang-ja #profile h3,
.win .lang-ja #profile.pub .f-ls,
.win .lang-ja #contact h2,
.win .lang-ja #contact h3,
.win .lang-ja #contact .title{
	font-weight: bold;
}

.lang-ja #content .post #blog-info p,
.lang-ja #profile.top .description,
.lang-ja #news p,
.lang-ja #blog p,
.lang-ja .category-news p,
.lang-ja #works p{
	text-align: justify;
}

#blog-info .blog-link a,
.highlight-link a{
	text-align: left;
	line-height: 1.8em;
}


/* Media queries for responsive design 760px - 959px
--------------------------------------------- */
@media screen and (min-width: 760px) and (max-width: 959px) {

	/* profile */
	#profile.top .date{
		display: block;
	}
	#profile.pub .photo{
		padding-bottom: 42px;
		float: none;
	}
	#profile.pub .txt{
		float: none;
	}
	#profile.pub .txt{
		margin-left: 0;
	}

	/* contact */
	#contact .left,
	#contact .right,
	#contact .wpcf7 .title,
	#contact .wpcf7 .input{
		width: 48.4375%;
	}
	#contact .right,
	#contact .wpcf7 .input{
		margin-left: 51.5625%;
	}
	#contact .wpcf7 .block{
	overflow: hidden;
	}
}
/* Media queries for responsive design 520px - 759px
--------------------------------------------- */
@media screen and (min-width: 545px) and (max-width: 759px) {
	#branding{
		padding-bottom: 60px;
	}
	#content,
	.copyright{
		width: 70.4918%;
	}
	#site-title,
	#secondary {
		width: 26.2295%;
	}
	.single .sidebar{
		display: none;
	}
	
	.single #content {
		width: 100%;
		float: none;
	}
	.single #content .post{
		padding: 0;
	}
	#branding #global-nav{
		width: 200px;
	}
	.android #home #branding #global-nav{
		padding-right: 40%;
		width: 34.5762%;
	}
	/* works */
	#works.top{
		width: 248px;
	}

	#works.top .post{
		margin: 0 0 60px 0;
	}
	#works.top .entry-details,
	#works.top .entry-header{
		float: none;
		width: 100%;
	}
	#works.top .entry-details{
		margin-bottom: 20px;
	}
	#works.top .entry-header{
		float: none;
		width: 100%;
	}
	#works.top .entry-header h2.entry-title{
		margin: -5px 0 0;
		padding: 0 0 0;
		line-height: 2.7em;
	}
	#works.top .entry-header h3,
	#works.top .entry-header h4{
		margin: 0;
		padding: 0 0 0;
	}
	#works.detail .photo-credit{
		padding: 0;
		margin-bottom: 32px;
	}
	
	/* profile */
	#profile.top h2.title-top{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 376px;
		left: 0;
	}
	#profile.top .portrait{
		padding-top: 5px;
		float: none;
	}
	#profile.top ul.biography{
		margin: 0 0 48px 0;
		padding: 0;
		float: none;
	}
	#profile.top ul.biography li{
		margin: 0;
		padding-bottom: 32px;
	}
	#profile.top ul.biography .date{
		display: block;
	}
	#profile.pub .photo{
		padding-bottom: 48px;
		float: none;
	}
	#profile.pub .txt{
		float: none;
		margin-left: 0;
	}
	
	/* contact */
	#contact .left,
	#contact .wpcf7 .title{
		width: 100%;
		float: none;
	}


	#contact .right,
	#contact .wpcf7 .input{
		margin-left: 0;
		width: 100%;
	}
	
	#contact.top h2{
		margin-top: -6px;
	}
}
/* Media queries for responsive design  - 519px
--------------------------------------------- */
@media screen and (min-width: 0px) and (max-width: 544px) {
	/* Header
	--------------------------------------------- */
	#page{
		width: auto;
		padding:0;
	}
	#content{
		width: auto;
		float: none;
	}
	.sidebar,
	#page-fixed,
	.sidebar-title{
		display: none;
	}
	#page-fixed{
		margin: 0;
	}
	#branding {
		padding: 16px 16px 64px;
		border-bottom: solid 2px #000;
	}
	#site-title,
	.lang-swtich,
	.nav-switch{
		margin-top: 9px;
		line-height: 1em;
	}
	#site-title,
	.lang-swtich{
		padding: 12px 0;
	}
	#site-title,
	.android #home #site-title{
		padding-right: 0;
		overflow: hidden;
		float: none;
		position: absolute;
		top: 0;
		left: 16px;
		width: 96px;
	}
	.android,
	.android #site-title {
		border: solid 1px transparent;
	}
	#site-title h1 a:hover {
		text-decoration: none;
	}
	.lang-swtich{
		margin-left: -30px;
		position: absolute;
		top: 0;
		left: 50%;
		width: 90px;
		text-align: center;
	}
	
	/* --- Main Nav --- */
	.nav-switch{
		display: block;
		position: absolute;
		top: 0;
		right: 0;
	}.nav-switch a{
		padding: 12px 16px;
		display: block;
	}
	#branding #subnavi{
		display: block;
	}
	#branding #global-nav,
	.android #home #global-nav{
		width: 224px;
		overflow: hidden;
		float: none;
		position: absolute;
		top: 47px;
		right: 0;
		text-align: right;
		z-index: 10000;
	}
	#branding #global-nav li {
		border-top: solid 1px #999;
		margin-right: 0;
		float: none;
		list-style: none;
		display: block;
	}
	#branding #global-nav li a {
		margin:0;
		padding: 12px 16px;
		display: block;
		background-color: #000;
		color: #FFF;
		line-height: 1em;
	}
	#branding #global-nav .active a,
	#branding #global-nav a.active{
		color: #333;
	}
	#branding #global-nav li #subnavi{
		width: 100%;
		float: none;
		margin: 0;
	}
	#global-nav{
		display: none;
	}
	#branding #subnavi ul{
		margin: 0;
		padding: 0;
	}
	#branding #subnavi li{
		margin: 0;
		padding: 0;
	}
	#branding #subnavi ul.pastblog li{
		margin: 0;
		padding: 0;
	}

	#branding #global-nav li #subnavi li a{
		display: block;
		padding: 12px 48px 12px 0;
		background-color: #666;
	}
	#branding #global-nav li #subnavi .subsubnavi a {
    background-color: #666;
    display: block;
    padding: 12px 60px 12px 0;
}
	.sidebar,
	#content{
		padding-bottom:0;
		margin-bottom:0;
	}
	#colophon {
		width: auto;
		float: none;
		padding:32px 14px 16px;
		overflow: hidden;
	}
	.copyright{
		float: none;
	}
	#nav-below,
	#news.top .post,
	.page #content .category-news.page,
	#blog.top .post,
	.single-post #content{
		padding-left: 16px;
		padding-right: 16px;
	}
	
	/* --- news --- */
	#news.top,
	#blog.top,
	.single-post #content,
	.page-id-4224 #content,
	.page-id-4230 #content,
	.page-id-4236 #content,
	.page-id-4239 #content,
	.page-id-4241 #content{
		padding-top: 40px;
	}
	
	#news.top h2.entry-title,
	#blog.top h2.entry-title{
		margin: 0;
	}
	
	.video-fit iframe{
		height: 180px;
	}
	
	/* works */
	#works.top{
		width: 100%;
	}

	#works.top .post{
		margin: 0 0 0 0;
		padding: 0;
		border-bottom: solid 2px #000;
	}
	#works.top .entry-details{
		margin: 0 0 0 -20px;
		padding: 0;
		width: 127px;
		height: 86px;
		overflow: hidden;
		position: relative;
	}
	#works.top .post img.wp-post-image{
		margin: 0;
		padding: 0;
		width: 127px;
		height: 86px;
		clip: rect(0px,108px,86px,20px);
		position:absolute;
	}
	#works.top .country_block{
		display: none;
	}
	#works.top .sm-link{
		display: block;
		height: 86px;
		width: 100%;
		z-index: 1000;
	}
	#works.top .entry-header{
		float: none;
		width: 100%;
		height: auto;
	}
	#works.top .entry-header h2.entry-title,
	#works.top .entry-header h3,
	#works.top .entry-header h4,
	.works-id{
		font-size: 12px;
	}
	#works.top .entry-header h2.entry-title{
		margin: 0;
		padding-top: 8px;
		line-height: 1.5em;
	}
	#works.top .entry-header h3,
	#works.top .entry-header h4,
	.works-id{
		margin: 0;
		padding: 13px 0 0;
		line-height: 1.4em;
		float: left;
	}
	.works-id{
		padding-left: 16px;
		display: block;
		clear: both;
	}
	#works.top .entry-header h3{
		padding-right: 16px;
	}
	#works.top article{
		position: relative;
	}
	#works.detail .photo-credit{
		padding: 0;
		margin-bottom: 32px;
	}
	#works.detail .biblio h2{
		margin-bottom: 10px;
	}
	#works.detail .biblio .date,
	#works.detail .biblio .note{
		margin: 0;
	}
	#works.detail .biblio .date{
		display: block;
		float: none;
	}
	
	#works.detail .biblio .note{
		display: inline;
	}
	
	#works.detail .biblio li{
		margin-bottom: 12px;
		line-height: 1.4em;
	}
	
	/* profile */
	#profile.top,
	#profile.awards,
	#content #profile.pub,
	#content #profile.activities,
	#contact.top{
		padding-top: 40px;
	}
	#profile.top h2.title-top{
		margin: 0;
		padding: 0;
		position: absolute;
		top: 440px;
		left: 16px;
	}
	#profile.top h2,
	#profile.awards,
	#content #profile.pub .post,
	#content #profile.activities .post,
	#contact.top{
		padding-left: 16px;
		padding-right: 16px;
	}
	#content #profile.awards .post,
	#content #profile.pub .post,
	#content #profile.activities .post{
		padding-bottom: 40px;
		margin: 0 0 48px 0;
	}
	#content #profile.awards .post{
		padding-bottom: 0;
	}
	#content #profile.activities .post ul{
		padding-bottom: 0;
	}
	#profile.pub .photo,
	#profile.pub .txt{
		padding-bottom: 0;
	}
	#profile.top .photo,
	#profile.top .portrait,
	#profile.top p.description,
	#profile.top ul.biography li{
		margin: 0;
		padding: 0 16px;
	}
	#profile.top .portrait{
		padding-top: 5px;
		float: none;
	}
	#profile.top ul.biography{
		margin: 96px 0 48px 0;
		padding: 0;
		float: none;
	}
	#profile.top ul.biography li{
		margin: 0;
		padding-bottom: 32px;
	}
	#profile.top ul.biography .date{
		display: block;
	}
	#profile.pub .photo{
		padding-bottom: 48px;
		float: none;
	}
	#profile.pub .txt{
		margin-left: 0;
	}
	
	/* contact */
	#contact .left,
	#contact .wpcf7 .title{
		width: 100%;
		float: none;
	}
	


	#contact.top .description{
		padding: 5px 0 30px;
	}
	#contact .right,
	#contact .wpcf7 .input{
		margin-left: 0;
		width: 100%;
	}
	
	#contact.top h2{
		margin-top: -6px;
	}
	#contact.top hr{
		margin-top: 20px;
		margin-bottom: 40px;
		padding: 0;
		margin-left: -16px;
		margin-right: -16px;
	}
	/* home */
	#home #branding {
		border-bottom: none;
	}
}



/* Bug Fix                            2016 10
--------------------------------------------- */
/* language switch
--------------------------------------------- */
.lang-swtich .language-chooser {
	font-size: 0;
	letter-spacing: 0;
}
.lang-swtich .language-chooser li{
	display: inline-block;
}
.lang-swtich .language-chooser li a{
	font-size: 14px;
	letter-spacing: 0.2em;
}
.lang-swtich .language-chooser .lang-ja:after{
	content: "\00a0\007C\00a0";
	font-size: 14px;
	letter-spacing: 0.2em;
}
/* TOKAMACHI
--------------------------------------------- */
#content .post #blog-info p {
    overflow: hidden;
}
/* ページジャンプ用コンテンツ */


#contentelements{

	margin-top: 15%;
	}
p.message{
	display:block;
	background-color:white;
	padding: 5px 0px 5px 12px;
	text-align: center;
	margin-top: 10px;
	height: 30%;width: 70%;
}