/*
Theme Name: uparl
Theme URI: http://www.adworks24.co.jp
Description: 2014年度版 u-PARL様用テンプレート
Author: the AXROS team
Author URI: http://www.adworks24.co.jp
Version: 0.9
*/


/******************/
/******************/
/* 0. reset *******/

* {
border:0;
margin:0;
outline:0;
padding:0;
font:inherit;
font-style:normal;
font-weight:lighter;
list-style:none;
text-decoration:none;
	-webkit-appearance:none;
	appearance:none;
}

html {
font-size:62.5%;
width:100%;
height:100%;
}

body {
background:#fff;
color:#333;
font-family:/*'Noto Sans Japanese',*/'Arial','Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'MS PGothic', 'ＭＳ Ｐゴシック', 'Helvetica Neue', 'Helvetica',  sans-serif;
font-weight:lighter;
font-size:10px;
font-size:1.0rem;
width:100%;
height:100%;
line-height:1;
position:relative;
text-align:center;
	-webkit-text-size-adjust:100%;
	-moz-text-size-adjust:100%;
	-ms-text-size-adjust:100%;
	-o-text-size-adjust:100%;
	text-size-adjust:100%;
}

/******************/
/* html5 format ***/

article,
aside,
dialog,
figure,
footer,
header,
main,
menu,
nav,
section {display:block;}

audio,
canvas,
video {
display:inline-block;
max-width:100%;
}

/******************/
/* Fonts **********/
/*
@font-face {
font-family: 'Noto Sans Japanese';
	src:url('fonts/NotoSans-Regular.otf');
}
*/
/******************/
/* html tags ******/

a,
a:link,
a:visited,
a:hover,
a:active {
color:#217fc4;
text-decoration:none;
	-webkit-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out;
}

a:hover {color:#217fc4; text-decoration:underline;}

b,
i,
em,
cite,
strong {}

em {font-style:italic;}
i {font-style:italic;}

q:before,
q:after { content:'"';}

hr {margin:30px 0; border:0; border-top:1px solid #ccc; border-bottom:1px solid #fafafa; height:0;}

mark {background:transparent;}
ins {}

del {}

h1,
h2,
h3,
h4,
h5,
h6 {}

ruby {}
rt {font-size:0.5em;}

table {
border-collapse:collapse;
border-spacing:0;
text-align:left;
width:100%;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
margin-bottom:30px;
}


table th,
table td {padding:10px;}

table th {vertical-align:top;}

table caption {
background-color:#e8e8e8;
text-align:left;
font-size:1.5px;
font-size:1.5rem;
margin-bottom:0;
padding:10px;
}





/******************/
/******************/
/* shortcodes *****/

.alignright,
.align-right {text-align:right; float:right;}
.alignleft,
.align-left {text-align:left; float:left;}
.center,
.aligncenter,
.align-center {text-align:center; display:block; margin-left:auto; margin-right:auto;}
.clear {clear:both;}
.clearfix {zoom:1;}
.clearfix:after {content:""; clear:both; display:block; height:0; visibility:hidden;}
.hide,
.none {display:none;}
.indent-1 {padding-left:1em; text-indent:-1em;}
.left,
.float-left {float:left;}
.right,
.float-right {float:right;}
.nowrap {white-space:nowrap;}
.small {font-size:0.8em;}

.wp-caption {padding:8px 8px 0.1em; background-color:#eee; margin:7px 7px 14px;}
.wp-caption img {width:100%; height:auto;}
.wp-caption-text {text-align:center; margin:0;}

img.left {margin:0 30px 30px 0;}
img.right {margin:0 0 30px 30px;}

/******************/
/******************/
/* 1. layout ******/

#to,
#bo {
clear:both;
display:block;
height:0;
overflow:hidden;
}

#wrap {
width:1040px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
text-align:center;
font-size:13px;
font-size:1.3rem;
margin:0 auto;
}

.inner {
clear:both;
display:block;
width:960px;
margin:0 40px;
padding:0;
position:relative;
text-align:left;
line-height:1.5;
}

#header,
#footer {
clear:both;
display:block;
padding:0;
margin:0;
line-height:1;
}


