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

/*
b.body
*/
.body {
	position: relative;
	top: 586px;
	left: 0;
	width: 100%;
	background: rgba(255,255,255,1);
	font-family: 'Merriweather', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	z-index: 29;
	/*background:url(/images/_articles.jpg) top center;*/
}
/*
e.body
*/

/*
b.contents
*/
.contents {
	margin: 0 auto;
	width: 100%;
	color: rgba(0,0,0,1);
}
.contents h1 {
	padding: 35px 0 15px 0;
	line-height: normal;
	text-align: center;
	color: rgba(83,83,83,1);
	font-family: 'Merriweather', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.contents h1 .ja {
	font-size: 12px;
	line-height: 17.5px;
}
.contents h1 .en {
	font-size: 43px;
	line-height: normal;
}
@media screen and (max-width:768px) {
.contents h1 .en {
	font-size: 26.5px;
}
}
/*
e.contents
*/

/*
b.back2top
*/
.back2top {
	background: rgba(244,244,245, 1);
}
/*
e.back2top
*/


/*
b.greeting
*/
.greeting {
	
	background: url(/images/bg_blog.jpg) center top;
	background-size:cover;
	height: 600px;
	
	margin: 0 auto;
	width: 100%;
	
}
@media screen and (max-width:1100px) {
	.greeting {
		height: 500px;
		
	}
}
@media screen and (max-width:900px) {
	.greeting {
		height: 400px;
		
	}
}
@media screen and (max-width:840px) {
	.greeting {
		margin-top: 30px;
		height: 400px;
		
	}
}
@media screen and (max-width:700px) {
	.greeting {
		height: 300px;
		
	}

}
@media screen and (max-width:600px) {
	.greeting {
		
		height: 200px;
		
		
	}

}
@media screen and (max-width:400px) {
	.greeting {
		height: 150px;
		
	}

}

/*
e.greeting
*/

/*
b.contents2
*/
.contents2 {
	width: 100%;
	padding: 0 0 28px 0;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background: #f5f5f5;
}
.contents2.bg_border {
	background: url(/upload/bg_border.gif) #f5f5f5 center top repeat-x;
}
.contents2 .bg_tri {
	padding: 20px 0 0 0;
	margin: 0 auto;
	max-width: 970px;
	width: 100%;
	
}

/*
e.contents2
*/

.contents2 .row1 {
    margin:0 auto;
    overflow:hidden;
    width:100%;
}
@media screen and (max-width:970px) {
    .contents2 .row1 {
        width:95%;
    }
}
.contents2 .row1 .col1 {
    float:left;
    padding-top:42px;
    width:25%;
    
}
.contents2 .row1 .col2 {
    float:right;
    padding-top:15px;
    width:74.5%;
}
.contents2 .col1 h2 {
    font-size:13px;
    font-weight:bold;
    line-height:18px;
}
.contents2 .col1 ul.recent {
    padding-top:24px;
	padding-bottom: 50px;
    font-size:13px;
}
.contents2 .col1 ul.recent li {
    padding:2px 25px 10px 0;
    font-size:13px;
	line-height:18px;
}
.contents2 .col1 ul.recent li .date {
	display:block;
	padding-left: 12px;
	background:url(/upload/list_tri_black.gif) left center no-repeat;
	font-size: 11px;
}
.contents2 .col1 ul.recent li a {
    display:block;    
    color:rgba(241,124,150,1);
    text-decoration:none;
}
.contents2 .col1 ul.recent li a.selected {
    background:url(/upload/list_tri_pink.gif) left center no-repeat;
    color:rgba(241,124,150,1);
}
.contents2 .col1 ul.ym {
    padding-top:24px;
	padding-bottom: 50px;
    font-size:13px;
}
.contents2 .col1 ul.ym li {
    padding:2px 0;
    font-size:13px;
}
.contents2 .col1 ul.ym li a {
    display:block;
    padding-left:12px;
    line-height:18px;
    background:url(/upload/list_tri_black.gif) left center no-repeat;
    color:#545454;
    text-decoration:none;
}
.contents2 .col1 ul.ym li a.selected {
    background:url(/upload/list_tri_pink.gif) left center no-repeat;
    color:rgba(241,124,150,1);
}

.contents2 .col1 ul.category {
    padding-top:24px;
	padding-bottom: 50px;
    font-size:13px;
}
.contents2 .col1 ul.category li {
    padding:2px 25px 7px 0;
    font-size:13px;
	line-height:18px;
}

.contents2 .col1 ul.category li a {
    display:block;    
	color:#545454;
    text-decoration:none;
}
.contents2 .col1 ul.category li ul {
	display: none;
	padding-left: 10px;
}
.contents2 .col1 ul.category li li a {
    display:block;    
	color:rgba(241,124,150,1);
    text-decoration:none;
}

.contents2 .col2 .lists li {
    padding:25px 0;
    border-bottom:solid 1px #ccc;
}
.contents2 .col2 .lists p.date {
    padding:1px 0;
    font-size:13px;
    color:#545454;
}
.contents2 .col2 .lists p.title {
    padding:3px 0;
}
.contents2 .col2 .lists p.title a {
    font-size:13px;
    color:rgba(241,124,150,1);
    text-decoration:none;
}

@media screen and (max-width:540px) {
    .contents2 .row1 .col1 {
        float:none;
        padding-top:42px;
        width:100%;
        
    }
    .contents2 .row1 .col2 {
        float:none;
        padding-top:15px;
        width:100%;
    }
}
@media screen and (max-width:768px) {
	.contents2 .row1 .col1 {
		float: none;
		width: 100%;
	}
	.contents2 .row1 .col2 {
		float:none;
		width:100%;
	}
}
.contents .col2 .post {
    padding-top:25px;
    color:#545454;
    

}
.contents .col2 .post .date p {
    font-size:13px;
    line-height:15px;					
}
.contents .col2 .post .h2 {
    padding:10px 0;
    font-size:18px;						
    font-weight:bold;
    line-height:22px;
}
.contents .col2 .post .blog {
    margin-top:10px;
    padding-top:30px;
    border-top:solid 1px #ccc;
    font-size:15px;
    line-height:1.5em;
}
.contents .col2 .post .blog p {
    padding:3px 0;
    line-height:1.5em;
    
}
.contents .col2 .post .blog p img {
	width:100%;
	height:auto;
}
.contents .col2 .post .blog div {
    padding:10px 0;
    line-height:1.5em;
    
}

/* =Content
-------------------------------------------------------------- */

.blog #main {
	clear: both;
	overflow: hidden;
	padding: 40px 0 0 0;
}
.blog #content {
	margin-bottom: 36px;
}
.blog #content,
.blog #content input,
.blog #content textarea {
	color: #333;
	font-size: 16px;
	line-height: 24px;
}
.blog #content p,
.blog #content ul,
.blog #content ol,
.blog #content dd,
.blog #content pre,
.blog #content hr {
	margin-bottom: 24px;
}
.blog #content ul ul,
.blog #content ol ol,
.blog #content ul ol,
.blog #content ol ul {
	margin-bottom: 0;
}
.blog #content pre,
.blog #content kbd,
.blog #content tt,
.blog #content var {
	font-size: 15px;
	line-height: 21px;
}
.blog #content code {
	font-size: 13px;
}
.blog #content dt,
.blog #content th {
	color: #000;
}
.blog #content h1,
.blog #content h2,
.blog #content h3,
.blog #content h4,
.blog #content h5,
.blog #content h6 {
	color: #000;
	line-height: 1.5em;
	margin: 0 0 20px 0;
}
.blog #content table {
	border: 1px solid #e7e7e7;
	margin: 0 -1px 24px 0;
	text-align: left;
	width: 100%;
}
.blog #content tr th,
.blog #content thead th {
	color: #888;
	font-size: 12px;
	font-weight: bold;
	line-height: 18px;
	padding: 9px 24px;
}
.blog #content tr td {
	border-top: 1px solid #e7e7e7;
	padding: 6px 24px;
}
.blog #content tr.odd td {
	background: #f2f7fc;
}
.blog .hentry {
	margin: 0 0 48px 0;
}
.blog .home .sticky {
	background: #f2f7fc;
	border-top: 4px solid #000;
	margin-left: -20px;
	margin-right: -20px;
	padding: 18px 20px;
}
.blog .single .hentry {
	margin: 0 0 36px 0;
}
.blog .page-title {
	color: #000;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 36px 0;
}
.blog .page-title span {
	color: #333;
	font-size: 16px;
	font-style: italic;
	font-weight: normal;
}
.blog .page-title a:link,
.blog .page-title a:visited {
	color: #888;
	text-decoration: none;
}
.blog .page-title a:active,
.blog .page-title a:hover {
	color: #ff4b33;
}
.blog #content .entry-title {
	color: #000;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.3em;
	margin-bottom: 0;
}
.blog .entry-title a:link,
.blog .entry-title a:visited {
	color: #000;
	text-decoration: none;
}
.blog .entry-title a:active,
.blog .entry-title a:hover {
	color: #ff4b33;
}
.blog .entry-meta {
	color: #888;
	font-size: 12px;
}
.blog .entry-meta abbr,
.blog .entry-utility abbr {
	border: none;
}
.blog .entry-meta abbr:hover,
.blog .entry-utility abbr:hover {
	border-bottom: 1px dotted #666;
}
.blog .entry-content,
.blog .entry-summary {
	clear: both;
	padding: 12px 0 0 0;
}
.blog #content .entry-summary p:last-child {
	margin-bottom: 12px;
}
.blog .entry-content fieldset {
	border: 1px solid #e7e7e7;
	margin: 0 0 24px 0;
	padding: 24px;
}
.blog .entry-content fieldset legend {
	background: #fff;
	color: #000;
	font-weight: bold;
	padding: 0 24px;
}
.blog .entry-content input {
	margin: 0 0 24px 0;
}
.blog .entry-content input.file,
.blog .entry-content input.button {
	margin-right: 24px;
}
.blog .entry-content label {
	color: #888;
	font-size: 12px;
}
.blog .entry-content select {
	margin: 0 0 24px 0;
}
.blog .entry-content sup,
.blog .entry-content sub {
	font-size: 10px;
}
.blog .entry-content blockquote.left {
	float: left;
	margin-left: 0;
	margin-right: 24px;
	text-align: right;
	width: 33%;
}
.blog .entry-content blockquote.right {
	float: right;
	margin-left: 24px;
	margin-right: 0;
	text-align: left;
	width: 33%;
}
.blog .page-link {
	clear: both;
	color: #000;
	font-weight: bold;
	margin: 0 0 22px 0;
	word-spacing: 0.5em;
}
.blog .page-link a:link,
.blog .page-link a:visited {
	background: #f1f1f1;
	color: #333;
	font-weight: normal;
	padding: 0.5em 0.75em;
	text-decoration: none;
}
.blog .home .sticky .page-link a {
	background: #d9e8f7;
}
.blog .page-link a:active,
.blog .page-link a:hover {
	color: #ff4b33;
}
.blog body.page .edit-link {
	clear: both;
	display: block;
}
.blog #entry-author-info {
	background: #f2f7fc;
	border-top: 4px solid #000;
	clear: both;
	font-size: 14px;
	line-height: 20px;
	margin: 24px 0;
	overflow: hidden;
	padding: 18px 20px;
}
.blog #entry-author-info #author-avatar {
	background: #fff;
	border: 1px solid #e7e7e7;
	float: left;
	height: 60px;
	margin: 0 -104px 0 0;
	padding: 11px;
}
.blog #entry-author-info #author-description {
	float: left;
	margin: 0 0 0 104px;
}
.blog #entry-author-info h2 {
	color: #000;
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}
.blog .entry-utility {
	clear: both;
	color: #888;
	font-size: 12px;
	line-height: 18px;
}
.blog .entry-meta a,
.blog .entry-utility a {
	color: #888;
}
.blog .entry-meta a:hover,
.blog .entry-utility a:hover {
	color: #ff4b33;
}
.blog #content .video-player {
	padding: 0;
}

