/*
Theme Name: AlexisTeplin
Author: Anonymous
Author URI:
Version: 1
Description: Base theme for Wordpress
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: base
Tags: one-column, two-columns
Theme URI:
*/

.widget:after,
.post-password-form p:after,
.search-form:after,
.container:after,
.home-page #header:after,
#content:after,
.holder-content:after,
.paging ul:after {
	content: " ";
	display: block;
	clear: both;
}

#main-nav ul,
#nav ul,
.list-post,
.paging ul,
.list-gallery,
.tabset,
.list-book {
	margin: 0;
	padding: 0;
	list-style: none;
}

html {
	box-sizing: border-box;
}

*,
*:before,
*:after {
	box-sizing: inherit;
}

* {
	margin: 0;
	padding: 0;
	max-height: 1000000px;
}

ul,
ol,
dl,
p,
h1,
h2,
h3,
h4,
h5,
h6,
address,
form,
table,
blockquote,
applet,
embed,
object,
iframe,
frameset {
	margin: 0 0 18.06px;
}

html,
body,
div,
span,
applet,
embed,
object,
iframe,
frameset,
p,
q,
blockquote,
sub,
sup,
a,
abbr,
acronym,
font,
img,
small,
center,
h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
big,
u,
ins,
i,
cite,
em,
var,
dfn,
address,
s,
strike,
del,
dl,
dt,
dd,
ol,
ul,
li,
pre,
code,
kbd,
samp,
tt,
fieldset,
legend,
form,
label,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section,
summary,
time,
mark,
audio,
video {
	border: 0;
	background: none;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
main,
nav,
section,
summary {
	display: block;
}

body {
	color: #000;
	font: 14px/18px "Times New Roman", Times, Baskerville, Georgia, serif;
	background: #fff;
	overflow-y: scroll;
	min-width: 320px;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: none;
	letter-spacing: .25px;
}

a {
	text-decoration: none;
	color: #fa8072;
	outline: none;
}

a:hover {
	text-decoration: none;
	color: #f73d28;
}

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

video,
iframe,
object,
embed {
	max-width: 100%;
}

input,
textarea,
select {
	font: 100% "Times New Roman", Times, Baskerville, Georgia, serif;
	color: #000;
	vertical-align: middle;
}

textarea {
	overflow: auto;
	resize: vertical;
	vertical-align: top;
}

input[type="text"],
input[type="tel"],
input[type="email"],
input[type="url"],
input[type="password"],
input[type="search"],
textarea {
	background: #fff;
	margin: 0;
	-webkit-appearance: none;
	-webkit-border-radius: 0;
	border: 1px solid #999;
	padding: 3px 7px;
}

input[type="text"]:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="url"]:focus,
input[type="password"]:focus,
input[type="search"]:focus,
textarea:focus {
	border-color: #4d4d4d;
}

label {
	vertical-align: middle;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	padding: 0;
	border: 0;
}

button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
	-webkit-appearance: button;
	cursor: pointer;
}

input[type="search"] {
	-webkit-appearance: none;
	box-sizing: border-box;
}

input[type="search"]::-webkit-search-cancel-button {
	-webkit-appearance: none;
}

input[type="search"]::-webkit-search-decoration {
	display: none;
}

h1,
h2,
h3,
h4,
h5,
h6,
b,
strong,
th {
	font-weight: bold;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 150%;
}

h3 {
	font-size: 120%;
}

h4 {
	font-size: 110%;
}

h5 {
	font-size: 100%;
}

h6 {
	font-size: 90%;
}

i,
cite,
em,
var,
dfn,
address {
	font-style: italic;
}

u,
ins {
	text-decoration: underline;
}

s,
strike,
del {
	text-decoration: line-through;
}

blockquote,
blockquote:before,
blockquote:after,
q,
q:before,
q:after {
	quotes: none;
}

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

blockquote {
	border-left: 4px solid #ccc;
	padding-left: 10px;
	margin-left: 18.06px;
}