#header {padding-top:30px; margin-bottom:30px;}
#footer {}


#main {
clear:both;
overflow:hidden;
padding:20px 0 0 0;
}

#content {width:100%;}

.home #content,
.page-template-page-top_en-php #content {
float:left;
width:720px;
height:100%;
}

#sidebar {
width:220px;
margin:0 0 30px 0;
float:right;
}

.section {text-align:left;}
.article {text-align:left;}

/******************/
/******************/
/* 2. header ******/

#logo {}
#logo a:hover {opacity:0.6;}
#logo h1 {
width:500px;
height:150px;
overflow:hidden;
margin:0 auto 10px auto;
}

#logo h1 a {
background:url(images/logo-ja.jpg) 0 0 no-repeat;
padding-top:160px;
display:block;
}

#logo.en h1 a {background:url(images/logo-en.jpg) 0 0 no-repeat;}


#header h2 {
display:none;
}

#h-link {
position:absolute;
top:0;
left:0;
}

#h-link li {
width:160px;
overflow:hidden;
}

#h-link li:nth-child(1) {height:50px;}
#h-link li:nth-child(2) {height:80px;}

#h-link li a {display:block;}
#h-link a:hover {opacity:0.6;}
#h-link li:nth-child(1) a {background:url(images/link-tokyo.png) 0 0 no-repeat; padding-top:80px;}
#h-link li:nth-child(2) a {background:url(images/link-book.png) 0 0 no-repeat; padding-top:90px;}



#util {
position:absolute;
top:0;
right:0;
}

#util ul {display:inline-block; margin-bottom:20px;}
#util ul li {display:inline; margin-left:30px;}
#util ul li a {color:#333;}
#util ul li a:hover {color:#217fc4;}

#search_form {
display:block;
text-align:right;
}

#search_form input {
height:30px;
padding:0 3px;
line-height:1.5;
display:inline;
margin:0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
vertical-align:top;
}

#search_form input[type=submit] {
background-color:#1c85c8;
color:#fff;
display:inline;
cursor:pointer;
font:normal 20px/1 Genericons;
padding:0 10px;
height:30px;
overflow:hidden;
}

/*
#search_form input[type=submit]:before {
font:normal 34px/1 Genericons;
content: '\f400';
color:#fff;
display:block;
-webkit-font-smoothing:antialiased;
}
*/


/******************/
/******************/
/* 3. footer ******/

#footer {font-size:14px; font-size:1.4rem;}

#footer .inner {
border-top:1px solid #000;
}

#footer #copy {
line-height:40px;
text-align:center;
}

#footer #copy a {color:#333;}

#footer #site-info {
position:absolute;
top:0;
right:0;
}

#site-info ul li {
line-height:40px;
margin-left:20px;
display:inline;
font-size:11px;
font-size:1.1rem;
}

#site-info ul li a {color:#717071;}
#site-info ul li a:hover {color:#217fc4; text-decoration:underline;}

/******************/
/******************/
/* 4. navi ********/

#navi {
clear:both;
display:block;
position:relative;
}

#navi ul {width:100%; position:relative; height:100%;}

.home #navi ul,
.page-id-6 #navi ul {height:355px;}

#navi ul li:after {
content:"";
position:absolute; display:block; width:100%; border-bottom:5px solid #000; left:0; top:2.5em;}

#navi ul li {
float:left;
width:140px;
text-align:center;
font-size:14px;
font-size:1.4rem;
}

#navi ul li:nth-child(1) {margin-right:24px;}
#navi ul li:nth-child(2) {margin-right:24px;}
#navi ul li:nth-child(3) {margin-right:24px;}
#navi ul li:nth-child(4) {margin-right:24px;}
#navi ul li:nth-child(5) {}
#navi ul li:nth-child(6) {float:right;}


