.ngdialog,.ngdialog-overlay {
    position: fixed;
    top: 0;
    right: 0;
    left: 0;
    bottom: 0
}

.ngdialog-content,.ngdialog-overlay,.ngdialog.ngdialog-closing .ngdialog-content,.pswp {
    -webkit-backface-visibility: hidden
}

.txt--italic,dfn {
    font-style: italic
}

body,pre {
    word-wrap: break-word
}

button,fieldset,iframe,img {
    border: none
}

blockquote,q {
    quotes: none
}

nav ol,nav ul,ol,ul {
    list-style: none
}

td,th {
    text-align: left
}

input,select,textarea {
    -webkit-appearance: none;
    -moz-appearance: none
}

.btn__item--disabled,.is-disabled {
    pointer-events: none
}

.pswp,html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

@-webkit-keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@keyframes ngdialog-fadeout {
    0% {
        opacity: 1
    }

    100% {
        opacity: 0
    }
}

@-webkit-keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

@keyframes ngdialog-fadein {
    0% {
        opacity: 0
    }

    100% {
        opacity: 1
    }
}

.ngdialog,.ngdialog *,.ngdialog :after,.ngdialog :before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ngdialog {
    overflow: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 10000
}

.ngdialog-overlay {
    background: rgba(0,0,0,.4);
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

.ngdialog.ngdialog-closing .ngdialog-overlay {
    -webkit-backface-visibility: hidden;
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-content {
    background: #fff;
    -webkit-animation: ngdialog-fadein .5s;
    animation: ngdialog-fadein .5s
}

button,input,option,select,textarea {
    background-color: transparent
}

.ngdialog.ngdialog-closing .ngdialog-content {
    -webkit-animation: ngdialog-fadeout .5s;
    animation: ngdialog-fadeout .5s
}

.ngdialog-close:before {
    font-family: Helvetica,Arial,sans-serif;
    content: '\00D7';
    cursor: pointer
}

body.ngdialog-open {
    overflow: hidden
}

.blog-list--listl .blog-item,.blog-list--sidebarm .blog-item,.bloginfo-category-list,.comment-item,.facebook-feed__body,.feed-header__inner,.ogp,.pager,.reblog-popup__action--sp,.reblog-popup__footer,.reblog-popup__site,.reblog-toast__item,.reblogged-site-list__item,.related-posts--gridl .related-posts__item-outer,.related-posts--gridm .related-posts__item-outer,.related-posts--listl .related-posts__item,.related-posts--listm .related-posts__item,.shop-item-category-list,.shop-item-quote--list,.site-follow,.twitter-feed__body {
    zoom:1}

.blog-list--listl .blog-item:after,.blog-list--listl .blog-item:before,.blog-list--sidebarm .blog-item:after,.blog-list--sidebarm .blog-item:before,.bloginfo-category-list:after,.bloginfo-category-list:before,.comment-item:after,.comment-item:before,.facebook-feed__body:after,.facebook-feed__body:before,.feed-header__inner:after,.feed-header__inner:before,.ogp:after,.ogp:before,.pager:after,.pager:before,.reblog-popup__action--sp:after,.reblog-popup__action--sp:before,.reblog-popup__footer:after,.reblog-popup__footer:before,.reblog-popup__site:after,.reblog-popup__site:before,.reblog-toast__item:after,.reblog-toast__item:before,.reblogged-site-list__item:after,.reblogged-site-list__item:before,.related-posts--gridl .related-posts__item-outer:after,.related-posts--gridl .related-posts__item-outer:before,.related-posts--gridm .related-posts__item-outer:after,.related-posts--gridm .related-posts__item-outer:before,.related-posts--listl .related-posts__item:after,.related-posts--listl .related-posts__item:before,.related-posts--listm .related-posts__item:after,.related-posts--listm .related-posts__item:before,.shop-item-category-list:after,.shop-item-category-list:before,.shop-item-quote--list:after,.shop-item-quote--list:before,.site-follow:after,.site-follow:before,.twitter-feed__body:after,.twitter-feed__body:before {
    content: "";
    display: table
}

.blog-list--listl .blog-item:after,.blog-list--sidebarm .blog-item:after,.bloginfo-category-list:after,.comment-item:after,.facebook-feed__body:after,.feed-header__inner:after,.ogp:after,.pager:after,.reblog-popup__action--sp:after,.reblog-popup__footer:after,.reblog-popup__site:after,.reblog-toast__item:after,.reblogged-site-list__item:after,.related-posts--gridl .related-posts__item-outer:after,.related-posts--gridm .related-posts__item-outer:after,.related-posts--listl .related-posts__item:after,.related-posts--listm .related-posts__item:after,.shop-item-category-list:after,.shop-item-quote--list:after,.site-follow:after,.twitter-feed__body:after {
    clear: both
}

body,html {
    height: 100%
}

#mdrd-a66be375c .page,#mdrd-a66be375c .page__outer,body#mdrd-a66be375c {
    display: block!important;
    margin: 0!important;
    padding: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

#mdrd-a66be375c .page {
    position: relative;
    width: 100%;
    height: 100%;
    z-index: 1000;
    bottom: 0!important;
    left: 0!important;
    right: 0!important;
    top: 0!important
}

#mdrd-a66be375c .page__outer {
    position: absolute!important;
    overflow: hidden!important;
    width: 100%
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .page {
        -webkit-transition:.1s ease-in;
        transition: .1s ease-in
    }

    #mdrd-a66be375c .page__outer {
        padding-bottom: 0
    }
}

#mdrd-a66be375c .page__header {
    margin-top: 0!important
}

