@charset "utf-8";
/* CSS Document */

/************************************************************************************
MODIFICATION
*************************************************************************************/

/************************************************************************************
INTRO
*************************************************************************************/
article#intro {
	width:100%;
	min-height:200px;
	max-height:450px;
	position:relative;
	overflow:hidden;
	background-image:url(../images/common/eye_tex.png);
	background-position:center;
	background-size:cover;
	position:relative !important;
}
article#intro:before {
    content:"";
    display:block;
    padding-top:40%; /* 高さを幅の40%に固定 */
}
article#intro h1 {
	width:100%;
	position:absolute;
    top: 50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

#contents a {
	white-space:normal !important;
}

#contents * {
	-webkit-box-sizing:content-box;
    -moz-box-sizing:content-box;
    -ms-box-sizing:content-box;
    -o-box-sizing:content-box;
	box-sizing:content-box;
}

/***********************************************WP CONTENT***********************************************/

/************************************************************************************
WP-DESCRIPTION
*************************************************************************************/
#description {
    background-color:#3b3b3b;
	text-align:left;
	padding-left:20px;
}

/************************************************************************************
LAYOUT
*************************************************************************************/
#contents {
	width:920px;
	text-align:left;
	color:#151d32;
	padding-top:147px;
	margin:0 auto 50px;
}
/******************POST AREA******************/
/*blog top post*/
#postArticle {
	width:620px;
	float:left;
	line-height:200%;
	
}
.article {
	padding:10px;
	margin-bottom:20px;
	background-color:rgba(255, 255, 255, 0.7);
	background-color:#f2f2f2\9; /* IE8 and below */
	border-radius:5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.article img {
	width:100%;
	height:auto;
}

.article figure {
    width:100%;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
.article figure:before {
    content:"";
    display:block;
    padding-top:75%; /* 4:3 */
}
.article figure img {
	width:100%;
	height:auto;
    position:absolute;
    top: 50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
.article figure a img  {
	
	-moz-transition:  all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    -ms-transition:  all 0.5s linear;
    transition: all 0.5s linear;
	
}
.article figure a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}

.article p {
	font-size:14px;
}
/*archive post*/
#archiveArea {
	width:620px;
	float:left;
}
#archiveArea figure {
    width:100%;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
#archiveArea figure:before {
    content:"";
    display:block;
    padding-top:75%; /* 4:3 */
}
#archiveArea figure img {
	width:100%;
	height:auto;
    position:absolute;
    top: 50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#archiveArea figure a img  {
	
	-moz-transition:  all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    -ms-transition:  all 0.5s linear;
    transition: all 0.5s linear;
	
}
#archiveArea figure a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
.post {
	padding:10px;
	margin-bottom:20px;
	line-height:200%;
	background-color:rgba(255, 255, 255, 0.7);
	background-color:#f2f2f2\9; /* IE8 and below */
	border-radius:5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.post img {
	width:100%;
	height:auto;
}
.post p {
	font-size:14px;
}
/*single post*/
#main {
	width:600px;
	padding:10px;
	float:left;
	line-height:160%;
	background-color:rgba(255, 255, 255, 0.7);
	background-color:#f2f2f2\9; /* IE8 and below */
	border-radius:5px;
	margin-bottom:20px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
#main img {
	width:100%;
	height:auto;
	margin-bottom:10px;
}
#main div.video-container {
	position:relative;
	padding-bottom:56.25%;
	height:0;
	overflow:hidden;
	margin-bottom:30px;
}
#main div.video-container div.video iframe,
#main div.video-container div.video object,
#main div.video-container div.video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#main .wp-video {
	margin-bottom:10px;
}
.entry-content {
	font-size:14px !important;
}
.entry-content a {
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
	color:rgba(149,187,192,1);
}
.entry-content a;hover {
	color:#151d32;
	text-decoration:none;
}
.entry-content a:visited {
	color:rgba(149,187,192,1);
}
/*serch post*/
#serchArea {
	width:620px;
	float:left;
}
#serchArea p.nil{
	font-size:15px;
	margin-bottom:10px;
}
#serchArea figure {
    width:100%;
	position:relative;
	margin-bottom:10px;
	overflow:hidden;
}
#serchArea figure:before {
    content:"";
    display:block;
    padding-top:75%; /* 4:3 */
}
#serchArea figure img {
	width:100%;
	height:auto;
    position:absolute;
    top: 50%;
	left:0;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}
