.x-main-section__h1::before
{
    display: inline-block;
    margin-right: 8px;
    background: no-repeat 0 50%;
    background-size: 100%;
    content: '';
    vertical-align: middle;
}

.x-main-section__h1::before
{
    width: 25px;
    height: 27px;
    background-image: url(../../../root/assets/images/icon-pencil-small-pink.png);
}

.x-blogger-nav__menu
{
    margin: -1em 0 0 -24px;
    padding: 0;
    list-style: none;
}

.x-blogger-nav__menu::before, .x-blogger-nav__menu::after
{
    display: table;
    content: ' ';
}

.x-blogger-nav__menu::after
{
    clear: both;
}

.x-blogger-nav__menu-item
{
    float: left;
    margin: 1em 0 0 24px;
    padding: 0;
    list-style: none;
}

.x-blogger-nav__menu-item a
{
    color: #505050;
    text-decoration: none;
}

.x-blogger-nav__menu-item a:focus, .x-blogger-nav__menu-item a:hover, .x-blogger-nav__menu-item a:active
{
    color: #b34f4f;
}

.x-blogger-nav__menu-item a::before
{
    display: inline-block;
    margin-right: 6px;
    background: no-repeat 0 50%;
    background-size: 100%;
    content: '';
    vertical-align: middle;
}

.x-blogger-nav__menu-item--top a::before
{
    width: 24px;
    height: 21px;
    background-image: url(../../../../../../wp-content/themes/root/assets/images/icon-home-small-gray.png);
    background-size: 100%;
}

.x-blogger-nav__menu-item--top a:focus::before,
.x-blogger-nav__menu-item--top a:hover::before,
.x-blogger-nav__menu-item--top a:active::before
{
    background-image: url(../../../../../../wp-content/themes/root/assets/images/icon-home-small-pink.png);
    background-size: 100%;
}

.x-blogger--home .x-blogger-nav__menu-item--top a::before
{
    background-image: url(../../../../../../wp-content/themes/root/assets/images/icon-home-small-pink.png);
    background-size: 100%;
}

.x-blogger-nav__menu-item--blog a::before
{
    width: 18px;
    height: 19px;
    background-image: url(../../../../../../wp-content/themes/root/assets/images/icon-pencil-small-gray.png);
    background-size: 100%;
}

.x-blogger-nav__menu-item--blog a:focus::before,
.x-blogger-nav__menu-item--blog a:hover::before,
.x-blogger-nav__menu-item--blog a:active::before
{
    background-image: url(../../../../../../wp-content/themes/root/assets/images/icon-pencil-small-pink.png);
    background-size: 100%;
}

.x-blogger--blog .x-blogger-nav__menu-item--blog a::before
{
    background-image: url(../../../../../../wp-content/themes/root/assets/images/icon-pencil-small-pink.png);
    background-size: 100%;
}

.x-blogger
{
    position: relative;
    padding: 1.5em 0 0;
}

.x-blogger__h1
{
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #999;
    font-weight: normal;
    font-size: 1.5em;
}

.x-blogger__sub-title
{
    font-size: .8em;
}

.x-blogger__h2, .x-blogger__h3
{
    padding: 0;
    text-align: center;
    font-weight: bold;
    font-size: 125%;
}

.x-blogger__h2
{
    margin: 3em 0 -1em;
}

.x-blogger__h3
{
    margin: 3em 0 0;
}

.x-blogger__nav.x-blogger-nav
{
    margin: 2em 0 0;
}

.x-blogger__body
{
    padding: 4em 0 0;
}

.x-blogger__footer
{
    margin: 2em 0 0;
    padding: 1em 0;
    border-top: 1px solid #999;
}

.x-blogger__social.x-blogger-social
{
    text-align: right;
}

.x-blogger-social
{
    line-height: 1;
}

.x-blogger-social__list
{
    display: flex;
    margin: 0 0 0 -8px;
    padding: 0;
    list-style: none;
    justify-content: flex-end;
    align-items: center;
}

.x-blogger-social__item
{
    display: flex;
    margin: 0 0 0 8px;
    padding: 0;
    justify-content: space-between;
    align-items: center;
}

.x-blogger-social__item img
{
    vertical-align: middle;
}

.x-blogger-social__item--twitter
{
    width: 60px;
}

body.lang-ja .x-blogger-social__item--twitter
{
    width: 75px;
    justify-content: flex-end;
}

body.lang-en .x-blogger-social__item--twitter
{
    width: 60px;
}

body.lang-zh-tw .x-blogger-social__item--twitter
{
    width: 53px;
}

body.lang-th .x-blogger-social__item--twitter
{
    width: 52px;
}