.page-container__side {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (min-width: 801px) {
    .page-container__side {
        width:300px;
        display: table-cell;
        vertical-align: top
    }
}

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

audio,canvas,video {
    display: inline-block
}

audio:not([controls]) {
    display: none;
    height: 0
}

[hidden] {
    display: none
}

button,html,input,select,textarea {
    font-family: sans-serif
}

body {
    font-size: 1.4rem;
    line-height: 1.8;
    margin: 0
}

a:focus {
    outline: dotted thin
}

a:active,a:hover {
    outline: 0
}

h1 {
    margin: .67em 0
}

h2 {
    margin: .83em 0
}

dl,h3,menu,ol,p,pre,ul {
    margin: 1em 0
}

h4 {
    margin: 1.33em 0
}

h5 {
    margin: 1.67em 0
}

h6 {
    margin: 2.33em 0
}

dl,h1,h2,h3,h4,h5,h6,ol,p,pre,ul {
    margin-top: 0;
    margin-bottom: 0
}

abbr[title] {
    border-bottom: 1px dotted
}

b,strong {
    font-weight: 700
}

.icon,.popup__main-inner,h1,h2,h3,h4,h5,h6,th {
    font-weight: 400
}

.icon,cite {
    font-style: normal
}

mark {
    background: 0 0;
    color: #000
}

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

pre {
    white-space: pre;
    white-space: pre-wrap
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

dd,figure,form,hr {
    margin: 0
}

menu,ol,ul {
    padding: 0 0 0 40px
}

img {
    -ms-interpolation-mode: bicubic;
    vertical-align: bottom
}

svg:not(:root) {
    overflow: hidden
}

fieldset {
    margin: 0;
    padding: 0
}

legend {
    border: 0;
    padding: 0;
    white-space: normal
}

button,input,select,textarea {
    font-size: 100%;
    margin: 0;
    vertical-align: baseline;
    font-family: inherit
}

button,input {
    line-height: normal
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],input[disabled] {
    cursor: default
}

input[type=checkbox],input[type=radio] {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 0
}

input[type=search] {
    -webkit-appearance: textfield;
    -webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

.btn--done,.btn--follow,.btn--primary,.counter {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    display: inline-block
}

input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

textarea {
    overflow: auto;
    vertical-align: top;
    color: initial;
    resize: none
}

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

html {
    font-size: 62.5%
}

h1,h2,h3,h4,h5,h6,small {
    font-size: inherit
}

button {
    text-decoration: none;
    padding: 0
}

blockquote {
    margin: 0
}

blockquote:after,blockquote:before,q:after,q:before {
    content: ""
}

ol,ul {
    padding-left: 0
}

input,textarea {
    appearance: none;
    border-radius: 0;
    margin: 0;
    padding: 0;
    border: none
}

select {
    border: none;
    text-overflow: "";
    appearance: none
}

.btn--done,.btn--follow,.btn--primary {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #fff;
    box-sizing: border-box;
    border: 1px solid #14ba8b;
    border-radius: 2px;
    color: #14ba8b;
    font-size: 10px;
    margin: 0;
    min-height: 20px;
    min-width: 80px;
    outline: 0;
    padding: 0 5px;
    position: relative;
    text-align: center;
    text-decoration: none;
    text-shadow: none;
    vertical-align: bottom
}

.pc .btn--done:hover,.pc .btn--follow:hover,.pc .btn--primary:hover {
    background-color: #f4fffc
}

.btn--l {
    border-radius: 4px;
    font-size: 12px;
    width: 120px;
    height: 30px
}

.btn--done,.btn--primary {
    background-color: #14ba8b;
    color: #fff
}

.btn--primary:hover {
    background-color: #36b18e
}

.pc .btn--done:hover {
    background-color: #14ba8b;
    color: #fff
}

.btn--follow {
    text-align: left;
    vertical-align: top;
    padding-bottom: 2px;
    padding-top: 3px;
    position: relative
}

.btn--l.btn--follow,.counter,.noti-counter {
    text-align: center
}

.btn--follow .icon {
    font-size: 10px;
    padding: 0 4px 0 0;
    position: relative;
    vertical-align: 0
}

.btn--l.btn--follow .icon {
    font-size: 12px;
    padding-right: 5px
}

.btn--follow .icon :before {
    position: absolute;
    top: 0;
    left: 0
}

.is-disabled {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.is-invisible {
    visibility: hidden
}

.counter {
    background-color: #ed3526;
    border-radius: 9px;
    box-sizing: border-box;
    color: #fff;
    font-size: 12px;
    min-width: 18px;
    min-height: 18px;
    padding: 2px 5px
}

.notibar .tmb,.notibar .tmb img {
    border-radius: 4px
}

.notibar,.notibar__page {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.help {
    color: inherit;
    overflow: visible;
    padding: 4px;
    position: relative
}

.notibar,.notibar__inner {
    overflow: hidden;
    height: 100%
}

.help__tooltip.tooltip {
    position: absolute;
    left: 0;
    bottom: 1.2em;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transform: scale(0) translateX(-50%);
    -ms-transform: scale(0) translateX(-50%);
    transform: scale(0) translateX(-50%);
    -webkit-transition: opacity ease-out .3s;
    transition: opacity ease-out .3s
}

.help:hover .help__tooltip.tooltip {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: scale(1) translateX(-50%);
    -ms-transform: scale(1) translateX(-50%);
    transform: scale(1) translateX(-50%)
}

.help__tooltip.tooltip.tooltip--bottom-left {
    left: -13px;
    -webkit-transform: scale(0) translateX(0);
    -ms-transform: scale(0) translateX(0);
    transform: scale(0) translateX(0)
}

.help:hover .help__tooltip.tooltip.tooltip--bottom-left {
    -webkit-transform: scale(1) translateX(0);
    -ms-transform: scale(1) translateX(0);
    transform: scale(1) translateX(0)
}

.help__tooltip.tooltip.tooltip--left {
    bottom: 2px;
    left: 14px;
    -webkit-transform: scale(0) translate(0,50%);
    -ms-transform: scale(0) translate(0,50%);
    transform: scale(0) translate(0,50%)
}

.help:hover .help__tooltip.tooltip.tooltip--left {
    -webkit-transform: scale(1) translate(0,50%);
    -ms-transform: scale(1) translate(0,50%);
    transform: scale(1) translate(0,50%)
}

.icon {
    font-family: owndicons;
    display: inline-block;
    line-height: 1;
    vertical-align: -.2em
}

.comment-item__body-head .comment-item__user-name,.noti-item .txt--strong,.ogp__title,.pager--type2 .pager__description,.reblogged-site-list__site-title,.shop-item-price__value,.shop-item-quote__text {
    font-weight: 700
}

.icon--ameba:before {
    content: '\F000'
}

.icon--ameba2:before {
    content: '\F001'
}

.icon--ownd:before {
    content: '\F002'
}

.icon--hatenabookmark:before {
    content: '\F003'
}

.icon--facebook:before {
    content: '\F004'
}

.icon--facebook2:before {
    content: '\F005'
}

.icon--instagram:before {
    content: '\F006'
}

.icon--instagram2:before {
    content: '\F007'
}

.icon--twitter:before {
    content: '\F008'
}

.icon--twitter2:before {
    content: '\F009'
}

.icon--feed:before {
    content: '\F00A'
}

.icon--feed2:before {
    content: '\F00B'
}

.icon--youtube:before {
    content: '\F00C'
}

.icon--youtube2:before {
    content: '\F00D'
}

.icon--vimeo:before {
    content: '\F00E'
}

.icon--vimeo2:before {
    content: '\F00F'
}

.icon--flickr:before {
    content: '\F010'
}

.icon--flickr2:before {
    content: '\F011'
}

.icon--dribbble:before {
    content: '\F012'
}

.icon--dribbble2:before {
    content: '\F013'
}

.icon--github:before {
    content: '\F014'
}

.icon--github2:before {
    content: '\F015'
}

.icon--wordpress:before {
    content: '\F016'
}

.icon--wordpress2:before {
    content: '\F017'
}

.icon--tumblr:before {
    content: '\F018'
}

.icon--tumblr2:before {
    content: '\F019'
}

.icon--pinterest:before {
    content: '\F01A'
}

.icon--pinterest2:before {
    content: '\F01B'
}

.icon--soundcloud:before {
    content: '\F01C'
}

.icon--soundcloud2:before {
    content: '\F01D'
}

.icon--google:before {
    content: '\F01E'
}

.icon--google2:before {
    content: '\F01F'
}

.icon--googleplus:before {
    content: '\F020'
}

.icon--googleplus2:before {
    content: '\F021'
}

.icon--amazon:before {
    content: '\F022'
}

.icon--pocket:before {
    content: '\F023'
}

.icon--rakuten:before {
    content: '\F024'
}

.icon--ameblo2:before {
    content: '\F025'
}

.icon--ameblo:before {
    content: '\F026'
}

.icon--line:before {
    content: '\F027'
}

.icon--line2:before {
    content: '\F028'
}

.icon--nanagogo:before {
    content: '\F029'
}

.icon--home:before {
    content: '\F100'
}

.icon--pen:before {
    content: '\F101'
}

.icon--image:before {
    content: '\F102'
}

.icon--image2:before {
    content: '\F103'
}

.icon--camera:before {
    content: '\F104'
}

.icon--image-plus:before {
    content: '\F105'
}

.icon--dummy(file):before {
    content: '\F106'
}

.icon--arrow-l:before {
    content: '\F107'
}

.icon--tag:before {
    content: '\F108'
}

.icon--unedit:before {
    content: '\F109'
}

.icon--clock:before {
    content: '\F10A'
}

.icon--calendar:before {
    content: '\F10B'
}

.icon--arrow-u:before {
    content: '\F10C'
}

.icon--screen:before {
    content: '\F10D'
}

.icon--mobile:before {
    content: '\F10E'
}

.icon--follow:before {
    content: '\F10F'
}

.icon--followed:before {
    content: '\F110'
}

.icon--arrow-d:before {
    content: '\F111'
}

.icon--quotes:before {
    content: '\F112'
}

.icon--search:before {
    content: '\F113'
}

.icon--comment:before {
    content: '\F114'
}

.icon--reblog2:before {
    content: '\F115'
}

.icon--lock:before {
    content: '\F116'
}

.icon--arrow-r:before {
    content: '\F117'
}

.icon--mail:before {
    content: '\F118'
}

.icon--cog:before {
    content: '\F119'
}

.icon--bars:before {
    content: '\F11A'
}

.icon--remove:before {
    content: '\F11B'
}

.icon--list-s:before,.icon.icon--list-l:before {
    content: '\F11C'
}

.icon--list-r:before {
    content: '\F11D'
}

.icon--list-number:before {
    content: '\F11E'
}

.icon--dummy(menu-expand):before {
    content: '\F11F'
}

.icon--cart:before {
    content: '\F120'
}

.icon--bags:before {
    content: '\F121'
}

.icon--link:before {
    content: '\F122'
}

.icon--eye:before {
    content: '\F123'
}

.icon--notification:before {
    content: '\F124'
}

.icon--info:before {
    content: '\F126'
}

.icon--question2:before {
    content: '\F127'
}

.icon--checkmark:before {
    content: '\F128'
}

.checkbox__mark:after,.icon--checkmark2:before {
    content: '\F129'
}

.checkbox__mark--toggle:after,.icon--minus:before {
    content: '\F12A'
}

.icon--plus:before {
    content: '\F12B'
}

.icon--play:before {
    content: '\F12C'
}

.icon--loop:before,.waiting:after {
    content: '\F12D'
}

.icon--list:before {
    content: '\F12E'
}

.icon--grid:before {
    content: '\F12F'
}

.icon--magazine:before {
    content: '\F130'
}

.icon--full:before {
    content: '\F131'
}

.icon--post:before {
    content: '\F132'
}

.icon--arrow-ew:before {
    content: '\F133'
}

.icon--grid-m:before {
    content: '\F134'
}

.icon--bags2:before {
    content: '\F135'
}

.icon--bags2-list:before {
    content: '\F136'
}

.icon--text-bold:before {
    content: '\F137'
}

.icon--text-underline:before {
    content: '\F138'
}

.icon--text-italic:before {
    content: '\F139'
}

.icon--text-strikethrough:before {
    content: '\F13A'
}

.icon--table:before {
    content: '\F13B'
}

.icon--paragraph-left:before {
    content: '\F13C'
}

.icon--paragraph-center:before {
    content: '\F13D'
}

.icon--paragraph-right:before {
    content: '\F13E'
}

.icon--paragraph-justify:before {
    content: '\F13F'
}

.icon--fountain-pen:before {
    content: '\F140'
}

.icon--glasses:before {
    content: '\F141'
}

.icon--tie:before {
    content: '\F142'
}

.icon--share:before {
    content: '\F143'
}

.icon--page:before {
    content: '\F146'
}

.icon--bell:before {
    content: '\F149'
}

.icon--three-points-vertical:before {
    content: '\F14A'
}

.icon--three-points-horizontal:before {
    content: '\F14B'
}

.icon--disclosure-r:before {
    content: '\F14C'
}

.icon--disclosure-u:before {
    content: '\F14D'
}

.icon--disclosure-l:before {
    content: '\F14E'
}

.icon--disclosure-d:before,.select:after {
    content: '\F14F'
}

.icon--text-size:before {
    content: '\F150'
}

.icon--heading1:before {
    content: '\F151'
}

.icon--heading2:before {
    content: '\F152'
}

.icon--heading3:before {
    content: '\F153'
}

.icon--heading4:before {
    content: '\F154'
}

.icon--title:before {
    content: '\F155'
}

.icon--site:before {
    content: '\F156'
}

.icon--edit:before {
    content: '\F157'
}

.icon--text-size2:before {
    content: '\F158'
}

.icon--disclosure-double-l:before {
    content: '\F159'
}

.icon--disclosure-double-r:before {
    content: '\F15A'
}

.icon--upload:before {
    content: '\F15B'
}

.icon--text:before {
    content: '\F15C'
}

.icon--button:before {
    content: '\F15D'
}

.icon--disclosure-d2:before {
    content: '\F160'
}

.icon--blank:before {
    content: '\F161'
}

.icon--blank2:before {
    content: '\F162'
}

.icon--divider:before {
    content: '\F164'
}

.icon--handle:before {
    content: '\F165'
}

.icon--folder:before {
    content: '\F166'
}

.icon--html:before {
    content: '\F167'
}

.icon--location:before {
    content: '\F168'
}

.icon--markdown:before {
    content: '\F169'
}

.icon--dummy(table):before {
    content: '\F16B'
}

.icon--img-full:before {
    content: '\F16C'
}

.icon--img-middle:before {
    content: '\F16D'
}

.icon--img-large:before {
    content: '\F16E'
}

.icon--img-fixed:before {
    content: '\F16F'
}

.icon--blog:before {
    content: '\F170'
}

.icon--news:before {
    content: '\F171'
}

.icon--palette:before {
    content: '\F172'
}

.icon--search2:before {
    content: '\F173'
}

.icon--customize:before {
    content: '\F174'
}

.icon--handle2:before {
    content: '\F175'
}

.icon--triangle:before {
    content: '\F176'
}

.icon--storage:before {
    content: '\F177'
}

.icon--premium:before {
    content: '\F178'
}

.icon--upload2:before {
    content: '\F300'
}

.icon--reblog:before {
    content: '\F301'
}

.icon--blank3:before {
    content: '\F302'
}

.icon--camera2:before {
    content: '\F303'
}

.icon--folder2:before {
    content: '\F304'
}

.icon--eye2:before {
    content: '\F305'
}

.icon--info2:before {
    content: '\F306'
}

.icon--remove2:before {
    content: '\F307'
}

.icon--disclosure-double-l2:before {
    content: '\F308'
}

.icon--disclosure-l2:before {
    content: '\F309'
}

.icon--disclosure-r2:before {
    content: '\F30A'
}

.icon--disclosure-double-r2:before {
    content: '\F30B'
}

.icon--disclosure-d3:before {
    content: '\F30C'
}

.icon--disclosure-l3:before {
    content: '\F30D'
}

.icon--disclosure-r3:before {
    content: '\F30E'
}

.icon--retweet:before {
    content: '\F30F'
}

.icon--star:before {
    content: '\F310'
}

.icon--menu2:before {
    content: '\F311'
}

.icon--close:before {
    content: '\F312'
}

.icon--checkmark3:before {
    content: '\F313'
}

.icon--disclosure-r4:before {
    content: '\F314'
}

.icon--disclosure-l4:before {
    content: '\F315'
}

.icon--reply:before {
    content: '\F316'
}

.icon--search3:before {
    content: '\F317'
}

.icon--menu:before {
    content: '\F500'
}

.notibar .tmb:after,.reblog-article__site-img:after,.reblogged-site-list__thumb:after,.select--loading:after,.select:before {
    content: ''
}

.icon.icon--list-l:before {
    display: inline-block;
    -webkit-transform: rotate(180deg) translate(10%,-10%);
    -ms-transform: rotate(180deg) translate(10%,-10%);
    transform: rotate(180deg) translate(10%,-10%)
}

.icon--enabled.icon--ownd {
    color: #3dc49d
}

.icon--enabled.icon--ameba,.icon--enabled.icon--ameba2,.icon--enabled.icon--ameblo2 {
    color: #2d8c3c
}

.icon--enabled.icon--facebook,.icon--enabled.icon--facebook2 {
    color: #3b5998
}

.icon--enabled.icon--twitter,.icon--enabled.icon--twitter2 {
    color: #55acee
}

.notibar {
    -webkit-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s;
    color: #999;
    box-sizing: border-box;
    position: fixed;
    top: 73px;
    right: -280px;
    font-size: 16px;
    padding-bottom: 73px;
    width: 280px;
    z-index: 29
}

@media only screen and (max-width: 479px) {
    .notibar {
        top:61px
    }
}

.notibar .tmb {
    line-height: 0
}

.notibar .tmb--user,.notibar .tmb--user img,.notibar .tmb--user:after {
    border-radius: 50%
}

.notibar .tmb:after {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,.2);
    -webkit-transition: opacity .1s ease-in 0s;
    transition: opacity .1s ease-in 0s;
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    z-index: 1
}

.noti-item,.notibar__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.notibar__inner {
    color: inherit;
    display: box;
    display: flex;
    width: 280px
}

.notibar__page {
    background: #fff;
    border-left: solid 1px #eee;
    box-sizing: border-box;
    padding: 0 30px;
    position: relative;
    min-width: 100%;
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    overflow-x: hidden;
    -webkit-overflow-scrolling: touch
}

.notibar__page:first-child {
    -webkit-transition: all .2s ease-in 0s;
    transition: all .2s ease-in 0s
}

.notibar[data-page='2'] .notibar__page:first-child {
    -webkit-transform: translateX(-30px);
    -ms-transform: translateX(-30px);
    transform: translateX(-30px)
}

.notibar__page:nth-child(2) {
    -webkit-transition: all .3s ease-in 0s;
    transition: all .3s ease-in 0s
}

.notibar[data-page='2'] .notibar__page:nth-child(2) {
    -webkit-transform: translateX(-280px);
    -ms-transform: translateX(-280px);
    transform: translateX(-280px);
    z-index: 9
}

.notibar__heading {
    color: #999;
    font-size: 12px
}

.notibar__title {
    border-bottom: solid 1px #eee;
    padding: 0
}

.notibar__section {
    margin-top: 10px
}

.notibar__section:first-child {
    margin-top: 20px
}

.noti-counter {
    background-color: #ed3526;
    border-radius: 9px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    min-width: 18px;
    min-height: 18px;
    height: 18px;
    padding: 2px 5px
}

.noti-item {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: #999;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0 -30px;
    padding: 15px 30px
}

.checkbox-grp__checkbox,.noti-item__inner,.select {
    -webkit-box-align: center
}

.noti-item__txt,.noti-item__txt:last-child {
    margin-bottom: 0
}

.noti-item--unread {
    background-color: #f6fbf8
}

.noti-item__inner {
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    color: inherit;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    width: 100%
}

.noti-item__inner--detail {
    -webkit-box-align: start;
    -moz-box-align: start;
    -o-box-align: start;
    -ms-flex-align: start;
    -webkit-align-items: flex-start;
    align-items: flex-start
}

.noti-item:hover {
    cursor: pointer;
    color: #666
}

.noti-item:hover .tmb:after {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.noti-item:hover .icon {
    color: #999
}

.noti-item--next .noti-item__txt,.noti-item--prev .noti-item__txt {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: inherit;
    word-wrap: normal
}

.noti-item--next .noti-item__body,.noti-item--prev .noti-item__body {
    max-width: 142px
}

.noti-item__img {
    position: relative;
    line-height: 0
}

.noti-item__img>.noti-counter {
    position: absolute;
    top: -5px;
    right: -5px;
    line-height: 14px;
    z-index: 2
}

.noti-item__body {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    max-width: 170px;
    padding: 0 0 0 10px
}

.noti-item__txt {
    color: inherit;
    -webkit-transition: color .1s ease-in 0s;
    transition: color .1s ease-in 0s;
    font-size: 14px;
    line-height: 1
}

.noti-item__timeago {
    color: #ccc;
    font-size: 10px;
    margin-top: 6px;
    text-align: right
}

.noti-item:hover .noti-item__timeago {
    color: #999
}

.noti-item .icon {
    color: #ccc;
    -webkit-transition: color .1s ease-in 0s;
    transition: color .1s ease-in 0s;
    font-size: 10px
}

.noti-item .icon:first-child {
    margin-right: 10px
}

.noti-item--empty {
    display: block
}

.noti-item--empty>.icon {
    color: #eee;
    display: block;
    font-size: 50px;
    margin: 20px 0 40px;
    text-align: center
}

.noti-item .txt {
    line-height: 1.4
}

.noti-item .txt--s {
    font-size: 12px
}

.noti-item .txt--note {
    color: #999
}

.reblog-btn {
    background: #fff;
    border: none;
    border: 1px solid #ddd;
    border-radius: 15px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #7d8b88;
    display: inline-block;
    font-size: 10px;
    outline: 0;
    overflow: hidden;
    padding: 1px;
    position: relative;
    width: 30px;
    height: 30px;
    -webkit-transition: all .1s ease-out 0s;
    transition: all .1s ease-out 0s
}

.reblog-btn:disabled {
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.pc .reblog-btn:hover:not(:disabled),.reblog-btn--done {
    background-color: #7d8b88;
    border-color: #7d8b88;
    color: #fff
}

.reblog-btn>span {
    display: block;
    line-height: 2;
    padding-top: 3px;
    position: relative;
    width: 100%;
    height: 100%;
    text-align: center
}

.reblog-btn .icon--reblog2 {
    font-size: 14px
}

.reblog-btn-outer {
    margin-top: 30px;
    position: relative;
    text-align: right
}

.reblog-toast {
    position: fixed;
    right: 0;
    bottom: 0;
    left: 0;
    margin: 0 auto;
    width: 370px;
    z-index: 1000
}

.reblog-toast--sp {
    width: auto
}

.reblog-toast--show {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.reblog-toast__item {
    background-color: rgba(255,255,255,.9);
    border-radius: 4px;
    border: 1px solid #f0f0f0;
    -webkit-box-shadow: 0 0 10px rgba(0,0,0,.2);
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    cursor: pointer;
    display: table;
    margin-bottom: 10px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    padding: 10px 0 10px 10px;
    width: 380px;
    height: 34px;
    -webkit-transform: translateY(200px);
    -ms-transform: translateY(200px);
    transform: translateY(200px)
}

.reblog-toast__item:first-child {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.reblog-toast__item:nth-child(2) {
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s
}

.reblog-toast__item>.sample-view__follow-btn {
    display: table-cell;
    vertical-align: middle
}

.reblog-toast--sp .reblog-toast__item {
    margin: 10px auto;
    width: 90%
}

.reblog-toast__site-thumb {
    display: table-cell;
    margin-right: 10px;
    width: 34px;
    height: 34px;
    vertical-align: middle
}

.reblog-toast__site-thumb>img {
    border-radius: 4px;
    border: 1px solid #eee;
    width: 34px;
    height: 34px
}

.reblog-toast__site-summary {
    display: table-cell;
    line-height: 1;
    vertical-align: middle
}

.reblog-toast__site-select {
    display: table-cell;
    color: #999;
    font-size: 12px;
    vertical-align: middle
}

.reblog-toast__site-select__text {
    line-height: 2;
    margin-right: 6px
}

.reblog-toast--sp .reblog-toast__site-select__text {
    font-size: 10px
}

.reblog-toast__site-select>.icon--disclosure-r {
    vertical-align: -.1em
}

.reblog-toast__site-info {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    width: 210px
}

.reblog-toast--sp .reblog-toast__site-info {
    width: 142px
}

.reblog-toast__item--original .reblog-toast__site-info {
    width: 190px
}

.reblog-toast--sp .reblog-toast__item--original .reblog-toast__site-info {
    width: 150px
}

.reblog-toast__site-title {
    color: #666;
    font-size: 14px;
    margin: 0 0 0 10px
}

.reblog-toast__site-domain {
    color: #999;
    font-size: 12px;
    margin: 4px 0 0 10px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.reblog-toast__follow-btn {
    display: table-cell;
    vertical-align: middle
}

.reblog-toast-open .reblog-toast__item,.reblog-toast-opening .reblog-toast__item {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0);
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.reblog-popup--sp__transform,.toast-multi__item {
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0)
}

.reblog-toast-closing {
    -webkit-animation: do-nothing .4s;
    animation: do-nothing .4s
}

.reblog-toast-closing .reblog-toast__item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

@-webkit-keyframes do-nothing {
    0%,100% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}

@keyframes do-nothing {
    0%,100% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}

.reblog-popup {
    font-family: Helvetica,Arial,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}

.checkbox__mark:after,.select:after,.waiting:after {
    font-family: owndicons
}

.reblog-popup.popup {
    width: auto
}

.reblog-popup input,.reblog-popup textarea {
    outline: 0
}

.reblog-popup .input {
    margin: 17px 0;
    width: 230px
}

.reblog-popup .input__inner {
    width: 230px;
    height: 30px
}

.reblog-popup .input__input {
    font-size: 12px;
    line-height: 1;
    margin-top: 5px
}

.reblog-popup--sp {
    min-height: 100%;
    overflow-y: scroll;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 10;
    background-color: #fff
}

.reblog-popup--sp__transform {
    transform: translateY(0);
    -webkit-transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1) 0s;
    transition: -webkit-transform .3s cubic-bezier(.215,.61,.355,1) 0s;
    transition: transform .3s cubic-bezier(.215,.61,.355,1) 0s;
    transition: transform .3s cubic-bezier(.215,.61,.355,1) 0s,-webkit-transform .3s cubic-bezier(.215,.61,.355,1) 0s
}

.reblog-popup--sp__transform--close {
    -webkit-transform: translateY(100%);
    -ms-transform: translateY(100%);
    transform: translateY(100%)
}

.reblog-popup--sp__transform .ngdialog-content {
    -webkit-animation: none;
    animation: none
}

.reblog-popup--sp .input {
    margin: 14px 0
}

.reblog-popup--sp .input__inner {
    width: 100%;
    height: 40px
}

.reblog-popup__inner.popup__inner {
    border: none;
    max-height: 500px;
    overflow: hidden;
    padding-bottom: 0;
    position: absolute;
    width: 520px
}

.reblog-popup__header {
    position: relative
}

.reblog-popup--sp .reblog-popup__body {
    position: absolute;
    top: 50px;
    width: 100%
}

.reblog-popup__site {
    border-bottom: 1px solid #eee;
    background-color: #fff;
    cursor: pointer;
    height: 90px;
    padding: 20px
}

.reblog-popup__site--disable {
    cursor: default
}

.reblog-popup--sp .reblog-popup__site {
    height: auto;
    padding: 10px
}

.pc .reblog-popup__site:not(.reblog-popup__site--disable):hover {
    background-color: #fbfbfb;
    -webkit-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.reblog-popup__site-summary {
    margin-left: 10px;
    float: left;
    line-height: 1
}

.reblog-popup__site-summary>p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-wrap: normal
}

.reblog-popup--sp .reblog-popup__site-summary>p {
    width: 160px
}

.reblog-popup__site-thumb,.reblog-popup__site-thumb>img {
    width: 50px;
    height: 50px;
    border-radius: 2px
}

.reblog-popup__site-thumb {
    float: left
}

.reblog-popup--sp .reblog-popup__site-thumb {
    margin-left: 2px;
    width: 40px;
    height: 40px
}

.reblog-popup--sp .reblog-popup__site-thumb>img {
    border-radius: 4px;
    width: 40px;
    height: 40px
}

.reblog-popup__site-title {
    color: #666;
    font-size: 14px;
    width: 260px;
    margin-top: 8px
}

.reblog-popup--sp .reblog-popup__site-title {
    margin-top: 4px
}

.reblog-popup__site-domain {
    color: #999;
    font-size: 12px;
    margin-top: 10px;
    width: 260px
}

.reblog-popup__site-list {
    background-color: #fff;
    max-height: 408px;
    overflow-y: scroll;
    position: absolute;
    -webkit-transition: -webkit-transform .4s linear 0s;
    transition: -webkit-transform .4s linear 0s;
    transition: transform .4s linear 0s;
    transition: transform .4s linear 0s,-webkit-transform .4s linear 0s;
    width: 100%;
    z-index: 1
}

.reblog-popup__site-list-wrapper {
    overflow: hidden;
    position: absolute;
    width: 100%;
    height: 400px
}

.reblog-popup--sp .reblog-popup__site-list {
    max-height: none
}

.reblog-popup__site-select {
    cursor: pointer;
    position: absolute;
    right: 18px;
    top: 36px;
    font-size: 12px;
    color: #999
}

.reblog-popup--sp .reblog-popup__site-select {
    font-size: 10px;
    top: 22px
}

.reblog-popup__site-select>.icon--disclosure-d {
    padding-left: 6px
}

.reblog-popup__content {
    max-height: 345px;
    overflow-y: scroll
}

.reblog-popup__content-wrapper {
    padding: 20px 20px 8px
}

.reblog-popup--sp .reblog-popup__content {
    max-height: none;
    padding: 16px 14px 8px
}

.reblog-popup__title {
    font-size: 18px;
    line-height: 1.4;
    width: 100%
}

.reblog-popup__title::-webkit-input-placeholder {
    padding: 0
}

.reblog-popup__title::-moz-placeholder {
    padding: 0
}

.reblog-popup__title:-moz-placeholder {
    padding: 0
}

.reblog-popup__title:-ms-input-placeholder {
    padding: 0
}

.reblog-popup--sp .reblog-popup__title {
    text-overflow: ellipsis
}

.reblog-popup__text {
    border: none;
    font-size: 12px;
    width: 100%;
    line-height: 1.3;
    margin: 14px 0 20px;
    min-height: 14px;
    padding: 0;
    resize: none!important
}

.reblog-popup__text::-webkit-input-placeholder {
    padding: 0
}

.reblog-popup__text::-moz-placeholder {
    padding: 0
}

.reblog-popup__text:-moz-placeholder {
    padding: 0
}

.reblog-popup__text:-ms-input-placeholder {
    padding: 0
}

.reblog-popup--sp .reblog-popup__text {
    font-size: 14px;
    margin: 16px 0 20px -5px;
    padding-left: 6px
}

.reblog-popup__footer {
    border-top: 1px solid #eee;
    padding: 10px 16px;
    position: relative;
    width: 100%
}

.reblog-popup--sp .reblog-popup__footer {
    padding: 8px 12px 18px
}

.reblog-popup__share {
    float: left;
    margin: 0
}

.reblog-popup--sp .reblog-popup__share {
    float: right
}

.reblog-popup__share__list {
    display: inline-block
}

.reblog-popup__share__list:first-child>.icon {
    margin-left: 6px
}

.reblog-popup__share__list>.icon {
    font-size: 28px;
    cursor: pointer;
    color: #ccc;
    margin-left: 10px
}

.reblog-popup--sp .reblog-popup__share__list>.icon {
    font-size: 32px;
    margin-left: 20px
}

.reblog-popup__share__list>.icon--twitter2.icon--enabled {
    color: #55acee
}

.reblog-popup__share__list>.icon--facebook2.icon--enabled {
    color: #3b5998
}

.reblog-popup__share__list>.icon--ameblo2.icon--enabled {
    color: #2d8c3c
}

.reblog-popup__category-btn {
    background-color: transparent;
    border: 1px solid #eee;
    border-radius: 4px;
    color: #999;
    float: left;
    font-size: 12px;
    margin-left: 10px;
    outline: 0;
    padding: 0 7px;
    width: 100px;
    height: 30px
}

.pc .reblog-popup__category-btn:hover {
    background-color: #fbfbfb;
    -webkit-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.reblog-popup__action {
    float: right;
    display: inline-block;
    margin-right: 4px
}

.reblog-popup__action>.popup__btn {
    font-size: 12px;
    letter-spacing: 1.4px;
    padding: 0 8px;
    width: 100px;
    height: 30px
}

.reblog-popup__action>.popup__btn>.icon--reblog2 {
    font-size: 16px;
    margin-right: 2px
}

.reblog-popup__action>.popup__btn.popup__btn--negative {
    margin-right: 12px
}

.reblog-popup__action__close {
    padding: 15px
}

.reblog-popup__action__close>.icon--close {
    color: #999;
    font-size: 20px;
    font-weight: 700
}

.reblog-popup__action--sp {
    background-color: #eee;
    position: fixed;
    width: 100%;
    z-index: 2
}

.reblog-popup__action--sp>.popup__btn--primary {
    float: right;
    margin: 7px 13px;
    padding: 8px 10px;
    font-size: 14px;
    min-width: 75px
}

.reblog-popup__action--sp>.popup__btn--primary>.icon--reblog2 {
    font-size: 16px;
    margin-right: 6px
}

.reblog-popup .checkbox-grp {
    line-height: 1;
    margin: 0 0 0 -1px
}

.reblog-popup .checkbox-grp__checkbox {
    display: inline-block;
    margin: 0 0 3px;
    max-width: 100%;
    overflow: hidden;
    padding: 0 0 0 1px;
    text-overflow: ellipsis
}

.reblog-popup .checkbox-grp__checkbox .checkbox__label {
    color: #999;
    cursor: pointer;
    font-size: 12px;
    margin: 0;
    padding-left: 7px;
    padding-right: 10px
}

.reblog-item {
    border: 1px solid #eee;
    background-color: #fafafa;
    margin-bottom: 10px
}

.reblog-item__body {
    padding: 20px 22px
}

.reblog-popup--sp .reblog-item__body {
    padding: 16px 15px
}

.reblog-item__title {
    color: #333;
    font-size: 16px;
    line-height: 1;
    width: 100%
}

.reblog-popup .reblog-item__title {
    line-height: inherit
}

.reblog-item__text {
    color: #999;
    font-size: 12px;
    width: 100%
}

.reblog-item__title+.reblog-item__text {
    margin-top: 20px
}

.reblog-popup--sp .reblog-item__title+.reblog-item__text {
    margin-top: 10px
}

.reblog-item__domain {
    color: #ccc;
    font-size: 10px;
    margin-top: 2px
}

.reblog-item__img {
    padding: 20px 20px 0
}

.reblog-item__img img {
    width: 100%
}

.reblog-article__hr {
    position: relative;
    margin: 40px 0
}

.reblog-article__hr>.divider {
    border-width: 1px
}

.reblog-article__site-img {
    display: inline-block;
    position: relative;
    width: 16px;
    height: 16px
}

.reblog-article__site-img>img {
    border: 1px solid #ccc;
    border-radius: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 16px;
    height: 16px;
    vertical-align: baseline
}

.reblog-article__site-img:after {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    border-radius: 2px;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20
}

.pc .reblog-article__site-img:hover:after {
    background-color: rgba(0,0,0,.1);
    -webkit-transition: background-color .2s ease-out 0s;
    transition: background-color .2s ease-out 0s
}

.reblog-article__site-title {
    display: inline-block;
    font-size: 12px;
    margin-left: 6px;
    vertical-align: .3em;
    word-break: break-all
}

.pc .reblog-article__site-title:hover,.pc .reblog-article__title-text:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70);
    -webkit-transition: opacity .2s ease-out 0s;
    transition: opacity .2s ease-out 0s
}

.reblog-article__content {
    margin-top: 40px
}

.reblog-article__content>blockquote {
    margin-top: 0
}

.reblog-article__content>blockquote.reblog-article--title-hide :first-child {
    margin-top: 10px
}

.reblog-article__content>* {
    margin-top: 30px
}

@media only screen and (max-width: 800px) {
    .reblog-article__content>* {
        margin-top:15px
    }
}

.reblog-article__content--deleted {
    background-color: #eee;
    border: 1px solid #aaa;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #999;
    display: table;
    margin-top: 55px;
    width: 100%;
    height: 300px
}

.select,.select:before {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.reblog-article__content--deleted__txt {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.reblog-article__url {
    display: block;
    font-size: 12px;
    margin-top: 20px
}

.reblog-article__url__line {
    border-bottom: solid 1px;
    display: inline-block;
    margin-right: 10px;
    vertical-align: middle;
    width: 20px
}

.reblog-icon {
    color: #999
}

.reblog-icon--badge {
    font-size: 16px;
    line-height: 1;
    width: 16px;
    height: 16px
}

.reblog-article__site>.reblog-icon {
    font-size: 16px;
    margin-right: 4px;
    vertical-align: .05em
}

.reblog-count {
    cursor: pointer;
    position: absolute;
    font-size: 10px;
    letter-spacing: .1em;
    line-height: 30px
}

.pc .reblog-count:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.reblog-popup-discard {
    background: 0 0;
    position: fixed;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    margin: auto;
    width: 254px;
    height: 50px;
    text-align: center
}

.reblog-popup-discard__text {
    color: #fff;
    font-size: 18px;
    letter-spacing: 1px;
    margin-bottom: 10px
}

.reblog-popup-discard .popup__btn:first-child {
    margin-right: 10px;
    width: 98px
}

@media only screen and (max-width: 800px) {
    .reblogged-site-list.popup {
        max-width:none;
        width: 100%;
        height: 100%
    }
}

.reblogged-site-list__thumb,.reblogged-site-list__thumb img {
    height: 50px;
    width: 50px;
    border-radius: 4px
}

.reblogged-site-list>.popup__inner {
    max-height: 540px;
    overflow-y: scroll;
    padding-top: 50px;
    padding-bottom: 0;
    width: 600px
}

@media only screen and (max-width: 800px) {
    .reblogged-site-list>.popup__inner {
        max-height:70%;
        width: 85%
    }
}

.reblogged-site-list__title {
    font-size: 18px;
    letter-spacing: .1em;
    margin: 0;
    text-align: center
}

.reblogged-site-list__item {
    border-top: 1px solid #eee;
    padding: 20px;
    position: relative
}

.reblogged-site-list__item:first-child {
    border: none
}

.reblogged-site-list__thumb {
    float: left;
    position: relative
}

.reblogged-site-list__thumb:after {
    position: absolute;
    top: 0;
    left: 0;
    background: rgba(0,0,0,0);
    border-radius: 4px;
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20
}

.pc .reblogged-site-list__thumb:hover:after {
    background-color: rgba(0,0,0,.1)
}

.reblogged-site-list__summary {
    line-height: 1;
    margin-left: 68px;
    margin-top: 8px;
    margin-right: 130px
}

.reblogged-site-list__comment {
    color: #999;
    font-size: 12px;
    line-height: 1.8;
    margin-top: 12px;
    margin-bottom: 12px
}

.reblogged-site-list__site-title {
    color: #666;
    font-size: 14px
}

.pc .reblogged-site-list__site-title:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.reblogged-site-list__site-domain {
    color: #999;
    font-size: 12px;
    margin-top: 6px
}

.reblogged-site-list__follow-btn {
    position: absolute;
    top: 28px;
    right: 20px;
    line-height: 1
}

@media only screen and (max-width: 800px) {
    .reblogged-site-list__summary {
        margin-right:0
    }

    .reblogged-site-list__follow-btn {
        display: none
    }
}

.reblogged-site-list .reblogged-site-list__follow-btn {
    margin: 0
}

.reblogged-site-list__follow-btn .icon {
    width: 20px;
    height: 15px
}

.page--sp .reblogged-site-list__follow-btn .icon {
    width: 10px
}

.reblogged-site-list__follow-btn .icon:before {
    position: absolute;
    top: 0;
    left: 2px
}

@media only screen and (min-width: 480px) {
    .reblogged-site-list__follow-btn .icon {
        margin-right:0;
        margin-top: -2px;
        vertical-align: top
    }

    .reblogged-site-list__follow-btn .icon--plus {
        margin-left: 18px
    }

    .reblogged-site-list__follow-btn .icon--checkmark2 {
        margin-left: 12px
    }

    .reblogged-site-list__follow-btn {
        border-radius: 4px;
        font-size: 12px;
        margin-top: -2px;
        vertical-align: top;
        width: 118px;
        height: 28px
    }

    .reblogged-site-list__follow-btn .icon:before {
        font-size: 12px;
        line-height: 1.2
    }
}

.select {
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    display: inline-block;
    font-size: 14px;
    margin: 10px 0;
    position: relative
}

.select--no-margin {
    margin: 0
}

.select--xs {
    height: 24px
}

.select--s {
    height: 38px
}

.select:before {
    position: absolute;
    top: 0;
    right: 48px;
    background: #eee;
    border-bottom: solid 1px transparent;
    border-top: solid 1px transparent;
    box-sizing: border-box;
    -webkit-background-clip: content;
    background-clip: content-box;
    display: block;
    height: 100%;
    width: 1px;
    z-index: 5
}

.options__item,.select__pseudo-value {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.select--s.select:before {
    right: 38px
}

.select--xs.select:before {
    right: 24px
}

.select:hover:before {
    border-bottom-width: 2px;
    border-top-width: 2px
}

.select:after {
    position: absolute;
    top: 0;
    right: 17px;
    bottom: 0;
    color: #ddd;
    display: block;
    margin: auto 0;
    line-height: .8em;
    width: 1em;
    height: 1em
}

.select--s.select:after {
    right: 14px
}

.select--loading.select--s.select:after {
    right: 9px
}

.select--xs.select:after {
    font-size: 12px;
    right: 7px
}

.select--loading.select--xs.select:after {
    right: 2px
}

.select--loading:after {
    right: 10px;
    width: 20px;
    height: 20px;
    -webkit-animation: loader-spinner .5s linear infinite;
    animation: loader-spinner .5s linear infinite;
    border-radius: 100%;
    border-top: 3px solid rgba(0,0,0,.1);
    border-left: 3px solid rgba(0,0,0,.1);
    border-bottom: 3px solid rgba(0,0,0,.1);
    border-right: 3px solid #3dc49d
}

#mdrd-a66be375c .owndbar-follow__btn>.icon--loop,.site-follow__btn>.icon--loop,.waiting:after {
    -webkit-animation: loader-spinner .6s linear infinite
}

.select__select {
    position: absolute;
    left: 0;
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    z-index: 10
}

.select__select:hover+.select__pseudo-value {
    border-color: #7d8b88;
    border-width: 2px;
    padding: 13px 61px 13px 13px
}

.select--s .select__select:hover+.select__pseudo-value {
    padding: 7px 39px 7px 9px
}

.select--xs .select__select:hover+.select__pseudo-value {
    padding: 5px 29px 4px 4px
}

.select__pseudo-value {
    background: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
    color: #999;
    -webkit-transition: border-color .1s ease-in 0s;
    transition: border-color .1s ease-in 0s;
    line-height: 1.5;
    min-width: 190px;
    padding: 14px 62px 14px 14px;
    text-align: left;
    width: 100%;
    height: auto
}

.select--s .select__pseudo-value {
    height: 38px;
    overflow: hidden;
    padding: 8px 40px 8px 10px;
    text-overflow: ellipsis;
    white-space: nowrap
}

.select--xs .select__pseudo-value {
    font-size: 12px;
    line-height: 1;
    height: 24px;
    min-width: 130px;
    padding: 6px 30px 5px 5px
}

.select__pseudo-value--err {
    background-color: #fee
}

.select__pseudo-opts {
    position: absolute;
    top: 58px;
    left: 0
}

.select__pseudo-opt {
    width: 100%;
    height: 48px
}

.options {
    background: #fff;
    display: none;
    margin: 0;
    min-width: 100%;
    z-index: 8
}

.options__item--selected,.options__item:hover {
    background-color: #fafafa
}

.options__item {
    border-right: solid 1px #eee;
    border-bottom: solid 1px #eee;
    border-left: solid 1px #eee;
    box-sizing: border-box;
    -webkit-transition: all .1s ease-in 0s;
    transition: all .1s ease-in 0s;
    padding: 18px
}

.shop-item-sp__img-cursor__item,.shop-item__img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.options__item:first-child {
    border-top: solid 1px #eee;
    border-radius: 4px 4px 0 0
}

.options__item:last-child {
    border-radius: 0 0 4px 4px
}

.options__item:hover {
    cursor: pointer
}

.shop-item-sp__title {
    margin-top: 24px
}

.page__main--blog-detail .shop-item-sp__title>.blog-title__text {
    font-size: 16px
}

.shop-item-sp__body {
    margin-top: 20px
}

.shop-item-sp__img-wrapper {
    position: relative
}

.shop-item-sp__img-outer {
    overflow: hidden
}

.shop-item-sp__img {
    display: inline-block;
    position: relative;
    overflow: hidden;
    width: 100%;
    padding-bottom: 100%
}

.shop-item-sp__img img {
    position: absolute;
    top: -100%;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: auto;
    width: 100%
}

.shop-item-sp__img-cursor {
    line-height: 1;
    margin-top: 10px;
    text-align: center;
    width: 100%
}

.shop-item-sp__img-cursor__item {
    background-color: #ccc;
    border-radius: 6px;
    border: 1px solid #eee;
    box-sizing: border-box;
    display: inline-block;
    width: 10px;
    height: 10px;
    margin-left: 3px
}

.shop-item-sp__img-cursor__item--active {
    background-color: #333
}

.shop-item-category {
    color: #9a9a9a;
    font-size: 10px
}

.shop-item-register .shop-item-category {
    margin-bottom: 20px;
    padding-bottom: 0
}

.shop-item--sp .shop-item-category {
    padding-bottom: 0
}

.shop-item-category-list {
    display: inline-block;
    font-size: 10px;
    margin: 0;
    vertical-align: bottom
}

.shop-item-regist .shop-item-category-list {
    margin-top: 0
}

.shop-item-category-list__item,.shop-item-category-list__item>a {
    display: inline-block
}

.shop-item-category-list__item>a:after {
    content: ',';
    display: inline-block;
    margin: 0 3px 0 0
}

.shop-item-category-list__item:last-child a:after {
    content: none
}

.shop-item__content {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin-top: 40px
}

@media only screen and (min-width: 801px) {
    .shop-item--public .shop-item__content {
        margin-bottom:80px
    }
}

.shop-item .icon--image-plus {
    color: #eee
}

.shop-item__img {
    box-sizing: border-box;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding-right: 40px
}

.shop-item-sub-img__item,.shop-item__body {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.shop-item__img .img {
    border-width: 1px;
    border-style: solid;
    border-radius: 0;
    margin-bottom: 0;
    max-width: 100%;
    overflow: hidden;
    padding-bottom: 100%;
    position: relative;
    width: 100%;
    height: auto
}

.shop-item-register .shop-item__img .img {
    border-color: #eee
}

.shop-item__img .img .placeholder__outer {
    position: static
}

.shop-item__img .img img {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%
}

.shop-item__img .icon--remove {
    position: absolute;
    right: 5px;
    bottom: 5px;
    color: #fff;
    font-size: 12px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    padding: 0;
    z-index: 11
}

.shop-item__img .img--hover .icon--remove {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.shop-item__main-img {
    position: relative;
    margin-bottom: 8px;
    z-index: 1
}

@media only screen and (max-width: 800px) {
    .shop-item--public .shop-item__content {
        display:block
    }

    .shop-item--public .shop-item__img {
        padding-right: 0
    }

    .shop-item--public .shop-item__main-img {
        margin-bottom: 10px
    }
}

.shop-item__main-img .icon--image-plus {
    font-size: 80px
}

.shop-item__main-img .icon--remove {
    bottom: 10px;
    right: 10px
}

.shop-item-sub-img {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 0;
    width: 100%
}

.shop-item-sub-img__item {
    box-sizing: border-box;
    display: inline-block;
    width: 18%
}

.shop-item-sub-img__item--active {
    cursor: pointer
}

.shop-item-sub-img .shop-item-sub-img__item--inactive {
    border: none
}

.shop-item-sub-img__item .txt--err {
    position: absolute;
    top: 5px;
    left: 5px;
    line-height: 1
}

.shop-item-sub-img__img {
    position: absolute;
    width: 100%;
    height: 100%
}

.shop-item-sub-img .icon--image-plus {
    font-size: 24px
}

.shop-item__placeholder {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    color: #ccc;
    width: 100%;
    height: 140px;
    margin: auto
}

.shop-item__placeholder__text {
    margin-top: 18px
}

.shop-item__placeholder__text--regist {
    font-size: 14px
}

.shop-item__placeholder__text--addition {
    font-size: 12px
}

.shop-item__body {
    width: 280px;
    box-sizing: border-box
}

.shop-item__detail {
    margin-bottom: 20px;
    position: relative
}

.shop-item--sp .shop-item__detail {
    border-top-style: solid;
    border-top-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-bottom: 10px;
    padding-top: 20px;
    padding-bottom: 14px
}

.shop-item--sp .shop-item__detail>.txt {
    margin-bottom: 24px
}

.shop-item__order {
    display: inline-block;
    overflow: hidden;
    vertical-align: top
}

.shop-item__order--label {
    font-size: 1.2rem;
    margin-bottom: 5px
}

@media only screen and (max-width: 800px) {
    .shop-item--public .shop-item__body {
        margin-left:0;
        margin-top: 30px;
        width: 100%
    }

    .shop-item__order {
        width: 100%
    }
}

.shop-item__order:first-child {
    margin-right: 20px
}

.shop-item__order:first-child .select--xs .select__pseudo-value {
    display: inline-block;
    min-width: 158px;
    overflow: hidden;
    text-overflow: ellipsis;
    vertical-align: text-bottom;
    white-space: nowrap
}

@media only screen and (min-width: 801px) {
    .shop-item__order:first-child .select--xs .select__pseudo-value {
        width:175px
    }
}

@media only screen and (max-width: 800px) {
    .shop-item__order:first-child .select--xs .select__pseudo-value {
        width:100%
    }
}

.shop-item-register .shop-item__order:first-child .select--xs .select__pseudo-value {
    width: 158px
}

.shop-item-register .shop-item__order:last-child,.shop-item-register .shop-item__order:last-child>.select,.shop-item-register .shop-item__order:last-child>.select>.select__pseudo-value {
    width: 60px
}

.shop-item__order .select--xs {
    height: 39px
}

@media only screen and (max-width: 800px) {
    .shop-item__order .select--xs {
        width:100%
    }
}

.shop-item__order .select--xs .select__pseudo-value {
    min-width: 60px;
    height: 100%;
    padding: 13px
}

@media only screen and (min-width: 801px) {
    .shop-item__order .select--xs .select__pseudo-value {
        width:85px
    }
}

.shop-item__order .select--xs .select__select:hover+.select__pseudo-value {
    padding: 13px
}

.shop-item__btn-cart {
    background-color: #707070;
    border: 1px solid;
    color: #fff;
    margin-top: 14px;
    outline: 0;
    width: 100%;
    height: 50px;
    -webkit-transition: all .3s ease-out;
    transition: all .3s ease-out
}

.shop-item__btn-cart:not([disabled]):hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.shop-item__btn-cart>.icon--cart {
    margin-right: 10px;
    vertical-align: 0
}

.shop-item__btn-cart[disabled] {
    background-color: #c1c1c1
}

.shop-item__btn-cart--soldout {
    background-color: #c1c1c1;
    letter-spacing: 2px
}

#mdrd-a66be375c .shop-item__help {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    display: block!important;
    font-size: 12px!important;
    margin: 10px 0 20px!important;
    text-align: center!important;
    height: auto!important;
    width: auto!important
}

#mdrd-a66be375c .ogp--ad,#mdrd-a66be375c .shop-item__help * {
    opacity: 1!important;
    visibility: visible!important;
    text-indent: 0!important;
    -ms-transform: none!important
}

#mdrd-a66be375c .shop-item__help * {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    display: inline-block!important;
    font-size: inherit!important;
    margin: 0!important;
    height: auto!important;
    width: auto!important
}

#mdrd-a66be375c .shop-item__help a {
    color: inherit!important
}

.shop-item-price {
    line-height: 1
}

.shop-item-price__value {
    font-size: 24px
}

@media only screen and (max-width: 800px) {
    .shop-item-price__value {
        font-size:20px
    }
}

.shop-item-price__unit {
    font-size: 14px
}

.shop-item-variation {
    margin-top: 20px
}

.shop-item--sp .shop-item-variation {
    margin-top: 10px
}

.shop-item-share {
    text-align: right
}

.shop-item-quote {
    position: relative;
    border-style: solid;
    border-width: 1px;
    border-color: #eee
}

.shop-item-quote--none {
    background-color: #f0f0f0;
    display: table;
    width: 100%;
    height: 180px
}

.shop-item-quote--none .txt {
    display: table-cell;
    text-align: center;
    vertical-align: middle
}

.pc .shop-item-quote__action:hover:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255,255,255,.3)
}

.shop-item-quote__img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: relative;
    overflow: hidden
}

.shop-item-quote__img>img {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto;
    width: 100%
}

.shop-item-quote--list .shop-item-quote__img {
    float: left;
    width: 180px;
    height: 180px
}

@media only screen and (max-width: 800px) {
    .shop-item-quote--list .shop-item-quote__img {
        float:none;
        width: 100%;
        height: auto;
        padding-bottom: 75%
    }
}

.col1-3 .shop-item-quote__img,.col1-4 .shop-item-quote__img {
    float: none;
    width: 100%;
    padding-bottom: 75%
}

.shop-item-quote--magazine .shop-item-quote__img {
    width: 100%;
    padding-bottom: 75%
}

.shop-item-quote__text {
    font-size: 16px;
    margin-bottom: 20px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.shop-item-quote__detail {
    margin-bottom: 20px
}

.shop-item-quote__body {
    color: #666;
    font-size: 14px;
    padding: 20px;
    vertical-align: top;
    border-color: #eee
}

@media only screen and (min-width: 801px) {
    .shop-item-quote--list .shop-item-quote__body {
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        margin-left: 180px;
        min-height: 180px;
        border-left-style: solid;
        border-left-width: 1px
    }
}

.shop-item-quote--magazine .shop-item-quote__body {
    border-top-style: solid;
    border-top-width: 1px
}

.col1-3 .shop-item-quote__body,.col1-4 .shop-item-quote__body {
    margin-left: 0;
    border-left: none;
    border-top-style: solid;
    border-top-width: 1px;
    min-height: auto
}

.shop-item-quote__soldout {
    font-size: 14px;
    color: #ddd
}

.shop-item-quote__tax-label,.waiting:after {
    font-size: 12px
}

.shop-item-quote__detail-btn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    border-width: 1px;
    border-style: solid;
    font-size: 12px;
    padding: 4px 20px
}

.tmb__img,.toast-multi,.waiting {
    bottom: 0;
    right: 0
}

.checkbox-grp__checkbox,.waiting {
    padding-bottom: 1px;
    padding-top: 1px
}

.block__inner .shop-item-quote__detail-btn {
    background-color: #7d8b88;
    color: #fff
}

.tmb {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    display: inline-block;
    overflow: hidden;
    position: relative;
    text-align: center;
    width: 70px;
    height: 70px
}

.tmb--size-100.tmb--r,.tmb--size-100.tmb--r>.tmb__img,.tmb--size-140.tmb--r,.tmb--size-140.tmb--r>.tmb__img,.tmb--size-150.tmb--r,.tmb--size-150.tmb--r>.tmb__img,.tmb--size-200.tmb--r,.tmb--size-200.tmb--r>.tmb__img,.tmb--size-32.tmb--r,.tmb--size-32.tmb--r>.tmb__img,.tmb--size-38.tmb--r,.tmb--size-38.tmb--r>.tmb__img,.tmb--size-50.tmb--r,.tmb--size-50.tmb--r>.tmb__img,.tmb--size-66.tmb--r,.tmb--size-66.tmb--r>.tmb__img,.tmb--size-70.tmb--r,.tmb--size-70.tmb--r>.tmb__img {
    border-radius: 50%
}

.tmb--action:hover:after,.tmb__img,.toast-multi,.waiting {
    position: absolute;
    left: 0
}

.tmb--size-200 {
    min-width: 200px;
    min-height: 200px;
    width: 200px;
    height: 200px
}

.tmb--size-150 {
    min-width: 150px;
    min-height: 150px;
    width: 150px;
    height: 150px
}

.tmb--size-140 {
    min-width: 140px;
    min-height: 140px;
    width: 140px;
    height: 140px
}

.tmb--size-100 {
    min-width: 100px;
    min-height: 100px;
    width: 100px;
    height: 100px
}

.tmb--size-80 {
    min-width: 80px;
    min-height: 80px;
    width: 80px;
    height: 80px
}

.tmb--size-80.tmb--r,.tmb--size-80.tmb--r>.tmb__img {
    border-radius: 50%
}

.tmb--size-70 {
    min-width: 70px;
    min-height: 70px;
    width: 70px;
    height: 70px
}

.tmb--size-66 {
    min-width: 66px;
    min-height: 66px;
    width: 66px;
    height: 66px
}

.tmb--size-50 {
    min-width: 50px;
    min-height: 50px;
    width: 50px;
    height: 50px
}

.tmb--size-38 {
    min-width: 38px;
    min-height: 38px;
    width: 38px;
    height: 38px
}

.tmb--size-32 {
    min-width: 32px;
    min-height: 32px;
    width: 32px;
    height: 32px
}

.tmb__img,.tmb__img img {
    width: 100%
}

.tmb--action:hover {
    -webkit-box-shadow: inset 2px 2px 1px rgba(0,0,0,.6);
    box-shadow: inset 2px 2px 1px rgba(0,0,0,.6)
}

.tmb--action:hover:after {
    top: 0;
    background: rgba(0,0,0,.1);
    content: '';
    display: block;
    width: 100%;
    height: 100%;
    z-index: 20
}

.tmb__img {
    top: 0;
    border-radius: 4px;
    margin: auto
}

.toast-multi__item {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    transform: translateY(0)
}

.ngtoast-opening .toast-multi__item:nth-child(1) {
    -webkit-transition: all .3s ease 0s;
    transition: all .3s ease 0s
}

.ngtoast-closing .toast-multi__item:nth-child(1) {
    -webkit-transition: all .5s ease-out .2s;
    transition: all .5s ease-out .2s
}

.ngtoast-opening .toast-multi__item:nth-child(2) {
    -webkit-transition: all .3s ease .1s;
    transition: all .3s ease .1s
}

.ngtoast-closing .toast-multi__item:nth-child(2) {
    -webkit-transition: all .5s ease-out .1s;
    transition: all .5s ease-out .1s
}

.ngtoast-opening .toast-multi__item:nth-child(3) {
    -webkit-transition: all .3s ease .2s;
    transition: all .3s ease .2s
}

.ngtoast-closing .toast-multi__item:nth-child(3) {
    -webkit-transition: all .5s ease-out 0s;
    transition: all .5s ease-out 0s
}

.toast-multi.ngtoast-open .toast-multi__item,.toast-multi.ngtoast-opening .toast-multi__item {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    transform: translateY(0)
}

.waiting {
    top: 0;
    display: block;
    margin: auto;
    width: 1.2em;
    height: 1.2em
}

.checkbox__mark,.waiting:after {
    position: relative;
    text-align: center
}

.waiting:after {
    animation: loader-spinner .6s linear infinite;
    display: block;
    line-height: 1;
    height: 13px;
    margin: auto
}

.checkbox__mark,.checkbox__mark:after {
    width: 20px;
    height: 20px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#wovn-translate-widget {
    bottom: 0!important
}

.checkbox {
    cursor: pointer;
    display: inline-block;
    margin: 4px 7px 4px 0;
    white-space: nowrap
}

.checkbox:only-child {
    margin: 0
}

.checkbox__mark {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 4px;
    box-sizing: border-box;
    display: inline-block;
    min-width: 20px;
    min-height: 20px
}

.checkbox__mark:hover {
    background-color: #e9e9e9
}

.checkbox__mark:after {
    position: absolute;
    left: 0;
    right: 0;
    font-size: 10px;
    margin: 0 auto;
    box-sizing: border-box;
    background: #3dc49d;
    border-radius: 4px;
    display: block;
    color: #fff;
    line-height: 2em;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: all .1s ease 0s;
    transition: all .1s ease 0s
}

.input__inner,.input__success {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.checkbox__mark--toggle:after {
    background: 0 0;
    color: #999;
    line-height: 1.8em;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.checkbox__item {
    display: none
}

.checkbox__item:checked+.checkbox__mark {
    border: none
}

.checkbox__item:checked+.checkbox__mark:after {
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.checkbox__item:disabled+.checkbox__mark {
    background-color: #eee;
    cursor: default;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30)
}

.checkbox__item:disabled+.checkbox__mark+.checkbox__label {
    cursor: default;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30)
}

.checkbox__label {
    color: #999;
    font-size: 12px;
    padding-left: 5px;
    vertical-align: .4em
}

.input--inline,.input--v-middle {
    vertical-align: middle
}

.checkbox__label:hover {
    cursor: pointer
}

.checkbox__response {
    background-color: #7d8b88;
    border-radius: 4px;
    color: #fff;
    font-size: 12px;
    line-height: 28px;
    min-height: 28px;
    min-width: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    padding-left: 10px;
    padding-right: 10px;
    text-align: center;
    -webkit-transform: scale(0);
    -ms-transform: scale(0);
    transform: scale(0);
    -webkit-transition: -webkit-transform .1s ease-out 0s;
    transition: -webkit-transform .1s ease-out 0s;
    transition: transform .1s ease-out 0s;
    transition: transform .1s ease-out 0s,-webkit-transform .1s ease-out 0s
}

.checkbox__response--fade-animate {
    -webkit-transition: opacity .1s ease-out 0s;
    transition: opacity .1s ease-out 0s;
    -webkit-transform: scale(1);
    -ms-transform: scale(1);
    transform: scale(1)
}

.comment-more-btn:before,.pswp__close__item:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg)
}

.checkbox__response.is-active {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    -webkit-transition: all .1s ease-out .4s;
    transition: all .1s ease-out .4s
}

.checkbox-grp__checkbox {
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    margin: 19px 0 24px
}

.checkbox-grp__checkbox .checkbox__label {
    cursor: default;
    padding-left: 15px
}

.cursor-pointer,.input__icon--interactive {
    cursor: pointer
}

.checkbox-grp__checkbox .checkbox__label-inner {
    -webkit-transition: color .1s ease-in 0s;
    transition: color .1s ease-in 0s;
    cursor: pointer
}

.checkbox-grp__checkbox .checkbox__label-inner:hover {
    color: #666
}

.checkbox-grp__checkbox .checkbox__text {
    font-size: 12px;
    padding-left: 0
}

.checkbox-grp__description {
    margin-top: 12px
}

.checkbox-grp--response {
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.input-datetime__item,.input__inner,.loader {
    -webkit-box-align: center
}

.input {
    background-color: #fff;
    border-radius: 4px;
    margin: 10px 0
}

.input__inner,.input__input {
    background-color: transparent
}

.input--no-margin {
    margin: 0
}

.input:hover:not(.input--focus)>.input__inner {
    border-width: 2px;
    padding: 0;
    border-color: #7d8b88
}

.container .input:not(.input--inline):first-child {
    margin-top: 0
}

.input--disabled>.input__inner {
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50)
}

.input--disabled:hover>.input__inner {
    border: 1px solid #eee;
    padding: 1px
}

.input--focus>.input__inner {
    border-width: 2px;
    padding: 0;
    border-color: #3dc49d
}

.input--xs .input__input,.input--xs .input__label {
    padding-right: 10px;
    padding-left: 10px
}

.input--xs .input__inner {
    height: 25px
}

.input--xs .input__input {
    font-size: 12px
}

.input--s .input__inner {
    height: 38px
}

.input--s .input__label {
    padding-right: 12px;
    padding-left: 12px
}

.input--hs {
    width: 172px
}

.input--hm {
    width: 360px
}

.input--inline {
    display: inline-block
}

.input--inline .input__input {
    height: 100%
}

.input-table {
    display: table
}

.input-table-full {
    width: 100%
}

.input-table-cell {
    display: table-cell
}

.input-datetime,.input__inner {
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox
}

.input--txt {
    padding: 5px
}

.input--txt:first-child {
    padding-left: 0
}

.input__inner {
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    border: 1px solid #eee;
    border-radius: 4px;
    box-sizing: border-box;
    color: #999;
    -webkit-transition: border-color .1s ease-in 0s;
    transition: border-color .1s ease-in 0s;
    font-size: 14px;
    display: box;
    display: flex;
    height: 51px;
    padding: 1px
}

.input__input,.input__label {
    display: block;
    font-size: 14px
}

.input__inner textarea::-webkit-input-placeholder {
    color: #ccc
}

.input__inner textarea::-moz-placeholder {
    color: #ccc
}

.input__inner textarea:-moz-placeholder {
    color: #ccc
}

.input__inner textarea:-ms-input-placeholder {
    color: #ccc
}

.input__label {
    border-right: solid 1px #eee;
    color: #666;
    line-height: 1.1;
    padding: 4px 20px;
    white-space: nowrap
}

.input__label .icon {
    color: #ccc
}

.input__aside {
    padding-right: 10px
}

.input__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    border: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    color: #666;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    -ms-box-flex: 1;
    box-flex: 1;
    -webkit-flex-grow: 1;
    -ms-flex-positive: 1;
    flex-grow: 1;
    padding: 0 14px;
    width: 100%
}

.input__input::-webkit-input-placeholder {
    color: #ccc
}

.input__input::-moz-placeholder {
    color: #ccc
}

.input__input:-moz-placeholder {
    color: #ccc
}

.input__input:-ms-input-placeholder {
    color: #ccc
}

.input__input[disabled] {
    color: #666;
    -webkit-text-fill-color: #666
}

.input__success {
    box-sizing: border-box;
    color: #3dc49d;
    font-size: 18px;
    margin: 0 12px 0 0;
    width: 18px;
    height: 18px;
    text-align: right
}

.input--err {
    background-color: #fee
}

.input__err {
    background: #e0331a;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    color: #fff;
    font-size: 14px;
    margin: 4px 0 0;
    padding: 12px 12px 12px 20px
}

.comment-item__form,.comment-item__input {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.input__err--w-bottom-margin {
    margin-bottom: 4px
}

.input__icon {
    color: inherit
}

.input__icon--active,.input__icon--interactive:hover {
    color: #4a5252
}

.input__icon--right {
    margin-right: 10px
}

.input-datetime {
    display: box;
    display: flex
}

.input-datetime__item {
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex
}

.input-datetime__item--date .input__inner,.input-datetime__item--time .input__inner {
    min-width: 103px
}

.input-datetime__input>.input__inner {
    height: 28px;
    position: relative
}

.input-datetime__input>.input__inner>.input__input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    background: rgba(255,255,255,0);
    font-size: 12px;
    padding-left: 5px;
    padding-right: 5px;
    width: 100%;
    height: 100%
}

.input-datetime__pseudo-value {
    font-size: 12px;
    padding-left: 7px;
    padding-right: 7px
}

.input-datetime__icon {
    color: #999;
    margin-right: 10px
}

.bloginfo {
    margin-top: 30px
}

.bloginfo+.share {
    margin-top: 10px
}

.bloginfo-category-list {
    font-size: 1rem
}

.bloginfo-category-list__item {
    display: inline
}

.bloginfo-category-list__item>a:after {
    content: ',';
    display: inline-block;
    margin: 0 3px 0 0
}

.bloginfo-category-list__item:last-child a:after {
    content: none
}

.btn {
    margin-top: 30px;
    margin-bottom: 50px
}

@media only screen and (min-width: 801px) {
    .btn__item {
        width:100%
    }

    .comment-item {
        -webkit-animation: comment_fade_in_animation .5s ease-in;
        animation: comment_fade_in_animation .5s ease-in
    }
}

.btn__item:disabled {
    cursor: default
}

.btn--left {
    text-align: left
}

.btn--center {
    text-align: center
}

.btn--right {
    text-align: right
}

@media only screen and (max-width: 800px) {
    .btn__item {
        width:70%
    }

    .btn__item--s {
        width: 40%
    }

    .btn__item--l {
        width: 100%
    }

    .btn {
        margin-top: 20px;
        margin-bottom: 40px
    }
}

.grid:not(.grid--summary-btn).grid-mode--summary+.grid.grid-type--button [class*=gtr-m] .btn {
    margin-bottom: 30px
}

@media only screen and (max-width: 800px) {
    .grid:not(.grid--summary-btn).grid-mode--summary+.grid.grid-type--button [class*=gtr-m] .btn {
        margin-bottom:20px
    }
}

.grid:not(.grid-type--button):not(.grid-type--title)+.grid.grid-type--button [class*=gtr-l] .btn {
    margin-top: -10px
}

[class*=gtr-m] .block__outer:first-child .btn {
    margin-top: 10px;
    margin-bottom: 50px
}

@media only screen and (max-width: 800px) {
    [class*=gtr-m] .block__outer:first-child .btn {
        margin-top:0;
        margin-bottom: 40px
    }
}

[class*=gtr-m] .block__outer:last-child .btn {
    margin-top: 30px;
    margin-bottom: 30px
}

@media only screen and (max-width: 800px) {
    [class*=gtr-m] .block__outer:last-child .btn {
        margin-top:20px;
        margin-bottom: 20px
    }
}

[class*=gtr-m] .block__outer:only-child .btn {
    margin-top: 10px;
    margin-bottom: 20px
}

@media only screen and (max-width: 800px) {
    [class*=gtr-m] .block__outer:only-child .btn {
        margin-top:0;
        margin-bottom: 20px
    }
}

[class*=gtr-m] .block__outer .btn--summary:first-child,[class*=gtr-m] .block__outer .btn--summary:last-child,[class*=gtr-m] .block__outer .btn--summary:only-child {
    margin-top: 30px;
    margin-bottom: 30px
}

@media only screen and (max-width: 800px) {
    [class*=gtr-m] .block__outer .btn--summary:first-child,[class*=gtr-m] .block__outer .btn--summary:last-child,[class*=gtr-m] .block__outer .btn--summary:only-child {
        margin-top:20px;
        margin-bottom: 20px
    }
}

[class*=gtr-l] .block__outer:first-child .btn {
    margin-top: 0;
    margin-bottom: 50px
}

@media only screen and (max-width: 800px) {
    [class*=gtr-l] .block__outer:first-child .btn {
        margin-top:0;
        margin-bottom: 40px
    }
}

[class*=gtr-l] .block__outer:last-child .btn {
    margin-top: 30px;
    margin-bottom: 10px
}

@media only screen and (max-width: 800px) {
    [class*=gtr-l] .block__outer:last-child .btn {
        margin-top:20px;
        margin-bottom: 10px
    }

    [class*=gtr-l] .block__outer:only-child .btn {
        margin-top: 0;
        margin-bottom: 10px
    }
}

[class*=gtr-l] .block__outer:only-child .btn {
    margin-top: 0;
    margin-bottom: 10px
}

[class*=gtr-l] .block__outer .btn--summary:first-child,[class*=gtr-l] .block__outer .btn--summary:last-child,[class*=gtr-l] .block__outer .btn--summary:only-child {
    margin-top: 30px;
    margin-bottom: 10px
}

.comment-list {
    padding-top: 40px
}

@media only screen and (max-width: 800px) {
    [class*=gtr-l] .block__outer .btn--summary:first-child,[class*=gtr-l] .block__outer .btn--summary:last-child,[class*=gtr-l] .block__outer .btn--summary:only-child {
        margin-top:20px;
        margin-bottom: 10px
    }

    .comment-list {
        padding-top: 20px;
        margin-top: 25px
    }
}

.comment-list--recent {
    border-bottom: none;
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0
}

.comment-item--recent,.comment-more-btn:before {
    border-bottom-style: solid;
    border-bottom-width: 1px
}

.comment-count {
    font-size: 1.2rem
}

.comment-item {
    height: 100%;
    display: block;
    position: relative
}

.comment-item--recent {
    margin-top: 0;
    padding-top: 20px;
    padding-bottom: 20px
}

@media only screen and (max-width: 800px) {
    .comment-item--recent {
        padding-top:15px;
        padding-bottom: 15px
    }
}

.comment-item--deleting {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 0;
    -webkit-animation: comment_fade_out_animation 1s ease-in-out;
    animation: comment_fade_out_animation 1s ease-in-out
}

.comment-item__form {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    padding: 10px
}

.comment-item__reply {
    min-height: 20px;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    display: block;
    height: 100%
}

.comment-item__reply--close {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    height: 0;
    -webkit-animation: comment_fade_out_animation .2s ease-in-out;
    animation: comment_fade_out_animation .2s ease-in-out
}

.comment-item__form-head {
    height: 20px;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out
}

.comment-item__form--open .comment-item__form-head {
    height: 100px
}

.comment-item__input {
    width: 100%;
    height: 20px;
    color: #ccc;
    box-sizing: border-box;
    font-size: 1.2rem;
    line-height: 2rem;
    outline: 0;
    -webkit-transition: .2s ease-in-out;
    transition: .2s ease-in-out;
    -webkit-tap-highlight-color: transparent
}

.comment-item__submit,.divider {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.comment-item__form--open .comment-item__input {
    color: #303233;
    height: 100px
}

.comment-item__form-foot {
    border-top: none;
    position: relative
}

.comment-item__form--open .comment-item__form-foot {
    border-top: solid 1px #eee;
    margin-top: 10px;
    padding-top: 10px
}

.comment-item__count-outer {
    position: absolute;
    bottom: 6px;
    left: 5px;
    color: #c1c2c2;
    display: block;
    font-size: 0;
    height: 0;
    line-height: 1;
    -webkit-transition: height .2s ease-in-out;
    transition: height .2s ease-in-out
}

.comment-item__form--open .comment-item__count-outer {
    font-size: 1.2rem;
    height: auto
}

.comment-item__count--over {
    color: #f30c0c
}

.comment-item__submit {
    background-color: #474747;
    box-sizing: border-box;
    color: #fff;
    display: block;
    font-size: 0;
    line-height: 25px;
    margin: 0 0 0 auto;
    width: 80px;
    height: 0;
    -webkit-transition: height .2s ease-in-out,background-color .15s ease-in-out;
    transition: height .2s ease-in-out,background-color .15s ease-in-out
}

.pc .comment-item__submit:hover {
    background-color: rgba(71,71,71,.7)
}

.comment-item__submit:disabled,.pc .comment-item__submit:disabled:hover {
    background-color: #d1d1d1
}

.comment-item__form--open .comment-item__submit {
    font-size: 1.2rem;
    height: 25px;
    padding-top: 1px
}

.comment-item__alert {
    background-color: rgba(237,237,237,.8);
    font-size: 1rem;
    line-height: 1;
    margin-top: 10px;
    padding: 8px 10px
}

.comment-item__alert--success {
    color: #666;
    text-align: center
}

.comment-item__alert--error {
    color: #f20000
}

.comment-item__user-thumb {
    width: 36px;
    position: absolute;
    top: 0;
    left: 0;
    margin-top: 25px
}

@media only screen and (max-width: 800px) {
    .comment-item__user-thumb {
        margin-top:20px
    }
}

.comment-item__user-thumb-inner {
    display: block;
    position: relative;
    overflow: hidden;
    width: 36px
}

.comment-item__user-thumb-inner:after {
    content: '';
    display: block;
    padding-top: 36px
}

.comment-item__user-thumb-inner>img {
    border-radius: 18px;
    max-width: 100%;
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto
}

.comment-item__body {
    font-size: 1.2rem;
    min-height: 44px;
    margin-top: 25px
}

@media only screen and (max-width: 800px) {
    .comment-item__body {
        margin-top:20px
    }
}

.comment-item__user-thumb+.comment-item__body {
    padding-left: 50px
}

.comment-item__date {
    display: inline-block;
    line-height: 1
}

.comment-item__body-foot {
    margin-top: 5px
}

.comment-item__user-name {
    margin-right: 5px
}

.comment-item__reply .comment-item__user-name {
    margin-top: -20px;
    margin-bottom: 5px;
    margin-right: 110px
}

.comment-item__text {
    display: block;
    line-height: 2rem
}

.comment-item--recent .comment-item__text>p {
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.comment-action {
    text-align: right
}

.comment-action__item {
    cursor: pointer;
    display: inline-block;
    margin-top: 10px
}

.comment-action__item .icon {
    vertical-align: baseline
}

.comment-action__item+.comment-action__item {
    margin-left: 15px
}

.comment-more-btn {
    display: block;
    margin-top: 40px;
    outline: 0;
    position: relative;
    text-align: center;
    width: 100%
}

.img__item--right,.share {
    text-align: right
}

.comment-more-btn.icon--disclosure-d3 {
    font-size: 20px
}

@media only screen and (max-width: 800px) {
    .comment-more-btn {
        margin-top:20px
    }
}

.comment-more-btn:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    border-left-style: solid;
    border-left-width: 1px;
    border-color: inherit;
    margin: 0 auto;
    transform: rotate(-45deg)
}

.divider,.img__item--fit>img,.img__item--l>img,.img__item--m>img {
    width: 100%
}

@-webkit-keyframes comment_fade_in_animation {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

    20% {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30)
    }

    70% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50)
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}

