@charset "UTF-8";

.nondisp {
display: none;
}
a {
color: #004ba0;
text-decoration: none;
}
a:hover {
color: #89c6e3;
}
.def-table,
blockquote,
.supplement {
margin: 30px 0;
}
ul.def-list,
ol.def-list {
margin: 30px 0 30px 2em;
}
ul.def-list li,
ol.def-list li {
padding: 3px 0;
}
ul.def-list {
list-style-type: disc;
}
ol.def-list {
list-style-type: decimal;
}
blockquote {
font-size: .9rem;
line-height: 150%;
padding: 45px 30px 30px 45px;
background-color: #f8f8f8;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/bq-end.svg);
background-repeat: no-repeat;
background-size: 25px auto;
background-position: top 20px left 20px;
}
blockquote cite {
display: block;
font-size: .8rem;
text-align: right;
margin: 8px 0 0 0;
}
.img-single,
.img-multi {
margin: 30px 0;
}
.img-multi {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.img-multi a {
display: inline-block;
width: 48%;
margin: 0 0 20px 0;
}
.supplement {
margin: 30px 0;
padding: 15px;
border: 1px dashed #000;
}
.supplement h4 {
font-size: 1.1rem;
font-weight: 700;
margin: 0 0 5px 0;
}
.supplement p {
margin: 10px 0 !important;
padding: 0 !important;
line-height: 150% !important;
}
.supplement > ul, .supplement > ol {
margin: 0 10px 0 25px;
}
.supplement > ul li, .supplement > ol li {
padding: 0;
}
.supplement .sup-small {
display: block;
margin: 15px 0 0 0;
padding: 15px 0 0 0;
border-top: 1px solid #ccc;
text-align: right;
}
.def-table {
border-collapse: collapse;
border: 1px solid #555;
}
.def-table tr, .def-table th, .def-table td {
padding: 15px;
}
.def-table th, .def-table td {
border: 1px solid #555;
}
.def-table th {
background-color: #f0f0f0;
text-align: center;
}
.caution-block {
font-size: .9rem;
display: block;
padding: 25px;
border: 1px dashed #880000;
line-height: 150%;
}
.caution-block h4 {
font-size: 1rem;
font-weight: 700;
color: #880000;
}
.img-single img,
.img-multi img {
width: 100%;
height: auto;
}
.img-multi {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.img-multi a {
display: inline-block;
width: 48%;
margin: 0 0 20px 0;
}
@media only screen and (min-width: 1200px) {
.img-single img:hover,
.img-multi img:hover {
opacity: 0.8;
}
}
strong {
font-weight: 700;
}
.tag-info {
display: block;
margin: 30px 0;
border: 1px solid #000;
padding: 20px;
}
.tag-info h4, .tag-info h5 {
margin: 15px 0;
font-weight: 700;
border-bottom: 1px dashed #000;
}
.tag-info > h3 {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/manual-code.svg);
font-weight: 700;
padding: 10px 0 10px 50px;
color: #000;
background-repeat: no-repeat;
background-size: 30px auto;
background-position: 8px 50%;
line-height: 100%;
background-color: #89c6e3;
margin: 0 0 10px 0 !important;
}
.tag-info p {
line-height: 150%;
display: block;
margin: 0px 0 !important;
}
.tag-sample {
font-size: .9rem;
}
.tag-sample ul {
background-color: #f0f0f0;
border-radius: 3px;
line-height: 130%;
}
.tag-sample ul li {
padding: 10px !important;
}
.tag-sample ul li:nth-child(2n) {
background-color: #f8f8f8;
}
.codea {
display: block;
margin: 30px 0 80px 0;
padding: 15px;
border: 1px solid #555;
}
.codea h4, .codea h5 {
font-size: 1.2rem;
font-weight: 700;
background-repeat: no-repeat;
background-size: 25px auto;
background-position: 0;
padding: 10px 0 10px 35px;
}
.codea h4 {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/manual-code.svg);
margin: 0;
}
.codea h5 {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/manual-look.svg);
margin: 10px 0;
}
.codea .tag-sample {
list-style: none;
font-family: monospace;
font-size: .9rem;
background-color: #f0f0f0;
border-top: 1px solid #aaa;
border-bottom: 1px solid #aaa;
}
.codea .tag-sample li {
padding: 5px;
margin: 0 0 1px 0;
font-size: .9rem;
}
.codea .tag-sample li:nth-child(2n) {
background-color: #fff;
}
.codea small {
display: block;
font-size: 1rem;
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
margin: 15px 0 0 0;
}
#breadcrumb {
font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", メイリオ, Meiryo, sans-serif;
}
#breadcrumb {
max-width: 1200px;
padding: 20px 0 15px 0;
margin: 0 auto;
}
#breadcrumb ul {
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: start;
justify-content: start;
-webkit-align-items: center;
align-items: center;
}
#breadcrumb ul li {
font-size: .9rem;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/arrow-next.svg);
background-repeat: no-repeat;
background-size: auto 10px;
background-position: top 30% right 0;
padding: 0 20px 0 0;
margin: 0 10px 0 0;
vertical-align: middle;
}
#breadcrumb ul li img {
display: inline-block;
width: 15px;
height: auto;
}
#breadcrumb ul li:last-child {
background-image: none;
padding: 0;
margin: 0;
}
@media only screen and (max-width: 629px) {
#breadcrumb {
overflow-x: scroll;
word-break: keep-all;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
#breadcrumb ul {
width: 92%;
}
#breadcrumb ul li {
font-size: .7rem;
}
}
@media only screen and (min-width: 630px) and (max-width: 1199px) {
#breadcrumb ul {
width: 92%;
}
}
@media only screen and (min-width: 1200px) {
#breadcrumb ul {
width: 1200px;
}
}
main {
width: 1200px;
margin: 50px auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
main #post-content {
width: 800px;
line-height: 180%;
}
main #post-content img {
max-width: 100%;
height: auto;
}
main #post-content .bc-inner .entry-list {
display: block;
width: 100%;
padding: 15px 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid #ddd;
}
main #post-content .bc-inner .entry-list:last-child {
border: none;
}
main #post-content .bc-inner .entry-list .el-thumbs {
width: 200px;
}
main #post-content .bc-inner .entry-list .el-info {
width: -moz-calc(100% - 220px);
width: -o-calc(100% - 220px);
width: -webkit-calc(100% - 220px);
width: calc(100% - 220px);
}
main #post-content .bc-inner .entry-list .el-info .meta-date {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
font-size: .8rem;
line-height: 20px;
border-bottom: 1px dashed #ddd;
padding: 0 0 5px 0;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .date,
main #post-content .bc-inner .entry-list .el-info .meta-date .cat {
display: block;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .date {
width: 30%;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ico-date.svg);
background-repeat: no-repeat;
background-position: top 50% left 0;
background-size: 15px auto;
padding: 0 0 0 25px;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .cat {
width: 70%;
text-align: right;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .cat a {
display: inline-block;
margin: 0 5px;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ic-tag.svg);
background-repeat: no-repeat;
background-position: top 50% left 0;
background-size: 15px auto;
padding: 0 0 0 25px;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .cat a:hover {
text-decoration-line: underline;
}
main #post-content .bc-inner .entry-list .el-info .el-title {
font-size: 1.2rem;
font-weight: 700;
margin: 12px 0 0 0;
padding: 0;
border: none;
}
main #post-content .bc-inner .entry-list .el-info .el-note {
font-size: .8rem;
margin: 0;
line-height: 150%;
color: #555;
}
main #post-content #meta-data {
width: 100%;
display: -webkit-flex;
display: flex;
-webkit-justify-content: start;
justify-content: start;
font-size: .8rem;
line-height: 20px;
padding: 0 0 5px 0;
margin: 0 0 20px 0;
}
main #post-content #meta-data .date,
main #post-content #meta-data .cat {
display: inline-block;
}
main #post-content #meta-data .date {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ico-date.svg);
background-repeat: no-repeat;
background-position: top 50% left 0;
background-size: 15px auto;
padding: 0 0 0 25px;
}
main #post-content #meta-data .cat {
margin: 0 0 0 10px;
}
main #post-content #meta-data .cat a {
display: inline-block;
margin: 0 5px;
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ic-tag.svg);
background-repeat: no-repeat;
background-position: top 50% left 0;
background-size: 15px auto;
padding: 0 0 0 25px;
}
main #post-content #meta-data .cat a:hover {
text-decoration-line: underline;
}
main #post-content h2 {
font-size: 2.2rem;
padding: 0 0 15px 0;
border-bottom: 1px dotted #111;
margin: 10px 0 !important;
}
main #post-content h2:first-child {
margin: 0px 0 30px 0 !important;
}
main #post-content h3 {
font-size: 1.2rem;
font-weight: 700;
margin: 30px 0 10px 0;
}
main #post-content h3:first-child {
margin: 0;
}
main #post-content p {
line-height: 180%;
margin: 30px 0;
}
main #sidebar {
width: 320px;
}
main #sidebar #blog-category .blog-side-head {
font-weight: 700;
padding: 8px 0;
border-bottom: 1px dashed #000;
margin: 0;
}
main #sidebar #blog-category ul {
font-size: .8rem;
}
main #sidebar #blog-category ul li {
font-size: .8rem;
border-bottom: 1px dotted #ccc;
}
main #sidebar #blog-category ul li a {
font-size: 1rem;
display: block;
background-color: #fff;
color: #000;
padding: 10px;
}
main #sidebar #blog-category ul li a:hover {
background-color: #f0f0f0;
color: #555;
}
main #sidebar #blog-category ul li .sub-menu, main #sidebar #blog-category ul li .children {
border-top: 1px dotted #ccc;
}
main #sidebar #blog-category ul li .sub-menu li:last-child, main #sidebar #blog-category ul li .children li:last-child {
border: none;
}
main #sidebar #blog-category ul li .sub-menu li a, main #sidebar #blog-category ul li .children li a {
padding: 10px 10px 10px 20px;
line-height: -40px;
vertical-align: middle;
}
main #sidebar #blog-category ul li .sub-menu li a:before, main #sidebar #blog-category ul li .children li a:before {
font-family: dashicons;
content: '\f345';
margin: 0 10px 0 0;
vertical-align: middle;
}
main #sidebar #blog-archive {
display: none;
}
#pagination {
margin: 30px 0 0 0;
border-top: 1px solid #ccc;
padding: 20px 0 0 0;
display: -webkit-flex;
display: flex;
-webkit-align-items: center;
align-items: center;
}
#pagination li {
display: inline-block;
font-size: .9rem;
margin: 0 1px 0 0;
}
#pagination li a {
display: block;
padding: 8px;
border: 1px solid #ddd;
}
#pagination li a:hover {
background-color: #eee;
}
#pagination #current {
display: inline-block;
padding: 8px;
border: 1px solid #555;
background-color: #555;
color: #fff;
}
#post-nav {
margin: 30px 0;
}
#post-nav ul {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#post-nav ul li {
display: inline-block;
padding: 0 10px;
}
#post-nav ul .pn-prev a,
#post-nav ul .pn-next a,
#post-nav ul .pn-1st span,
#post-nav ul .pn-last span {
display: inline-block;
border-bottom: 1px dashed #000;
background-repeat: no-repeat;
background-size: auto 13px;
}
#post-nav ul .pn-prev a a,
#post-nav ul .pn-next a a,
#post-nav ul .pn-1st span a,
#post-nav ul .pn-last span a {
color: #000;
}
#post-nav ul .pn-prev a:before,
#post-nav ul .pn-last span:before {
display: inline-block;
margin: 0 5px 0 0;
}
#post-nav ul .pn-prev a,
#post-nav ul .pn-last span {
background-position: top 50% left 0;
padding: 0 0 0 15px;
}
#post-nav ul .pn-next a,
#post-nav ul .pn-1st span {
background-position: top 50% right 0;
padding: 0 15px 0 0;
}
#post-nav ul .pn-prev a {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ico-prev.svg);
}
#post-nav ul .pn-next a {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ico-next.svg);
}
#post-nav ul .pn-1st span {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ico-cur.svg);
}
#post-nav ul .pn-last span {
background-image: url(//beup-inc.co.jp/wp-content/themes/wedok-beup/images/icons/ico-cur.svg);
}
#post-nav ul .pn-1st,
#post-nav ul .pn-last {
color: #888;
}
#post-cat {
text-align: right;
font-size: .9rem;
margin: 10px 0;
}
#usr-profile {
display: none;
margin: 0 0 50px 0;
}
#usr-profile #avatar {
margin: 0 0 15px 0;
}
#usr-profile #usr-name {
font-size: 1.2rem;
margin: 10px 0;
}
#usr-profile #usr-discription {
font-size: .9rem;
line-height: 150%;
}
#usr-profile #usr-sns {
margin: 30px 0;
}
#usr-profile #usr-sns #usr-tw a:before,
#usr-profile #usr-sns #usr-fb a:before {
font-family: dashicons;
display: inline-block;
font-size: 2rem;
}
#usr-profile #usr-sns #usr-tw a:before {
content: '\f301';
color: #55acee;
}
#usr-profile #usr-sns #usr-fb a:before {
content: '\f305';
.
color: #315096;
}
.fig-media iframe {
width: 100%;
height: auto;
}
@media only screen and (max-width: 629px) {
main {
width: 92%;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
main #post-content, main #sidebar {
width: 100%;
}
main #post-content .bc-inner {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
main #post-content .bc-inner .entry-list {
display: block;
width: 48%;
padding: 15px 0;
border-bottom: 0px solid #ddd;
margin: 0 0 15px 0;
}
main #post-content .bc-inner .entry-list:last-child {
margin: 0;
}
main #post-content .bc-inner .entry-list .el-thumbs {
display: block;
width: 100%;
}
main #post-content .bc-inner .entry-list .el-info {
width: 100%;
}
main #post-content .bc-inner .entry-list .el-info .meta-date {
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .date,
main #post-content .bc-inner .entry-list .el-info .meta-date .cat {
display: block;
width: 100%;
font-size: .7rem;
padding: 5px 0;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .cat {
width: 100%;
text-align: left;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .cat a {
text-align: left;
}
main #post-content .bc-inner .entry-list .el-info .el-title {
font-size: .9rem;
font-weight: 700;
margin: 12px 0;
}
main #post-content .bc-inner .entry-list .el-info .el-note {
display: none;
font-size: .8rem;
line-height: 150%;
color: #555;
}
main #blog-category {
margin: 10px 0 0 0;
}
main #blog-category select, main #blog-category option {
width: 100%;
padding: 8px;
}
main #sidebar #blog-category .blog-side-heada,
main #sidebar #blog-category #blog-archive {
display: none;
}
main #sidebar #blog-category .ul li a {
font-size: .9rem;
padding: 12px 0;
}
#usr-profile {
margin: 50px 0;
}
}
@media only screen and (min-width: 630px) and (max-width: 1199px) {
main {
width: 92%;
margin: 0 auto;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
main #post-content {
width: 100%;
}
main #post-content img {
width: 100%;
height: auto;
}
main #post-content .bc-inner .entry-list {
display: block;
width: 100%;
padding: 15px 0;
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
border-bottom: 1px solid #ddd;
}
main #post-content .bc-inner .entry-list:last-child {
margin: 0;
}
main #post-content .bc-inner .entry-list .el-thumbs {
width: 200px;
}
main #post-content .bc-inner .entry-list .el-info {
width: -moz-calc(100% - 220px);
width: -o-calc(100% - 220px);
width: -webkit-calc(100% - 220px);
width: calc(100% - 220px);
}
main #post-content .bc-inner .entry-list .el-info .meta-date {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
font-size: .8rem;
line-height: 20px;
vertical-align: middle;
border-bottom: 1px dashed #ddd;
padding: 0 0 5px 0;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .date,
main #post-content .bc-inner .entry-list .el-info .meta-date .cat {
display: block;
vertical-align: middle;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .date {
width: 30%;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .date:before {
font-family: dashicons;
content: '\f508';
margin: 0 5px 0 0;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .cat {
width: 70%;
text-align: right;
}
main #post-content .bc-inner .entry-list .el-info .meta-date .cat a {
display: inline-block;
margin: 0 5px;
color: #000;
}
main #post-content .bc-inner .entry-list .el-info .el-title {
margin: 12px 0;
}
main #post-content .bc-inner .entry-list .el-info .el-note {
font-size: .8rem;
color: #555;
}
main #sidebar {
width: 100%;
margin: 50px 0;
}
main #sidebar #blog-category .blog-side-head {
font-weight: 700;
padding: 8px 0;
border-bottom: 1px dashed #000;
margin: 0;
}
main #sidebar #blog-category ul {
font-size: .8rem;
}
main #sidebar #blog-category ul li {
font-size: .8rem;
border-bottom: 1px dotted #ccc;
}
main #sidebar #blog-category ul li a {
font-size: 1rem;
display: block;
background-color: #fff;
color: #000;
padding: 10px;
}
main #sidebar #blog-category ul li a:hover {
background-color: #f0f0f0;
color: #555;
}
main #sidebar #blog-category ul li .sub-menu, main #sidebar #blog-category ul li .children {
border-top: 1px dotted #ccc;
}
main #sidebar #blog-category ul li .sub-menu li:last-child, main #sidebar #blog-category ul li .children li:last-child {
border: none;
}
main #sidebar #blog-category ul li .sub-menu li a, main #sidebar #blog-category ul li .children li a {
padding: 10px 10px 10px 20px;
line-height: -40px;
vertical-align: middle;
}
main #sidebar #blog-category ul li .sub-menu li a:before, main #sidebar #blog-category ul li .children li a:before {
font-family: dashicons;
content: '\f345';
margin: 0 10px 0 0;
vertical-align: middle;
}
main #sidebar #blog-archive {
display: none;
}
#usr-profile {
margin: 0 0 50px 0;
}
#usr-profile #usr-info {
display: -webkit-flex;
display: flex;
-webkit-justify-content: space-between;
justify-content: space-between;
}
#usr-profile #usr-info #avatar {
width: 30%;
}
#usr-profile #usr-info #usr-meta {
width: 65%;
}
#usr-profile #usr-info #avatar {
margin: 0 0 15px 0;
}
#usr-profile #usr-info #usr-name {
font-size: 1.2rem;
margin: 10px 0;
}
#usr-profile #usr-info #usr-discription {
font-size: .9rem;
line-height: 180%;
}
#usr-profile #usr-sns {
margin: 30px 0;
}
#usr-profile #usr-sns #usr-tw a:before,
#usr-profile #usr-sns #usr-fb a:before {
font-family: dashicons;
display: inline-block;
font-size: 2rem;
}
#usr-profile #usr-sns #usr-tw a:before {
content: '\f301';
color: #55acee;
}
#usr-profile #usr-sns #usr-fb a:before {
content: '\f305';
.
color: #315096;
}
}