#serchArea figure a img  {
	
	-moz-transition:  all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    -ms-transition:  all 0.5s linear;
    transition: all 0.5s linear;
	
}
#serchArea figure a:hover img {
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
}
/******************SIDE AREA******************/
#side {
	width:280px;
	float:right;
}
/*widjet container*/
aside {
	background-color:rgba(255, 255, 255, 0.7);
	background-color:#f2f2f2\9; /* IE8 and below */
	margin-bottom: 20px;
	padding: 15px 18px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
	margin-bottom:20px;
}

/************************************************************************************
BLOG TOP
*************************************************************************************/
/*blog top title*/
#latest-columns-title {
	font-size:18px;
	margin-bottom:20px;
}
/*post title*/
.update-title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:35px;
	margin-left:66px;
}
.update-title a {
	-moz-transition:  all 0.5s linear;
    -webkit-transition: all 0.5s linear;
    -o-transition:  all 0.5s linear;
    -ms-transition:  all 0.5s linear;
    transition: all 0.5s linear;
}
/*more link*/
.link-text-wrap {
	text-align:right;
	margin-top:10px;
	margin-bottom:15px;
}
.link-text a {
	line-height:180%;
	font-weight:bold;
	text-align:right;
	padding:10px;
	text-decoration:none;
}
.link-text a {
	width:70px;
	height:16px;
	line-height:16px;
	background-color:rgba(149,187,192,1);
	padding:5px;
	color:#FFFFFF;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.link-text a:hover {
	background-color:rgb(253,115,97,1);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
/*post category*/
ul.post-categories {
	text-align:right;
	margin:5px -10px 5px 0;
	text-decoration:none;
	zoom:1; /* for IE<8 */
	
}
ul.post-categories:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
ul.post-categories li {
	float:right;
	margin-right:10px;
	margin-bottom:5px;
}
ul.post-categories:after {
	content:".";
	display:block;
	height:0;
	clear: both;
	visibility:hidden;
}
.post-categories a {
	line-height:30px;
	background-color:rgb(253,115,97,1);
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
	white-space:normal;
}
.post-categories a:hover {
	background-color:rgba(149,187,192,1);
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.post-categories a:visited {
	color:rgba(255,255,255,1) !important;
}
	
/************************************************************************************
ARCHIVE
*************************************************************************************/
.entry-header {
	margin-bottom:10px;
}
/*category title*/
.cat-title {
	font-size:20px;
	margin-bottom:10px;
}
/*post title*/
.entry-title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:35px;
	margin-left:66px;
}

/************************************************************************************
SINGLE
*************************************************************************************/
.page-header {
	margin-bottom:10px;
}
/*post title*/
.page-title {
	font-size:18px;
	font-weight:bold;
	margin-bottom:20px;
	line-height:35px;
	margin-left:66px;
}

/************************************************************************************
SERCH PAGE
*************************************************************************************/
.serch-header{
	margin-bottom:10px;
}
.serch-title {
	font-size:20px;
	margin-bottom:10px;
}

/************************************************************************************
PAGE NAV
*************************************************************************************/
.page-nav {
	width:100%;
	text-align:center;
	margin-bottom:20px;
	font-size:18px;
}
.page-nav li {
	display:inline;
	list-style:none outside none;
}
.page-nav li a {
	border:1px solid rgb(255,255,255);
	color:rgb(0,0,0);
	text-decoration:none;
	border-radius:3px;
	background:rgb(255,255,255);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.page-nav li a:hover {
	border:1px solid rgb(255,255,255);
	text-decoration:underline;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.page-nav li a:active {
	box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}

.page-nav li.current span {
	border:1px solid rgb(255,255,255);
	color:rgb(255,255,255);
	font-weight:bold;
	border-radius:3px;
	background-color:#3b3b3b;
}
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span {
	border:1px solid rgb(255,255,255);
	color:rgb(255,255,255);
	text-decoration:none;
	border-radius:3px;
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}

.page-nav li.page_nums span {
	border:1px solid rgb(255,255,255);
	color:rgb(220,220,220);
	-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	-moz-box-shadow: 0 1px 3px rgba(0,0,0,.4);
	box-shadow: 0 1px 3px rgba(0,0,0,.4);
}
.page-nav li a,
.page-nav li.current span,
.page-nav li.first span,
.page-nav li.previous span,
.page-nav li.next span,
.page-nav li.last span,
.page-nav li.page_nums span {
	padding:0.2em 0.6em;
	display:inline-block;
	position:relative;
}
.pages-link {
	text-align:center;
}
.pages-link a span {
	border:1px solid rgb(230,230,230);
	color:rgb(0,0,0);
	text-decoration:none;
	font-weight:normal;
}
.pages-link span {
	border:1px solid rgb(0,0,0);
	color:rgb(0,0,0);
	font-weight bold;
	border-radius:3px;
	padding:0.2em 0.6em;
	display:inline-block;
	position:relative;
}
.pages-link a:hover span {
	border:1px solid rgb(0,0,0);
}
.pages-link a:active span {
	box-shadow:0 0 3px rgba(0,0,0,0.2) inset;
	top:1px;
}

/************************************************************************************
POST NAVIGATION
*************************************************************************************/
.adjacent_post_links {
	margin: 20px 0 0;
	zoom:1; /* for IE<8 */
}

.adjacent_post_links ul:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    visibility: hidden;
}

.adjacent_post_links ul {
	margin: 0;
}

.adjacent_post_links li {
	width:45%;
	/*max-width: 325px;*/
	height: auto;
	min-height:50px;
}

.adjacent_post_links li a {
	display: block;
	vertical-align: middle;
	font-weight:bold;
}

.adjacent_post_links li.previous {
	float: right;
}

.adjacent_post_links li.previous a {
    background: url( ../images/blog/bg_next_link.png) no-repeat right center;
	padding-right: 20px;
	text-align:right;
}

.adjacent_post_links li.next {
	float:left;
}

.adjacent_post_links li.next a {
    background: url( ../images/blog/bg_previous_link.png) no-repeat left center;
	padding-left: 20px;
}

/************************************************************************************
POST
*************************************************************************************/
/* post date */
.post-date {
	float:left;
	width:52px;
	text-align:center;
	margin:0 12px 5px 0;
	border:solid 1px #bebebe;
	background:#fff;
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ecebeb');
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ecebeb));
	background:-moz-linear-gradient(top,  #ffffff,  #ecebeb);
	background:linear-gradient(-90deg, #ffffff, #ecebeb);
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
/* post month */
.post-month {
	color:#fff;
	font:11px/100% Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	letter-spacing:1px;
	display:block;
	padding:2px 0;
	width:100%;
	position:relative;
	left:-1px;
	top:-1px;
	border:solid 1px rgba(149,187,192,1);
	background-color:rgba(149,187,192,1);
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
/* post day */
.post-day {
	color:#666;
	padding:2px 0 1px;
	font:bold 18px/100% Arial, Helvetica, sans-serif;
	display:block;
}
/* post image */
.post-image {
	margin:5px 0 15px;
}
.post-image.left {
	margin-right:15px;
}
.post-image.right {
	margin-left:15px;
}

/************************************************************************************
POST VIDEO (css for fluid video)
*************************************************************************************/
.post-video {
	position:relative;
	padding-bottom:56.25%;
	padding-top:30px;
	height:0;
	overflow:hidden;
	font-size:.9em;
	margin-bottom:15px;
}
.post-video iframe,  
.post-video object,  
.post-video embed {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}

/************************************************************************************
AUTHOR PAGE
*************************************************************************************/
.author-bio {
	margin:0 0 30px;
}
.author-bio .author-avatar {
	float:left;
	margin:0 15px 0 0;
}
.author-bio .author-avatar img {
	background:#fff;
	padding:4px;
	border:solid 1px #ccc;
}
.author-bio .author-name {
	margin:0 0 5px;
	padding:0;
	font-size:160%;
}
.author-posts-by {
	margin:0 0 20px;
	padding:10px 0 0;
	font-size:140%;
	text-transform:uppercase;
	border-top:double 4px #ccc;
	border-color:rgba(118,118,118,.3);
}

/************************************************************************************
CATEGORY SECTIONS
*************************************************************************************/
.category-section {
	clear: both;
	margin-bottom:30px;
}
.category-section-title {
	font-size:120%;
	text-transform:uppercase;
	margin:0 0 20px;
}

/************************************************************************************
COMMENTS
*************************************************************************************/
.commentwrap {
	margin:40px 0 20px;
	padding:3% 4%;
	position:relative;
	clear:both;
	background:#f6f6f6;
	-webkit-border-radius:8px;
	-moz-border-radius:8px;
	border-radius:8px;
	-webkit-box-shadow:0 -1px 0 rgba(0,0,0,.1);
	-moz-box-shadow:0 -1px 0 rgba(0,0,0,.1);
	box-shadow:0 -1px 0 rgba(0,0,0,.1);
}
.comment-title {
	font-size:140%;
	margin:0 0 10px;
	padding:0;
}
.next-prev-comment {
	position:absolute;
	top:20px;
	right:20px;
}
.next-prev-comment a {
	text-decoration:none;
	font-size:85%;
	text-transform:uppercase;
}
.next-prev-comment .next {
	margin:0 0 0 20px;
}
/* commentlist */
.commentlist {
	margin:0;
	padding:5px 0 0;
	list-style:none;
	border-top:solid 1px #ddd;
	-webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
	-moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.9);
}
.commentlist li {
	margin:0;
	padding:15px 0 0;
	list-style:none;
	position:relative;
}
.commentlist .comment-author {
	margin:2px 0 5px;
	padding:0;
}
.commentlist .avatar {
	float:left;
	margin:-3px 12px 10px 0;
}
.commentlist cite {
	font:bold 120%/130% 'Raleway','メイリオ','Meiryo';
}
.commentlist cite a {
	text-decoration:none;
}
.commentlist .bypostauthor cite {
	background:url(images/icon-author-comment.png) no-repeat 0 2px;
	padding-left:18px;
}
.commentlist .comment-time {
	font-size:75%;
	text-transform:uppercase;
	display:block;
	margin:2px 0 0;
}
.commentlist .commententry {
	position:relative;
	min-height:40px;
	overflow:hidden;
	padding-bottom:5px;
	border-bottom:solid 1px #ddd;
	-webkit-box-shadow:0 1px 0 rgba(255,255,255,.9);
	-moz-box-shadow:0 1px 0 rgba(255,255,255,.9);
	box-shadow:0 1px 0 rgba(255,255,255,.9);
}
.commentlist ul, .commentlist ol {
	margin:0 0 0 60px;
	padding:0;
}
.commentlist .reply {
	position:absolute;
	right:0;
	top:20px;
}
.commentlist .comment-reply-link {
	padding:3px 8px;
	display:block;
	font:10px/100% 'Cinzel','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	text-transform:uppercase;
	letter-spacing:.08em;
	text-decoration:none;
	color:#666;
	-webkit-border-radius:1em;
	-moz-border-radius:1em;
	border-radius:1em;
	text-shadow:0 1px 0 rgba(255,255,255,.7);
	-webkit-box-shadow:0 1px 1px rgba(0,0,0,.3);
	-moz-box-shadow:0 1px 1px rgba(0,0,0,.3);
	box-shadow:0 1px 1px rgba(0,0,0,.3);
	background:#eee;
	background:-webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#cccccc));
	background:-moz-linear-gradient(top,  #ffffff,  #cccccc);
	background:linear-gradient(-90deg, #ffffff, #cccccc);
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.commentlist .comment-reply-link:hover {
	text-decoration:none;
	color:#000;
}

.comment-reply-title {
	font-weight:bold;
}
.comment-notes {
	font-size:12px;
	margin-bottom:5px;
}

/* comment form */
#respond {
	margin:40px 0 30px;
	padding:10px 0 0;
	position:relative;
	clear:both;
}
#respond .cancel-comment-reply a {
	position:absolute;
	top:10px;
	right:0;
	display:block;
	font-size:85%;
	text-decoration:none;
	padding:1px 10px;
	color:#fff;
	color:#faddde;
	border:solid 1px #980c10;
	background:#d81b21;
	background:-webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
	background:-moz-linear-gradient(top,  #ed1c24,  #aa1317);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
	-webkit-border-radius:10em; 
	-moz-border-radius:10em;
	border-radius:10em;
	-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);
	-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);
	box-shadow:0 1px 2px rgba(0,0,0,.2);
}
#respond .cancel-comment-reply a:hover {
	background:#b61318;
}
#commentform {
	margin:20px 0 0;
	overflow:hidden;
}
#commentform input[type=text] {
	-webkit-appearance: none;
	width:100%;
	height:30px;
	max-width:96%;
	margin-right:5px;
	line-height:30px;
	margin-bottom:10px;
	border-radius:0 !important;
}
#commentform label {
	font-weight:bold;
}
#commentform label small {
	font-weight:normal;
}
#commentform textarea {
	-webkit-appearance: none;
	width:97%;
	height:140px;
	margin-bottom:5px;
	border-radius:0 !important;
}
#commentform input#submit {
	-webkit-appearance: none;
	padding:7px 20px;
	background-color:rgba(149,187,192,1);
	color:#FFFFFF;
	text-align:center;
	line-height:30px;
	font-family:'Cinzel','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	cursor:pointer;
	border: none;
	border-radius:0;
	margin-top:15px;
}