@keyframes comment_fade_in_animation {
    0% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0)
    }

    20% {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30)
    }

    70% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50)
    }

    100% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }
}

@-webkit-keyframes comment_fade_out_animation {
    0% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        height: 100%
    }

    20% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        height: 100%
    }

    50% {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        height: 0
    }

    60% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        height: 0;
        display: none
    }

    100%,70% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        height: 0
    }
}

@keyframes comment_fade_out_animation {
    0% {
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        height: 100%
    }

    20% {
        opacity: .5;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
        filter: alpha(opacity=50);
        height: 100%
    }

    50% {
        opacity: .3;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
        filter: alpha(opacity=30);
        height: 0
    }

    60% {
        opacity: .1;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
        filter: alpha(opacity=10);
        height: 0;
        display: none
    }

    100%,70% {
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        height: 0
    }
}

.divider {
    border: none;
    border-bottom: solid 1px;
    box-sizing: border-box;
    display: block;
    height: 0
}

.heading-common,.keyword-search {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.error--no-script {
    padding: 20px
}

.heading-lv1,.heading-lv2 {
    margin-top: 80px;
    margin-bottom: 40px
}

.page__main .grid:first-child .block__outer .heading-lv1,.page__main .grid:first-child .block__outer .heading-lv2 {
    margin-top: 0
}

[class*=gtr-m] .block__outer:first-child .heading-lv1,[class*=gtr-m] .block__outer:first-child .heading-lv2 {
    margin-top: 40px
}

.grid.grid--col1.grid--summary-btn+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid--summary-btn+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2 {
    margin-top: 50px
}

.grid.grid--col1.grid-type--button+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-type--button+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2 {
    margin-top: 60px
}

@media only screen and (min-width: 801px) {
    .grid:not(.grid--summary-btn).grid-mode--summary+.grid.grid-type--button+.grid.grid--col1.grid-mode--summary [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid:not(.grid--summary-btn).grid-mode--summary+.grid.grid-type--button+.grid.grid--col1.grid-mode--summary [class*=gtr-m] .block__outer:first-child .heading-lv2 {
        margin-top:50px
    }
}

[class*=gtr-m] .block__outer:last-child .heading-lv1,[class*=gtr-m] .block__outer:last-child .heading-lv2 {
    margin-top: 80px;
    margin-bottom: 20px
}

[class*=gtr-m] .block__outer:only-child .heading-lv1,[class*=gtr-m] .block__outer:only-child .heading-lv2 {
    margin-top: 60px
}

[class*=gtr-l] .block__outer:first-child .heading-lv1,[class*=gtr-l] .block__outer:first-child .heading-lv2 {
    margin-top: 40px
}

.grid.grid--col1.grid--summary-btn+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid--summary-btn+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-type--button+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-type--button+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2 {
    margin-top: 50px
}

[class*=gtr-l] .block__outer:last-child .heading-lv1,[class*=gtr-l] .block__outer:last-child .heading-lv2 {
    margin-top: 80px;
    margin-bottom: 0
}

[class*=gtr-l] .block__outer:only-child .heading-lv1,[class*=gtr-l] .block__outer:only-child .heading-lv2 {
    margin-top: 40px;
    margin-bottom: 0
}

@media only screen and (max-width: 800px) {
    .heading-lv1,.heading-lv2 {
        margin-top:50px;
        margin-bottom: 30px
    }

    [class*=gtr-m] .block__outer:first-child .heading-lv1,[class*=gtr-m] .block__outer:first-child .heading-lv2 {
        margin-top: 30px;
        margin-bottom: 30px
    }

    .grid.grid--col1.grid--summary-btn+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid--summary-btn+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-type--button+.grid [class*=gtr-m] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-type--button+.grid [class*=gtr-m] .block__outer:first-child .heading-lv2 {
        margin-top: 10px
    }

    [class*=gtr-m] .block__outer:last-child .heading-lv1,[class*=gtr-m] .block__outer:last-child .heading-lv2 {
        margin-top: 50px;
        margin-bottom: 10px
    }

    [class*=gtr-m] .block__outer:only-child .heading-lv1,[class*=gtr-m] .block__outer:only-child .heading-lv2 {
        margin-top: 30px;
        margin-bottom: 10px
    }

    [class*=gtr-l] .block__outer:first-child .heading-lv1,[class*=gtr-l] .block__outer:first-child .heading-lv2 {
        margin-top: 20px;
        margin-bottom: 30px
    }

    .grid.grid--col1.grid--summary-btn+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid--summary-btn+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--facebookFeed+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--instagramAlbum+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-mode--main.grid-type--twitterTimeline+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2,.grid.grid--col1.grid-type--button+.grid [class*=gtr-l] .block__outer:first-child .heading-lv1,.grid.grid--col1.grid-type--button+.grid [class*=gtr-l] .block__outer:first-child .heading-lv2 {
        margin-top: 10px
    }

    [class*=gtr-l] .block__outer:last-child .heading-lv1,[class*=gtr-l] .block__outer:last-child .heading-lv2 {
        margin-top: 50px;
        margin-bottom: 0
    }

    [class*=gtr-l] .block__outer:only-child .heading-lv1,[class*=gtr-l] .block__outer:only-child .heading-lv2 {
        margin-top: 20px;
        margin-bottom: 0
    }
}

[class*=gtr] .block__outer .heading-lv2.heading-lv1--blk,[class*=gtr] .block__outer .heading-lv2.heading-lv2--blk {
    margin-bottom: 40px
}

@media only screen and (max-width: 800px) {
    [class*=gtr] .block__outer .heading-lv2.heading-lv1--blk,[class*=gtr] .block__outer .heading-lv2.heading-lv2--blk {
        margin-bottom:30px
    }
}

.heading-common {
    border-left-style: solid;
    border-left-width: 2px;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 1;
    padding: 2px 0 2px 12px
}

.heading-common__aside {
    display: inline-block;
    font-size: 1.4rem;
    margin-left: 6px;
    vertical-align: top
}

.icon--blank,.icon--blank3 {
    font-size: 12px
}

.icon--eye {
    font-size: 14px
}

.icon--menu2 {
    font-size: 18px
}

.icon--loop2 {
    font-size: 24px
}

.icon--remove {
    font-size: 12px
}

.icon--upload,.icon--upload2 {
    font-size: 20px
}

.icon--camera,.icon--camera2 {
    font-size: 14px
}

.icon--info,.icon--info2 {
    font-size: 18px
}

.icon--disclosure-double-l,.icon--disclosure-double-r,.icon--disclosure-l,.icon--disclosure-r,.icon-disclosure-u {
    font-size: 10px
}

.icon--remove2 {
    font-size: 12px
}

.icon--close {
    font-size: 18px
}

.icon--space-l {
    margin-left: 5px
}

.icon--space-r {
    margin-right: 5px
}

.img__item {
    display: inline-block;
    max-width: 100%;
    max-height: 100%
}

.img__item--zoom {
    cursor: pointer;
    cursor: -moz-zoom-in;
    cursor: zoom-in
}

.img__item--fit,.img__item--l,.img__item--m {
    display: block
}

.img__item--m {
    width: 50%
}

.img__item--l {
    width: 75%
}

.img__item>img {
    max-width: 100%
}

.img__item--left .img__item {
    margin-right: auto;
    margin-left: 0
}

.img__item--center,.pswp__error-msg {
    text-align: center
}

.img__item--right .img__item {
    margin-right: 0;
    margin-left: auto
}

.img__item--center .img__item {
    margin-right: auto;
    margin-left: auto
}

.keyword-search {
    background-color: #fff;
    border-style: solid;
    border-width: 1px;
    box-sizing: border-box;
    position: relative;
    height: 42px
}

.keyword-search .keyword-search__input,.pswp * {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.heading-common+.keyword-search {
    margin-top: 30px
}

.keyword-search__icon {
    position: absolute;
    top: 12px;
    left: 12px;
    color: #999;
    cursor: pointer;
    font-size: 16px
}

.pswp,.pswp__bg {
    position: absolute;
    top: 0;
    left: 0
}

.keyword-search .keyword-search__input {
    -webkit-appearance: none;
    -moz-appearance: none;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing: border-box;
    color: #333;
    font-size: 1.2rem;
    line-height: 40px;
    padding-left: 40px;
    width: 100%;
    height: 40px;
    vertical-align: top
}

.popup__btn,.pswp__button,.site-follow__btn {
    -webkit-appearance: none;
    -moz-appearance: none
}

.keyword-search .keyword-search__input::-webkit-input-placeholder {
    color: #ccc
}

.keyword-search .keyword-search__input::-moz-placeholder {
    color: #ccc
}

.keyword-search .keyword-search__input:-moz-placeholder {
    color: #ccc
}

.keyword-search .keyword-search__input:-ms-input-placeholder {
    color: #ccc
}

.keyword-search .keyword-search__input:focus {
    outline: 0
}

.pswp {
    display: none;
    width: 100%;
    height: 100%;
    overflow: hidden;
    -ms-touch-action: none;
    touch-action: none;
    z-index: 5000;
    text-size-adjust: 100%;
    backface-visibility: hidden;
    outline: 0
}

.pswp__bg,.pswp__scroll-wrap {
    height: 100%;
    -webkit-backface-visibility: hidden;
    width: 100%
}

.pswp * {
    box-sizing: border-box
}

.pswp--animate_opacity {
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.47,0,.745,.715);
    transition: opacity 333ms cubic-bezier(.47,0,.745,.715)
}

.pswp--open {
    display: block
}

.pswp--dragging .pswp__img {
    cursor: -moz-grabbing;
    cursor: grabbing
}

.pswp__bg {
    background: #fff;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    backface-visibility: hidden;
    will-change: opacity
}

.pswp__container,.pswp__scroll-wrap,.pswp__zoom-wrap {
    will-change: transform;
    top: 0;
    position: absolute;
    left: 0
}

.pswp__scroll-wrap {
    backface-visibility: hidden
}

.pswp__container,.pswp__zoom-wrap {
    -ms-touch-action: none;
    touch-action: none;
    right: 0;
    bottom: 0;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pswp__container,.pswp__img {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    tap-highlight-color: transparent;
    touch-callout: none
}

.pswp__zoom-wrap {
    position: absolute;
    width: 100%;
    -webkit-transform-origin: left top;
    -ms-transform-origin: left top;
    transform-origin: left top;
    -webkit-transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
    transition: -webkit-transform 333ms cubic-bezier(.4,0,.22,1);
    transition: transform 333ms cubic-bezier(.4,0,.22,1);
    transition: transform 333ms cubic-bezier(.4,0,.22,1),-webkit-transform 333ms cubic-bezier(.4,0,.22,1)
}

.pswp__bg {
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--animated-in .pswp__bg,.pswp--animated-in .pswp__zoom-wrap {
    -webkit-transition: none;
    transition: none
}

.pswp__item {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow: hidden
}

.pswp__img {
    position: absolute;
    width: auto;
    height: auto;
    -webkit-transition: opacity .15s;
    transition: opacity .15s
}

.pswp__img--placeholder {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden
}

.pswp__img--placeholder--blank {
    background: #222
}

.pswp--ie .pswp__img {
    width: 100%;
    height: 100%;
    left: 0;
    top: 0
}

.pswp__error-msg {
    position: absolute;
    top: 50%;
    left: 0;
    width: 100%;
    font-size: 14px;
    line-height: 16px;
    margin-top: -8px;
    color: #ccc
}

.pswp__error-msg a {
    color: #ccc;
    text-decoration: underline
}

.pswp__button {
    position: relative;
    background: 0 0;
    cursor: pointer;
    overflow: visible;
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    display: inline-block;
    border: 0;
    font-size: 1.2rem;
    line-height: 1;
    font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
    padding: 0;
    margin: 0
}

.pswp__ui--over-close .pswp__button--close {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.pswp__button--close {
    position: fixed;
    right: 40px;
    top: 40px;
    width: 26px;
    height: 26px;
    text-align: center
}

@media only screen and (max-width: 479px) {
    .pswp__button--close {
        right:20px;
        top: 20px;
        width: 14px;
        height: 14px
    }
}

.pswp__close__item {
    position: absolute;
    border-bottom: solid 1px #999;
    display: block;
    width: 34px;
    right: -6px;
    top: 50%
}

@media only screen and (max-width: 479px) {
    .pswp__close__item {
        width:20px;
        right: -3px
    }
}

.pswp__close__item:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.pswp__close__item:nth-child(2) {
    transform: rotate(-45deg)
}

.pswp__button--share {
    background-position: -44px -44px
}

.pswp__button--fs {
    display: none
}

.pswp--supports-fs .pswp__button--fs {
    display: block
}

.pswp--fs .pswp__button--fs {
    background-position: -44px 0
}

.pswp__button--zoom {
    display: none;
    background-position: -88px 0
}

.pswp--zoom-allowed .pswp__button--zoom {
    display: block
}

.pswp--zoomed-in .pswp__button--zoom {
    background-position: -132px 0
}

.pswp__button--arrow--hide {
    display: none
}

.pswp__button--arrow--left,.pswp__button--arrow--right {
    background: 0 0;
    text-decoration: none;
    position: absolute;
    top: 0;
    border-color: #999;
    width: 36px;
    height: 54px
}

.pc .pswp__button--arrow--left:hover,.pc .pswp__button--arrow--right:hover {
    border-color: #6b6b6b
}

.pswp__button--arrow--left {
    left: 40px
}

.pswp__button--arrow--right {
    right: 40px
}

@media only screen and (max-width: 800px) {
    .pswp__button--arrow--left,.pswp__button--arrow--right {
        width:15px;
        height: 23px;
        top: -25px
    }

    .pswp__button--arrow--left {
        left: 20px
    }

    .pswp__button--arrow--right {
        right: 20px
    }
}

.pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
    position: absolute;
    top: 8px;
    border-top: solid 1px;
    content: '';
    width: 36px;
    height: 36px
}

@media only screen and (max-width: 800px) {
    .pswp__button--arrow--left:before,.pswp__button--arrow--right:before {
        top:3px;
        width: 15px;
        height: 15px
    }
}

.pswp__counter,.pswp__preloader {
    height: 44px;
    top: 0;
    position: absolute
}

.pswp__button--arrow--left:before {
    border-left: solid 1px;
    border-color: inherit;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg);
    left: 8px
}

.pswp__button--arrow--right:before {
    border-right: solid 1px;
    border-color: inherit;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg);
    right: 8px
}

@media only screen and (max-width: 800px) {
    .pswp__button--arrow--left:before {
        left:4px
    }

    .pswp__button--arrow--right:before {
        right: 4px
    }
}

.pswp__counter {
    display: none;
    left: 0;
    font-size: 13px;
    line-height: 44px;
    color: #fff;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    padding: 0 10px
}

.pswp__createdAt,.pswp__viewCount {
    display: inline-block;
    font-size: 1.2rem;
    margin: 0 5px;
    font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif
}

.pswp__createdAt {
    color: #4c4c4c
}

.pswp__viewCount {
    color: #d6d6d6
}

.pswp__caption--empty .pswp__caption__center,.pswp__caption--fake,.pswp__ui--one-slide .pswp__button--arrow--left,.pswp__ui--one-slide .pswp__button--arrow--right,.pswp__ui--one-slide .pswp__counter {
    display: none
}

.pswp__viewCount>span {
    margin-right: 5px
}

@media only screen and (max-width: 800px) {
    .pswp__caption {
        margin-top:0
    }
}

.pswp__caption small {
    font-size: 11px;
    color: #bbb
}

.pswp__caption,.pswp__caption__link {
    font-size: 1.2rem;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis
}

.pswp__caption {
    width: 100%;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    color: #4c4c4c;
    line-height: 2.8rem
}

.pswp__caption__link {
    color: #78c7d7;
    line-height: 1.4rem;
    margin-top: 2px
}

.pswp__caption__link>a {
    color: inherit;
    font-family: 'Hiragino Kaku Gothic ProN',Meiryo,sans-serif;
    text-decoration: none;
    -webkit-transition: all .1s ease-in 0s;
    transition: all .1s ease-in 0s
}

#mdrd-a66be375c .owndbar,#mdrd-a66be375c .owndbarHeader,#mdrd-a66be375c .powered-by {
    font-family: "Helvetica neue",Arial,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif!important
}

.pc .pswp__caption__link>a:hover {
    color: #54a1cc
}

.pswp__preloader {
    width: 44px;
    left: 50%;
    margin-left: -22px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    -webkit-transition: opacity .25s ease-out;
    transition: opacity .25s ease-out;
    will-change: opacity
}

.pswp__preloader__icn {
    width: 20px;
    height: 20px;
    margin: 12px
}

.pswp--css_animation .pswp__preloader--active,.pswp__preloader--active {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__icn {
    -webkit-animation: clockwise .5s linear infinite;
    animation: clockwise .5s linear infinite
}

.pswp--css_animation .pswp__preloader--active .pswp__preloader__donut {
    -webkit-animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite;
    animation: donut-rotate 1s cubic-bezier(.4,0,.22,1) infinite
}

.pswp--css_animation .pswp__preloader__icn {
    background: 0 0;
    opacity: .75;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";
    filter: alpha(opacity=75);
    width: 14px;
    height: 14px;
    position: absolute;
    top: 15px;
    left: 15px;
    margin: 0
}

.pswp--css_animation .pswp__preloader__cut {
    position: relative;
    width: 7px;
    height: 14px;
    overflow: hidden
}

.pswp--css_animation .pswp__preloader__donut {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 14px;
    height: 14px;
    border: 2px solid #fff;
    border-radius: 50%;
    border-left-color: transparent;
    border-bottom-color: transparent;
    position: absolute;
    top: 0;
    left: 0;
    background: 0 0;
    margin: 0
}

@media screen and (max-width: 1024px) {
    .pswp__preloader {
        position:relative;
        left: auto;
        top: auto;
        margin: 0;
        float: right
    }
}

.pswp__top-bar,.pswp__ui {
    position: absolute;
    bottom: 0;
    width: 100%
}

.ogp__img,.ogp__ownd-icon {
    float: left;
    text-align: center
}

.pswp__ui {
    -webkit-font-smoothing: auto;
    visibility: visible;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none;
    z-index: 1;
    left: 0
}

.pswp__top-bar {
    left: 0;
    padding: 20px;
    max-height: 85px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.ogp,.pswp__bottom-bar {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.pswp__bottom-bar {
    position: fixed;
    left: 0;
    top: 50%;
    height: 54px;
    margin-top: -27px;
    text-align: center;
    width: 100%;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    .pswp__top-bar {
        padding:10px 20px;
        bottom: 45px;
        max-height: 65px
    }

    .pswp__bottom-bar {
        margin-top: -12px;
        position: absolute;
        bottom: 0;
        height: 23px
    }
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right,.pswp__bottom-bar,.pswp__button--close,.pswp__top-bar {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    will-change: opacity;
    -webkit-transition: opacity 333ms cubic-bezier(.4,0,.22,1);
    transition: opacity 333ms cubic-bezier(.4,0,.22,1)
}

.pswp--has_mouse .pswp__button--arrow--left,.pswp--has_mouse .pswp__button--arrow--right {
    visibility: visible
}

.pswp__ui--fit .pswp__bottom-bar,.pswp__ui--fit .pswp__button--arrow--left,.pswp__ui--fit .pswp__button--arrow--right,.pswp__ui--fit .pswp__button--close,.pswp__ui--fit .pswp__top-bar,.pswp__ui--idle .pswp__bottom-bar,.pswp__ui--idle .pswp__button--arrow--left,.pswp__ui--idle .pswp__button--arrow--right,.pswp__ui--idle .pswp__button--close,.pswp__ui--idle .pswp__top-bar {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.pswp__ui--hidden .pswp__bottom-bar,.pswp__ui--hidden .pswp__button--arrow--left,.pswp__ui--hidden .pswp__button--arrow--right,.pswp__ui--hidden .pswp__button--close,.pswp__ui--hidden .pswp__top-bar {
    opacity: .001;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.pswp__element--disabled {
    display: none!important
}

.pswp--minimal--dark .pswp__top-bar {
    background: 0 0
}

@-webkit-keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@keyframes clockwise {
    0% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    100% {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg)
    }
}

@-webkit-keyframes donut-rotate {
    0%,100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

@keyframes donut-rotate {
    0%,100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }

    50% {
        -webkit-transform: rotate(-140deg);
        -ms-transform: rotate(-140deg);
        transform: rotate(-140deg)
    }
}

.loader {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    -webkit-animation: loader-spinner .9s linear infinite;
    animation: loader-spinner .9s linear infinite;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    margin: auto;
    min-width: 25px;
    min-height: 25px
}

.loader:after,.loader__outer,.map,.map__body {
    position: relative
}

.loader:after {
    display: block;
    border-radius: 100%;
    content: '';
    opacity: .5;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);
    width: 18px;
    height: 18px;
    border-top: 3px solid rgba(0,0,0,.1);
    border-left: 3px solid rgba(0,0,0,.1);
    border-bottom: 3px solid rgba(0,0,0,.1);
    border-right: 3px solid #fff
}

#mdrd-a66be375c .ogp--app,.ogp {
    border-width: 1px;
    border-style: solid
}

.loader__outer {
    height: 90px
}

@-webkit-keyframes loader-spinner {
    0% {
        -webkit-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg)
    }

    100% {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

@keyframes loader-spinner {
    0% {
        -webkit-transform: rotateZ(-360deg);
        -ms-transform: rotateZ(-360deg);
        transform: rotateZ(-360deg)
    }

    100% {
        -webkit-transform: rotateZ(0);
        -ms-transform: rotateZ(0);
        transform: rotateZ(0)
    }
}

.map__body {
    height: 400px
}

.map__body iframe {
    height: 100%;
    position: absolute;
    width: 100%
}

.col1-3 .map__body,.col1-4 .map__body {
    height: auto
}

.col1-3 .map__body:after,.col1-4 .map__body:after {
    content: '';
    display: block;
    padding-top: 100%
}

.map__link {
    display: inline-block;
    margin-top: 10px
}

.map-type--grayscale {
    -webkit-filter: grayscale(100%);
    filter: grayscale(100%)
}

@media only screen and (max-width: 800px) {
    .map__body {
        height:auto
    }

    .map__body:after {
        content: '';
        display: block;
        padding-top: 100%
    }
}

.movie {
    padding-top: 60%;
    position: relative;
    overflow: hidden;
    width: 100%
}

#mdrd-a66be375c .ogp--ad,#mdrd-a66be375c .ogp--ad .ogp__action {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    -webkit-transform: none!important;
    padding: 0!important
}

.movie div,.movie embed,.movie iframe,.movie object {
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    width: 100%;
    height: 100%
}

.ogp {
    box-sizing: border-box
}

#mdrd-a66be375c .ogp--ad {
    filter: none!important;
    transform: none!important;
    display: block!important;
    position: static!important;
    margin: 60px 0 0!important;
    width: auto!important;
    height: auto!important
}

#mdrd-a66be375c .ogp--ad .ogp__action,#mdrd-a66be375c .ogp--ad .ogp__img {
    opacity: 1!important;
    visibility: visible!important;
    text-indent: 0!important;
    -ms-transform: none!important
}

#mdrd-a66be375c .ogp--ad:before {
    display: none!important
}

.ogp__action {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    width: 100%;
    position: relative;
    z-index: 1
}

.pc .ogp__action:hover:before {
    width: 100%;
    height: 100%;
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    z-index: 1;
    background-color: rgba(255,255,255,.3)
}

#mdrd-a66be375c .ogp--ad .ogp__action {
    filter: none!important;
    transform: none!important;
    display: inline-block!important;
    overflow: visible!important;
    width: 100%;
    height: auto;
    position: relative!important
}

