/**
 * ENGINE
 * v0.2 | 20150615
 * License: none (public domain)
 */
*,
*:after,
*:before {
  -webkit-box-sizing: border-box;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
          box-sizing: border-box;
  outline: none;
}

html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
  border: 0;
  font: inherit;
  font-size: 100%;
  margin: 0;
  padding: 0;
  vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
  display: block;
}

body {
  line-height: 1;
}

ol,
ul {
  list-style: none;
}

blockquote,
q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before,
q:after {
  content: '';
  content: none;
}

sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -.5em;
}

sub {
  bottom: -.25em;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

input,
textarea,
button,
select {
  -moz-appearance: none;
  -webkit-appearance: none;
  color: inherit;
  font-family: inhert;
  font-size: inherit;
}

select {
  border: 0;
  border-radius: 0;
  text-indent: .01px;
  text-overflow: '';
}

select::-ms-expand {
  display: none;
}

code,
pre {
  font-family: monospace, monospace;
  font-size: 1em;
}

html {
  height: 100%;
}

body {
  color: #656565;
  font-family: 'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',sans-serif;
  font-size: 14px;
  line-height: 1.8;
}

a {
  color: inherit;
  cursor: pointer;
  display: block;
  text-decoration: none;
}

a:hover {
  cursor: pointer;
}

img {
  width: 100%;
  vertical-align:top;
}

/* header */
.header_01 {
  box-sizing: border-box;
  padding: 9px 0 10px;
  background-color: #fac29c;
}

.header_01 > .header_logo {
  position: relative;
  width: 82px;
  height: 33px;
  margin: 0 auto;
  background-image: url(../img/logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.header_02 {
  box-sizing: border-box;
  padding: 9px 0 10px;
  background-color: #fff;
}

.header_02 > .header_logo {
  position: relative;
  width: 82px;
  height: 33px;
  margin: 0 auto;
  background-image: url(../img/logo.png);
  background-repeat: no-repeat;
  background-position: center center;
  background-size: contain;
}

.header_logo span {
  position: absolute;
  top: 0;
  left: -99999px;
}

/* footer */
.footer_01 {
  padding: 9px 0 8px;
  background-color: #fac29c;
  color: #fff;
  text-align: center;
}

.footer_01 a {
  color: #fff;
  text-decoration: none;
}

.footer_02 {
  padding: 6px 0 7px;
  border-top: 4px solid #f68699;
  box-sizing: border-box;
  background-color: #fff;
  text-align: center;
}

.footer_02 a {
  color: #f68699;
  text-decoration: none;
}

/* heading */
.heading-lv2-01 {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.633;
  box-sizing: border-box;
  padding: 4px 14px;
  color: #fff;
  background-color: #A3DAF3;
}

.heading-lv2-02 {
  font-size: 15px;
  font-weight: 700;
  line-height: 1.633;
  box-sizing: border-box;
  padding: 4px 14px;
  color: #fff;
  background-color: #f68699;
}

/* content */
.content_01 {
  background-color: #fff8ed;
  padding: 10px 8px;
}

.content_02 {
  background-color: #f6f6f6;
  padding: 10px 8px;
}

/* クライアント枠 */
.content_client {
  margin-bottom: 10px;
}

.content_client_item {
  width: 100%;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}

.content_client_item:not(:last-of-type) {
  margin-bottom: 10px;
}

.content_client_item img {
  width: 100%;
  border-radius: 4px 4px 0 0;
}

/* 通常枠 */
.content_normal {
  display: flex;
  flex-wrap: wrap;
  margin-bottom: -10px;
}

.content_normal_item {
  width: calc(50% - 5px);
  margin-bottom: 10px;
  border-radius: 4px;
  background-color: #fff;
  box-shadow: 0px 1px 6px 0px rgba(0, 0, 0, 0.15);
}

.content_normal_item:nth-of-type(odd) {
  margin-right: 10px;
}

.content_normal_item img {
  width: 100%;
  border-radius: 4px 4px 0 0;
}

/* 共通パーツ */
.content_edit {
  padding: 10px;
  font-size: 11px;
  line-height: 1.818;
  color: #fff;
}

.content_client_item .content_edit {
  height: auto;
}

.content_normal_item .content_edit {
  height: 184px;
}

.content_txt_01 {
  font-size: 14px;
  color: rgb(87, 87, 87);
  line-height: 1.429;
}

.content_txt_02 {
  font-size: 14px;
  color: rgb(0, 0, 49);
  line-height: 1.429;
}

.content_client_item .content_txt_01,
.content_client_item .content_txt_02 {
  margin-bottom: 0;
}

.content_normal_item .content_txt_01,
.content_normal_item .content_txt_02 {
  height: 80px;
  margin-bottom: 4px;
}

.content_date_01 {
  display: block;
  font-size: 11px;
  color: rgb(161, 160, 160);
  line-height: 1.818;
}

.content_date_02 {
  display: block;
  font-size: 11px;
  color: rgb(157, 157, 162);
  line-height: 1.818;
}

.content_client_item .content_date_01,
.content_client_item .content_date_02 {
  margin-bottom: 0;
}

.content_normal_item .content_date_01,
.content_normal_item .content_date_02 {
  margin-bottom: 2px;
}

.content_name_01 {
  font-size: 10px;
  color: rgb(255, 154, 104);
  line-height: 2;
}

.content_name_02 {
  font-size: 10px;
  color: rgb(246, 134, 153);
  line-height: 2;
}

.content_client_item .content_name_01,
.content_client_item .content_name_02, {
  display: block;
  line-height: 2;
}

.content_normal_item .content_name_01,
.content_normal_item .content_name_02 {
  display: block;
  line-height: 1.4;
}

/* label */
div[class*="content_label_"] {
  display: inline-block;
  margin-bottom: 6px;
  padding: .5px 10px;
  border-radius: 2px;
  font-weight: 700;
}

.content_label_pink {
  background-color: #f39eb5;
}

.content_label_green {
  background-color: #a6e17c;
}

.content_label_orange {
  background-color: #f9a260;
}

/* utility */
.m-t-5{margin-top:5px}
.m-t-10{margin-top:10px}
.m-t-15{margin-top:15px}
.m-t-20{margin-top:20px}
.m-t-25{margin-top:25px}
.m-t-30{margin-top:30px}

.m-b-5{margin-bottom:5px}
.m-b-10{margin-bottom:10px}
.m-b-15{margin-bottom:15px}
.m-b-20{margin-bottom:20px}
.m-b-25{margin-bottom:25px}
.m-b-30{margin-bottom:30px}

.p-t-5{padding-top:5px}
.p-t-10{padding-top:10px}
.p-t-15{padding-top:15px}
.p-t-20{padding-top:20px}
.p-t-30{padding-top:30px}

.p-b-5{padding-bottom:5px}
.p-b-10{padding-bottom:10px}
.p-b-15{padding-bottom:15px}
.p-b-20{padding-bottom:20px}
.p-b-30{padding-bottom:30px}

.p-l-5{padding-left:5px}
.p-l-10{padding-left:10px}
.p-l-15{padding-left:15px}
.p-l-20{padding-left:20px}
.p-l-30{padding-left:30px}

.p-r-5{padding-right:5px}
.p-r-10{padding-right:10px}
.p-r-15{padding-right:15px}
.p-r-20{padding-right:20px}
.p-r-30{padding-right:30px}