sub,
sup {
	font-size: 75%;
	line-height: 0;
	position: relative;
	vertical-align: baseline;
}

sup {
	top: -.5em;
}

sub {
	bottom: -.25em;
}

table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td {
	border-collapse: collapse;
	border-spacing: 0;
}

th,
td {
	border: 1px solid #ccc;
	padding: 3px 7px;
	text-align: left;
	vertical-align: top;
}

th {
	border-color: #999;
	text-align: center;
	vertical-align: middle;
}

ul {
	margin-left: 1px;
}

ul,
ol {
	padding-left: 3em;
}

ul ul,
ul ol,
ol ul,
ol ol {
	padding-left: 3em;
	margin: 0;
}

ul > li {
	list-style-type: disc;
}

dl dt {
	float: left;
	clear: left;
	padding-right: 4px;
	font-weight: bold;
}

pre {
	max-width: 100%;
	overflow: auto;
}

.widget {
	margin-bottom: 18.06px;
}

.widget ul {
	padding-left: 2em;
}

.widget select {
	min-width: 150px;
}

.comment-form textarea,
.post-password-form input[type="password"],
.comment-form input[type="text"],
.search-form input[type="search"] {
	margin: 0 4px 0 0;
	width: 290px;
	outline: none;
	border-radius: 0;
}

.post-password-form label {
	display: block;
}

.post-password-form input[type="password"],
.search-form input[type="search"] {
	width: 150px;
}

.post-password-form input,
.search-form input {
	float: left;
	height: 24px;
}

.comment-form input[type="submit"],
.post-password-form input[type="submit"],
.search-form input[type="submit"] {
	background: #000;
	color: #fff;
	height: 24px;
	border: none;
	padding: 0 10px;
	outline: none;
	border-radius: 0;
}

.comment-form input[type="submit"]:hover,
.post-password-form input[type="submit"]:hover,
.search-form input[type="submit"]:hover {
	opacity: .8;
}

.comment-form input[type="submit"] {
	float: none;
	display: block;
}

.commentlist {
	margin: 0 0 18.06px;
}

.commentlist .edit-link {
	margin: 0;
}

.commentlist-item .commentlist-item {
	padding: 0 0 0 3em;
}

.comment,
.commentlist-holder {
	overflow: hidden;
}

.commentlist-item .commentlist-item,
.commentlist-item + .commentlist-item {
	padding-top: 18.06px;
}

.commentlist .avatar-holder {
	float: left;
	margin: 0 18.06px 4px 0;
}

.comment-form label {
	display: block;
	padding-bottom: 4px;
}

.comment-form textarea {
	padding: 3px 4px;
	overflow: auto;
	margin: 0;
	height: 120px;
	min-height: 120px;
	border-radius: 0;
	outline: none;
}

.widget_calendar #next {
	text-align: right;
}

.gallery-item dt {
	float: none;
	padding: 0;
}

.navigation {
	overflow: hidden;
	margin: 0 0 18.06px;
}

.navigation .next {
	float: left;
}

.navigation .prev {
	float: right;
}

.wp-caption {
	max-width: 100%;
	clear: both;
	border: 1px solid #ccc;
	padding: 5px;
	margin-bottom: 18.06px;
}

.wp-caption img {
	vertical-align: top;
	margin: 0;
}

.wp-caption p {
	margin: 10px 0 0;
}

div.aligncenter {
	margin: 0 auto 18.06px;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
}

.alignleft {
	float: left;
	margin: 0 18.06px 4px 0;
}

.alignright {
	float: right;
	margin: 0 0 4px 18.06px;
}

.mejs-container {
	margin-bottom: 18.06px;
}

.gallery,
.alignnone,
.gallery-caption,
.sticky,
.bypostauthor {
	height: auto;
}

#wrapper {
	position: relative;
	overflow: hidden;
	width: 100%;
}