#mdrd-a66be375c .ogp--ad .ogp__action:after,#mdrd-a66be375c .ogp--ad .ogp__action:before {
    display: none!important
}

.pc #mdrd-a66be375c .ogp--ad .ogp__action:hover:before {
    display: block!important;
    background-color: rgba(255,255,255,.3)
}

.ogp__ownd-icon {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 10px;
    height: 98px;
    margin: 20px;
    width: 98px
}

.ogp--app .ogp__ownd-icon {
    margin-right: 15px
}

.ogp__ownd-icon>.icon--ownd {
    color: #3dc49d;
    font-size: 56px;
    line-height: 90px
}

.ogp__app-banner-text {
    min-height: 40px
}

.ogp__app-banner-btn {
    background-color: #3dc49d;
    border-radius: 4px;
    font-size: 14px;
    height: 100%;
    margin: 8px 0;
    max-width: 180px;
    width: 100%
}

.ogp--app .ogp__app-banner-btn {
    margin-right: 0;
    margin-left: 0
}

.ogp__img {
    margin: 20px;
    background-color: #fff
}

@media only screen and (max-width: 800px) {
    .ogp__img {
        float:none;
        margin-bottom: 15px
    }
}

@media only screen and (min-width: 801px) {
    .grid>[class*="-3"] .ogp__img,.grid>[class*="-4"] .ogp__img {
        float:none;
        margin-bottom: 15px
    }
}

#mdrd-a66be375c .ogp--ad .ogp__img {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    background-color: #fff!important;
    display: block!important;
    position: static!important;
    float: left!important;
    margin: 20px!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .ogp--ad .ogp__img .ogp__img-item {
        display:block;
        position: relative;
        overflow: hidden;
        width: 100px
    }

    #mdrd-a66be375c .ogp--ad .ogp__img .ogp__img-item:after {
        content: '';
        display: block;
        padding-top: 100px
    }
}