:root .x-blogger-social__item--pinterest > span,
:root .x-blogger-social__item--pinterest > span:hover
{
    border: 1px solid #ccc;
    background-color: #fff !important;
    background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMzBweCIgd2lkdGg9IjMwcHgiIHZpZXdCb3g9Ii0xIC0xIDMxIDMxIj48Zz48cGF0aCBkPSJNMjkuNDQ5LDE0LjY2MiBDMjkuNDQ5LDIyLjcyMiAyMi44NjgsMjkuMjU2IDE0Ljc1LDI5LjI1NiBDNi42MzIsMjkuMjU2IDAuMDUxLDIyLjcyMiAwLjA1MSwxNC42NjIgQzAuMDUxLDYuNjAxIDYuNjMyLDAuMDY3IDE0Ljc1LDAuMDY3IEMyMi44NjgsMC4wNjcgMjkuNDQ5LDYuNjAxIDI5LjQ0OSwxNC42NjIiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTQuNzMzLDEuNjg2IEM3LjUxNiwxLjY4NiAxLjY2NSw3LjQ5NSAxLjY2NSwxNC42NjIgQzEuNjY1LDIwLjE1OSA1LjEwOSwyNC44NTQgOS45NywyNi43NDQgQzkuODU2LDI1LjcxOCA5Ljc1MywyNC4xNDMgMTAuMDE2LDIzLjAyMiBDMTAuMjUzLDIyLjAxIDExLjU0OCwxNi41NzIgMTEuNTQ4LDE2LjU3MiBDMTEuNTQ4LDE2LjU3MiAxMS4xNTcsMTUuNzk1IDExLjE1NywxNC42NDYgQzExLjE1NywxMi44NDIgMTIuMjExLDExLjQ5NSAxMy41MjIsMTEuNDk1IEMxNC42MzcsMTEuNDk1IDE1LjE3NSwxMi4zMjYgMTUuMTc1LDEzLjMyMyBDMTUuMTc1LDE0LjQzNiAxNC40NjIsMTYuMSAxNC4wOTMsMTcuNjQzIEMxMy43ODUsMTguOTM1IDE0Ljc0NSwxOS45ODggMTYuMDI4LDE5Ljk4OCBDMTguMzUxLDE5Ljk4OCAyMC4xMzYsMTcuNTU2IDIwLjEzNiwxNC4wNDYgQzIwLjEzNiwxMC45MzkgMTcuODg4LDguNzY3IDE0LjY3OCw4Ljc2NyBDMTAuOTU5LDguNzY3IDguNzc3LDExLjUzNiA4Ljc3NywxNC4zOTggQzguNzc3LDE1LjUxMyA5LjIxLDE2LjcwOSA5Ljc0OSwxNy4zNTkgQzkuODU2LDE3LjQ4OCA5Ljg3MiwxNy42IDkuODQsMTcuNzMxIEM5Ljc0MSwxOC4xNDEgOS41MiwxOS4wMjMgOS40NzcsMTkuMjAzIEM5LjQyLDE5LjQ0IDkuMjg4LDE5LjQ5MSA5LjA0LDE5LjM3NiBDNy40MDgsMTguNjIyIDYuMzg3LDE2LjI1MiA2LjM4NywxNC4zNDkgQzYuMzg3LDEwLjI1NiA5LjM4Myw2LjQ5NyAxNS4wMjIsNi40OTcgQzE5LjU1NSw2LjQ5NyAyMy4wNzgsOS43MDUgMjMuMDc4LDEzLjk5MSBDMjMuMDc4LDE4LjQ2MyAyMC4yMzksMjIuMDYyIDE2LjI5NywyMi4wNjIgQzE0Ljk3MywyMi4wNjIgMTMuNzI4LDIxLjM3OSAxMy4zMDIsMjAuNTcyIEMxMy4zMDIsMjAuNTcyIDEyLjY0NywyMy4wNSAxMi40ODgsMjMuNjU3IEMxMi4xOTMsMjQuNzg0IDExLjM5NiwyNi4xOTYgMTAuODYzLDI3LjA1OCBDMTIuMDg2LDI3LjQzNCAxMy4zODYsMjcuNjM3IDE0LjczMywyNy42MzcgQzIxLjk1LDI3LjYzNyAyNy44MDEsMjEuODI4IDI3LjgwMSwxNC42NjIgQzI3LjgwMSw3LjQ5NSAyMS45NSwxLjY4NiAxNC43MzMsMS42ODYiIGZpbGw9IiNiZDA4MWMiLz48L2c+PC9zdmc+) !important;
    color: #bd081c !important;
}

.x-blogger-social__item--facebook .fb-like,
.x-blogger-social__item--facebook .fb-like span,
.x-blogger-social__item--facebook .fb-like iframe
{
    display: block;
    width: 58px !important;
    height: 20px !important;
}

body.lang-ja .x-blogger-social__item--facebook .fb-like,
body.lang-ja .x-blogger-social__item--facebook .fb-like span,
body.lang-ja .x-blogger-social__item--facebook .fb-like iframe
{
    width: 80px !important;
}

body.lang-en .x-blogger-social__item--facebook .fb-like,
body.lang-en .x-blogger-social__item--facebook .fb-like span,
body.lang-en .x-blogger-social__item--facebook .fb-like iframe
{
    width: 58px !important;
}

body.lang-zh-tw .x-blogger-social__item--facebook
{
    margin-left: 2px;
}

body.lang-zh-tw .x-blogger-social__item--facebook .fb-like,
body.lang-zh-tw .x-blogger-social__item--facebook .fb-like span,
body.lang-zh-tw .x-blogger-social__item--facebook .fb-like iframe
{
    width: 54px !important;
}

body.lang-th .x-blogger-social__item--facebook .fb-like,
body.lang-th .x-blogger-social__item--facebook .fb-like span,
body.lang-th .x-blogger-social__item--facebook .fb-like iframe
{
    width: 66px !important;
}

body.blog .x-blogger__h2::before,
body.archive .x-blogger__h2::before,
body.category .x-blogger__h2::before
{
    display: inline-block;
    margin-right: 8px;
    width: 27px;
    height: 29px;
    content: url(../../../root/assets/images/icon-pencil-pink.png);
    vertical-align: middle;
}

body.blog .x-blogger__h2,
body.single-post .x-blogger__h2
{
    display: none;
}

body.home .x-blogger__h2
{
    display: none;
}

body.home .x-blogger__h2::before
{
    display: inline-block;
    margin-right: 8px;
    width: 35px;
    height: 31px;
    content: url(../../../root/assets/images/icon-home-pink.png);
    vertical-align: middle;
}