/* comment page nav */
.commentwrap .pagenav.top {
	position:absolute;
	top:7px;
	right:15px;
	margin:0;
}
.commentwrap .pagenav.bottom {
	margin-top:10px;
}

/* comment img */
#main img.avatar {
	width:32px;
	height:32px;
}
/************************************************************************************
WIDJET
*************************************************************************************/
.widget-title {
	width:100%;
	display:block;
	padding:6px 18px 7px 18px;	
	margin:0 0 -5px 0;
	position:relative;
	left:-18px;
	top:-16px;
	border-top:solid 1px #f5f5f5;
	border-bottom:solid 1px #a7b5ac;
	font-family:'Cinzel','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	font-size:14px;
	color:#fff;
	background-color:#a3b7a9;
	-webkit-border-top-left-radius:5px;
	-webkit-border-top-right-radius:5px;
	-moz-border-radius-topleft:5px;
	-moz-border-radius-topright:5px;
	border-top-left-radius:5px;
	border-top-right-radius:5px;
}
.widget-title a {
	color:#333;
	text-decoration:none;
}
.widjet-area ul {
	margin:0;
	padding:0;
}
.widjet-area li {
	margin:0;
	padding:6px 0;
	list-style: none;
	clear:both;
	border-bottom:solid 1px #ddd;
}
.widjet-area li:last-child {
	border-bottom:none;
}
.widjet-area ul ul {
	margin:6px 0 -6px 0px;
	padding:0;
	border-top:solid 1px #ddd;
}
.widjet-area ul ul li {
	margin:0;
	padding-left:10px;
}
.widget-container {
	background-color:#FFFFFF:
}