.ogp__img-item {
    display: block;
    position: relative;
    overflow: hidden;
    width: 160px
}

.ogp__img-item:after {
    content: '';
    display: block;
    padding-top: 160px
}

@media only screen and (max-width: 800px) {
    .ogp__img-item {
        display:block;
        position: relative;
        overflow: hidden;
        width: 100%
    }

    .ogp__img-item:after {
        content: '';
        display: block;
        padding-top: 100%
    }
}

@media only screen and (min-width: 801px) {
    .grid>[class*="-3"] .ogp__img-item,.grid>[class*="-4"] .ogp__img-item {
        display:block;
        position: relative;
        overflow: hidden;
        width: 100%
    }

    .grid>[class*="-3"] .ogp__img-item:after,.grid>[class*="-4"] .ogp__img-item:after {
        content: '';
        display: block;
        padding-top: 100%
    }
}

.ogp__img-item>img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto
}

#mdrd-a66be375c .ogp--ad .ogp__img-item>img {
    border-radius: 0!important
}

.ogp__img-item--action {
    overflow: hidden;
    position: relative
}

.ogp__img-item--action:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    z-index: 2
}

#mdrd-a66be375c .ogp--ad .ogp__body,#mdrd-a66be375c .ogp--ad .ogp__label {
    opacity: 1!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    position: static!important
}

.ogp__img-item--action>img {
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out
}

.ogp__body {
    padding: 15px 20px 20px 205px
}

@media only screen and (max-width: 800px) {
    .ogp__body {
        padding-top:0;
        padding-left: 20px
    }
}

@media only screen and (min-width: 801px) {
    .grid>[class*="-3"] .ogp__body,.grid>[class*="-4"] .ogp__body {
        padding-top:0;
        padding-left: 20px
    }
}

#mdrd-a66be375c .ogp--ad .ogp__body {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    transform: none!important;
    display: block!important;
    padding: 15px 15px 15px 205px!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .ogp--ad .ogp__body {
        padding-left:140px!important
    }
}

.ogp__action .ogp__body:first-child {
    padding-top: 15px;
    padding-left: 27px;
    padding-right: 27px
}

@media only screen and (max-width: 800px) {
    .ogp__action .ogp__body:first-child {
        padding-left:20px;
        padding-right: 20px
    }
}

.ogp__label {
    color: #fff;
    background-color: #666;
    display: inline-block;
    font-size: 1.2rem;
    line-height: 1.6;
    padding: 2px 15px 0;
    margin-top: 5px
}

.ogp__label+.ogp__title,.ogp__text {
    margin-top: 8px
}

#mdrd-a66be375c .ogp--ad .ogp__label {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    transform: none!important;
    display: inline-block!important;
    padding: 0 15px!important;
    color: #fff!important;
    background-color: #666!important;
    font-size: 1.2rem!important
}

.ogp__title {
    font-size: 1.8rem;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    display: block;
    width: 100%
}

@media only screen and (max-width: 800px) {
    .ogp__title {
        font-size:1.6rem
    }
}

.ogp__title--noellipsis {
    overflow: visible;
    white-space: normal
}

.pc .ogp__action:hover .ogp__title {
    text-decoration: none;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

#mdrd-a66be375c .ogp--ad .ogp__title {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    position: static!important;
    padding: 0!important;
    font-size: 1.8rem!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .ogp--ad .ogp__title {
        font-size:1.6rem!important
    }
}

@media only screen and (min-width: 801px) {
    .page-container__side .ogp__title {
        font-size:1.6rem
    }

    .grid>[class*="-2"] .ogp--img .ogp__img {
        width: 100%
    }
}

.ogp__text {
    font-size: 1.2rem;
    line-height: 2rem
}

.pc .ogp__action:hover .ogp__text {
    text-decoration: none;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

#mdrd-a66be375c .ogp--ad .ogp__site,#mdrd-a66be375c .ogp--ad .ogp__text {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    display: block!important;
    position: static!important;
    padding: 0!important;
    opacity: 1!important
}

.ogp__action .ogp__text:first-child {
    margin-top: 0
}

#mdrd-a66be375c .ogp--ad .ogp__text {
    filter: none!important;
    transform: none!important;
    font-size: 1.2rem!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .ogp--ad .ogp__text {
        margin-top:5px!important
    }
}

.ogp__site {
    font-size: 1rem;
    margin-top: 8px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.ogp__site--noellipsis {
    overflow: visible;
    white-space: normal
}

#mdrd-a66be375c .ogp--ad .ogp__site {
    filter: none!important;
    transform: none!important
}

#mdrd-a66be375c .owndbar__btn,#mdrd-a66be375c .owndbar__footer {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    visibility: visible!important;
    text-indent: 0!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .ogp--ad .ogp__site {
        margin:5px 0 0!important
    }
}

.ogp--img .ogp__action {
    padding: 10px
}

.ogp--img .ogp__img {
    float: none;
    margin-right: 0;
    width: 100%
}

.ogp--img .ogp__img-item {
    width: 100%;
    height: 100%
}

.ogp--img .ogp__body {
    margin-top: 10px;
    padding-left: 0
}

@media only screen and (min-width: 801px) {
    .grid>[class*="-2"] .ogp--img .ogp__img-item {
        width:100%;
        height: 100%
    }

    .grid>[class*="-2"] .ogp--img .ogp__body {
        padding-left: 0
    }
}

#mdrd-a66be375c .owndbar {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    font-size: 1rem!important;
    letter-spacing: 0!important;
    line-height: 1!important
}

#mdrd-a66be375c .owndbar-follow__btn,#mdrd-a66be375c .owndbarHeader {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important
}

#mdrd-a66be375c .owndbar .ng-hide {
    display: none!important
}

#mdrd-a66be375c .owndbar__btn {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    transform: none!important
}

.pc#mdrd-a66be375c .owndbar__btn-img:hover,.pc#mdrd-a66be375c .owndbar__btn:hover {
    opacity: .6!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
    filter: alpha(opacity=60)!important
}

#mdrd-a66be375c .owndbar__footer {
    display: block!important;
    transform: none!important;
    z-index: 11!important
}

#mdrd-a66be375c .owndbar-user {
    display: inline-block!important;
    height: 20px!important;
    line-height: 20px!important;
    margin-right: 6px!important;
    vertical-align: top!important;
    position: relative!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbar-user {
        height:25px!important;
        line-height: 25px!important
    }
}

#mdrd-a66be375c .owndbar-user__img {
    border-radius: 3px!important;
    display: inline-block!important;
    overflow: hidden!important;
    position: relative!important;
    width: 20px!important;
    height: 20px!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbar-user__img {
        width:25px!important;
        height: 25px!important
    }
}

#mdrd-a66be375c .owndbar-user__img img {
    border-radius: 3px!important
}

#mdrd-a66be375c .owndbar-user__badge {
    display: inline-block!important;
    line-height: inherit!important;
    margin-left: 5px!important;
    vertical-align: top!important
}

#mdrd-a66be375c .owndbar-user__badge:before {
    content: ""!important;
    width: 15px;
    background-color: #fff!important;
    border-radius: 50%!important
}

#mdrd-a66be375c .owndbar-user__badge .icon--checkmark3 {
    font-size: 14px!important;
    color: #3dc49d!important
}

#mdrd-a66be375c .owndbar-follow {
    display: inline-block!important;
    cursor: pointer!important;
    position: relative!important
}

#mdrd-a66be375c .owndbar-follow__btn {
    border: 1px solid #3dc49d!important;
    border-radius: 3px!important;
    box-sizing: border-box!important;
    font-size: 1rem!important;
    width: 80px;
    height: 20px;
    line-height: 19px!important;
    display: inline-block!important;
    vertical-align: top!important;
    text-align: center!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbar-follow__btn {
        margin-top:0!important;
        width: 80px;
        height: 26px;
        line-height: 26px!important
    }
}

#mdrd-a66be375c .owndbar-follow__btn .icon {
    vertical-align: 0!important;
    margin-right: 4px!important;
    font-size: 10px!important
}

#mdrd-a66be375c .owndbar-follow__btn--yet {
    color: #3dc49d!important
}

#mdrd-a66be375c .owndbar-follow__btn--now {
    color: #fff!important;
    background-color: #3dc49d!important
}

#mdrd-a66be375c .owndbar-follow__btn>.icon--loop {
    position: absolute!important;
    clip: auto!important;
    bottom: 0!important;
    top: 0!important;
    left: 0!important;
    right: 0!important;
    animation: loader-spinner .6s linear infinite;
    display: block!important;
    font-size: 10px!important;
    margin: auto!important;
    width: 80px;
    height: 11.9px;
    text-align: center!important
}

#mdrd-a66be375c .owndbar-follow__btn>.icon--loop.ng-hide {
    display: none!important
}

#mdrd-a66be375c .owndbar-app {
    display: inline-block!important;
    cursor: pointer!important;
    position: relative!important;
    padding-top: 2px!important;
    vertical-align: middle!important;
    color: #666!important
}

#mdrd-a66be375c .owndbar-footer {
    position: fixed!important;
    clip: auto!important;
    bottom: 10px!important;
    right: 10px!important;
    opacity: 0!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"!important;
    filter: alpha(opacity=0)!important;
    pointer-events: none!important;
    -webkit-transition: opacity .1s ease-in!important;
    transition: opacity .1s ease-in!important
}

#mdrd-a66be375c .owndbar-footer--show {
    opacity: .9!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)"!important;
    filter: alpha(opacity=90)!important;
    -webkit-transition: opacity .2s ease-in!important;
    transition: opacity .2s ease-in!important;
    pointer-events: auto!important
}

#mdrd-a66be375c .owndbar-footer__user-info {
    background-color: #fff!important;
    border: 1px solid #ddd!important;
    border-radius: 5px!important
}

#mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__user-info {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    display: none!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbar-footer {
        position:fixed!important;
        bottom: 5px!important;
        right: 5px!important
    }

    #mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__user-info {
        display: block!important
    }
}

#mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__owner-menu {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    display: block!important;
    position: static!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__owner-menu {
        display:none!important
    }
}

#mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__owner-menu .owndbar-footer-list__item {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

#mdrd-a66be375c .owndbar-footer-list,#mdrd-a66be375c .owndbar-footer-list__item {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    visibility: visible!important;
    opacity: 1!important;
    text-indent: 0!important
}

@media only screen and (min-width: 801px) {
    #mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__owner-menu .owndbar-footer-list__item {
        height:28px!important;
        line-height: 28px!important;
        margin-left: 5px!important;
        padding: 0 10px!important;
        text-align: center!important;
        background-color: #fff!important;
        border: 1px solid #ddd!important;
        border-radius: 5px!important
    }

    #mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__owner-menu .owndbar-footer-list__item>a {
        color: #666!important
    }
}

#mdrd-a66be375c .owndbar-footer--owner .owndbar-footer__owner-menu .owndbar-footer-list__item .icon {
    font-size: 1.4rem!important;
    line-height: 1.8!important;
    margin-right: 5px!important;
    vertical-align: top!important
}

#mdrd-a66be375c .owndbar-footer--wovn {
    bottom: 55px!important
}

#mdrd-a66be375c .owndbar-footer .icon--ownd {
    font-size: 1.6rem!important;
    vertical-align: 0!important
}

#mdrd-a66be375c .owndbar-footer-list {
    filter: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    font-size: 1.2rem!important;
    letter-spacing: 0!important
}

#mdrd-a66be375c .owndbar-footer-list__item {
    filter: none!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    display: inline-block!important;
    height: inherit!important;
    vertical-align: top!important;
    padding: 5px!important
}

#mdrd-a66be375c .owndbar-footer-list__item--disabled {
    pointer-events: none!important
}

#mdrd-a66be375c .owndbar-footer-list__item--disabled>a {
    color: #ccc!important
}

#mdrd-a66be375c .owndbar-footer-list__item--app {
    padding-top: 5px!important;
    padding-bottom: 5px!important
}

#mdrd-a66be375c .owndbarHeader {
    background-color: #fff!important;
    border-bottom: 1px solid #eee!important;
    box-sizing: border-box!important;
    font-size: 1rem!important;
    height: 72px!important;
    letter-spacing: 0!important;
    line-height: 1!important;
    width: 100%!important
}

#mdrd-a66be375c .owndbarHeader .ng-hide {
    display: none!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbarHeader {
        height:110px!important
    }
}

#mdrd-a66be375c .owndbarHeader__contents {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    height: 72px!important;
    width: 100%!important;
    overflow: visible!important;
    position: static!important;
    margin: 0!important;
    visibility: hidden!important;
    -webkit-transition: visibility .3s!important;
    transition: visibility .3s!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbarHeader__contents {
        height:110px!important
    }
}

#mdrd-a66be375c .owndbarHeader--loaded .owndbarHeader__contents {
    visibility: visible!important
}

#mdrd-a66be375c .owndbarHeaderVisitor {
    height: inherit!important;
    overflow-wrap: break-word!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbarHeaderVisitor {
        height:110px!important;
        background-position: 50% 50%!important;
        -webkit-background-size: 100% 100%!important;
        background-size: 100%!important
    }
}

#mdrd-a66be375c .owndbarHeaderVisitor__outer {
    backdrop-filter: blur(62px);
    height: inherit!important
}

#mdrd-a66be375c .owndbarHeaderVisitor__inner {
    margin: 0 auto!important;
    max-width: 788px!important;
    height: inherit!important;
    -webkit-background-size: 31% 31%!important;
    background-size: 31%!important;
    background-repeat: no-repeat!important;
    background-position: 0 100%!important;
    padding-left: clamp(35px,35%,283px)!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: box!important;
    display: flex!important;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center!important;
    align-items: center!important;
    gap: 16px!important;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

#mdrd-a66be375c .owndbarHeaderVisitor__body {
    color: #fff!important;
    font-size: 1.2rem!important;
    line-height: 1.4!important;
    letter-spacing: .6px!important
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbarHeaderVisitor__inner {
        -webkit-box-orient:vertical;
        -moz-box-orient: vertical;
        -o-box-orient: vertical;
        -webkit-flex-direction: column!important;
        -ms-flex-direction: column!important;
        flex-direction: column!important;
        -webkit-box-pack: justify;
        -moz-box-pack: justify;
        -o-box-pack: justify;
        -ms-flex-pack: justify;
        -webkit-justify-content: space-between;
        justify-content: space-between;
        padding: 18px 0 14px clamp(165px,54.7%,235px)!important;
        gap: 8px!important;
        -webkit-background-size: clamp(140px,48%,210px) auto!important;
        background-size: clamp(140px,48%,210px) auto!important
    }

    #mdrd-a66be375c .owndbarHeaderVisitor__body {
        font-size: 1.1rem!important;
        margin: 0 auto 0 0!important
    }
}

#mdrd-a66be375c .owndbarHeaderVisitor__btn {
    text-align: center!important;
    color: #fff!important;
    background-color: #3dc49d!important;
    border-color: #3dc49d!important;
    border-radius: 4px!important;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1.3!important;
    margin: 0!important;
    padding: 6px 14px!important
}

#mdrd-a66be375c .owndbarHeaderVisitor__btn:hover {
    opacity: .6!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
    filter: alpha(opacity=60)!important
}

#mdrd-a66be375c .owndbarHeaderAuthenticated__logo,#mdrd-a66be375c .owndbarHeaderAuthenticated__utility {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    -ms-transform: none!important;
    opacity: 1!important;
    visibility: visible!important
}

@media only screen and (min-width: 801px) {
    #mdrd-a66be375c .owndbarHeaderVisitor__btn {
        padding:7px 0!important;
        min-width: 100px!important;
        height: 32px!important;
        font-size: 1.3rem!important
    }
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .owndbarHeaderVisitor__btn {
        margin-right:auto!important;
        height: 25px!important;
        font-size: 1rem!important
    }

    #mdrd-a66be375c .owndbarHeaderVisitor__btn--login {
        display: none!important
    }
}

#mdrd-a66be375c .owndbarHeaderAuthenticated {
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    padding: 16px 23px!important;
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: box!important;
    display: flex!important;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center!important;
    align-items: center!important;
    gap: 16px!important
}

#mdrd-a66be375c .owndbarHeaderAuthenticated__logo {
    filter: none!important;
    -webkit-transform: none!important;
    transform: none!important;
    display: block!important;
    background-repeat: no-repeat!important;
    background-position: -1094px 0!important;
    -webkit-background-size: 3256px 172px!important;
    background-size: 3256px 172px!important;
    width: 83px!important;
    height: 30px!important;
    min-width: 83px!important;
    min-height: 30px!important;
    margin-bottom: 2px!important;
    overflow: hidden!important;
    position: static!important;
    text-align: center!important;
    text-indent: 101%!important;
    white-space: nowrap!important
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    #mdrd-a66be375c .owndbarHeaderAuthenticated__logo {
        background-repeat: no-repeat!important;
        background-position: -1151.5px 0!important;
        -webkit-background-size: 1628px 86px!important;
        background-size: 1628px 86px!important;
        width: 83px!important;
        height: 30px!important;
        min-width: 83px!important;
        min-height: 30px!important
    }
}

#mdrd-a66be375c .owndbarHeaderAuthenticated__utility {
    filter: none!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    transform: none!important
}

#mdrd-a66be375c .owndbarHeaderUtility {
    display: -webkit-box!important;
    display: -moz-box!important;
    display: -webkit-flex!important;
    display: -ms-flexbox!important;
    display: box!important;
    display: flex!important;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center!important;
    align-items: center!important;
    gap: 16px!important
}

#mdrd-a66be375c .owndbarHeaderUtility__item {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    display: inline-block!important;
    vertical-align: top!important;
    border-radius: 50%!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    outline-offset: 3px!important
}

#mdrd-a66be375c .owndbarHeaderUtility__user {
    height: 32px!important
}

#mdrd-a66be375c .owndbarHeaderUtility__user:hover {
    opacity: .6!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
    filter: alpha(opacity=60)!important
}

#mdrd-a66be375c .owndbarHeaderUtility__user>div {
    position: relative;
    overflow: hidden;
    width: 32px;
    border-radius: 16px!important;
    display: inline-block!important;
    cursor: pointer!important
}

#mdrd-a66be375c .owndbarHeaderUtility__user>div:after {
    content: '';
    display: block;
    padding-top: 32px
}

#mdrd-a66be375c .owndbarHeaderUtility__user img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto;
    border-radius: 16px
}

#mdrd-a66be375c .owndbarHeaderUtility__badge {
    margin: 4px 4px 0 0!important;
    display: inline-block!important;
    background-color: #de3526!important;
    width: 8px!important;
    height: 8px!important;
    border-radius: 4px!important;
    vertical-align: top!important
}

#mdrd-a66be375c .owndbarHeaderUtility__btn {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    border-style: solid!important;
    border-width: 1px!important;
    border-radius: 2px!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    cursor: pointer!important;
    display: inline-block!important;
    font-size: 1.3rem!important;
    min-height: 24px!important;
    height: auto!important;
    line-height: 1.3!important
}

#mdrd-a66be375c .page__notibar,#mdrd-a66be375c .powered-by__link {
    -webkit-transform: none!important;
    -ms-transform: none!important;
    visibility: visible!important
}

#mdrd-a66be375c .owndbarHeaderUtility__btn:hover {
    opacity: .6!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
    filter: alpha(opacity=60)!important
}

#mdrd-a66be375c .owndbarHeaderUtility__btn--create {
    color: #fff!important;
    background-color: #3dc49d!important;
    border-color: #3dc49d!important;
    padding: 2.5px 10px!important
}

#mdrd-a66be375c .owndbarHeaderUtility__btn--manage {
    color: #666!important;
    background-color: #fff!important;
    border-color: transparent!important
}

#mdrd-a66be375c .owndbarHeaderUtility__btn .icon {
    line-height: inherit!important;
    margin-right: 4px!important;
    font-size: 1.6rem!important;
    height: 24px!important;
    width: 24px!important;
    text-align: center!important
}

#mdrd-a66be375c .page__notibar {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    text-indent: 0!important;
    transform: none!important;
    position: absolute!important;
    clip: auto!important;
    top: 72px!important;
    right: -280px!important;
    background: #fff!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    border-left: solid 1px #eee!important;
    width: 280px;
    height: 100%
}

#mdrd-a66be375c .page__notibar--show {
    right: 0!important
}

.pager--type1 .pager__item--prev .pager__item-inner {
    padding-left: 40px;
    padding-right: 24px
}

.pager--type1 .pager__item--prev .pager__icon {
    left: 14px
}

@media only screen and (max-width: 800px) {
    #mdrd-a66be375c .page__notibar {
        top:110px!important
    }

    .pager--type1 .pager__item--prev .pager__item-inner {
        padding-left: 25px
    }

    .pager--type1 .pager__item--prev .pager__icon {
        left: 6px
    }
}

.pager--type1 .pager__item--next .pager__item-inner {
    padding-right: 40px;
    padding-left: 24px
}

.pager--type1 .pager__item--next .pager__icon {
    right: 14px
}

@media only screen and (max-width: 800px) {
    .pager--type1 .pager__item--next .pager__item-inner {
        padding-right:25px
    }

    .pager--type1 .pager__item--next .pager__icon {
        right: 6px
    }

    .pager--type1 .pager__date {
        letter-spacing: -.01em
    }
}

.pager--type1 .pager__item-inner {
    border-style: solid;
    border-width: 1px;
    display: block;
    position: relative
}

.pc .pager--type1 .pager__item-inner:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1
}

.pager--type1 .pager__date {
    font-size: 1rem
}

.pager--type2 .pager__item--prev .pager__item-inner {
    padding-left: 26px;
    padding-right: 0
}

@media only screen and (max-width: 800px) {
    .pager--type2 .pager__item--prev .pager__item-inner {
        padding-left:19px
    }
}

.pager--type2 .pager__item--prev .pager__icon {
    left: 0
}

.pager--type2 .pager__item--next .pager__item-inner {
    padding-right: 26px;
    padding-left: 0
}

.pager--type2 .pager__item--next .pager__icon {
    right: 0
}

.pc .pager--type2 .pager__item-inner:hover .pager__description,.pc .pager--type2 .pager__item-inner:hover .pager__icon,.pc .pager--type2 .pager__item-inner:hover .pager__txt {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.pager--type2 .pager__date {
    font-size: 1rem;
    vertical-align: top
}

.pager__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 50%;
    height: 100px
}

@media only screen and (max-width: 800px) {
    .pager--type2 .pager__item--next .pager__item-inner {
        padding-right:19px
    }

    .pager__item {
        height: 72px
    }
}

.pager__item-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    height: 100px;
    padding-bottom: 20px;
    padding-top: 20px;
    position: relative
}

@media only screen and (max-width: 800px) {
    .pager__item-inner {
        height:72px;
        padding: 10px 15px 8px
    }
}

.pager__item--bg .pager__item-inner {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    border: none;
    color: #fff;
    display: block;
    position: relative
}

.pager__item--bg .pager__item-inner:before,.pc .pager__item--bg .pager__item-inner:hover:after {
    position: absolute;
    right: 0;
    left: 0;
    display: block;
    z-index: 1;
    top: 0;
    bottom: 0;
    content: ""
}

.pc .pager__item--bg .pager__item-inner:hover:after {
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30)
}

.pager__item--bg .pager__item-inner:before {
    background-color: #000;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40)
}

.pager__item--prev .pager__item-inner {
    padding-left: 40px
}

.pager__item--next .pager__item-inner {
    padding-right: 40px
}

@media only screen and (max-width: 800px) {
    .pager__item--prev .pager__item-inner {
        padding-left:25px
    }

    .pager__item--next .pager__item-inner {
        padding-right: 25px
    }
}

.pager__item--prev {
    float: left;
    padding-right: 10px
}

.pager__item--next {
    float: right;
    padding-left: 10px
}

.pager__item--hide {
    display: none
}

.pager__date,.pager__description {
    display: block
}

.pager__item--bg .pager__date,.pager__item--bg .pager__description {
    position: relative;
    z-index: 2
}

.pager__description {
    font-size: 1.2rem;
    margin-top: 2px
}

@media only screen and (max-width: 800px) {
    .pager__item--prev {
        padding-right:1px
    }

    .pager__item--next {
        padding-left: 1px
    }

    .pager__description {
        margin-top: 2px;
        line-height: 1.4
    }
}

.pager__icon {
    position: absolute;
    top: 0;
    bottom: 0;
    margin: auto 0;
    width: 12px;
    height: 12px;
    font-size: 1.2rem
}

.pager__item--bg .pager__icon {
    z-index: 2
}

.pagination {
    clear: both;
    display: table;
    margin: 60px auto 0
}

@media only screen and (max-width: 800px) {
    .pagination {
        margin:20px auto 0
    }
}

.pc .pagination a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.pagination__list {
    display: table-row;
    margin: 0 auto;
    text-align: center
}

.pagination__item {
    display: inline-block;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.2rem;
    width: 40px;
    height: 40px;
    white-space: nowrap
}

.pc .pagination__item:hover {
    cursor: pointer
}

.pagination__item>a,.pagination__item>span {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    width: 40px;
    height: 40px;
    line-height: 40px;
    text-align: center
}

.pc .pagination__item--stay:hover {
    cursor: default
}

.pagination__item--first,.pagination__item--last,.pagination__item--next,.pagination__item--prev {
    position: relative
}

.page .pagination__item--first,.page .pagination__item--last,.page .pagination__item--next,.page .pagination__item--prev {
    background-color: transparent
}

.pagination__item--hide {
    visibility: hidden;
    pointer-events: none
}

.pagination .icon--disclosure-double-l,.pagination .icon--disclosure-double-l2,.pagination .icon--disclosure-double-r,.pagination .icon--disclosure-double-r2,.pagination .icon--disclosure-l,.pagination .icon--disclosure-l2,.pagination .icon--disclosure-r,.pagination .icon--disclosure-r2 {
    font-size: 1.1rem;
    vertical-align: -.1rem
}

.pagination .icon--disclosure-l3,.pagination .icon--disclosure-r3 {
    font-size: 1.4rem
}

@media only screen and (min-width: 801px) {
    .pagination--type03 .pagination__item--prev {
        margin-right:30px
    }

    .pagination--type03 .pagination__item--next {
        margin-left: 30px
    }
}

@media only screen and (max-width: 800px) {
    .pagination__item--first,.pagination__item--last {
        display:none
    }

    .pagination__item--next,.pagination__item--prev {
        display: table-cell
    }

    .pagination .icon--disclosure-l3,.pagination .icon--disclosure-r3 {
        font-size: 2rem;
        vertical-align: -.4rem
    }

    .pagination--type03 {
        margin-top: 15px;
        width: 100%;
        position: relative
    }

    .pagination--type03 .pagination__item--prev {
        position: absolute;
        top: 0;
        left: 0
    }

    .pagination--type03 .pagination__item--prev a {
        text-align: left
    }

    .pagination--type03 .pagination__item--next {
        position: absolute;
        top: 0;
        right: 0
    }

    .pagination--type03 .pagination__item--next a {
        text-align: right
    }
}