/* =Images
-------------------------------------------------------------- */

/*
Resize images to fit the main content area.
- Applies only to images uploaded via WordPress by targeting size-* classes.
- Other images will be left alone. Use "size-auto" class to apply to other images.
*/
.blog img.size-auto,
.blog img.size-full,
.blog img.size-large,
.blog img.size-medium,
.blog .attachment img {
	max-width: 100%; /* When images are too wide for containing element, force them to fit. */
	height: auto; /* Override height to match resized width for correct aspect ratio. */
}
.blog .alignleft,
.blog img.alignleft {
	display: inline;
	/*float: left;*/
	margin-right: 24px;
	/*margin-top: 4px;*/
}
.blog .alignright,
.blog img.alignright {
	display: inline;
	/*float: right;*/
	margin-left: 24px;
	/*margin-top: 4px;*/
}
.blog .aligncenter,
.blog img.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.blog img.alignleft,
.blog img.alignright,
.blog img.aligncenter {
	margin-bottom: 12px;
}
.blog .wp-caption {
	background: #f1f1f1;
	line-height: 18px;
	margin-bottom: 20px;
	max-width: 632px !important; /* prevent too-wide images from breaking layout */
	padding: 4px;
	text-align: center;
}
.blog .wp-caption img {
	margin: 5px 5px 0;
}
.blog .wp-caption p.wp-caption-text {
	color: #888;
	font-size: 12px;
	margin: 5px;
}
.blog .wp-smiley {
	margin: 0;
}
.blog .gallery {
	margin: 0 auto 18px;
}
.blog .gallery .gallery-item {
	float: left;
	margin-top: 0;
	text-align: center;
	width: 33%;
}
.blog .gallery-columns-2 .gallery-item {
	width: 50%;
}
.blog .gallery-columns-4 .gallery-item {
	width: 25%;
}
.blog .gallery img {
	border: 2px solid #cfcfcf;
}
.blog .gallery-columns-2 .attachment-medium {
	max-width: 92%;
	height: auto;
}
.blog .gallery-columns-4 .attachment-thumbnail {
	max-width: 84%;
	height: auto;
}
.blog .gallery .gallery-caption {
	color: #888;
	font-size: 12px;
	margin: 0 0 12px;
}
.blog .gallery dl {
	margin: 0;
}
.blog .gallery img {
	border: 10px solid #f1f1f1;
}
.blog .gallery br+br {
	display: none;
}
.blog #content .attachment img {/* single attachment images should be centered */
	display: block;
	margin: 0 auto;
}