/************************************************************************************
WIDGET STYLES
*************************************************************************************/
/* calendar widget */
#wp-calendar {
	margin:0 auto;
}
.widjet-area #wp-calendar caption {
	font-weight:600;
	text-align:center;
	padding-bottom:10px;
	color:#3b3b3b;
}
.widjet-area #wp-calendar th,.widjet-area #wp-calendar td {
	width:35px;
	height:35px;
	/*padding:4px 2px;*/
	text-align:center;
	line-height:35px;
	overflow:hidden;
}
.widjet-area #wp-calendar a {
	width:35px;
	height:35px;
	display:block;
	color:#FFF;
	font-size:14px;
	background-color:rgba(149,187,192,1);
}
.widjet-area #wp-calendar #today {
	font-weight:bold;
}
#wp-calendar td#prev, #wp-calendar td#next {
	overflow:hidden;
	text-align:center;
	line-height:35px;
	width:107px;
	height:35px;
}
#wp-calendar td#prev a, #wp-calendar td#next a {
	display:block;
	width:107px;
	height:35px;
	text-align:center;
	background-color:#8CCAD3;
}
/* feature posts widget */
.widjet-area .feature-posts-list br {
	display:none;
}
.widjet-area .feature-posts-list .post-img {
	margin:4px 12px 10px 0;
	float:left;
}
.widjet-area .feature-posts-list small {
	font:italic 90% "Times New Roman", Times, serif;
	display:block;
	margin:0 0 3px;
}
.widjet-area .feature-posts-list .feature-posts-title {
	margin:4px 0 3px;
	display:block;
}