.placeholder {
    -webkit-transition: opacity .3s .2s;
    transition: opacity .3s .2s;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.placeholder--loaded {
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.placeholder__outer {
    position: relative;
    -webkit-transition: background-color .1s .2s;
    transition: background-color .1s .2s
}

.placeholder__outer:not(.placeholder__outer--loaded) {
    background-color: rgba(153,153,153,.2);
    -webkit-transition: background-color .1s .2s;
    transition: background-color .1s .2s
}

.placeholder__outer.placeholder__outer--error {
    background-color: #f0f0f0
}

.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    margin: auto;
    min-height: 200px;
    max-width: 500px;
    width: 85%;
    z-index: 1000;
    color: #474747
}

.popup__inner {
    background-color: #fff;
    border: 1px solid #eee;
    border-radius: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    min-height: 200px;
    width: 100%;
    position: relative;
    display: block;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%)
}

.popup__body,.popup__footer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.popup__body {
    background-color: #fff;
    box-sizing: border-box;
    border-radius: 4px;
    height: auto;
    min-height: 100px;
    padding: 70px 19px 70px 20px
}

.popup__body--s {
    padding: 20px 19px 87px 20px
}

.popup__footer {
    position: absolute;
    bottom: 0;
    left: 0;
    background: #faf9f7;
    border-top: solid 1px #eee;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    box-sizing: border-box;
    display: table;
    padding-left: 29px;
    padding-right: 29px;
    width: 100%;
    height: 67px;
    text-align: center
}

.popup__action--vertical {
    margin: 0 auto;
    text-align: center;
    width: 200px
}

.popup__action--horizontal {
    display: table-cell;
    vertical-align: middle
}

.popup__main:only-child {
    padding-left: 20px;
    padding-right: 20px
}

.popup__main-inner {
    display: table;
    margin: 0 auto;
    font-size: 1.2rem;
    min-height: 80px;
    width: 100%
}

.popup__main-txt {
    display: table-cell;
    line-height: 2rem;
    padding: 30px 0;
    text-align: center;
    vertical-align: middle
}

.popup__heading--separate {
    border-bottom: solid 1px #eee;
    padding: 0 0 20px;
    margin-bottom: 20px
}

.popup__heading-txt {
    color: #ed3526;
    font-size: 1.4rem;
    font-weight: 400;
    text-align: center
}

.popup__btn {
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    background: #7d8b88;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border-radius: 4px;
    color: #666;
    font-size: 1.2rem;
    line-height: 1;
    -webkit-transition: .1s ease-in 0;
    transition: .1s ease-in 0;
    display: inline-block;
    height: 30px;
    min-width: 88px;
    outline: 0;
    padding: 0 10px;
    position: relative;
    text-align: center;
    text-decoration: none;
    vertical-align: bottom
}

.pc .popup__btn:not([disabled]):hover {
    background-color: #707e7b
}

.popup__btn:not([disabled]):active,.popup__btn:not([disabled]):focus {
    background-color: #667270;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup__btn:disabled {
    background-color: #abb4b2;
    color: #cbd1cf
}

.popup__action--vertical .popup__btn+.popup__btn {
    margin-top: 20px
}

.popup__action--horizontal .popup__btn+.popup__btn {
    margin-left: 10px
}

.popup__btn--primary {
    background: #3dc49d;
    color: #fff
}

.pc .popup__btn--primary:not([disabled]):hover {
    background-color: #36b18e
}

.popup__btn--primary:not([disabled]):active,.popup__btn--primary:not([disabled]):focus {
    background-color: #31a281;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup__btn--primary:disabled {
    background-color: #81d9bf;
    color: #aee8d7
}

.popup__btn--warning {
    color: #ed3526;
    background-color: #fff;
    border: 1px solid #eee
}

.pc .popup__btn--warning:not([disabled]):hover {
    background-color: #ed3526;
    color: #fff
}

.popup__btn--warning:not([disabled]):active,.popup__btn--warning:not([disabled]):focus {
    border: none;
    color: #fff;
    background-color: #ed3526
}

.popup__btn--warning:disabled {
    background-color: #fff;
    color: #fff
}

.popup__btn--negative {
    background: #eee;
    color: #666
}

.popup__logo,.preview .preview-share-btn-thirdparty__item--twitter {
    background-repeat: no-repeat;
    -webkit-background-size: 3256px 172px
}

.pc .popup__btn--negative:not([disabled]):hover {
    background-color: #d6d6d6
}

.popup__btn--negative:not([disabled]):active,.popup__btn--negative:not([disabled]):focus {
    background-color: #c3c3c3;
    -webkit-box-shadow: none;
    box-shadow: none
}

.popup__btn--negative:disabled {
    background-color: #f4f4f4;
    color: #eee
}

.popup__btn--l {
    font-size: 1.4rem;
    width: 200px;
    min-height: 40px
}

.popup__logo {
    background-position: -1964px 0;
    background-size: 3256px 172px;
    width: 109px;
    height: 38px;
    min-width: 109px;
    min-height: 38px;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    margin: 0 auto;
    word-wrap: normal
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    .popup__logo {
        background-repeat: no-repeat;
        background-position: -1406px 0;
        -webkit-background-size: 1628px 86px;
        background-size: 1628px 86px;
        width: 109px;
        height: 38px;
        min-width: 109px;
        min-height: 38px
    }
}

.popup__close {
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    position: absolute;
    top: 15px;
    right: 15px;
    cursor: pointer;
    width: 25px;
    height: 25px;
    word-wrap: normal
}

.popup__close:after,.popup__close:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    border-bottom: solid 1px #999;
    content: "";
    display: block;
    width: 25px;
    height: 0;
    margin: auto;
    -webkit-transition: border .1s ease-in 0;
    transition: border .1s ease-in 0
}

.pc .popup__close:hover .popup__close:after,.pc .popup__close:hover .popup__close:before {
    border-bottom-color: #8a8a8a
}

.popup__close:before {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup__close:after {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.pc .popup__close:hover:after,.pc .popup__close:hover:before {
    border-bottom-color: rgba(153,153,153,.7)
}

.popup__close-btn {
    position: absolute;
    top: 14px;
    right: 16px;
    cursor: pointer;
    width: 18px;
    height: 18px
}

.popup__close-btn__item {
    position: absolute;
    border-bottom: solid 1px #999;
    display: block;
    width: 141%;
    right: -6px;
    top: 50%
}

.post-archives--list .post-archives__item-outer:last-child .post-archives__item:last-child,.posts-category--list .posts-category__item:last-child {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

@media only screen and (max-width: 479px) {
    .popup__close-btn__item {
        width:20px;
        right: -3px
    }
}

.popup__close-btn__item:nth-child(1) {
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.popup__close-btn__item:nth-child(2) {
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.post-archives__item {
    font-size: 1.2rem;
    padding-left: 4px
}

.post-archives__count {
    margin-left: 8px
}

.post-archives--list .post-archives__item {
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 11px;
    padding-top: 11px
}

.post-archives--accordion .post-archives__item:first-child {
    margin-top: 0
}

.post-archives--accordion .post-archives__year {
    cursor: pointer;
    display: inline-block
}

.post-archives--accordion .post-archives__year--open .post-archives__icon:before {
    -webkit-transform: rotate(180deg);
    -ms-transform: rotate(180deg);
    transform: rotate(180deg);
    padding-bottom: 1px
}

.post-archives--accordion .post-archives__icon {
    font-size: 1rem;
    margin-left: 10px
}

.post-archives--accordion .post-archives__icon:before {
    display: block;
    -webkit-transition: all .1s ease-in 0s;
    transition: all .1s ease-in 0s
}

.post-archives--accordion .post-archives__month {
    margin-top: 10px
}

@media only screen and (max-width: 800px) {
    .post-archives--accordion {
        border-bottom-style:solid;
        border-bottom-width: 1px
    }

    .post-archives--accordion .post-archives__item {
        border-top-style: solid;
        border-top-width: 1px;
        padding-top: 11px
    }

    .post-archives--accordion .post-archives__month {
        border-top-style: solid;
        border-top-width: 1px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        padding-top: 10px
    }
}

.post-archives--accordion .post-archives__month:first-child {
    margin-top: 0
}

.post-archives--accordion .post-archives__month-outer {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    height: 0;
    margin-top: 11px;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    overflow: hidden;
    padding-left: 20px;
    -webkit-transition: opacity .25s ease-in-out;
    transition: opacity .25s ease-in-out
}

@media only screen and (min-width: 801px) {
    .post-archives--accordion .post-archives__month-outer {
        border-left-style:solid;
        border-left-width: 1px
    }
}

.post-archives--accordion .post-archives__month-outer--open {
    height: auto;
    margin-bottom: 11px;
    opacity: 1;
    -ms-filter: none;
    -webkit-filter: none;
    filter: none
}

.posts-category__item {
    font-size: 1.2rem
}

.posts-category__count {
    margin-left: 8px
}

.posts-category--list .posts-category__item {
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 11px;
    padding-top: 11px;
    padding-left: 4px
}

.posts-category--tagcloud {
    overflow: hidden;
    margin-bottom: -6px
}

.posts-category--tagcloud .posts-category__item {
    border-radius: 2px;
    border-style: solid;
    border-width: 1px;
    display: inline-block;
    margin-bottom: 6px;
    margin-right: 6px
}

.posts-category--tagcloud .posts-category__item-inner {
    display: block;
    padding: 3px 10px 1px
}

#mdrd-a66be375c .powered-by {
    margin-bottom: 0!important;
    padding-top: 20px!important;
    padding-bottom: 20px!important
}

#mdrd-a66be375c .powered-by:after,#mdrd-a66be375c .powered-by:before {
    display: none!important
}

#mdrd-a66be375c .powered-by__link {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    text-indent: 0!important;
    transform: none!important;
    background-color: #fff!important;
    border-radius: 15px!important;
    display: block!important;
    margin: 0 auto!important;
    padding: 0 14px!important;
    position: static!important;
    width: 276px;
    height: 30px;
    line-height: 30px!important;
    text-align: center!important
}

#mdrd-a66be375c .powered-by__link:after,#mdrd-a66be375c .powered-by__link:before,#mdrd-a66be375c .powered-by__text:after,#mdrd-a66be375c .powered-by__text:before {
    display: none!important
}

.pc#mdrd-a66be375c .powered-by__link:hover {
    opacity: .6!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"!important;
    filter: alpha(opacity=60)!important
}

#mdrd-a66be375c .powered-by__text {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    color: #7d8b88!important;
    font-size: 1rem!important;
    margin: 0 5px!important;
    position: static!important;
    z-index: 1!important
}

.pc .share__btn:hover>.icon,.related-posts--gridm .related-posts__img+.related-posts__body,.related-posts--gridm .related-posts__item .reblog-icon {
    color: #fff
}

#mdrd-a66be375c .powered-by__logo {
    display: inline-block!important;
    background-repeat: no-repeat!important;
    background-position: -109px 0!important;
    -webkit-background-size: 3256px 172px!important;
    background-size: 3256px 172px!important;
    width: 42px!important;
    height: 14px!important;
    min-width: 42px!important;
    min-height: 14px!important;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    margin-bottom: 4px!important;
    position: static!important;
    vertical-align: middle!important;
    word-wrap: normal!important
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min-resolution:1.5dppx),only screen and (min--moz-device-pixel-ratio:1.5),only screen and (min-resolution:144dpi) {
    #mdrd-a66be375c .powered-by__logo {
        background-repeat: no-repeat!important;
        background-position: -632px 0!important;
        -webkit-background-size: 1628px 86px!important;
        background-size: 1628px 86px!important;
        width: 42px!important;
        height: 14px!important;
        min-width: 42px!important;
        min-height: 14px!important
    }
}

#mdrd-a66be375c .powered-by__logo:after,#mdrd-a66be375c .powered-by__logo:before {
    display: none!important
}

.quote iframe {
    max-width: 100%
}

.quote--twitter {
    max-width: 500px
}

.quote--twitter iframe {
    margin-left: 0!important;
    margin-right: 0!important
}

.related-posts .reblog-icon {
    margin-right: 4px
}

.related-posts__heading {
    border-left-style: solid;
    border-left-width: 2px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    font-size: 1.6rem;
    line-height: 1;
    padding: 2px 0 2px 12px
}

.related-posts__post-date {
    font-size: 1rem
}

.related-posts--gridl .related-posts__item {
    margin-top: 30px
}

@media only screen and (min-width: 801px) {
    .related-posts--gridl .related-posts__item {
        -webkit-box-sizing:border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
        float: left;
        overflow: hidden;
        padding: 0 10px;
        position: relative;
        width: 50%
    }

    .related-posts--gridl .related-posts__item:nth-child(odd) {
        clear: both
    }

    .related-posts--gridl .related-posts__item-outer {
        margin: 0 -10px
    }
}

.related-posts--gridl .related-posts__img--img .related-posts__img-inner {
    display: block;
    position: relative
}

.pc .related-posts--gridl .related-posts__img--img .related-posts__img-inner:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1
}

.related-posts--gridl .related-posts__img--blank {
    position: relative;
    border-style: solid;
    border-width: 1px
}

.related-posts--gridl .related-posts__img--blank:after {
    content: "";
    width: 100%;
    display: block;
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    -webkit-transform: skew(0,-33.5deg);
    -ms-transform: skew(0,-33.5deg);
    transform: skew(0,-33.5deg);
    position: absolute;
    top: 50%;
    left: 0
}

.related-posts--gridl .related-posts__img-item {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.related-posts--gridl .related-posts__img-item:after {
    content: '';
    display: block;
    padding-top: 66.66666666666666%
}

.related-posts--gridl .related-posts__img-item>img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto
}

.related-posts--gridl .related-posts__post-date {
    margin-top: 15px
}

.related-posts--gridl .related-posts__title {
    font-size: 1.6rem;
    margin-top: 2px
}

.related-posts--gridm .related-posts__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    padding: 0 10px;
    width: 33.3333%
}

@media only screen and (min-width: 801px) {
    .related-posts--gridm .related-posts__item {
        margin-top:20px
    }

    .related-posts--gridm .related-posts__item:nth-child(-n+3) {
        margin-top: 0
    }
}

.related-posts--gridm .related-posts__item-outer {
    margin: 30px -10px 0
}

@media only screen and (max-width: 800px) {
    .quote--soundcloud iframe {
        height:150px
    }

    .related-posts--gridm .related-posts__item {
        width: 50%;
        padding: 0
    }

    .related-posts--gridm .related-posts__item-outer {
        margin-left: 0;
        margin-right: 0
    }
}

.related-posts--gridm .related-posts__item-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.related-posts--gridm .related-posts__item--img .related-posts__item-inner {
    display: block;
    position: relative
}

.pc .related-posts--gridm .related-posts__item--img .related-posts__item-inner:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1
}

.related-posts--gridm .related-posts__item--img .related-posts__item-inner:before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #000;
    opacity: .4;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40)";
    filter: alpha(opacity=40);
    z-index: 1
}

.related-posts--gridm .related-posts__img-item:after,.related-posts--gridm .related-posts__item--blank .related-posts__item-inner:after {
    content: '';
    padding-top: 100%;
    display: block
}

.related-posts--gridm .related-posts__item--blank .related-posts__item-inner {
    border-width: 1px;
    border-style: solid;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

.related-posts--gridm .related-posts__img-item {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.related-posts--gridm .related-posts__img-item>img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto
}

.related-posts--gridm .related-posts__body {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    width: 100%;
    height: 100%;
    z-index: 2
}

.related-posts--gridm .related-posts__title {
    font-size: 1.4rem
}

.related-posts--listl .related-posts__item {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 30px;
    min-height: 100px;
    padding-bottom: 30px
}

.related-posts--listl .related-posts__img {
    float: right
}

@media only screen and (min-width: 801px) {
    .related-posts--listl .related-posts__img {
        width:120px;
        height: 120px
    }

    .related-posts--listl .related-posts__img+.related-posts__body {
        margin-right: 140px
    }
}

@media only screen and (max-width: 800px) {
    .related-posts--listl .related-posts__img {
        width:100px;
        height: 100px
    }
}

.related-posts--listl .related-posts__img-inner {
    display: block;
    position: relative;
    width: inherit;
    height: inherit
}

.pc .related-posts--listl .related-posts__img-inner:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1
}

.related-posts--listl .related-posts__img-item {
    display: block;
    overflow: hidden;
    position: relative;
    width: inherit;
    height: inherit
}

.related-posts--listl .related-posts__img-item>img {
    width: 100%
}

