@charset "utf-8";
/*
theme Name: WordPressレスポンシブテーマ作成byPlusers
Author: Plusers
Description: original theme
version： 2.0.0
*/
/*cssのリセット*/
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,
blockquote,pre,abbr,address,cite,code,del,dfn,em,img,
ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,
ol,ul,li,fieldset,form,label,legend,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 {
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
border: 0;
outline: 0;
background: transparent;
}
body {
line-height: 1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
display: block;
}
nav ul {
list-style: none;
}
blockquote,
q {
quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
content: '';
content: none;
}
a {
font-size: 100%;
margin: 0;
padding: 0;
vertical-align: baseline;
background: transparent;
}
ins {
text-decoration: none;
color: #000;
background-color: #ff9;
}
mark {
font-weight: bold;
font-style: italic;
color: #000;
background-color: #ff9;
}
del {
text-decoration: line-through;
}
abbr[title],
dfn[title] {
cursor: help;
border-bottom: 1px dotted;
}
table {
border-spacing: 0;
border-collapse: collapse;
}
hr {
display: block;
height: 1px;
margin: 1em 0;
padding: 0;
border: 0;
border-top: 1px solid #ccc;
}
/*サイト全体の基準となるCSSを記述*/
html {
font-size: 16px;
}
body {
/*フォントの指定*/
font-family: 'メイリオ', 'Meiryo', 'ヒラギノ角ゴ Pro', 'Hiragino Kaku Gothic Pro', 'Noto Sans Japanese', Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
/*行間の指定*/
line-height: 1.4;
margin: 0;
padding: 0;
/*サイトのデフォルトとなる文字の色を指定*/
color: #333;
}
/*見出しを全て太字で表示 + 文字色を黒に*/
h1, h2, h3, h4, h5, h6 {
font-weight: bold;
color: #000;
}
img {
max-width: 100%;
height: auto;
}
/*確認用に一時記述----------*/
.contents, #sidebar {height: 800px; }
header{background-color: #888;}
.header-inner{ background-color: #ccc; height: 200px;}
.container {background-color: #9db2ea; }
.contents {background-color: #a5e2ff; }
#sidebar{background-color: #aefffc; }
footer{background-color: #777; }
.footer-inner{background-color: #ddd; height: 250px; }
/*コンテンツのサイズ指定*/
.header-inner,
.container,
.footer-inner {
box-sizing: border-box;
max-width: 1200px;
margin-right: auto;
margin-left: auto;
padding: 1.25rem;
}

.container {
padding: 2rem 1.25rem;
}
.container:after {
display: block;
clear: both;
content: '';
}
.contents {
float: left;
width: 70%;
margin-right: 3%;
}
.sidebar {
float: left;
width: 27%;
}

@media(max-width: 600px) {
html {
  font-size: 15px;
}
.header-inner,
.container,
.footer-inner {
  padding: .8rem;
}
.contents {
  margin-bottom: 1rem;
}