.container,
.home-page #header,
#content,
.holder-content {
	margin: 0 auto;
	max-width: 780px;
	padding: 0 15px;
}

.home-page #header {
	padding: 0;
	position: static;
}

#header {
	position: fixed;
	max-width: 130px;
	padding: 30px 0 0 17px;
	-webkit-transition: margin-left .3s ease;
	transition: margin-left .3s ease;
}

#header.active {
	margin-left: 0;
	background: #fff;
	z-index: 200;
	box-shadow: 0 1px 3px 0 rgba(0, 0, 0, .3);
	margin-bottom: -9999px;
	padding-bottom: 9999px;
}

#header.active .logo {
	display: block;
}

#header.active .opener {
	position: absolute;
	top: 10px;
	right: 10px;
	margin: 0;
}

.logo {
	width: 108px;
	margin: 0 0 48px;
}

.logo img {
	vertical-align: top;
}

.logo.logo-02 {
	width: 135px;
	margin: -5px 0 69px -10px;
}

#main-nav {
	padding: 281px 0 10px;
	text-align: center;
}

#main-nav ul {
	padding: 0 17px 0 0;
	letter-spacing: -5px;
}

#main-nav ul li {
	letter-spacing: 0;
	list-style: none;
	padding: 0 3px 10px 1px;
	display: inline-block;
	vertical-align: bottom;
}

#main-nav ul li.link-expo a:hover {
	color: #57b396;
}

#main-nav ul li.link-expo a span {
	margin: 0 33px 0 0;
}

#main-nav ul li.link-video a:hover {
	color: #069;
}

#main-nav ul li.link-written a:hover {
	color: #f29f00;
}

#main-nav ul li.link-written a span {
	margin: 0 0 0 15px;
}

#main-nav ul li.link-select a:hover {
	color: #fc3147;
}

#main-nav ul li.link-select a span {
	margin: 0 45px 0 0;
}

#main-nav ul span {
	display: inline-block;
}

#main-nav ul a {
	color: #000;
	text-decoration: none;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#main-nav ul .ico {
	margin: 0 0 25px;
}

.opener {
	display: block;
	width: 37px;
	position: relative;
	height: 37px;
	background: #000;
	border-radius: 2px;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 -102px 0 0;
	float: right;
	z-index: 200;
}

.opener:before,
.opener:after,
.opener span {
	background: #fff;
	border-radius: 4px;
	position: absolute;
	top: 19px;
	left: 25%;
	right: 25%;
	height: 3px;
	margin-top: -2px;
	-webkit-transition: all .2s linear;
	transition: all .2s linear;
}

.opener:before,
.opener:after {
	content: "";
	top: 13px;
}

.opener:after {
	top: 25px;
}

.close-btn span,
.active .opener span {
	opacity: 0;
}

.opener:hover {
	opacity: .9;
}

.close-btn:after,
.close-btn:before,
.active .opener:after,
.active .opener:before {
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 19px;
	left: 15%;
	right: 15%;
}

.close-btn:after,
.active .opener:after {
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
}

.resize-active .drop a,
.resize-active .drop {
	-webkit-transition: none !important;
	transition: none !important;
}

#nav {
	padding: 0 0 0 20px;
}

#nav ul li {
	list-style: none;
}

#nav ul li:nth-child(4) {
	margin: 0 0 25px;
}

#nav ul li:last-child {
	padding: 5px 0 0;
}

#nav ul li.active.link-select a {
	color: #fc3147;
}

#nav ul li.active.link-expo a {
	color: #57b396;
}

#nav ul li.active.link-video a {
	color: #069;
}

#nav ul li.active.link-written a {
	color: #f29f00;
}

#nav ul li.active.next a {
	background-position: 0 -15px;
}

#nav ul li.active.contact a {
	color: #fa8072;
}

#nav ul a {
	color: #000;
	-webkit-transition: all .3s ease;
	transition: all .3s ease;
}

#nav .link-select a:hover {
	color: #fc3147;
}