#navi ul li a {
display:block;
background:none;
width:140px;
margin:0;
height:35px;
text-indent:-9999px;
background-position:center top;
background-repeat:no-repeat;
}

#navi ul.navi-ja li:nth-child(1) a {background-image:url(images/navi_ja_about.jpg);}
#navi ul.navi-ja li:nth-child(2) a {background-image:url(images/navi_ja_staff.jpg);}
#navi ul.navi-ja li:nth-child(3) a {background-image:url(images/navi_ja_collection.jpg);}
#navi ul.navi-ja li:nth-child(4) a {background-image:url(images/navi_ja_event.jpg);}
#navi ul.navi-ja li:nth-child(5) a {background-image:url(images/navi_ja_column.jpg);}
#navi ul.navi-ja li:nth-child(6) a {background-image:url(images/navi_ja_blog.jpg);}


#navi ul.navi-en li:nth-child(1) a {background-image:url(images/navi_en_about.jpg);}
#navi ul.navi-en li:nth-child(2) a {background-image:url(images/navi_en_staff.jpg);}
#navi ul.navi-en li:nth-child(3) a {background-image:url(images/navi_en_collection.jpg);}
#navi ul.navi-en li:nth-child(4) a {background-image:url(images/navi_en_event.jpg);}
#navi ul.navi-en li:nth-child(5) a {background-image:url(images/navi_en_column.jpg);}
#navi ul.navi-en li:nth-child(6) a {background-image:url(images/navi_en_blog.jpg);}

.home #navi ul li a:after,
.page-template-page-top_en-php #navi ul li a:after {
content:"";
display:block;
position:relative;
height:320px;
background-repeat:no-repeat;
background-position:left bottom;
}

.home #navi ul li:nth-child(1) a:after,
.page-template-page-top_en-php  #navi ul li:nth-child(1) a:after {background-image:url(images/navi-01.png);}
.home #navi ul li:nth-child(2) a:after,
.page-template-page-top_en-php  #navi ul li:nth-child(2) a:after {background-image:url(images/navi-02.png);}
.home #navi ul li:nth-child(3) a:after,
.page-template-page-top_en-php  #navi ul li:nth-child(3) a:after {background-image:url(images/navi-03.png);}
.home #navi ul li:nth-child(4) a:after,
.page-template-page-top_en-php  #navi ul li:nth-child(4) a:after {background-image:url(images/navi-04.png);}
.home #navi ul li:nth-child(5) a:after,
.page-template-page-top_en-php  #navi ul li:nth-child(5) a:after {background-image:url(images/navi-05.png);}
.home #navi ul li:nth-child(6) a:after,
.page-template-page-top_en-php  #navi ul li:nth-child(6) a:after {background-image:url(images/navi-06.png);}

#navi ul li a:hover {
opacity:0.6;
}

/******************/
/******************/
/* slider *********/

#slider {margin-bottom:30px;}

#sidebar h3 {
border-bottom:5px solid #000;
margin-bottom:20px;
font-size:18px;
font-size:1.8rem;
font-weight:bold;
text-transform:uppercase;
}

.bx-pager {padding:10px 0;}

.bx-pager-item {
width:14px;
height:14px;
overflow:hidden;
display:inline-block;
margin:0 6px;
}

.bx-pager-item a {
display:block;
width:14px;
height:14px;
text-indent:-9999px;
background-color:#666;
	-webkit-border-radius:7px;
	-moz-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	border-radius:7px;
}

.bx-pager-item a.active,
.bx-pager-item a:hover {
background-color:#217fc4;
}

.bx-prev,
.bx-next {display:none;}

/******************/
/******************/
/* article ********/

.article {
clear:both;
line-height:1.5;
}