.arrow {
	padding-top: 25px;
	padding-bottom: 10px;
	overflow: hidden;
}
.arrow .prev {
	float: left;
}
.arrow .next {
	float: right;
}
.arrow img {
	opacity: 0;
}
.arrow .prev a {
	display: block;
	background: url(/images/arrow_prev.gif) center no-repeat;
}
.arrow .prev a:hover {
	
	opacity:0.7;
}
.arrow .next a {
	display: block;
	background: url(/images/arrow_next.gif) center no-repeat;
}
.arrow .next a:hover {
	
	opacity:0.7;
}

.contents .col2 .post .blog div {
	font-size: 15px;
	padding:8px 0 !important;
	line-height: 1.8em !important;
}

.contents .col2 .post .blog p {
	font-size: 15px;
	padding:8px 0 !important;
	line-height: 1.8em !important;
}
.contents .col2 .post .blog h1 {
	font-size: 220%;
	line-height: 1.5em;

}
.contents .col2 .post .blog h2 {
	font-size: 200%;
	line-height: 1.5em;
}
.contents .col2 .post .blog h3 {
	font-size: 180%;
	line-height: 1.5em;
}
.contents .col2 .post .blog h4 {
	font-size: 160%;
	line-height: 1.5em;
}
.contents .col2 .post .blog h5 {
	font-size: 140%;
	line-height: 1.5em;
}
.contents .col2 .post .blog h6 {
	font-size: 120%;
	line-height: 1.5em;
}