#nav .link-expo a:hover {
	color: #57b396;
}

#nav .link-video a:hover {
	color: #069;
}

#nav .link-written a:hover {
	color: #f29f00;
}

#nav .next a {
	-webkit-transition: none;
	transition: none;
	width: 26px;
	height: 6px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/arrow-nav.png) no-repeat 0 0;
}

#nav .next a:hover {
	background-position: 0 -15px;
}

#nav .contact a:hover {
	color: #fa8072;
}

#nav .opener {
	display: none;
}

.slideshow {
	position: relative;
	padding: 0 0 15px;
}

.slideshow .slideset {
	position: relative;
}

.slideshow .slide {
	position: absolute;
	z-index: 1;
	left: 0;
	right: 0;
	top: 0;
}

.slideshow .controls {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.slideshow .btn-prev,
.slideshow .btn-next {
	position: absolute;
	overflow: hidden;
	text-indent: -9999px;
	width: 50%;
	top: 0;
	bottom: 0;
	z-index: 5;
	background: rgba(255, 255, 255, .01);
}

.slideshow .btn-prev {
	left: 0;
}

.slideshow .btn-next {
	right: 0;
}

.slideshow .image img {
	vertical-align: top;
}

.slideshow .image.landscape {
	width: 100%;
}

.slideshow .image.portait {
	height: 750px;
}

.slideshow .image.portait img {
	height: 100%;
}

.slideshow .title {
	text-align: right;
	display: block;
	color: #808080;
	font-size: 10px;
}

.slideshow .title em {
	font-style: italic;
}

.slideshow a {
	color: #808080;
}

.slideshow a:hover {
	color: #fa8072;
}

.slideshow a:visited {
	color: #f29f00;
}

.slideshow .box {
	display: inline-block;
	max-width: 100%;
}

#content {
	padding-top: 143px;
	padding-bottom: 50px;
}

#content.blog {
	padding-top: 148px;
	max-width: 865px;
}

.list-post {
	padding: 0 0 15px;
}

.list-post li {
	list-style: none;
	padding: 0 0 18px;
}

.list-post a {
	color: #000;
}

.list-post a em {
	font-style: italic;
}

.list-post a:hover {
	color: #069;
}

.list-post a:visited {
	color: #fa8072;
}

.list-post .year {
	display: block;
}

.list-post .link {
	display: block;
}

.big-post {
	position: relative;
}

.big-post a {
	color: #000;
}

.big-post a:hover {
	color: #069;
}

.big-post a:visited {
	color: #fa8072;
}

.big-post .info {
	margin: 0 0 23px;
}

.big-post .name {
	font-style: italic;
	display: block;
}

.big-post .location {
	display: block;
}

.big-post .location em {
	font-style: italic;
}

.paging {
	margin: 0 0 28px;
}

.paging ul li {
	float: left;
	list-style: none;
	margin: 0 10px 0 0;
}

.paging ul a {
	width: 26px;
	height: 6px;
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	background: url(images/arrow-nav.png) no-repeat 0 0;
}

.paging ul a:hover {
	background-position: 0 -15px;
}

.list-gallery li {
	list-style: none;
	margin: 0 0 32px;
	display: inline-block;
	max-width: 100%;
}

.list-gallery .ttl {
	font-weight: normal;
	text-align: right;
	display: block;
	font-size: 10px;
	color: #808080;
}

.list-gallery .ttl em {
	font-style: italic;
}

.list-gallery .image {
	margin: 0 0 -2px;
}

.list-gallery .image img {
	vertical-align: top;
}

.tab-content {
	position: relative;
	overflow: hidden;
	padding: 0 0 42px 0;
}

.tab-content iframe {
	margin: 0 !important;
}

.tab-content .video {
	margin: 0;
}

.tab-content .info {
	padding: 11px 0 0;
	width: 100%;
}

.tab-content .info a {
	color: #000;
}

.tab-content .info a:hover {
	color: #fc3147;
}