/* recent comments widget */
.recent-comments-list .avatar {
	margin-right:12px;
	float:left;
}
/* twitter widget */
.widjet-area .twitter-list .twitter-timestamp {
	font:italic 90% "Times New Roman", Times, serif;
}
.widjet-area .follow-user {
	margin:0;
	padding:5px 0;
}

/* links widget */
.widjet-area .links-list img, .widget_links img {
	vertical-align:middle;
}

/* flickr widget */
.widjet-area .flickr_badge_image {
	margin-top:10px;
}
.widjet-area .flickr_badge_image img {
	width:60px;
	height:60px;
	margin-right:12px;
	margin-bottom:12px;
	float: left;
}

/* search widget */
#side #searchform {
	position:static;
}
#side #searchform #s {
	-webkit-appearance: none;
	width:70%;
	height:30px;
	margin:0 auto;
	font-size:14px;
	line-height:30px;
	color:#3b3b3b;
	font-family:'Cinzel','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	float:left;
	border-radius:0 !important;
	
}	
.screen-reader-text{
	display:none;
}
#searchsubmit {
	-webkit-appearance: none;
	width:15%;
	height:30px !important;
	background-color:rgba(149,187,192,1);
	color:#FFFFFF;
	text-align:center;
	line-height:30px !important;
	font-family:'Cinzel','メイリオ','Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','sans-serif';
	cursor:pointer;
	border: none;
	border-radius:0;
	padding:2px 15px;
}

