@charset "UTF-8";
/*
Theme Name: Oldlens Theme
Author: Ebatch
Description: Original theme for oldlens.club
Version: 2.0
*/
+
body	{margin: 0;
		font-family: 'メイリオ', 'Hiragino Kaku Gothic Pro', 'sans-serif';
		line-height: 1.5}

/* ---------- Basic Style ----------- */

/* Header and footbar styles */

header	{border-bottom: solid 1px #dddddd;
		background-color: #4bacc6}

footer	{border-top: solid 1px #dddddd}

/* Box top and bottom settings */

.contents	{padding-top: 30px;
			padding-bottom: 20px}

.sub	{padding-top: 30px;
		padding-bottom: 20px}

footer	{padding-top: 15px;
		padding-bottom: 15px}
		
/* Box margin */

header, footer, .container, .subheader
		{padding-left: 10px;
		padding-right: 10px}


@media (min-width: 768px){

/* Box on side */

	.container:after	{content: "";
						display: block;
						clear: body}

	.contents	{float: left;
				width: 70%}

	.sub	{float:left;
			width: 30%}
			
/* Contents and sidebar space*/
.contents	{padding-right: 50px;
			-moz-box-sizing: border-box;
			-webkit-box-sizing: border-box;
			box-sizing: border-box}

}

@media (min-width: 1040px){

/* Size */
.container, .header-inner, .footer-inner, .subheader
		{width: 1000px;
		margin-left: auto;
		margin-right: auto}

}

/* ---------- Header ----------*/


/* Site name */
.site h1 a	{display: inline-block;
			/*padding: 10px;*/
			background-color: #4bacc6;
			color: #ffffff;
			text-decoration: none}
			
.site h1	{margin: 0;
			font-family: 'Nunito', sans-serif;
			font-size: 30px}

	
/* Copyright */
.copyright p	{margin: 0;
				color: #666666;
				font-size: 14px}
				
/* Singlepost */
.singlepost:after	{content: "";
					display: block;
					clear: both}

.singlepost h1	{margin-top: 0;
			margin-bottom: 10px;
			font-size: 36px}
			
.singlepost p		{margin-top: 0;
			margin-bottom: 20px}
			
@media (max-width: 599px) {
		.singlepost h1 {font-size: 24px}
		.singlepost p {font-size: 14px}
}

/* Post Date or Modified Date */
.post-date	{margin-bottom: 20px;
			color: #666666;
			font-size: 12px}

/*Tag*/
.posttag
{margin-bottom: 18px}

.posttag ul
{margin: 0;
padding: 0;
list-style: none}

.posttag li a
{display: block;
margin-right: 5px;
margin-bottom: 2px;
padding: 3px 5px;
border-radius: 2px;
background-color: #75dbe7;
color: #ffffff;
font-size: 12px;
text-decoration: none}

.posttag li a:hover
{background-color: #94ecf6}

.posttag ul:after
{content: "";
display: block;
clear: both}

.posttag li
{float: left;
width: auto}

/*Bread*/
.bread ol
{margin: 0;
padding: 0;
list-style: none}

.bread li a
{display: inline-block;
padding: 5px 5px;
color: #888888;
font-size: 12px;
text-decoration: none}

.bread li a[href]:hover
{background-color: #eeeeee}

.bread ol:after
{content: "";
display: block;
clear: both}

.bread li
{float: left;
width: auto}

.bread li:after
{content: '\003e';
margin-left: 2px;
margin-right: 2px;
color: #888888}

.bread li:last-child:after
{content: none}

.bread i
{font-size: 14px}

.bread span
{display: inline-block;
text-indent: -9999px}

@media (max-width: 599px) {
.bread li:last-child
{text-indent: -9999px}	
}			
			
/* Overview */
.overview a	{display: block;
			padding: 20px 0;
			border-bottom: dotted 2px #dddddd;
			color: #000000;
			text-decoration: none}

.overview a:hover	{background-color: #eeeeee}

.overview h1	{margin-top: 0,
				margin-bottom: 10px;
				font-size: 20px}
				
.overview p		{margin:0;
				font-size: 14px}

/*Menu*/

.mymenu h2	{margin-top: 0px;
			margin-bottom: 10px;
			border-bottom: solid 2px #dddddd;
			color: #666666;
			font-size: 18px}

.mymenu ul	{margin: 0px;
			padding: 0px;
			list-style: none}
			
.mymenu li a	{display: block;
				padding: 10px 5px;
				color: #000000;
				font-size: 14px;
				text-decoration: none}

.mymenu li a:hover {background-color: #eeeeee}

/* ---------- Image -----------*/

/* Image and caption */
.wp-caption-text	{margin: 0;
					color: #666666;
					font-size: 10px;
					text-align: center}
				
.wp-caption-text a	{color: #666666}

/* Image Location */
.aligncenter	{display: block;
				margin-top: 30px;
				margin-bottom: 30px;
				margin-left: auto;
				margin-right: auto}

@media (min-width: 599 px) {

		.alignleft, .alignright
				{display: block;
				margin-top: 30px;
				margin-bottom: 30px;
				margin-left: auto;
				margin-right: auto}
}		
				
@media (min-width: 600px){				
				
.alignleft	{float: left;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-right: 30px}
			
.alignright	{float: right;
			margin-top: 10px;
			margin-bottom: 20px;
			margin-right: 30px}
}

/* Internet Explorer settings */
a img	{border: none}

/* Big size images settings */
img, .wp-caption	{max-width: 100%;
					height: auto}

/* Eye catch */
.catch	{margin-top: 30px;
		margin-bottom: 30px}
					
/* ---------- Outside contents ---------- */
iframe	{max-width: 100%;
		display: block;
		margin-left: auto;
		margin-right: auto}
		
.ytvideo {position: relative;
		width: 100%;
		height: 0;
		padding-top: 56.25%;
		overflow: hidden;
		margin-top: 30px;
		margin-bottom: 30px}

.ytvideo iframe	{positon: absolute;
				top: 0;
				left: 0;
				width: 100%;
				height: 100%}


@media (min-width: 768px) {

/*BOX and BOX*/
.container:after	{content:"";
					display: block;
					clear: both}

.box1	{float: left;
		width: 50px}
		
.box2	{float: left;
		width: 50px}

}

/* Video */
.wp-video	{margin-top: 30px;
			margin-bottom: 30px}