.tab-content .info a:visited {
	color: #f29f00;
}

.tab-content .info .name {
	display: block;
	font-style: italic;
}

.tab-content .info .loc {
	display: block;
}

.tabset {
	letter-spacing: -5px;
	margin: 0 -15px;
}

.tabset iframe {
	margin: 0 !important;
}

.tabset li {
	list-style: none;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	width: 25%;
	line-height: 1.4;
	padding: 0 15px 15px;
}

.tabset li.active a {
	color: #57b396;
}

.tabset a {
	position: relative;
	display: block;
	color: #808080;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

.tabset a:hover {
	color: #fc3147;
}

.tabset a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(255, 255, 255, .01);
}

.tabset .info {
	padding-top: 12px;
	font-size: 10px;
	width: 100%;
}

.tabset .info a {
	color: #000;
}

.tabset .info a:hover {
	color: #fc3147;
}

.tabset .info a:visited {
	color: #f29f00;
}

.tabset .info .name {
	display: block;
	font-style: italic;
}

.tabset .info .loc {
	display: block;
}

.video-slideshow {
	position: relative;
	padding: 0 0 30px 0;
	margin: 0 0 42px;
}

.video-slideshow .slideset {
	width: 100%;
	position: relative;
	overflow: hidden;
	margin: 0 0 42px;
}

.video-slideshow .slide {
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	right: 0;
}

.video-slideshow .slide.active {
	z-index: 2;
}

.video-slideshow .slide iframe {
	margin: 0 !important;
}

.video-slideshow .slide .video {
	margin: 0;
}

.video-slideshow .info {
	padding: 5px 0 0;
	width: 100%;
}

.video-slideshow .info a {
	color: #000;
}

.video-slideshow .info a:hover {
	color: #fc3147;
}

.video-slideshow .info a:visited {
	color: #f29f00;
}

.video-slideshow .info .name {
	display: block;
	font-style: italic;
}

.video-slideshow .info .loc {
	display: block;
}

.carousel-pagination {
	position: relative;
}

.carousel-pagination .mask-pag {
	position: relative;
	overflow: hidden;
	margin-right: -30px !important;
}

.carousel-pagination .mask-pag .slideset-pag {
	width: 100% !important;
	white-space: nowrap;
	letter-spacing: -5px;
}

.carousel-pagination .mask-pag .slide-pag {
	white-space: normal;
	display: inline-block;
	vertical-align: top;
	letter-spacing: 0;
	width: 25% !important;
	line-height: 1.4;
	padding: 0 30px 0 0;
}

.carousel-pagination .mask-pag .slide-pag.active a {
	color: #57b396;
}

.carousel-pagination .mask-pag .slide-pag a {
	position: relative;
	display: block;
	color: #808080;
	-webkit-transition: color .3s ease;
	transition: color .3s ease;
}

.carousel-pagination .mask-pag .slide-pag a:hover {
	color: #fc3147;
}

.carousel-pagination .mask-pag .slide-pag a:after {
	content: "";
	position: absolute;
	top: 0;
	right: 0;
	left: 0;
	bottom: 0;
	z-index: 100;
	background: rgba(255, 255, 255, .01);
}

.carousel-pagination .mask-pag .slide-pag .info {
	padding-top: 12px;
}

.carousel-pagination .btn-prev,
.carousel-pagination .btn-next {
	display: none;
}

.carousel-pagination .info {
	font-size: 10px;
}

.list-book {
	margin-top: -1px;
}

.list-book li {
	list-style: none;
	letter-spacing: -5px;
	padding: 0 0 43px;
}

.list-book li .image {
	letter-spacing: 0;
	display: inline-block;
	vertical-align: bottom;
	border: 1px solid #bfbfbf;
	margin: 0 18px 0 0;
	width: 162px;
}

.list-book li .image img {
	display: block;
}