/* tag */
.tagcloud a {
	line-height:30px;
	background-color:#e1c47d;
	padding:5px;
	color:#FFFFFF;
	text-decoration:none;
	margin-right:5px;
	margin-bottom:10px;
	white-space:normal;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}
.tagcloud a:hover {
	background-color:#9a9a9a;
	-webkit-transition-duration: 1s;
	-moz-transition-duration: 1s;
	-o-transition-duration: 1s;
	-ms-transition-duration: 1s;
	transition-duration: 1s;
}

/************************************************************************************
IMAGE STYLES
*************************************************************************************/
/*img.alignleft, img.aligncenter, img.alignright, img.alignnone, .wp-caption img,
.widjet-area .feature-posts-list .post-img,
.widjet-area .flickr_badge_image img,
.commentlist .avatar,
.recent-comments-list .avatar,
#body .gallery img,
.attachment img,
.post-image img,
.feature-img,
.post-img
{
	height:auto;
	border: solid 1px #ccc;
	-webkit-box-shadow: 0 1px 1px rgba(0,0,0,.15);
	-moz-box-shadow: 0 1px 1px rgba(0,0,0,.15);
	box-shadow: 0 1px 1px rgba(0,0,0,.15);
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}*/

/************************************************************************************
PLUG IN
*************************************************************************************/
div.wp_social_bookmarking_light {
	margin-top:30px !important;
}

/************************************************************************************
MEDIAQUERIES
*************************************************************************************/
@media screen and (max-width: 919px) {
	#contents {
		width:97%;
		margin:0 auto 50px;
	}
	#postArticle {
		width:auto;
		float:none;
	}
	#archiveArea {
		width:auto;
		float:none;
	}
	#main {
		width:auto;
		float:none;
	}
	#serchArea {
		width:auto;
		float:none;
	}
	#side {
		width:auto;
		float:none;
	}
}