.article,
.article input,
.article textarea {
}
.article p,
.article ul,
.article ol,
.article dd,
.article pre,
.article hr {
	margin-bottom: 24px;
}
.article ul ul,
.article ol ol,
.article ul ol,
.article ol ul {
	margin-bottom: 0;
}
.article pre,
.article kbd,
.article tt,
.article var {
	font-size: 15px;
	line-height: 21px;
}
.article code {
	font-size: 13px;
}
.article dt,
.article th {
	color: #000;
}
.article h1,
.article h2,
.article h3,
.article h4,
.article h5,
.article h6 {
color: #000;
margin: 0 0 20px 0;
font-size:18px;
font-size:1.8rem;
font-weight:bold;
}

.article span.date {font-size:11px; font-size:1.1rem;}


.article tr th,
.article thead th {
	color: #777;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
.article tr td {
	padding: 12px 0;
}
.article tr.odd td {
}

.article img {
max-width:100%;
height:auto;
}

/******************/
/* entry **********/

.entry-meta {
width:200px;
margin:0 0 30px 0;
float:left;
}

.entry-utility {margin-left:220px;}
.entry-title {margin-left:220px; border-bottom:1px solid #000; margin-bottom:30px; padding-bottom:15px;}

.entry-content {
width:-webkit-calc(100% - 220px);
width:-moz-calc(100% - 220px);
width:-ms-calc(100% - 220px);
width:-o-calc(100% - 220px);
width:calc(100% - 220px);
float:right;
}

.entry-title h3 {margin:0; padding:0; line-height:1.5;}

.entry-title h3 span,
.entry-title h3 br {display:block;}

.entry-meta {background-repeat:no-repeat; background-position:0 0;}
/*
#about-ja .entry-meta,
#about-en .entry-meta {background-image:url(images/navi-01.png);}
#staff-ja .entry-meta,
#staff-en .entry-meta {background-image:url(images/navi-02.png);}
#collection-ja .entry-meta,
#collection-en .entry-meta {background-image:url(images/navi-03.png);}
#event-ja .entry-meta,
#event-en .entry-meta {background-image:url(images/navi-04.png);}
#column-ja .entry-meta,
#column-en .entry-meta {background-image:url(images/navi-05.png);}
#blog-ja .entry-meta,
#blog-en .entry-meta {background-image:url(images/navi-06.png);}
*/

.article .entry-content {border-bottom:1px solid #000; margin-bottom:15px;}
.article .entry-content:last-child {border-bottom:none;}

#event-ja ul li,
#event-en ul li {display:block; margin:0 0 20px 0; padding:0 0 0.1em 0;}
#event-ja ul li:after,
#event-en ul li:after {content:""; display:block; clear:both; height:0;}
#event-ja ul li .archive-thumbnail,
#event-en ul li .archive-thumbnail {margin:0 20px 0 0; float:left; width:220px; display:inline-block;}
#event-ja ul li .archive-title,
#event-en ul li .archive-title {border-bottom:0; width:240px;float:left; margin:0 0 20px 0;}
#event-ja ul li .archive-text,
#event-en ul li .archive-text {float:right; width:240px; margin:0 0 20px 0;}
#event-ja ul li img,
#event-en ul li img {width:220px; height:auto; vertical-align:top; border:solid 1px #ccc; padding:4px;}

#archive-event img {
max-width:220px;
max-height:180px;
height:auto;
}


/******************/
/******************/
/* home.php *******/




/******************/
/******************/
/* archive.php ****/

#archive {}

#masonry {width:100% !important; text-align:center;}
.grid {
width:240px;
padding:0;
text-align:left; float:left;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	-ms-box-sizing:border-box;
	-o-box-sizing:border-box;
	box-sizing:border-box;
}

h3.page-title {
border-bottom:5px solid #000;
margin-bottom:20px;
font-size:18px;
font-size:1.8rem;
font-weight:bold;
text-transform:uppercase;
max-width:700px;
}

#archive ul {width:100% !important;}

.archives li {
width:220px;
display:block;
float:left;
height:auto;
margin-bottom:35px;
}

.archives span {display:block;}
.archives img {width:100%; height:auto;}

.archive-thumbnail {margin:0 0 5px 0;}
.archive-category {margin:0 0 5px 0;}
.archive-title {font-size:16px; font-size:1.6rem; font-weight:bold; margin:0 0 15px 0; padding:0 0 5px 0; border-bottom:1px solid #000; display:block;}
.archive-title a {color:#333; display:block;}
.archive-text {font-size:13px; font-size:1.3rem; margin-bottom:15px; display:block;}


/******************/
/* アーカイヴ 表示スタイル */

#archive-collection {}
#archive-collection ul li img {float:left;}



#staff-ja ul li,
#staff-en ul li {display:block; margin:0 0 20px 0; padding:0 0 0.1em 0;}
#staff-ja ul li:after,
#staff-en ul li:after {content:""; display:block; clear:both; height:0;}
#staff-ja ul li .archive-thumbnail,
#staff-en ul li .archive-thumbnail {margin:0 20px 0 0; float:left; width:220px; display:inline-block;}
#staff-ja ul li .archive-title,
#staff-en ul li .archive-title {border-bottom:0;}
#staff-ja ul li img,
#staff-en ul li img {width:220px; height:auto; vertical-align:top;}

#collection-ja ul li,
#collection-en ul li {display:block; margin:0 0 20px 0; padding:0 0 0.1em 0;}
#collection-ja ul li:after,
#collection-en ul li:after {content:""; display:block; clear:both; height:0;}
#collection-ja ul li .archive-thumbnail,
#collection-en ul li .archive-thumbnail {margin:0 20px 0 0; float:left; width:220px; display:inline-block;}
#collection-ja ul li .archive-title,
#collection-en ul li .archive-title {border-bottom:0;}
#collection-ja ul li img,
#collection-en ul li img {width:220px; height:auto; vertical-align:top; border:solid 1px #ccc; padding:4px;}


#column-ja ul li,
#column-en ul li {display:block; margin:0 0 20px 0; padding:0 0 0.1em 0;}
#column-ja ul li:after,
#column-en ul li:after {content:""; display:block; clear:both; height:0;}
#column-ja ul li .archive-thumbnail,
#column-en ul li .archive-thumbnail {margin:0 20px 0 0; float:left; width:220px; display:inline-block;}
#column-ja ul li .archive-title,
#column-en ul li .archive-title {border-bottom:0; width:240px;float:left; margin:0 0 20px 0;}
#column-ja ul li .archive-text,
#column-en ul li .archive-text {float:right; width:240px; margin:0 0 20px 0;}
#column-ja ul li img,
#column-en ul li img {width:220px; height:auto; vertical-align:top; border:solid 1px #ccc; padding:4px;}



#archive-column img {
max-width:220px;
height:auto;
}

#blog-ja ul li,
#blog-en ul li {display:block; margin:0 0 20px 0; padding:0 0 0.1em 0;}
#blog-ja ul li:after,
#blog-en ul li:after {content:""; display:block; clear:both; height:0;}
#blog-ja ul li .archive-thumbnail,
#blog-en ul li .archive-thumbnail {margin:0 20px 0 0; float:left; width:220px; display:inline-block;}
#blog-ja ul li .archive-title,
#blog-en ul li .archive-title {border-bottom:0; width:240px;float:left; margin:0 0 20px 0;}
#blog-ja ul li .archive-text,
#blog-en ul li .archive-text {float:right; width:240px; margin:0 0 20px 0;}
#blog-ja ul li img,
#blog-en ul li img {width:220px; height:auto; vertical-align:top; border:solid 1px #ccc; padding:4px;}
  
#archive-blog img {
max-width:220px;
height:auto;
}

/******************/
/******************/
/* single.php *****/




/******************/
/******************/
/* page.php *******/

#about-ja .entry-title,
#about-en .entry-title,
#blog-ja .entry-title,
#blog-en .entry-title,
#collection-ja .entry-title,
#collection-en .entry-title,
#column-ja .entry-title,
#column-en .entry-title,
#event-ja .entry-title,
#event-en .entry-title,
#staff-ja .entry-title,
#staff-en .entry-title,
#contact .entry-title,
#form .entry-title,
#sitemap .entry-title {
background-repeat:no-repeat;
background-position:0 0;
text-indent:-9999px;
height:30px;
}


#about-ja .entry-title {background-image:url(images/title_about_ja.jpg);}
#about-en .entry-title {background-image:url(images/title_about_en.jpg);}

#blog-ja .entry-title {background-image:url(images/title_blog_ja.jpg);}
#blog-en .entry-title {background-image:url(images/title_blog_en.jpg);}

#collection-ja .entry-title {background-image:url(images/title_collection_ja.jpg);}
#collection-en .entry-title {background-image:url(images/title_collection_en.jpg);}

#column-ja .entry-title {background-image:url(images/title_column_ja.jpg);}
#column-en .entry-title {background-image:url(images/title_column_en.jpg);}

#event-ja .entry-title {background-image:url(images/title_event_ja.jpg);}
#event-en .entry-title {background-image:url(images/title_event_en.jpg);}

#staff-ja .entry-title {background-image:url(images/title_staff_ja.jpg);}
#staff-en .entry-title {background-image:url(images/title_staff_en.jpg);}

#sitemap .entry-title {background-image:url(images/title_sitemap.jpg);}
#contact .entry-title {background-image:url(images/title_contact.jpg);}
#form .entry-title {background-image:url(images/title_contact_form.jpg);}


#blog-ja .border-bottom,
#blog-en .border-bottom {
border-bottom:1px solid #ccc;
margin-bottom:30px;
padding:0 0 0.1em 0;
}