.related-posts--listl .related-posts__title {
    font-size: 1.4rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.related-posts--listl .related-posts__title+.related-posts__txt {
    margin-top: 15px
}

.related-posts--listl .related-posts__txt {
    font-size: 1.2rem
}

.related-posts--listm .related-posts__item {
    margin-top: 5px
}

.related-posts--listm .related-posts__item:first-of-type {
    margin-top: 30px
}

.related-posts--listm .related-posts__title {
    font-size: 1.4rem
}

.related-posts--listm .related-posts__title>a {
    display: inline-block;
    max-width: 100%;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.share {
    margin-top: -10px;
    position: relative
}

.share--filled {
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between
}

.share__btn,.share__btn-outer {
    display: inline-block;
    margin-top: 10px
}

@media only screen and (max-width: 800px) {
    .related-posts--listl .related-posts__img+.related-posts__body {
        margin-right:120px
    }

    .share--filled {
        -webkit-box-pack: end;
        -moz-box-pack: end;
        -o-box-pack: end;
        -ms-flex-pack: end;
        -webkit-justify-content: flex-end;
        justify-content: flex-end;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }
}

.share--filled-1,.share--filled-2 {
    -webkit-box-pack: end;
    -moz-box-pack: end;
    -o-box-pack: end;
    -ms-flex-pack: end;
    -webkit-justify-content: flex-end;
    justify-content: flex-end
}

.share--filled-1 .share__btn,.share--filled-2 .share__btn {
    width: 80px
}

.share--thirdparty .share__btn--pocket iframe {
    max-width: 98px;
    min-width: 85px
}

.share__btn-outer {
    margin-left: 10px;
    width: 76px
}

@media only screen and (max-width: 800px) {
    .share__btn-outer {
        margin-left:5px
    }
}

.share__btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    line-height: 1;
    outline: 0;
    text-align: center;
    -webkit-transition: .1s ease-in-out;
    transition: .1s ease-in-out;
    vertical-align: top
}

.pc .share__btn:hover {
    border-color: transparent
}

.share__btn>.icon {
    font-size: 14px;
    -webkit-transition: color .1s ease-in-out;
    transition: color .1s ease-in-out
}

.share__btn>.icon--nanagogo {
    font-size: 18px
}

.pc .share__btn--facebook:hover,.share__btn--filled.share__btn--facebook {
    background-color: #3b5998
}

.pc .share__btn--filled.share__btn--facebook:hover>.icon,.share__btn--facebook>.icon {
    color: #3b5998
}

.pc .share__btn--twitter:hover,.share__btn--filled.share__btn--twitter {
    background-color: #55acee
}

.pc .share__btn--filled.share__btn--twitter:hover>.icon,.share__btn--twitter>.icon {
    color: #55acee
}

.pc .share__btn--googleplus:hover,.share__btn--filled.share__btn--googleplus {
    background-color: #dd4b39
}

.pc .share__btn--filled.share__btn--googleplus:hover>.icon,.share__btn--googleplus>.icon {
    color: #dd4b39
}

.pc .share__btn--hatenabookmark:hover,.share__btn--filled.share__btn--hatenabookmark {
    background-color: #1691db
}

.pc .share__btn--filled.share__btn--hatenabookmark:hover>.icon,.share__btn--hatenabookmark>.icon {
    color: #1691db
}

.pc .share__btn--pocket:hover,.share__btn--filled.share__btn--pocket {
    background-color: #ed4259
}

.pc .share__btn--filled.share__btn--pocket:hover>.icon,.share__btn--pocket>.icon {
    color: #ed4259
}

.pc .share__btn--tumblr:hover,.share__btn--filled.share__btn--tumblr {
    background-color: #35465c
}

.pc .share__btn--filled.share__btn--tumblr:hover>.icon,.share__btn--tumblr>.icon {
    color: #35465c
}

.pc .share__btn--line:hover,.share__btn--filled.share__btn--line {
    background-color: #00c300
}

.pc .share__btn--filled.share__btn--line:hover>.icon,.share__btn--line>.icon {
    color: #00c300
}

.pc .share__btn--nanagogo:hover,.share__btn--filled.share__btn--nanagogo {
    background-color: #fb4c42
}

.pc .share__btn--filled.share__btn--nanagogo:hover>.icon,.share__btn--nanagogo>.icon {
    color: #fb4c42
}

.share__btn--line>.icon {
    font-size: 28px;
    line-height: 20px;
    vertical-align: 0
}

.share__btn--circle {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 15px;
    margin-left: 10px;
    padding: 4px 0 6px;
    width: 30px;
    height: 30px
}

.share__btn--circle>.icon--line {
    font-size: 18px
}

.share__btn--square {
    background-color: #fff;
    border: 1px solid #ddd;
    border-radius: 2px;
    margin-top: 8px;
    padding-bottom: 2px;
    width: 100%;
    height: 24px
}

.share__btn--filled {
    border-radius: 16px;
    margin-left: 10px;
    position: relative;
    width: 100%;
    height: 32px
}

.pc .share__btn--filled:hover {
    border-color: transparent;
    background-color: #fff
}

@media only screen and (max-width: 800px) {
    .share__btn--filled {
        width:72px
    }
}

.pc .share__btn--filled:hover:before {
    position: absolute;
    top: 0;
    left: 0;
    border: 1px solid #ddd;
    border-radius: 16px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    content: '';
    display: block;
    width: 100%;
    height: 100%
}

.share__btn--filled:first-child {
    margin-left: 0
}

.share__btn--filled>.icon {
    color: #fff;
    line-height: 20px
}

.share__btn--filled--twitter>.icon {
    color: #55acee
}

.pc .share__btn--filled--twitter:hover {
    background-color: #55acee
}

.share__btn--thirdparty {
    height: 20px;
    margin-left: 10px
}

.pc .share__btn--thirdparty:hover {
    background-color: transparent
}

.share__balloon {
    background-color: #fff;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ddd;
    border-radius: 2px;
    line-height: 33px;
    padding: 0 5px 2px;
    position: relative;
    width: 100%;
    height: 35px;
    text-align: center
}

.site-follow,.site-follow__title-inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.share__balloon:after,.share__balloon:before {
    content: "";
    position: absolute;
    border-top: 6px solid;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    left: 50%;
    margin-left: -4px;
    width: 0;
    height: 0
}

.site-follow__img,.site-follow__img-item {
    border-radius: 4px;
    width: 70px;
    height: 70px
}

.share__balloon:after {
    bottom: -4px;
    border-top-color: #fff
}

.share__balloon:before {
    bottom: -6px;
    border-top-color: #ddd
}

.share__balloon-txt {
    color: #999;
    display: block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.share__balloon-txt--facebook>.icon {
    color: #3b5998
}

.pc .share__balloon-txt--facebook:hover {
    background-color: #3b5998
}

.share__balloon-txt--twitter>.icon {
    color: 'twitter-color'
}

.pc .share__balloon-txt--twitter:hover {
    background-color: 'twitter-color'
}

.share__balloon-txt--facebook>.icon {
    color: 'facebook-color'
}

.pc .share__balloon-txt--facebook:hover {
    background-color: 'facebook-color'
}

.share__balloon-txt--hatenabookmark>.icon {
    color: 'hatenabookmark-color'
}

.pc .share__balloon-txt--hatenabookmark:hover {
    background-color: 'hatenabookmark-color'
}

.share__balloon-txt--googleplus>.icon {
    color: 'googleplus-color'
}

.pc .share__balloon-txt--googleplus:hover {
    background-color: 'googleplus-color'
}

.share__balloon-txt--pocket>.icon {
    color: 'pocket-color'
}

.pc .share__balloon-txt--pocket:hover {
    background-color: 'pocket-color'
}

.share__balloon-txt--tumblr>.icon {
    color: 'tumblr-color'
}

.pc .share__balloon-txt--tumblr:hover {
    background-color: 'tumblr-color'
}

.share__balloon-txt--line>.icon {
    color: 'line-color'
}

.pc .share__balloon-txt--line:hover {
    background-color: 'line-color'
}

.share__balloon>.reblog-btn {
    margin-left: 10px
}

@-webkit-keyframes toggle-share-show {
    0% {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    1% {
        visibility: visible;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        visibility: visible;
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@keyframes toggle-share-show {
    0% {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    1% {
        visibility: visible;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        visibility: visible;
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }
}

@-webkit-keyframes toggle-share-hide {
    0% {
        visibility: visible;
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    99% {
        visibility: visible;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
}

@keyframes toggle-share-hide {
    0% {
        visibility: visible;
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none;
        -webkit-transform: scale(1);
        -ms-transform: scale(1);
        transform: scale(1)
    }

    99% {
        visibility: visible;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }

    100% {
        visibility: hidden;
        opacity: 0;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: alpha(opacity=0);
        -webkit-transform: scale(.95);
        -ms-transform: scale(.95);
        transform: scale(.95)
    }
}

.site-follow {
    box-sizing: border-box;
    border-width: 1px;
    border-style: solid
}

.site-follow__img {
    background-color: #fff;
    float: left;
    margin: 20px;
    text-align: center
}

.site-follow__img-item {
    overflow: hidden;
    position: relative
}

.site-follow__body {
    padding: 15px 20px 20px 110px
}

.site-follow__title {
    font-size: 1.4rem;
    line-height: 1.4;
    font-weight: 700
}

.site-follow__title-inner {
    box-sizing: border-box;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    max-width: 100%
}

.common-header__inner,.site-follow__btn {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.site-follow__title-inner--official {
    margin-right: -20px;
    padding-right: 20px
}

.site-follow__badge {
    color: #3dc49d;
    padding-left: 5px;
    line-height: 1;
    letter-spacing: 0;
    vertical-align: .5em
}

.site-follow__text {
    font-size: 1.2rem;
    margin-top: 2px
}

.site-follow__btn {
    -o-appearance: none;
    -ms-appearance: none;
    appearance: none;
    box-sizing: border-box;
    border: 1px solid #3dc49d;
    border-radius: 2px;
    -webkit-transition: all .1s ease-in 0s;
    transition: all .1s ease-in 0s;
    cursor: pointer;
    display: inline-block;
    font-size: 1rem;
    line-height: 21px;
    letter-spacing: 0;
    width: 82px;
    height: 22px;
    outline: 0;
    padding: 0 6px;
    position: relative;
    text-align: center;
    vertical-align: bottom
}

.site-follow__btn-outer {
    margin-top: 4px
}

.site-follow__btn--yet {
    background: #fff;
    color: #3dc49d
}

.pc .site-follow__btn--yet:hover {
    background-color: #f4fffc
}

.site-follow__btn--now {
    background-color: #3dc49d;
    color: #fff
}

.pc .site-follow__btn--now:hover {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    color: #fff
}

.site-follow__btn>.icon--loop {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    animation: loader-spinner .6s linear infinite;
    display: block;
    font-size: 1rem;
    margin: auto;
    width: 80px;
    height: 11.9px;
    text-align: center
}

.common-header__more,.common-header__more>span {
    position: relative;
    height: 50px;
    width: 80px;
    display: block
}

.site-follow__icon {
    font-size: 1rem;
    margin-right: 4px;
    vertical-align: -.1em
}

@-webkit-keyframes loader-spinner {
    0% {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

@keyframes loader-spinner {
    0% {
        -webkit-transform: rotate(-360deg);
        -ms-transform: rotate(-360deg);
        transform: rotate(-360deg)
    }

    100% {
        -webkit-transform: rotate(0);
        -ms-transform: rotate(0);
        transform: rotate(0)
    }
}

.static {
    line-height: 2em
}

.static:first-child .static-heading-lv1 {
    margin-top: 0
}

.static-heading-lv1 {
    margin-top: 40px;
    font-size: 20px;
    line-height: 1.6
}

.static-heading-lv2 {
    font-weight: 700;
    margin-top: 40px
}

.static-block {
    margin: 40px 0
}

.txt {
    font-size: inherit;
    line-height: inherit
}

p.txt {
    margin-bottom: .5em
}

p.txt:last-child {
    margin-bottom: 0
}

.txt--l {
    font-size: 2.4rem;
    line-height: 1.6
}

.txt--m {
    font-size: 1.6rem
}

.txt--s {
    font-size: 1.4rem
}

.txt--xs {
    font-size: 1.2rem
}

.txt--left {
    text-align: left
}

.txt--center {
    text-align: center
}

.txt--right {
    text-align: right
}

.txt--bold {
    font-weight: 700
}

.txt--underline {
    text-decoration: underline
}

.txt--strike {
    text-decoration: line-through
}

.block-txt {
    margin-bottom: .5em
}

.block-txt:last-child {
    margin-bottom: 0
}

.blog-body__text div,.blog-body__text h1,.blog-body__text h2,.blog-body__text p,.txt div,.txt h1,.txt h2,.txt p {
    margin-bottom: .5em
}

.blog-body__text h3,.blog-body__text h4,.txt h3,.txt h4 {
    font-weight: 700;
    margin-bottom: .8em
}

.blog-body__text blockquote,.blog-body__text ol,.blog-body__text ul,.txt blockquote,.txt ol,.txt ul {
    margin-bottom: 1em;
    margin-top: 1em
}

.blog-body__text h1,.txt h1 {
    font-size: 3.2rem;
    line-height: 1.6
}

.blog-body__text h2,.txt h2 {
    font-size: 2.4rem;
    line-height: 1.6
}

.blog-body__text h3,.txt h3 {
    font-size: 1.6rem
}

.blog-body__text blockquote,.blog-body__text div,.blog-body__text h4,.blog-body__text ol,.blog-body__text p,.blog-body__text ul,.txt blockquote,.txt div,.txt h4,.txt ol,.txt p,.txt ul {
    font-size: 1.4rem
}

.blog-body__text :last-child,.txt :last-child {
    margin-bottom: 0
}

.blog-body__text ul,.txt ul {
    list-style-type: disc;
    padding-left: 1.5em
}

.blog-body__text ol,.txt ol {
    list-style-type: decimal;
    padding-left: 1.5em
}

.blog-body__text blockquote,.txt blockquote {
    border-left-style: solid;
    border-left-width: 2px;
    padding: 10px 0 10px 1.35em
}

.blog-body__text img,.txt img {
    vertical-align: baseline
}

.blog-body__text .fs-xxl {
    font-size: 5rem;
    line-height: 1.4
}

.blog-body__text .fs-xl {
    font-size: 3.2rem;
    line-height: 1.6
}

.blog-body__text .fs-l {
    font-size: 2.4rem;
    line-height: 1.6
}

.blog-body__text .fs-m {
    font-size: 1.6rem
}

.blog-body__text .fs-s {
    font-size: 1.4rem
}

.blog-body__text .fs-xs {
    font-size: 1.2rem
}

.blog-body__text .fs-xxs {
    font-size: 1rem
}

.facebook iframe {
    background-color: #fff;
    max-width: 100%
}

.album-list--facebook .album-item>a,.album-list--facebook .album-item>div,.album-list--facebook .album-item>span,.album-list--instagram .album-item>a,.album-list--instagram .album-item>div,.album-list--instagram .album-item>span {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.album-list--facebook .album-item>a:after,.album-list--facebook .album-item>div:after,.album-list--facebook .album-item>span:after,.album-list--instagram .album-item>a:after,.album-list--instagram .album-item>div:after,.album-list--instagram .album-item>span:after {
    content: '';
    display: block;
    padding-top: 100%
}

.common-header__outer {
    border-bottom: 1px solid rgba(0,0,0,.1);
    width: 100%
}

.common-header__inner {
    box-sizing: border-box;
    float: right;
    line-height: 0;
    margin-left: -20px;
    width: 100%;
    text-align: center
}

.common-header,.common-header__more {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.common-header__switch {
    display: none
}

.common-header__more {
    cursor: pointer;
    box-sizing: border-box;
    float: right;
    margin-left: -60px;
    padding-right: 20px;
    top: -50px;
    left: 100%;
    text-align: center
}

.common-header__more>span {
    top: 0
}

.common-header__more>span:after,.common-header__more>span:before {
    position: absolute;
    left: 24px;
    content: '';
    display: block;
    width: 13px;
    height: 1px;
    border-bottom: solid 1px;
    border-color: inherit;
    -webkit-transition: opacity .3s ease 0s;
    transition: opacity .3s ease 0s
}

.common-header__switch:checked+.common-header .common-header__more>span:after,.common-header__switch:checked+.common-header .common-header__more>span:before {
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0)
}

.common-header__more>span:before {
    top: 22px
}

.common-header__more>span:after {
    top: 26px
}

.common-header__more>span>span {
    display: inline-block
}

.common-header__more>span>span:after,.common-header__more>span>span:before {
    position: absolute;
    top: 18px;
    left: 24px;
    content: '';
    display: block;
    width: 13px;
    height: 1px;
    border-bottom: solid 1px;
    border-color: inherit;
    -webkit-transition: -webkit-transform .2s ease 0s;
    transition: -webkit-transform .2s ease 0s;
    transition: transform .2s ease 0s;
    transition: transform .2s ease 0s,-webkit-transform .2s ease 0s
}

.common-header__switch:checked+.common-header .common-header__more>span>span:before {
    top: 22px;
    -webkit-transform: rotate(45deg);
    -ms-transform: rotate(45deg);
    transform: rotate(45deg)
}

.common-header__switch:checked+.common-header .common-header__more>span>span:after {
    top: 22px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.common-header__more>span>span:after>span {
    display: inline-block
}

.pc .common-header__more:hover span {
    border-color: inherit
}

.common-header {
    font-family: "Helvetica neue",Arial,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    box-sizing: border-box;
    display: block;
    height: 50px;
    margin: 0 auto;
    overflow: hidden;
    position: relative;
    width: 100%
}

.common-header-nav,.common-header-nav__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.common-header__switch:checked+.common-header {
    height: 100%
}

.common-header::before {
    content: "";
    float: left;
    height: 50px;
    width: 20px
}

.common-header::after {
    content: "";
    display: table;
    clear: both
}

.common-header-nav {
    box-sizing: border-box;
    display: inline-block;
    padding: 0 40px;
    width: 100%;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .common-header-nav {
        text-align:left;
        padding: 0 40px 0 0
    }

    .common-header-nav__item>a {
        max-width: 100px
    }
}

.common-header-nav__item {
    box-sizing: border-box;
    display: inline-block;
    text-align: center;
    height: 49px;
    line-height: 50px;
    vertical-align: top;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.app-banner,.authorinfo__img {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

.pc .common-header-nav__item:hover>a {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60)
}

.common-header-nav__item--active>a {
    opacity: .6;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";
    filter: alpha(opacity=60);
    cursor: default
}

.common-header-nav__item>a {
    font-size: 12px;
    text-decoration: none;
    display: inline-block;
    outline: 0;
    padding: 0 20px;
    -webkit-transition: background .2s ease 0s;
    transition: background .2s ease 0s;
    vertical-align: top
}

.pos-fix {
    position: fixed!important;
    top: 0!important
}

.authorinfo__profile {
    display: table;
    table-layout: fixed;
    width: 100%
}

.authorinfo__img {
    box-sizing: border-box;
    display: table-cell;
    width: 100px;
    height: 100px
}

.authorinfo__img>img {
    width: inherit;
    height: inherit;
    border-radius: 50px
}

.authorinfo--m .authorinfo__img {
    width: 66px;
    height: 66px
}

.authorinfo--m .authorinfo__img>img {
    border-radius: 33px
}

@media only screen and (max-width: 800px) {
    .authorinfo--l .authorinfo__img {
        width:66px;
        height: 66px
    }

    .authorinfo--l .authorinfo__img>img {
        border-radius: 33px
    }
}

.authorinfo--s .authorinfo__img {
    width: 36px;
    height: 36px
}

.authorinfo--s .authorinfo__img>img {
    border-radius: 18px
}

.authorinfo__body {
    display: table-cell;
    vertical-align: middle;
    padding-left: 18px
}

.authorinfo--s .authorinfo__body {
    padding-left: 12px
}

.authorinfo__name {
    font-size: 1.8rem;
    font-weight: 700
}

.authorinfo--m .authorinfo__name {
    font-size: 1.4rem
}

@media only screen and (max-width: 800px) {
    .authorinfo--l .authorinfo__name {
        font-size:1.4rem
    }
}

.authorinfo--s .authorinfo__name {
    font-size: 1.2rem;
    font-weight: 400
}

.authorinfo__description {
    font-size: 1.2rem;
    text-align: left;
    margin-top: 10px
}

@media only screen and (max-width: 800px) {
    .authorinfo--page .authorinfo__description {
        margin-top:15px;
        text-align: center
    }
}

.authorinfo--page .authorinfo__posts {
    margin-top: 60px
}

@media only screen and (max-width: 800px) {
    .authorinfo--page .authorinfo__posts {
        margin-top:30px
    }

    .authorinfo--page .authorinfo__profile {
        display: block;
        text-align: center
    }

    .authorinfo--page .authorinfo__body {
        display: block;
        padding-left: 0
    }

    .authorinfo--page .authorinfo__img {
        display: block;
        margin: 0 auto 15px
    }
}

.authorinfo__list-item--blank {
    margin: 50px auto;
    text-align: center
}

.authorinfo__link {
    font-size: 1.2rem;
    margin-top: 15px;
    text-align: right
}

.authorinfo__link__inner {
    margin-left: auto;
    margin-right: auto
}

.authorinfo__link .icon {
    margin-left: 5px;
    vertical-align: -.1em
}

.app-banner {
    letter-spacing: 0;
    height: 70px;
    background: #f0f0f0;
    border-bottom: 1px solid #eee;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-orient: horizontal;
    -moz-box-orient: horizontal;
    -o-box-orient: horizontal;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -moz-box-pack: justify;
    -o-box-pack: justify;
    -ms-flex-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    box-sizing: border-box;
    padding: 8px
}

@media screen and (min-width: 800px) {
    .app-banner {
        display:none
    }
}

.app-banner__close {
    width: 17px;
    height: 17px;
    font-size: 15px;
    background: 0 0;
    border: none;
    cursor: pointer;
    color: #979797
}

.app-banner__icon {
    width: 40px;
    height: 40px;
    background: #fff;
    border-radius: 7px;
    display: -webkit-box;
    display: -moz-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: box;
    display: flex;
    -webkit-box-pack: center;
    -moz-box-pack: center;
    -o-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -moz-box-align: center;
    -o-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center;
    padding-bottom: 4px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0 8px
}

.app-banner__icon>.icon--ownd {
    color: #3dc49d;
    font-size: 190%
}

.app-banner__text {
    color: #333;
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    min-width: 42vw;
    font-size: 11px
}

.app-banner__text--strong {
    color: #3dc49d;
    font-weight: 700
}

.app-banner__downloader {
    -webkit-box-flex: 1;
    -moz-box-flex: 1;
    -o-box-flex: 1;
    box-flex: 1;
    -webkit-flex: 1;
    -ms-flex: 1;
    flex: 1;
    max-width: 80px
}

.app-banner__downloader-text {
    color: #333;
    width: 100%;
    text-align: center;
    font-size: 12px
}

.app-banner__downloader-link-button {
    width: 100%;
    height: 25px;
    background: #3dc49d;
    font-size: 12px;
    color: #fff;
    border: none;
    cursor: pointer;
    border-radius: 2px
}

.facebook-feed__text a,.twitter-feed-action__item button,.twitter-feed-retweet__text>a,.twitter-feed__text a {
    color: inherit
}

.block-html__frame {
    width: 100%;
    height: 100%
}

.block-type--html iframe {
    width: 100%
}

.blog-list .blog-item__txt__highlight {
    font-size: 1.4rem;
    font-style: normal;
    font-weight: 700
}

.blog-list--listl .blog-item {
    border-bottom-style: solid;
    border-bottom-width: 1px;
    margin-top: 30px;
    min-height: 100px;
    padding-bottom: 30px
}

.blog-list--listl .blog-item__img {
    float: right
}

@media only screen and (min-width: 801px) {
    .blog-list--listl .blog-item__img {
        margin-left:40px;
        width: 120px;
        height: 120px
    }
}

@media only screen and (max-width: 800px) {
    .blog-list--listl .blog-item__img {
        margin-left:20px;
        width: 100px;
        height: 100px
    }
}

.blog-list--listl .blog-item__img-inner {
    display: block;
    position: relative;
    width: inherit;
    height: inherit
}

.pc .blog-list--listl .blog-item__img-inner:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1
}

.blog-list--listl .blog-item__img-item {
    display: block;
    overflow: hidden;
    position: relative;
    width: inherit;
    height: inherit
}

.blog-list--listl .blog-item__title {
    font-size: 1.6rem;
    font-weight: 700;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

@media only screen and (max-width: 800px) {
    .blog-list--listl .blog-item__title {
        font-size:1.4rem
    }
}

.blog-list--listl .blog-item__title+.blog-item__txt {
    margin-top: 10px
}

.blog-list--listl .blog-item__txt {
    overflow: hidden
}

.blog-list--listl .blog-item__date,.blog-list--listl .blog-item__txt {
    font-size: 1.2rem
}

.blog-list--sidebarl .blog-item__date,.blog-list--sidebarm .blog-item__date,.blog-list--sidebars .blog-item__date {
    font-size: 1rem;
    margin-top: 2px
}

.blog-list--sidebarl .blog-item {
    margin-top: 20px
}

.blog-list--sidebarl .blog-item:first-child {
    margin-top: 0
}

.blog-list--sidebarl .blog-item__img--img .blog-item__img-inner {
    display: block;
    position: relative
}

.pc .blog-list--sidebarl .blog-item__img--img .blog-item__img-inner:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1
}

.blog-list--sidebarl .blog-item__img--blank {
    position: relative;
    border-style: solid;
    border-width: 1px
}

.blog-list--sidebarl .blog-item__img--blank:after {
    content: "";
    width: 100%;
    display: block;
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    -webkit-transform: skew(0,-29.5deg);
    -ms-transform: skew(0,-29.5deg);
    transform: skew(0,-29.5deg);
    position: absolute;
    top: 50%;
    left: 0
}

.blog-list--sidebarl .blog-item__img-item {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.blog-list--sidebarl .blog-item__img-item:after {
    content: '';
    display: block;
    padding-top: 56.3%
}

.blog-list--sidebarl .blog-item__img-item>img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto
}

.blog-list--sidebarl .blog-item__title {
    font-size: 1.4rem;
    margin-top: 10px
}

.blog-list--sidebarm .blog-item__title,.blog-list--sidebars .blog-item__title {
    font-size: 1.2rem
}

.blog-list--sidebarm .blog-item {
    margin-top: 10px;
    min-height: 80px
}

.blog-list--sidebarm .blog-item:first-child {
    margin-top: 0
}

.blog-list--sidebarm .blog-item__img {
    float: left;
    width: 80px;
    height: 80px
}

.blog-list--sidebarm .blog-item__img--blank {
    position: relative;
    border-style: solid;
    border-width: 1px
}

.blog-list--sidebarm .blog-item__img--blank:after {
    content: "";
    width: 100%;
    display: block;
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    -webkit-transform: skew(0,-45deg);
    -ms-transform: skew(0,-45deg);
    transform: skew(0,-45deg);
    position: absolute;
    top: 50%;
    left: 0
}

.blog-list--sidebars .blog-item:last-child,.facebook-feed__date:after,.facebook-feed__item {
    border-bottom-width: 1px;
    border-bottom-style: solid
}

.blog-list--sidebarm .blog-item__img-inner {
    display: block;
    position: relative;
    width: inherit;
    height: inherit
}

.pc .blog-list--sidebarm .blog-item__img-inner:hover:after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    display: block;
    background-color: #fff;
    opacity: .3;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=30)";
    filter: alpha(opacity=30);
    z-index: 1
}

.blog-list--sidebarm .blog-item__img-item {
    display: block;
    overflow: hidden;
    position: relative;
    width: inherit;
    height: inherit
}

.blog-list--sidebarm .blog-item__img-item>img {
    width: 100%
}

.blog-list--sidebarm .blog-item__body {
    margin-left: 100px
}

.blog-list--sidebars .blog-item {
    border-top-style: solid;
    border-top-width: 1px;
    padding-bottom: 14px;
    padding-left: 4px;
    padding-top: 14px
}

.blog-list--blank {
    margin-bottom: 30px;
    margin-top: 30px
}

.blog-list--blank .blog-item--blank {
    font-size: 1.6rem;
    text-align: center
}

.complementary {
    margin-top: 40px
}

@media only screen and (max-width: 800px) {
    .complementary {
        margin-top:30px
    }
}

.complementary-outer:not(.complementary-outer--slot4) .complementary--relatedPosts {
    margin-top: 60px
}

.complementary__heading {
    font-size: 1.4rem;
    font-weight: 700;
    margin-bottom: 12px;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis
}

.complementary-outer--slot1 {
    margin-bottom: 40px
}

@media only screen and (max-width: 800px) {
    .complementary-outer:not(.complementary-outer--slot4) .complementary--relatedPosts {
        margin-top:50px
    }

    .complementary-outer--slot1 {
        margin-bottom: 30px
    }
}

.complementary-outer--slot1 .complementary--blank:first-child+.complementary,.complementary-outer--slot1 .complementary:first-child {
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    .complementary-outer--slot4 {
        margin-bottom:40px
    }

    .complementary-outer--slot4 .complementary:first-child {
        margin-top: 20px
    }

    .complementary-outer--slot11 {
        margin-left: auto;
        width: 300px
    }
}

@media only screen and (max-width: 800px) {
    .complementary-outer--slot4 {
        margin-bottom:30px
    }

    .complementary-outer--slot4 .complementary:first-child {
        margin-top: 15px
    }

    .complementary-outer--slot11 {
        margin-top: 60px
    }
}

.complementary-outer--slot11 .complementary:first-child {
    margin-top: 0
}

.complementary-outer--slot11 .complementary .btn__item {
    width: 100%
}

@media only screen and (min-width: 801px) {
    .complementary-outer--slot11 .complementary .ogp__img {
        float:none;
        margin-bottom: 15px
    }

    .ogp--ad .complementary-outer--slot11 .complementary .ogp__img {
        float: left;
        margin-bottom: 20px
    }

    .ogp--ad .complementary-outer--slot11 .complementary .ogp__img .ogp__img-item {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100px
    }

    .ogp--ad .complementary-outer--slot11 .complementary .ogp__img .ogp__img-item:after {
        content: '';
        display: block;
        padding-top: 100px
    }

    .complementary-outer--slot11 .complementary .ogp__img-item {
        display: block;
        position: relative;
        overflow: hidden;
        width: 100%
    }

    .complementary-outer--slot11 .complementary .ogp__img-item:after {
        content: '';
        display: block;
        padding-top: 100%
    }

    .complementary-outer--slot11 .complementary .ogp__body {
        padding-top: 0;
        padding-left: 20px
    }

    .ogp--ad .complementary-outer--slot11 .complementary .ogp__body {
        padding-top: 15px;
        padding-left: 140px
    }

    .ogp__action .complementary-outer--slot11 .complementary .ogp__body:first-child {
        padding-left: 20px;
        padding-right: 20px
    }

    .complementary-outer--slot11 .complementary .map__body {
        height: auto
    }

    .complementary-outer--slot11 .complementary .map__body:after {
        content: '';
        display: block;
        padding-top: 100%
    }

    .complementary-outer--slot11 .complementary .share {
        text-align: left
    }

    .complementary-outer--slot11 .complementary .share--filled {
        -webkit-box-pack: start;
        -moz-box-pack: start;
        -o-box-pack: start;
        -ms-flex-pack: start;
        -webkit-justify-content: flex-start;
        justify-content: flex-start;
        -webkit-box-lines: multiple;
        -moz-box-lines: multiple;
        -o-box-lines: multiple;
        -webkit-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        flex-wrap: wrap
    }

    .complementary-outer--slot11 .complementary .share__btn--circle,.complementary-outer--slot11 .complementary .share__btn--thirdparty,.complementary-outer--slot11 .complementary .share__btn-outer {
        margin-left: 0;
        margin-right: 10px
    }

    .complementary-outer--slot11 .complementary .share__btn--filled {
        width: 72px;
        margin-left: 0;
        margin-right: 10px
    }
}

.pc .facebook-feed a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.facebook-feed__item {
    margin: 40px auto 0;
    padding-bottom: 40px
}

.facebook-feed__item:first-child {
    margin-top: 0
}

.facebook-feed__date {
    display: block;
    font-size: 1.2rem;
    position: relative;
    padding-bottom: 10px
}

.facebook-feed__date:after {
    content: "";
    width: 15px;
    height: 0;
    position: absolute;
    left: 0;
    bottom: 0
}

.facebook-feed__img {
    margin-right: 20px;
    float: left
}

.facebook-feed__img>a {
    display: block;
    position: relative;
    overflow: hidden;
    width: 130px
}

.facebook-feed__img>a:after {
    content: '';
    display: block;
    padding-top: 130px
}

@media only screen and (max-width: 800px) {
    .facebook-feed__date {
        padding-bottom:6px
    }

    .facebook-feed__img>a {
        display: block;
        position: relative;
        overflow: hidden;
        width: 80px
    }

    .facebook-feed__img>a:after {
        content: '';
        display: block;
        padding-top: 80px
    }
}

.facebook-feed__img>a img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto
}

.facebook-feed__text {
    font-size: 1.4rem;
    margin-top: 13px
}

.facebook-feed__text-outer {
    overflow: hidden
}

.feed-header {
    margin-bottom: 60px
}

.pc .feed-header a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.feed-header__profile-name {
    cursor: pointer;
    margin-right: 10px;
    font-size: 2.4rem;
    line-height: 1.6
}

@media only screen and (max-width: 800px) {
    .facebook-feed__text {
        margin-top:10px
    }

    .feed-header__profile-name {
        font-size: 1.6rem
    }

    .feed-header__screen-name {
        display: none
    }
}

.feed-header__screen-name {
    cursor: pointer;
    font-size: 1.4rem
}

.feed-header__img {
    margin-right: 20px;
    float: left;
    width: 130px
}

@media only screen and (max-width: 800px) {
    .feed-header__img {
        width:80px
    }
}

.feed-header--twitter .feed-header__img>a {
    overflow: hidden;
    position: relative;
    width: 130px;
    height: 130px
}

@media only screen and (max-width: 800px) {
    .feed-header--twitter .feed-header__img>a {
        width:80px;
        height: 80px
    }
}

.feed-header__img>a {
    display: inline-block;
    width: 100%
}

.feed-header__img img {
    width: 100%
}

.feed-header__text {
    font-size: 1.4rem;
    margin-top: 6px
}

.feed-header__text span {
    margin-right: 10px
}

.feed-header__text-outer {
    overflow: hidden
}

.feed-header__button {
    display: inline-block;
    margin-top: 16px;
    min-height: 20px
}

.feed-header__button-hide {
    visibility: hidden
}

.list-blank {
    margin-bottom: 30px;
    margin-top: 30px
}

.list-blank>p {
    font-size: 1.6rem;
    text-align: center
}

.ReactModal__Body--open {
    overflow: hidden
}

#mdrd-a66be375c .shop-footer,#mdrd-a66be375c .shop-footer__link {
    opacity: 1!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    overflow: visible!important;
    height: auto!important;
    width: auto!important;
    visibility: visible!important;
    text-indent: 0!important
}

.search-result__heading {
    font-size: 1.8rem
}

@media only screen and (max-width: 800px) {
    .search-result__heading {
        font-size:1.6rem
    }
}

.search-result__heading__word {
    font-size: 2.4rem;
    margin-right: 10px
}

@media only screen and (max-width: 800px) {
    .search-result__heading__word {
        font-size:2rem
    }
}

.search-result__form {
    margin-top: 20px
}

.search-result__list__item--blank {
    margin-top: 30px
}

#mdrd-a66be375c .shop-footer {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    transform: none!important;
    display: block!important;
    margin: 0 auto 20px!important;
    text-align: center!important
}

#mdrd-a66be375c .shop-footer__link {
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    transform: none!important;
    display: inline-block!important;
    font-size: 10px!important;
    margin: 0 25px 0 0!important
}

.pc#mdrd-a66be375c .shop-footer__link:hover {
    opacity: .7!important;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"!important;
    filter: alpha(opacity=70)!important
}

#mdrd-a66be375c .shop-footer__link:last-child {
    margin-right: 0!important
}

.blog-list.shop-item-list--grid .blog-item__img-inner>img,.blog-list.shop-item-list--magazine .blog-item__img-inner>img,.shop-item-list--grid .blog-list .blog-item__img-inner>img,.shop-item-list--magazine .blog-list .blog-item__img-inner>img {
    margin: auto;
    top: -100%
}

#mdrd-a66be375c .shopinfo,#mdrd-a66be375c .shopinfo * {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    display: block!important;
    position: static!important;
    margin-bottom: 0!important;
    margin-left: 0!important;
    margin-right: 0!important;
    padding: 0!important
}

#mdrd-a66be375c .shopinfo div,#mdrd-a66be375c .shopinfo p {
    margin-top: 0!important
}

.twitter-feed__item {
    margin: 40px auto 0
}

.twitter-feed__item:first-child {
    margin-top: 0
}

.twitter-feed__profile-name,.twitter-feed__screen-name {
    display: inline-block;
    margin-right: 10px
}

.twitter-feed__date {
    display: inline-block;
    font-size: 1.2rem;
    position: relative
}

.twitter-feed__img {
    margin-right: 20px;
    width: 48px;
    float: left
}

.twitter-feed__img img {
    width: 100%
}

.twitter-feed__text {
    font-size: 1.4rem;
    margin-top: 4px
}

.pc .twitter-feed__text a:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.twitter-feed__text-outer {
    overflow: hidden
}

.twitter-feed-action {
    margin-top: 4px
}

.twitter-feed-action__item {
    display: inline-block;
    margin-right: 15px;
    font-size: 1.2rem
}

.pc .twitter-feed-action__item button:hover {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

.twitter-feed-action__item .icon {
    font-size: 16px;
    vertical-align: -.1em
}

.twitter-feed-action__item .icon--retweet {
    margin-right: 6px
}

.twitter-feed-action__item .icon--star {
    margin-right: 3px
}

.twitter-feed-retweet {
    margin-bottom: 8px
}

.twitter-feed-retweet__text {
    display: inline-block;
    font-size: 1.2rem
}

.pc .twitter-feed-retweet__text>a:hover {
    text-decoration: underline
}

.twitter-feed-retweet .icon--retweet {
    font-size: 12px;
    margin-right: 6px;
    vertical-align: -.1em
}

.preview .img__item--zoom {
    cursor: default
}

.preview .page__main.page__main--blog-detail {
    pointer-events: none
}

.preview .preview-share-btn-thirdparty__item {
    display: inline-block
}

.preview .preview-share-btn-thirdparty__item--twitter {
    background-position: -1548px 0;
    background-size: 3256px 172px;
    width: 99px;
    height: 20px;
    min-width: 99px;
    min-height: 20px
}

.preview .preview-share-btn-thirdparty__item--facebook,.preview .preview-share-btn-thirdparty__item--hatenabookmark {
    -webkit-background-size: 3256px 172px;
    height: 20px;
    min-height: 20px;
    background-repeat: no-repeat
}

.preview .preview-share-btn-thirdparty__item--facebook {
    background-position: -1751px 0;
    background-size: 3256px 172px;
    width: 101px;
    min-width: 101px
}

.preview .preview-share-btn-thirdparty__item--hatenabookmark {
    background-position: -2189px 0;
    background-size: 3256px 172px;
    width: 112px;
    min-width: 112px
}

.preview .preview-share-btn-thirdparty__item--googleplus {
    background-repeat: no-repeat;
    background-position: -693px 0;
    -webkit-background-size: 3256px 172px;
    background-size: 3256px 172px;
    width: 70px;
    height: 20px;
    min-width: 70px;
    min-height: 20px
}

.preview .preview-share-btn-thirdparty__item--pocket {
    background-repeat: no-repeat;
    background-position: -1448px 0;
    -webkit-background-size: 3256px 172px;
    background-size: 3256px 172px;
    width: 98px;
    height: 20px;
    min-width: 98px;
    min-height: 20px
}

.preview .preview-share-btn-thirdparty__item--line,.preview .preview-share-btn-thirdparty__item--tumblr {
    -webkit-background-size: 3256px 172px;
    background-repeat: no-repeat;
    height: 20px;
    min-height: 20px
}

.preview .preview-share-btn-thirdparty__item--tumblr {
    background-position: -765px 0;
    background-size: 3256px 172px;
    width: 76px;
    min-width: 76px
}

.preview .preview-share-btn-thirdparty__item--line {
    background-position: -843px 0;
    background-size: 3256px 172px;
    width: 81px;
    min-width: 81px
}

.preview .preview-share-btn-thirdparty__item--nanagogo {
    background-repeat: no-repeat;
    background-position: -1010px 0;
    -webkit-background-size: 3256px 172px;
    background-size: 3256px 172px;
    width: 82px;
    height: 20px;
    min-width: 82px;
    min-height: 20px
}

.heading-lv1__text,.heading-lv2__text,.site-info__name {
    font-weight: 700;
    text-align: center
}

.album-list,.blog-list,.blog-list--list .blog-item,.grid {
    zoom:1}

.album-list:after,.album-list:before,.blog-list--list .blog-item:after,.blog-list--list .blog-item:before,.blog-list:after,.blog-list:before,.grid:after,.grid:before {
    content: "";
    display: table
}

.album-list:after,.blog-list--list .blog-item:after,.blog-list:after,.grid:after {
    clear: both
}

body {
    font-family: "Helvetica neue",Arial,Roboto,"Droid Sans","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif
}

a {
    text-decoration: none
}

.pc a.u-txt-clr:hover,.pc a:hover .u-txt-clr {
    opacity: .7;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
    filter: alpha(opacity=70)
}

@media only screen and (min-width: 801px) {
    .grid {
        padding:20px 0
    }

    .grid>[class*=col]>* {
        margin-top: 40px
    }

    .btn__item {
        max-width: 240px
    }
}

@media only screen and (max-width: 800px) {
    .grid {
        padding:15px 0
    }

    .grid>[class*=col]>* {
        margin-top: 30px
    }
}

.grid>[class*=col]>:first-child {
    margin-top: 0
}

@media only screen and (max-width: 800px) {
    .grid>[class*=col]+[class*=col] {
        margin-top:30px
    }
}

.grid.grid--title+.grid .block__outer .heading-lv2,.grid:first-child>[class*=col]>.block__outer:first-child>:first-child .heading-lv1 {
    margin-top: 0
}

.grid--l {
    margin-right: -20px;
    margin-left: -20px
}

.grid .col1-1--gtr-l,.grid .col1-2--gtr-l,.grid .col1-3--gtr-l,.grid .col1-4--gtr-l {
    padding-right: 20px;
    padding-left: 20px
}

.grid .col1-1,.grid .col1-2,.grid .col1-3,.grid .col1-4 {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    float: left
}

.grid .col1-1 {
    width: 100%
}

.grid .col1-2 {
    width: 50%
}

@media only screen and (max-width: 800px) {
    .grid--l {
        margin-right:0;
        margin-left: 0
    }

    .grid .col1-1--gtr-l,.grid .col1-2--gtr-l,.grid .col1-3--gtr-l,.grid .col1-4--gtr-l {
        padding-right: 0;
        padding-left: 0
    }

    .grid .col1-1,.grid .col1-2,.grid .col1-3,.grid .col1-4 {
        float: none
    }

    .grid .col1-2 {
        width: 100%
    }
}

.grid .col1-3 {
    width: 33.333%
}

@media only screen and (max-width: 800px) {
    .grid .col1-3 {
        width:100%
    }
}

.grid .col1-4 {
    width: 25%
}

.page__main>.grid:first-child {
    padding-top: 0
}

.page__main>.grid:last-child {
    padding-bottom: 0
}

.heading-lv1__text {
    font-size: 4rem;
    line-height: 1.4
}

.heading-lv2__text {
    font-size: 3rem;
    line-height: 1.6
}

@media only screen and (max-width: 800px) {
    .grid .col1-4 {
        width:100%
    }

    .heading-lv1__text {
        font-size: 3rem;
        line-height: 1.6
    }

    .heading-lv2__text {
        font-size: 2rem;
        line-height: 1.6
    }
}

.btn__item {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    display: inline-block;
    border: 1px solid;
    font-size: 1.4rem;
    padding: 9px 10px 8px;
    text-align: center
}

.album-item>div,.album-item>span,.img__item--action {
    overflow: hidden;
    position: relative
}

.album-item>div:before,.album-item>span:before,.img__item--action:before {
    position: absolute;
    top: 0;
    left: 0;
    content: '';
    display: block;
    opacity: 0;
    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
    filter: alpha(opacity=0);
    width: 100%;
    height: 100%;
    -webkit-transition: .15s ease-out;
    transition: .15s ease-out;
    z-index: 1
}

@media only screen and (min-width: 801px) {
    .btn__item--s {
        font-size:1rem;
        padding: 7px 8px 6px;
        max-width: 170px
    }

    .btn__item--l {
        font-size: 1.6rem;
        padding: 10px 13px 11px;
        max-width: 380px
    }

    .album-item>div:hover:before,.album-item>span:hover:before,.img__item--action:hover:before {
        background: rgba(48,50,51,.3);
        opacity: 1;
        -ms-filter: none;
        -webkit-filter: none;
        filter: none
    }

    .album-item>div:hover>img,.album-item>span:hover>img,.img__item--action:hover>img {
        -webkit-transform: scale(1.05);
        -ms-transform: scale(1.05);
        transform: scale(1.05)
    }

    .album-item>div>img,.album-item>span>img,.img__item--action>img {
        -webkit-transition: .15s ease-out;
        transition: .15s ease-out
    }

    .page__main {
        padding: 60px 15% 110px
    }
}

.u-base-bg-clr,.u-nav-bg-clr {
    background-color: #fff
}

.blog-body__text h1,.txt h1 {
    font-size: 4rem;
    line-height: 1.4
}

.blog-body__text h2,.txt h2 {
    font-size: 3rem;
    line-height: 1.6
}

@media only screen and (max-width: 800px) {
    .blog-body__text h1,.txt h1 {
        font-size:3rem;
        line-height: 1.6
    }

    .blog-body__text h2,.txt h2 {
        font-size: 2rem;
        line-height: 1.6
    }
}

.blog-body__text h3,.txt h3 {
    font-size: 2rem;
    line-height: 1.6
}

@media only screen and (max-width: 800px) {
    .blog-body__text h3,.txt h3 {
        font-size:1.6rem
    }
}

.blog-body__text .fs-xxl {
    font-size: 4rem;
    line-height: 1.4
}

.blog-body__text .fs-xl {
    font-size: 3rem;
    line-height: 1.6
}

.blog-body__text .fs-l {
    font-size: 2rem;
    line-height: 1.6
}

.page__inner {
    display: table!important;
    min-height: 100%!important;
    table-layout: fixed!important;
    width: 100%!important
}

.page__footer {
    display: table-row!important;
    height: 1px!important
}

.page__main-outer {
    position: relative;
    width: 100%
}

.page__main {
    max-width: 800px;
    margin-left: auto;
    margin-right: auto
}

@media only screen and (max-width: 800px) {
    .page__main {
        padding:30px 30px 82px
    }
}

@media only screen and (min-width: 801px) {
    .page__main--home {
        padding-top:95px
    }

    .home .common-header__outer {
        position: absolute;
        top: 72px;
        left: 0;
        z-index: 1
    }
}

@media only screen and (max-width: 800px) {
    .page__main--home {
        padding-top:60px
    }
}

.page__main--album,.page__main--blog,.page__main--home,.page__main--news {
    max-width: 900px
}

@media only screen and (min-width: 801px) {
    .home.hide-owndbar .common-header__outer,.home.plan-premium .common-header__outer {
        top:0
    }
}

.keyvisual {
    width: 100%
}

.keyvisual__item {
    background-position: 50% 50%;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    display: block;
    overflow: hidden;
    position: relative;
    width: 100%
}

.keyvisual__item:after {
    content: '';
    display: block;
    padding-top: 59.8%
}

.site-info {
    position: relative;
    border-bottom: 1px solid;
    padding: 70px 40px 60px
}

.site-info__name {
    font-size: 4rem;
    line-height: 1.4;
    letter-spacing: 3px
}

@media only screen and (max-width: 800px) {
    .site-info {
        padding:40px 25px
    }

    .site-info__name {
        font-size: 3rem;
        line-height: 1.3
    }
}

.site-info__description {
    padding-top: 30px;
    font-size: 1.2rem;
    letter-spacing: .1rem;
    max-width: 600px;
    margin-left: auto;
    margin-right: auto;
    text-align: center
}

@media only screen and (max-width: 800px) {
    .site-info__description {
        padding-top:25px
    }
}

#mdrd-a66be375c .footer {
    margin: 0!important;
    width: 100%!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important
}

#mdrd-a66be375c .footer__inner {
    text-align: center!important;
    width: 100%!important;
    font-size: 1.2rem!important;
    border-top-style: solid!important;
    border-top-width: 1px!important;
    -webkit-box-sizing: border-box!important;
    -moz-box-sizing: border-box!important;
    box-sizing: border-box!important;
    letter-spacing: 0!important;
    margin: 0!important;
    position: static!important
}

.album-item,.footer__inner {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box
}

#mdrd-a66be375c .footer__item {
    margin-bottom: 0!important;
    padding: 0 10px!important
}

#mdrd-a66be375c .footer__copyright {
    margin-top: 20px!important;
    padding-left: 20px!important;
    padding-right: 20px!important
}

