html,
body {
	overflow-x: hidden;
}
body {
	color: $dark_grey;
}

//link
a {
	text-decoration: none;
	&:hover {
		color: $dark_grey;
		-webkit-transition: all .8s ease;
		transition: all .8s ease;
	}
}

//list
ol,
ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

//img
.site-title,
.post-contents,
.free-area,
.sidebar,
.footer-widget-area {
	img {
		height: auto;
		max-width: 100%;
	}
}

//text
b,
strong {
	font-weight: bold;
}
blockquote {
	color: $grey;
	font-style: italic;
	margin: 1em 1em 1.5em;
	padding: 1em;
	position: relative;
	&:after,
	&:before {
		color: $border_light;
		font-family: serif;
		font-size: 400%;
		position: absolute;
	}
	&:after {
		bottom: 0;
		content: '”';
		line-height: 0em;
		right: 0;
	}
	&:before {
		content: '“';
		left: 0;
		line-height: .6em;
		top: 0;
	}
}
ins {
	background: $light_grey;
	border: 1px solid $border_light;
	border-radius: 2px;
	padding: 2px;
}
code,
pre {
	background: $light_grey;
	border-radius: 2px;
	font-family: Consolas, Monaco, monospace, serif;
	font-size: 14px;
	padding: 8px;
}

//heading
h1,
h2,
h3,
h4,
h5,
h6 { line-height: 1.3; }
h1 { font-size: 1.8em; }
h2 { font-size: 1.6em; }
h3 { font-size: 1.4em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

//video
embed,
iframe,
object,
video {
	display: block;
	margin: 0 auto;
	max-width: 100%;
}

//table
table {
	margin: 16px 0;
}
table, td {
	border: 1px solid $border_light;
	border-collapse: collapse;
}
tr:nth-child(even) {
	background: $light_grey;
}
th {
	color: $grey;
}
td,
th {
	padding: 6px 16px;
}

//wp caption
.wp-caption {
	font-style: italic;
	max-width: 100%;
}
.gallery-caption,
.wp-caption-text {
	font-size: .8em;
	padding: 0 0 0 .3em;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.alignleft,
.alignright,
.aligncenter,
.alignnone {
	clear: both;
	display: block;
	margin: 1em auto;
	text-align: center;
}
.screen-reader-text {
	clip: rect(1px, 1px, 1px, 1px);
	height: 1px;
	overflow: hidden;
	position: absolute !important;
	width: 1px;
	word-wrap: normal !important;
}
.sticky .post-meta {
	display: none;
}

//theme base settings
.border {
	border-bottom: 1px solid $border_light;
}
.header-inner,
.main,
.sidebar,
.footer-widget-area {
	margin: 0 8px;
}
.contents {
	padding: 24px 0 0 0;
}
.widget {
	width: 100%;
}
@include media(tab) {
	.breadcrumb,
	.contents,
	.footer-widget-wrap {
		margin: 0 auto;
		width: 85%;
	}
	.sidebar-widget-area,
	.footer-widget-area {
		display: -webkit-flex;
		display: flex;
		-webkit-flex-wrap: wrap;
		flex-wrap: wrap;
		.widget {
			width: 50%;
		}
	}
	.one-column {
		width: 85%;
	}
	.alignleft {
		float: left;
		margin: 0 1.3em .3em 0;
	}
	.alignright {
		float: right;
		margin: 0 0 .3em 1em;
	}
}
@include media(pc) {
	.breadcrumb,
	.contents,
	.footer-widget-area {
		width: 90%;
	}
	.contents {
		display: -webkit-flex;
		display: flex;
	}
	.main {
		-webkit-flex-grow: 2;
		flex-grow: 2;
		padding: 0 16px;
		width: 66.66667%;
	}
	.sidebar {
		min-width: 336px;
		width: 33.333%;
	}
	.sidebar-widget-area .widget {
		width: 100%;
	}
	.footer-widget-area {
		-webkit-flex-wrap: nowrap;
		flex-wrap: nowrap;
		.widget {
			width: 33.333%;
		}
	}
	.one-column {
		width: 728px;
	}
	.left-sidebar {
		.main {
			-webkit-order: 2;
			order: 2;
		}
		.sidebar {
			-webkit-order: 1;
			order: 1;
		}
	}
}