/******************/
/* search *********/

.search .entry-title {margin-left:0;}


/******************/
/******************/
/* comments *******/




/******************/
/******************/
/* sidebar ********/




/******************/
/******************/
/* widget *********/



/******************/
/******************/
/* materials ******/



/******************/
/* breadcrumbs ****/

#breadcrumbs {clear:both; display:block; margin-bottom:20px; padding:0; line-height:1.5;}
#breadcrumbs li {float:left; font-size:11px; font-size:1.1rem;}
#breadcrumbs li:after {content:"\00BB"; margin:0 10px;}
#breadcrumbs li:last-child:after {content:"";}
#breadcrumbs li a {color:#333;}
#breadcrumbs li a:hover {color:#217fc4; text-decoration:none;}
#breadcrumbs p,
#breadcrumbs br,
#breadcrumbs span {display:inline;}


#breadcrumbs span a {font-size:11px; font-size:1.1rem; color:#333;}
#breadcrumbs span a:hover {color:#217fc4; text-decoration:none;}
.breadcrumbs {clear:both; display:block; margin-bottom:20px; padding:0; line-height:1.5;}

/******************/
/* navigation *****/



/******************/
/* wp-pagenavi  ***/



/******************/
/******************/
/* plugins ********/



/******************/
/* ContactForm7 ***/

.wpcf7 {}
.wpcf7 table {}
.wpcf7 p img {display:none;}

.wpcf7 table td:first-child {width:330px;}

input[type="text"],
input[type="password"],
input[type="email"],
input[type="url"],
input[type="number"],
textarea {
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	padding:5px;
}

.wpcf7 input[type=submit] {
background-color:#ccc;
border:1px solid #ccc;
height:40px;
padding:0 50px;
margin:0 auto;
display:inline-block;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
	-ms-border-radius:20px;
	-o-border-radius:20px;
	border-radius:20px;
cursor:pointer;
}

.wpcf7 input[type=submit]:hover {
background-color:#217fc4;
color:#fff;
}



/* end ************/
/******************/
/******************/