.list-book li .text-area {
	display: inline-block;
	letter-spacing: 0;
	vertical-align: bottom;
	margin: 0 0 -5px;
	max-width: 580px;
}

.list-book li .text-area a {
	color: #000;
}

.list-book li .text-area a:hover {
	color: #57b295;
}

.list-book li .text-area a:visited {
	color: #fc3147 !important;
}

.list-book li .text-area a:visited:hover {
	color: #57b295;
}

.list-book li .text-area em {
	font-style: italic;
}

.list-book li p {
	margin: 0;
}

.list-book .ttl {
	font-weight: normal;
	font-style: italic;
	display: block;
}

.blog-box {
	position: relative;
}

.blog-box a {
	color: #000;
}

.blog-box a:hover {
	color: #f29f00;
}

.blog-box a:visited {
	color: #fa8072;
}

.blog-box .top-image {
	width: 520px;
	text-align: center;
	margin: 0 auto 33px;
}

.blog-box .portait {
	height: 520px;
	width: auto !important;
}

.blog-box .portait img {
	height: 100%;
}

.blog-box .landscape img {
	width: 100%;
}

.blog-box img {
	vertical-align: top;
}

.blog-box h1 {
	font-size: 14px;
	font-weight: bold;
	margin: 0;
}

.blog-box .ttl {
	display: block;
	font-weight: normal;
	margin: 0 0 18px;
}

.blog-box .time {
	display: block;
	margin: 0 0 18px;
}

.blog-box p {
	margin: 0 0 62px;
}

.blog-box .text-box {
	margin: 0 0 18px;
}

.blog-box .text-box em {
	font-style: italic;
}

.blog-box .text-box p {
	margin: 0;
}

.blog-box .actors {
	display: block;
	font-weight: normal;
	margin: 0 0 64px;
}

.blog-box .image {
	width: 520px;
	text-align: center;
	margin: 0 auto 34px;
}

.blog-box .ttl-img {
	font-weight: normal;
	display: block;
	margin: 0 0 62px;
}

.blog-box .img-bottom {
	text-align: center;
}

.contact-box {
	font-style: normal;
}

.contact-box .box {
	margin: 0 0 36px;
}

.contact-box a {
	color: #000;
}

.contact-box a:hover {
	color: #069;
}

.contact-box a:visited {
	color: #57b396;
}

.contact-box .pdf {
	display: block;
}

.contact-box .pdf a {
	color: #f29f00;
}

.contact-box .pdf a:hover {
	color: #fc3147;
}

.contact-box .pdf a:visited {
	color: #f29f00;
}

.contact-box .name {
	display: block;
}

.contact-box .address {
	display: block;
}

.contact-box .tel {
	display: block;
	position: relative;
}

.contact-box .tel:after {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	bottom: 0;
	top: 0;
	background: rgba(255, 255, 255, .01);
}

.holder-content {
	padding-top: 140px;
}

.holder-content #content {
	padding: 0;
	margin: 0;
}

@media all and (min-width: 1030px) {
	.contact-box .tel a {
		cursor: default;
		pointer-events: none;
	}
}

@media all and (max-width: 1099px) {
	#content.blog {
		max-width: 780px;
	}
}

@media all and (max-width: 1029px) {
	.slideshow .image.portait {
		height: auto;
		max-height: 750px;
	}

	.slideshow .image.portait img {
		height: auto;
		max-height: 750px;
	}

	#content {
		max-width: 700px;
	}

	.big-post {
		margin-right: -100px;
	}

	.tab-content {
		padding: 0 28px 30px 0;
	}

	.tabset {
		padding: 0 28px 0 0;
	}

	.video-slideshow {
		padding: 0 28px 30px 0;
	}

	.blog-box {
		margin: 0 -123px 0 41px;
	}

	.blog-box .text-box {
		padding: 0 10px 0 0;
	}

	.contact-box .tel:after {
		display: none;
	}

	.holder-content {
		max-width: 700px;
	}
}