#mdrd-a66be375c .footer__copyright>small {
    opacity: 1!important;
    -ms-filter: none!important;
    -webkit-filter: none!important;
    filter: none!important;
    visibility: visible!important;
    text-indent: 0!important;
    -webkit-transform: none!important;
    -ms-transform: none!important;
    transform: none!important;
    display: block!important;
    pointer-events: none!important
}

#mdrd-a66be375c .footer--pagetop {
    border-top: none!important
}

#mdrd-a66be375c .footer--pagetop .footer__item {
    border-top-style: solid!important;
    border-top-width: 1px!important
}

#mdrd-a66be375c.plan-premium .footer__item {
    padding-bottom: 20px!important
}

.footer__inner {
    text-align: center;
    width: 100%;
    font-size: 1.2rem;
    border-top-style: solid;
    border-top-width: 1px;
    box-sizing: border-box;
    letter-spacing: 0
}

.footer__item {
    padding: 0 10px
}

.album-item,.footer__copyright {
    padding-left: 20px;
    padding-right: 20px
}

.footer__copyright {
    margin-top: 20px
}

.footer__copyright>small {
    pointer-events: none
}

.footer--pagetop {
    border-top: none
}

.footer .pagetop__link:before,.footer--pagetop .footer__item {
    border-top-style: solid;
    border-top-width: 1px
}

.footer .pagetop {
    height: 35px;
    margin-top: 60px
}

.footer .pagetop__link {
    cursor: pointer;
    display: block;
    text-indent: 101%;
    white-space: nowrap;
    overflow: hidden;
    position: relative;
    word-wrap: normal
}

.footer .pagetop__link:before {
    content: "";
    display: block;
    position: absolute;
    top: 4px;
    left: 50%;
    border-right-style: solid;
    border-right-width: 1px;
    border-color: inherit;
    width: 20px;
    height: 20px;
    margin-left: -10px;
    -webkit-transform: rotate(-45deg);
    -ms-transform: rotate(-45deg);
    transform: rotate(-45deg)
}

.album-list {
    margin-left: -20px;
    margin-right: -20px
}

@media only screen and (max-width: 800px) {
    .album-list {
        margin-left:-8px;
        margin-right: -8px
    }
}

.album-list .feed-header {
    margin-left: 20px
}

.album-item {
    box-sizing: border-box;
    float: left;
    overflow: hidden;
    position: relative;
    margin-top: 40px;
    width: 33.3%
}

.album-item:nth-child(1),.album-item:nth-child(2) {
    margin-top: 0
}

@media only screen and (min-width: 801px) {
    .album-item:nth-child(3) {
        margin-top:0
    }
}

@media only screen and (max-width: 800px) {
    .album-list .feed-header {
        margin-left:8px
    }

    .album-item {
        width: 50%;
        margin-top: 16px;
        padding-left: 8px;
        padding-right: 8px
    }
}

.album-item>div,.album-item>span {
    cursor: pointer;
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.album-item>div:after,.album-item>span:after {
    content: '';
    display: block;
    padding-top: 100%
}

.album-item__title {
    display: none
}

.album-item__img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto
}

@media only screen and (min-width: 801px) {
    .blog-list--grid {
        margin:0 -20px;
        overflow: hidden
    }
}

.blog-list--grid .blog-item {
    position: relative;
    margin-top: 50px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box
}

@media only screen and (max-width: 800px) {
    .blog-list--grid .blog-item {
        width:100%;
        margin-top: 35px
    }

    .blog-list--grid .blog-item:nth-child(1) {
        margin-top: 0
    }
}

@media only screen and (min-width: 801px) and (max-width:1200px) {
    .blog-list--grid .blog-item {
        float:left;
        padding-right: 20px;
        padding-left: 20px;
        width: 50%
    }

    .blog-list--grid .blog-item:nth-child(-n+2) {
        margin-top: 0
    }

    .blog-list--grid .blog-item:nth-child(odd) {
        clear: both
    }
}

@media only screen and (min-width: 1201px) {
    .blog-list--grid .blog-item {
        float:left;
        width: 33.3%;
        padding-right: 20px;
        padding-left: 20px
    }

    .blog-list--grid .blog-item:nth-child(-n+3) {
        margin-top: 0
    }

    .blog-list--grid .blog-item:nth-child(3n+1) {
        clear: both
    }
}

.blog-list--grid .blog-item__date {
    margin-bottom: 10px;
    display: block;
    font-size: 1rem;
    font-style: italic;
    position: relative;
    padding-bottom: 11px
}

.blog-list--grid .blog-item__date:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 15px;
    height: 1px;
    border-bottom: 1px solid;
    border-color: inherit
}

.blog-list--grid .blog-item__text {
    font-size: 1.2rem;
    margin-top: 5px
}

.blog-list--grid .blog-item__img {
    position: relative
}

.blog-list--grid .blog-item__img--blank {
    border-style: solid;
    border-width: 1px
}

.blog-list--grid .blog-item__img--blank:after {
    content: "";
    width: 100%;
    display: block;
    border-bottom: 1px solid;
    border-bottom-color: inherit;
    -webkit-transform: skew(0,-33.5deg);
    -ms-transform: skew(0,-33.5deg);
    transform: skew(0,-33.5deg);
    position: absolute;
    top: 50%;
    left: 0
}

.blog-list--grid .blog-item__img-inner {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.blog-list--grid .blog-item__img-inner:after {
    content: '';
    display: block;
    padding-top: 66.7%
}

.blog-list--grid .blog-item__img-inner>img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto;
    max-width: none
}

.blog-list--grid .blog-body {
    margin-top: 15px;
    position: relative
}

.blog-list--grid .blog-body a {
    display: block
}

.blog-list--grid .blog-body .reblog-icon {
    margin-right: 4px;
    font-size: 12px;
    width: 12px;
    height: 12px;
    vertical-align: -.1em
}

.blog-list--grid .blog-title {
    font-size: 1.6rem
}

.blog-list--list .blog-item {
    position: relative;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    padding: 30px 0
}

.blog-list--list .blog-item a {
    display: block
}

@media only screen and (min-width: 801px) {
    .blog-list--list .blog-item {
        padding-bottom:25px
    }
}

.blog-list--list .blog-item:first-child {
    padding-top: 0
}

.blog-list--list .blog-item__img {
    width: 100px;
    overflow: hidden;
    float: right;
    margin-left: 40px
}

@media only screen and (max-width: 800px) {
    .blog-list--list .blog-item__img {
        margin-left:16px
    }
}

.blog-list--list .blog-item__img-inner {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.blog-list--list .blog-item__img-inner:after {
    content: '';
    display: block;
    padding-top: 80%
}

.blog-list--list .blog-item__img-inner img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto;
    max-width: none
}

.blog-list--full .blog-item__date .reblog-icon,.blog-list--list .blog-item__date .reblog-icon,.blog-list--magazine .blog-item__date .reblog-icon,.page__main--blog-detail .blog-article__date .reblog-icon {
    margin-right: 6px
}

.blog-list--list .blog-item__body {
    overflow: hidden
}

.blog-list--list .blog-item__date {
    display: block;
    font-size: 1rem;
    font-style: italic;
    position: relative;
    padding-bottom: 11px
}

.blog-list--list .blog-item__date:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 15px;
    height: 1px;
    border-bottom: 1px solid;
    border-color: inherit
}

.blog-list--list .blog-item__text {
    font-size: 1.2rem;
    height: 4.32rem;
    overflow: hidden;
    margin-top: 10px;
    display: block
}

.page__main--blog-detail .blog-article__date {
    display: block;
    font-size: 1rem;
    font-style: italic;
    position: relative;
    padding-bottom: 11px
}

.page__main--blog-detail .blog-article__date:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 15px;
    height: 1px;
    border-bottom: 1px solid;
    border-color: inherit
}

.page__main--blog-detail .blog-body {
    font-size: 1.4rem
}

.page__main--blog-detail .blog-title__text {
    font-size: 2rem;
    line-height: 1.6
}

.page__main--blog-detail .blog-title {
    margin-top: 10px
}

@media only screen and (min-width: 801px) {
    .page__main--blog-detail .blog-body .reblog-article__item,.page__main--blog-detail .blog-body__item {
        margin-top:30px
    }
}

@media only screen and (max-width: 800px) {
    .page__main--blog-detail .blog-body .reblog-article__item,.page__main--blog-detail .blog-body__item {
        margin-top:15px
    }
}

#mdrd-a66be375c .page__main--blog-detail .blog-article {
    position: static!important
}

.blog-list--full .blog-item__date,.blog-list--magazine .blog-item__date {
    display: block;
    font-size: 1rem;
    font-style: italic;
    position: relative;
    padding-bottom: 11px
}

.blog-list--full .blog-item__date:after,.blog-list--magazine .blog-item__date:after {
    position: absolute;
    bottom: 0;
    left: 0;
    content: "";
    width: 15px;
    height: 1px;
    border-bottom: 1px solid;
    border-color: inherit
}

.blog-list--full .blog-body,.blog-list--magazine .blog-body {
    font-size: 1.4rem
}

.blog-list--full .blog-title__text,.blog-list--magazine .blog-title__text {
    font-size: 2rem;
    line-height: 1.6
}

.blog-list--full .blog-item,.blog-list--magazine .blog-item {
    padding-top: 80px;
    margin-top: 80px;
    position: relative
}

@media only screen and (max-width: 800px) {
    .blog-list--full .blog-item,.blog-list--magazine .blog-item {
        padding-top:40px;
        margin-top: 40px
    }
}

.blog-list--full .blog-item:before,.blog-list--magazine .blog-item:before {
    position: absolute;
    top: 0;
    left: 50%;
    border-top-color: inherit;
    border-top-style: solid;
    border-top-width: 1px;
    content: "";
    display: block;
    margin-left: -25px;
    width: 50px;
    height: 1px
}

.blog-list--full .blog-item:first-child,.blog-list--magazine .blog-item:first-child {
    padding-top: 0;
    margin-top: 0
}

.blog-list--full .blog-item:first-child:before,.blog-list--magazine .blog-item:first-child:before {
    display: none
}

.blog-list--full .blog-title {
    margin-top: 10px
}

@media only screen and (min-width: 801px) {
    .blog-list--full .blog-body .reblog-article__item,.blog-list--full .blog-body__item {
        margin-top:30px
    }
}

@media only screen and (max-width: 800px) {
    .blog-list--full .blog-body .reblog-article__item,.blog-list--full .blog-body__item {
        margin-top:15px
    }
}

.blog-list--magazine .img__item {
    display: block;
    position: relative;
    overflow: hidden;
    width: 100%
}

.blog-list--magazine .img__item:after {
    content: '';
    display: block;
    padding-top: 66.7%
}

.blog-list--magazine .img__item>img {
    display: block;
    width: 100%;
    position: absolute;
    top: 0;
    right: -100%;
    bottom: -100%;
    left: -100%;
    margin: 0 auto auto;
    max-width: none
}

.blog-list--magazine .blog-item__header {
    margin-bottom: 25px
}

@media only screen and (min-width: 801px) {
    .blog-list--magazine .blog-item__text {
        margin-top:30px
    }
}

@media only screen and (max-width: 800px) {
    .blog-list--magazine .blog-item__header {
        margin-bottom:15px
    }

    .blog-list--magazine .blog-item__text {
        margin-top: 15px
    }
}

.blog-list--magazine .blog-title {
    margin-top: 10px
}

.u-nav-clr {
    color: #999
}

.u-nav-bdr-clr {
    border-color: #999
}

.u-nav-bg-bdr-clr {
    border-color: #fff
}

.u-site-clr {
    color: #333
}

.u-btn-clr {
    color: #999
}

.u-btn-clr--active,.u-btn-clr:hover {
    color: #ccc
}

.u-btn-clr--disabled,.u-btn-clr:disabled {
    color: #eaeaea
}

.u-btn-bdr-clr {
    border-color: #c2c2c2
}

.u-btn-bdr-clr--active,.u-btn-bdr-clr:hover {
    border-color: #e0e0e0
}

.u-btn-bdr-clr--disabled,.u-btn-bdr-clr:disabled {
    border-color: #f2f2f2
}

.u-btn-bg-clr {
    background-color: #c2c2c2
}

.u-btn-bg-clr--active,.u-btn-bg-clr:hover {
    background-color: #e0e0e0
}

.u-btn-bg-clr--disabled,.u-btn-bg-clr:disabled {
    background-color: #f2f2f2
}

.u-txt-clr {
    color: #333
}

.u-txt-clr--lv1 {
    color: #707070
}

.u-txt-clr--lv2 {
    color: #999
}

.u-txt-clr--lv3 {
    color: #d6d6d6
}

.u-txt-bg-clr {
    background-color: #eaeaea
}

.u-lnk-clr {
    color: #16a3a1
}

.u-lnk-clr:visited {
    color: #8ad1d0
}

.u-lnk-clr:hover {
    color: #b9e3e2
}

.u-ttl-blk-clr {
    color: #333
}

.u-ttl-blk-bdr-clr {
    border-color: #333
}

.u-ttl-blk-bdr-clr--lv1 {
    border-color: #d6d6d6
}

.u-bdr-clr {
    border-color: #ebebeb
}

.u-acnt-bdr-clr {
    border-color: #fff
}

.u-acnt-bg-clr {
    background-color: #fff
}

.u-font {
    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN",sans-serif;
  }
  .u-nav-clr {
    color: #666666;
  }
  .u-nav-bdr-clr {
    border-color: #666666;
  }
  .u-nav-bg-clr {
    background-color: #ffffff;
  }
  .u-nav-bg-bdr-clr {
    border-color: #ffffff;
  }
  .u-site-clr {
    color: #333333;
  }
  .u-base-bg-clr {
    background-color: #ffffff;
  }
  .u-btn-clr {
    color: #bbbbbb;
  }
  .u-btn-clr:hover,
  .u-btn-clr--active {
    color: rgba(187, 187, 187, 0.7);
  }
  .u-btn-clr--disabled,
  .u-btn-clr:disabled {
    color: rgba(187, 187, 187, 0.5);
  }
  .u-btn-bdr-clr {
    border-color: #cccccc;
  }
  .u-btn-bdr-clr:hover,
  .u-btn-bdr-clr--active {
    border-color: rgba(204, 204, 204, 0.7);
  }
  .u-btn-bdr-clr--disabled,
  .u-btn-bdr-clr:disabled {
    border-color: rgba(204, 204, 204, 0.5);
  }
  .u-btn-bg-clr {
    background-color: #cccccc;
  }
  .u-btn-bg-clr:hover,
  .u-btn-bg-clr--active {
    background-color: rgba(204, 204, 204, 0.7);
  }
  .u-btn-bg-clr--disabled,
  .u-btn-bg-clr:disabled {
    background-color: rgba(204, 204, 204, 0.5);
  }
  .u-txt-clr {
    color: #333333;
  }
  .u-txt-clr--lv1 {
    color: rgba(51, 51, 51, 0.7);
  }
  .u-txt-clr--lv2 {
    color: rgba(51, 51, 51, 0.5);
  }
  .u-txt-clr--lv3 {
    color: rgba(51, 51, 51, 0.3);
  }
  .u-txt-bg-clr {
    background-color: #eaeaea;
  }
  .u-lnk-clr,
  .u-clr-area a {
    color: #72b1b3;
  }
  .u-lnk-clr:visited,
  .u-clr-area a:visited {
    color: rgba(114, 177, 179, 0.7);
  }
  .u-lnk-clr:hover,
  .u-clr-area a:hover {
    color: rgba(114, 177, 179, 0.5);
  }
  .u-ttl-blk-clr {
    color: #333333;
  }
  .u-ttl-blk-bdr-clr {
    border-color: #333333;
  }
  .u-ttl-blk-bdr-clr--lv1 {
    border-color: #d6d6d6;
  }
  .u-bdr-clr {
    border-color: #ebebeb;
  }
  .u-acnt-bdr-clr {
    border-color: #ffffff;
  }
  .u-acnt-bg-clr {
    background-color: #ffffff;
  }
  body {
    background-color: #ffffff;
  }
  blockquote {
    color: rgba(51, 51, 51, 0.7);
    border-left-color: #ebebeb;
  }