@media all and (max-width: 991px) {
	#content {
		max-width: 490px;
		padding-bottom: 20px;
	}

	#content.blog {
		max-width: 490px;
	}

	.big-post {
		margin-right: 0;
	}

	.tab-content {
		padding: 0 0 30px 0;
	}

	.tabset {
		padding: 0;
	}

	.video-slideshow {
		padding: 0 0 30px 0;
		margin: 0 0 36px;
	}

	.video-slideshow .slideset {
		margin: 0 0 36px;
	}

	.list-book li .text-area {
		max-width: 280px;
	}

	.blog-box {
		margin: 0;
	}

	.blog-box .top-image {
		max-width: 520px;
		width: auto;
	}

	.blog-box .text-box {
		padding: 0;
	}

	.blog-box .image {
		max-width: 520px;
		width: auto;
	}

	.holder-content {
		max-width: 520px;
	}
}

@media only screen and (max-width: 767px) {
	.commentlist-item .commentlist-item {
		padding: 0;
	}
}

@media all and (max-width: 767px) {
	.home-page #header {
		margin-left: 0;
		width: auto;
		max-width: 100%;
		padding-right: 0 !important;
	}

	#header {
		padding-left: 10px;
		margin-left: -170px;
		width: 170px;
		max-width: 170px;
		padding-right: 50px !important;
		z-index: 100;
	}

	#header.active #nav .drop {
		opacity: 1;
		z-index: 1000;
		height: auto;
	}

	#header {
		padding: 10px 0 0 5px;
	}

	.logo {
		display: none;
		margin: 0 0 20px;
	}

	.logo.logo-02 {
		width: 108px;
		margin: 0 0 48px;
	}

	#main-nav {
		padding: 15px 0;
	}

	#main-nav ul {
		padding: 0;
	}

	#main-nav ul li {
		width: 50%;
		text-align: center;
		padding: 0 10px 10px;
	}

	#main-nav ul li.link-expo a span {
		margin: 0;
	}

	#main-nav ul li.link-written a span {
		margin: 0;
	}

	#main-nav ul li.link-select a span {
		margin: 0;
	}

	#nav .opener {
		display: block;
	}

	#nav .drop {
		-webkit-transition: z-index .3s ease, opacity .3s ease;
		transition: z-index .3s ease, opacity .3s ease;
		overflow: hidden;
		z-index: -1;
		opacity: 0;
		height: 0;
		background: #fff;
	}

	#content {
		padding-top: 60px;
		max-width: 100%;
	}

	#content.blog {
		max-width: 750px;
		padding-top: 60px;
	}

	.list-gallery li {
		margin: 0 0 20px;
	}

	.list-gallery .ttl {
		font-size: 11px;
	}

	.tabset li {
		width: 33.33% !important;
	}

	.carousel-pagination .mask-pag .slide-pag {
		width: 33.33% !important;
	}

	.list-book li {
		padding: 0 0 20px;
	}

	.list-book li .text-area {
		max-width: 250px;
	}

	.blog-box .top-image {
		margin: 0 auto 20px;
	}

	.blog-box .portait {
		height: auto;
		max-height: 520px;
	}

	.blog-box .portait img {
		height: auto;
		max-height: 520px;
	}

	.blog-box .image {
		margin: 0 auto 20px;
	}

	.blog-box .ttl-img {
		margin: 0 0 20px;
	}

	.holder-content {
		max-width: 100%;
		padding-top: 60px;
	}
}

@media all and (max-width: 479px) {
	#main-nav ul li {
		width: 100%;
	}

	.tabset li {
		width: 50% !important;
	}

	.carousel-pagination .mask-pag .slide-pag {
		width: 50% !important;
	}

	.list-book li .image {
		display: block;
		text-align: left;
		margin: 0 0 10px;
	}

	.list-book li .text-area {
		max-width: 100%;
		display: block;
	}
}

@media only screen and (max-height: 620px) {
	#main-nav {
		padding-top: 100px;
	}
}