@charset "UTF-8";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    color: inherit;
    font: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0;
    text-align: center
}

html {
    overflow-y: scroll
}

body {
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #03c
}

a:hover,
a:active,
a:focus {
    color: #f60
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: 400
}

q {
    quotes: none
}

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

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

div {
    word-wrap: break-word
}

pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word
}

form {
    margin: 0
}

button,
input,
select,
textarea,
optgroup,
option {
    vertical-align: baseline
}

textarea {
    min-height: 100px;
    vertical-align: top
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    margin: 0
}

table {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    border-spacing: 0
}

caption {
    text-align: left
}

img {
    height: auto;
    max-width: 100%
}

img {
    max-width: none\9
}

html:not(:target) img {
    max-width: 100%
}

p {
    margin: 0 0 1em
}

ul,
ol {
    margin-left: 40px;
    padding-left: 0
}

li {
    margin-bottom: .5em
}

blockquote {
    position: relative;
    margin: 2em 0;
    padding: 115px 45px 80px;
    background: #eee
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote:before {
    position: absolute;
    top: 40px;
    left: 30px;
    width: 58px;
    height: 45px;
    content: url(./images/icon/icon-laquo.png)
}

blockquote:after {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 58px;
    height: 45px;
    content: url(./images/icon/icon-raquo.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    blockquote:before {
        display: inline-block;
        width: 58px;
        height: 45px;
        vertical-align: middle;
        background: url(./images/icon/icon-laquo@2x.png);
        -webkit-background-size: 58px 45px;
        background-size: 58px 45px;
        content: " "
    }

    blockquote:after {
        display: inline-block;
        width: 58px;
        height: 45px;
        vertical-align: middle;
        background: url(./images/icon/icon-raquo@2x.png);
        -webkit-background-size: 58px 45px;
        background-size: 58px 45px;
        content: " "
    }
}

blockquote a {
    color: #15a5e6
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus {
    color: #f60
}

q {
    background: #ccc
}

table {
    width: 100%;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf
}

th,
td {
    padding: 1.25em 1em;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

th {
    background-color: #e9e9e9;
    font-weight: 700;
    text-align: center
}

thead th {
    background-color: #909090;
    color: #fff;
    text-align: center
}

dd {
    margin-left: 0;
    padding-left: 1em
}

figure {
    margin: 1em 0
}

.container {
    position: relative
}

.site-header-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: auto
}

.main-image-in img {
    width: 100%
}

.main-image-in.wide,
.main-image-in-text.wide {
    width: 100%
}

.col1 .main-body-in {
    width: 100%
}

.col1 .breadcrumbs {
    width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.col2 .main-conts {
    float: left;
    width: 65%
}

.col2 .sub-conts {
    float: right;
    width: 30%
}

.col2r .main-conts {
    float: right;
    width: 65%
}

.col2r .sub-conts {
    float: left;
    width: 30%
}

.site-header-conts {
    display: table;
    width: 100%;
    padding: 30px 0
}

.site-title {
    display: table-cell;
    margin: 0;
    font-size: 2.25em
}

.site-title a {
    color: #333;
    text-decoration: none
}

.site-title a:hover,
.site-title a:active,
.site-title a:focus {
    text-decoration: underline
}

.normal-screen .site-title {
    font-size: 3em
}

.normal-screen .lp-catch {
    font-size: 1.5em
}

.header-box {
    display: table-cell;
    text-align: right
}

.full-screen {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff
}

.full-screen .site-header-in {
    display: table
}

.full-screen .site-header-conts {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px 8px #666
}

.full-screen .site-title {
    display: block
}

.contact-btn {
    margin-bottom: 0
}

.full-screen .site-header-conts h1 {
    width: auto;
    margin: 0
}

.full-screen .site-header-conts p {
    font-size: 2em
}

.full-screen .site-header-conts p a {
    color: #fff;
    text-decoration: none
}

.icon-gn-menu {
    padding-left: 25px;
    background: url(./images/icon/icon-gn-menu.png) left center no-repeat
}

.icon-gn-close {
    padding-left: 25px;
    background: url(./images/icon/icon-gn-close.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-gn-menu {
        background: url(./images/icon/icon-gn-menu@2x.png) left center no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    .icon-gn-close {
        background: url(./images/icon/icon-gn-close@2x.png) left center no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
}

.show-menu,
.show-menu li ul {
    display: block !important
}

.main-image {
    margin-bottom: 2em
}

.main-image-in-text {
    background-repeat: no-repeat;
    background-size: cover
}

.main-image-in-text-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3em
}

.main-image-in-text.wide .main-image-in-text-cont {
    width: 1200px
}

.main-image-in-text p:last-child {
    margin-bottom: 0
}

.main-copy {
    margin-bottom: 20px;
    font-size: 3em;
    text-align: center
}

.sub-copy {
    font-size: 1.5em;
    text-align: center
}

.main-body {
    margin-top: 2em;
    padding-bottom: 30px
}

.no-gn .main-body {
    margin-top: 0
}

.lp.no-gn .main-body {
    margin-top: 2em
}

.breadcrumbs-in {
    margin: 2em 0;
    padding: 0;
    color: #999
}

.no-gn .breadcrumbs-in {
    margin-top: 0
}

.breadcrumbs-in a {
    color: #999
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus {
    color: #f60
}

.breadcrumbs-in li {
    display: inline-block;
    list-style: none;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
    background: url(./images/icon/icon-brc.gif) right center no-repeat
}

.breadcrumbs-in li:before {
    content: url(./images/icon/icon-folder-brc.png)
}

.breadcrumbs-in li.bcl-first:before {
    content: url(./images/icon/icon-home-brc.png)
}

.breadcrumbs-in li.bcl-last {
    background: none
}

.breadcrumbs-in li.bcl-last:before {
    content: none
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .breadcrumbs-in li {
        background: url(./images/icon/icon-brc@2x.gif) right center no-repeat;
        -webkit-background-size: 5px 9px;
        background-size: 5px 9px
    }

    .breadcrumbs-in li:before {
        width: 12px;
        height: 12px;
        background: url(./images/icon/icon-folder-brc@2x.png)
    }

    .breadcrumbs-in li.bcl-first:before {
        width: 12px;
        height: 12px;
        background: url(./images/icon/icon-home-brc@2x.png)
    }

    .breadcrumbs-in li:before,
    .breadcrumbs-in li.bcl-first:before {
        display: inline-block;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }

    .breadcrumbs-in li.bcl-last:before {
        width: 0;
        height: 0;
        background: none;
        content: none
    }
}

.main-conts {
    line-height: 1.8
}

.col1 .main-conts {
    margin-bottom: 40px
}

.section-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 40px;
    border: 1px solid #ccc
}

.section-wrap.wide {
    border-right: 0;
    border-left: 0
}

.section-wrap .section-in,
.float-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.float-area {
    margin-bottom: 10px
}

.col1 .section-wrap,
.col1 .float-area {
    width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.col1 .section-wrap {
    padding: 40px 80px
}

.col1 .section-wrap.wide {
    width: 100%;
    padding: 40px 0
}

.col1 .section-wrap.wide .section-in {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0
}

.sub-conts .section-wrap {
    margin: 0 auto;
    padding: 0 0 20px;
    border: none
}

.sub-conts .section-wrap .section-in {
    padding: 0 20px
}

.col1 .sub-conts .section-wrap .section-in {
    padding: 0 80px 30px
}

.sub-conts .link-menu {
    margin-left: 0;
    padding-left: 0
}

.sub-conts .link-menu li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 13px;
    background: url(./images/icon/icon-list-arw.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .sub-conts .link-menu li {
        background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.sub-conts .link-menu ul {
    margin-top: 1em;
    margin-left: 10px;
    padding-left: 0
}

.sub-conts .link-menu-image {
    margin-right: 0;
    margin-left: 0
}

.sub-conts .link-menu-image li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc
}

.sub-conts .link-menu-image li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.link-menu-image-thumb {
    float: left;
    margin-right: 1em
}

.sub-conts .link-menu-image .post-title {
    overflow: hidden;
    margin-bottom: 0;
    padding: 5px 0;
    border: none;
    background: none;
    font-weight: 400
}

.site-footer {
    background: #8f8f8f;
    color: #fff
}

.site-footer-in a {
    color: #fff
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus {
    color: #f60
}

.site-footer-nav {
    margin: 0 auto;
    padding: 1em 0;
    text-align: center
}

.site-footer-nav li {
    display: inline;
    list-style: none;
    margin-left: 50px;
    padding: 0 0 0 13px;
    background: url(./images/icon/icon-arw-next02.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .site-footer-nav li {
        background: url(./images/icon/icon-arw-next02@2x.png) left center no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.site-footer-nav li:first-child {
    margin-left: 0
}

.site-footer-conts-area {
    padding: 1em 0
}

.copyright {
    margin: 0;
    padding: 15px 0;
    background: #333;
    color: #fff;
    text-align: center
}

.copyright small {
    font-size: 100%
}

.page-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
    line-height: 1.2;
    margin-bottom: 0
}

.section-in>h1:first-child,
.section-in>h2:first-child,
.section-in>h3:first-child,
.section-in>h4:first-child,
.section-in>h5:first-child,
.section-in>h6:first-child {
    margin-top: 0
}

.main-body h1 {
    margin: 0 0 20px;
    padding: 10px 18px;
    background: #909090;
    color: #fff;
    font-size: 1.3em
}

.main-body h2 {
    margin: 60px 0 30px;
    padding: 10px 18px;
    background: #909090;
    color: #fff;
    font-size: 1.3em
}

.main-body h3 {
    margin: 0 0 30px;
    padding: 10px;
    border-bottom: 1px solid #909090;
    font-weight: 700;
    font-size: 1.3em
}

.main-body h4 {
    margin: 55px 0 25px;
    padding: 10px 4px;
    border-bottom: 1px dashed #909090;
    font-weight: 700;
    font-size: 1.1em
}

.main-body h5 {
    margin: 55px 0 25px;
    padding: 0 0 0 9px;
    border-left: 6px solid #909090;
    font-weight: 700;
    font-size: 1.2em
}

.main-body h6 {
    margin: 55px 0 25px;
    font-weight: 700;
    font-size: 1.125em
}

.main-body .img-title {
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    font-size: 1em
}

.main-body h1 a,
.main-body h2 a {
    color: #fff
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus {
    color: #f60
}

.main-body .archive-title {
    margin: 0 0 30px
}

.col1 .main-body .archive-title {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.section-wrap .section-title {
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 0;
    border: none;
    background: transparent;
    color: #333;
    font-size: 2.125em
}

.main-body .section-title a {
    color: #333;
    text-decoration: none
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus {
    color: #f60;
    text-decoration: underline
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title {
    margin: 0 -20px 20px;
    padding: 0 0 11px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    font-size: 1.125em
}

.news .news-date {
    margin-right: 1em
}

.news-item {
    padding: 1em;
    border-bottom: 1px dotted #ccc
}

.news-item:first-child {
    padding-top: 0
}

.news-item:last-child {
    border-bottom: 0
}

.news .news-thumb {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.main-body .news-title {
    margin-top: 20px;
    padding: 0;
    border: none;
    background: none;
    font-weight: 400;
    font-size: 1.5em
}

.main-body .news-item:first-child .news-title {
    margin-top: 0
}

.news .news-date,
.news .news-cat,
.post-cat {
    margin-bottom: 10px
}

.cat {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: 5px;
    padding: .1em .5em;
    border-bottom: none;
    color: #fff;
    font-size: .875em;
    word-break: break-all;
    border-radius: 3px
}

.cat a {
    display: inline-block;
    margin: -.1em -.5em;
    padding: .1em .5em;
    color: #fff;
    text-decoration: none
}

.cat001 {
    background: #4fc3f7
}

.cat002 {
    background: #ff8a65
}

.cat003 {
    background: #4db6ac
}

.cat004 {
    background: #ba68c8
}

.cat005 {
    background: #90a4ae
}

.news .news-cont {
    margin-bottom: .5em
}

.dl-style01 dt,
.dl-style01 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.dl-style01 dt {
    display: block;
    float: left;
    width: 35%
}

.dl-style01 dd {
    padding-left: 35%;
    border-bottom: 1px dotted #909090
}

.dl-style02 dt,
.dl-style02 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-bottom: 1px solid #fff
}

.dl-style02 dt {
    display: block;
    background: #909090;
    color: #fff
}

.dl-style02 dd {
    background: #e9e9e9
}

.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-comparison {
    margin: 3em 0;
    border-top: 0
}

.table-comparison th,
.table-comparison td {
    padding: 10px;
    text-align: center
}

.table-comparison thead .highlight span {
    display: block;
    margin: -11px;
    margin-top: -25px;
    padding: 11px;
    padding-top: 25px;
    border: 1px solid #cfcfcf;
    border-radius: 8px 8px 0 0
}

.table-comparison th.highlight,
.table-comparison th.highlight span {
    background: #ffcc80
}

.table-comparison tfoot td,
.table-comparison tfoot td span {
    background: #f2f2f2
}

.category-list,
.sub-conts .widget_categories ul {
    margin-left: 0;
    padding-left: 0
}

.category-list li,
.sub-conts .widget_categories li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 15px;
    background: url(./images/icon/icon-tag.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    .category-list li,
    .sub-conts .widget_categories li {
        background: url(./images/icon/icon-tag@2x.png) left 6px no-repeat;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px
    }
}

.category-list ul,
.sub-conts .widget_categories ul ul {
    margin-top: 1em;
    margin-left: 10px;
    padding-left: 0
}

.tagcloud a {
    margin-right: 10px;
    padding-left: 15px;
    background: url(./images/icon/icon-tag.png) left bottom no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .tagcloud a {
        background: url(./images/icon/icon-tag@2x.png) left bottom no-repeat;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px
    }
}

.calendar {
    background: #fff;
    font-size: .875em
}

.calendar caption {
    font-weight: 700
}

.calendar th,
.calendar td {
    padding: 10px 0;
    text-align: center
}

.calendar tfoot td {
    padding: 10px;
    border-right-width: 0;
    text-align: left
}

.calendar tfoot td:last-child {
    border-right-width: 1px;
    text-align: right
}

.calendar td a {
    display: block;
    margin: -10px 0;
    padding: 10px 0
}

.col4-wrap,
.col3-wrap,
.col2-wrap {
    margin: 0 0 1em
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2%
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child {
    margin-left: 0
}

.col4-wrap .col {
    width: 23.5%
}

.col4-wrap .col_2of4 {
    width: 49%
}

.col4-wrap .col_3of4 {
    width: 74.5%
}

.col3-wrap .col {
    width: 32%
}

.col3-wrap .col_2of3 {
    width: 66%
}

.col2-wrap .col {
    width: 49%
}

.col-link {
    border: 1px solid #ccc
}

.col-link a {
    display: block;
    color: #333;
    text-decoration: none
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus {
    background: #eee
}

.banner-list {
    margin-left: 0
}

.banner-list li {
    list-style: none
}

.col1 .banner-list {
    text-align: center
}

.col1 .banner-list li,
.main-conts .banner-list li {
    display: inline-block;
    margin-bottom: 1em;
    margin-left: 1em
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child {
    margin-left: 0
}

.link-ref {
    text-align: right
}

embed,
iframe,
object,
video {
    max-width: 100%
}

.btn {
    display: inline-block;
    padding: 1em;
    border: 0;
    background: #ccc;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 4px 4px 0 #e9e9e9
}

.btn:hover,
.btn:active,
.btn:focus {
    background: #eee;
    color: #333;
    box-shadow: 4px 4px 0 #d0d0d0;
    cursor: pointer
}

.btn span {
    padding-left: 18px;
    background: url(./images/icon/icon-btn-arw.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn span {
        padding-left: 18px;
        background: url(./images/icon/icon-btn-arw@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-green {
    padding: 25px 50px;
    background: #75c53b;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #58942c
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus {
    background: #bae29d;
    box-shadow: 4px 4px 0 #acca96;
    cursor: pointer
}

.btn-blue {
    padding: 25px 50px;
    background: #1f8ae5;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #1767ac
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
    background: #8fc5f2;
    box-shadow: 4px 4px 0 #8bb3d6;
    cursor: pointer
}

.btn-orange {
    padding: 25px 50px;
    background: #f59e38;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #b8762a
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
    background: #facf9c;
    box-shadow: 4px 4px 0 #dcbb95;
    cursor: pointer
}

.btn-red {
    padding: 25px 50px;
    background: #fe4e25;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #be3a1c
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
    background: #ffa792;
    box-shadow: 4px 4px 0 #df9d8e;
    cursor: pointer
}

.btn-green span,
.btn-blue span,
.btn-orange span,
.btn-red span {
    padding-left: 20px;
    background: url(./images/icon/icon-btn-arw01.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    .btn-green span,
    .btn-blue span,
    .btn-orange span,
    .btn-red span {
        background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-form01 {
    padding: 25px 50px;
    background: #909090;
    font-size: 1.25em
}

.btn-form01 span {
    padding-left: 20px;
    background: url(./images/icon/icon-btn-arw01.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-form01 span {
        background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-form02 {
    padding: 20px 30px;
    background: #c9c9c9;
    font-size: 1.125em;
    color: #666
}

.btn-form02 span {
    padding-left: 18px;
    background: url(./images/icon/icon-btn-arw02.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-mail span {
        background: url(./images/icon/icon-btn-arw02@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-mail {
    padding: 12px 32px;
    background: #909090
}

.btn-mail span {
    padding-left: 30px;
    background: url(./images/icon/icon-btn-mail.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-mail span {
        background: url(./images/icon/icon-btn-mail@2x.png) left center no-repeat;
        -webkit-background-size: 24px 18px;
        background-size: 24px 18px
    }
}

.btn-detail {
    background: #909090
}

.btn-detail span {
    padding-left: 20px;
    background: url(./images/icon/icon-btn-arw01.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-detail span {
        background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.search-box input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
    height: 30px;
    padding-right: 4px;
    padding-left: 4px;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 1px 3px 2px #eee
}

.btn-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    vertical-align: top;
    padding: 5px;
    border: 0;
    background: #8f8f8f;
    border-radius: 0;
    cursor: pointer
}

.btn-search img {
    width: 21px;
    height: 20px;
    vertical-align: top
}

.sns-list ul {
    margin: 0 0 1em;
    padding: 0
}

.sns-list li {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-left: 1em
}

.sns-list li iframe {
    max-width: none;
    margin: 0
}

.sns-list li:first-child {
    margin-left: 0
}

.eye-catch {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.post-date,
.post-pv {
    display: inline-block;
    margin-right: 0;
    margin-bottom: .5em
}

.cast-box {
    padding: 30px 20px;
    background: url(./images/common/bg-cast-box.png) #eee
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .cast-box {
        background: url(./images/common/bg-cast-box@2x.png) #eee;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px
    }
}

.cast-box .cast {
    position: relative;
    min-height: 100px;
    margin-top: 0;
    padding-left: 115px
}

.cast-box .cast-name {
    font-weight: 700;
    font-size: 1.25em
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile {
    margin-left: 0;
    margin-bottom: 40px;
    padding-left: 0
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile {
    margin-bottom: 0
}

.cast-box .cast .cast-headshot {
    position: absolute;
    top: 0;
    left: 0
}

.cast-box02 .cast {
    position: relative;
    margin-bottom: 40px;
    padding-top: 210px
}

.cast-box02 .cast dd {
    padding-left: 0
}

.cast-box02 .cast-name {
    font-weight: 700
}

.cast-box02 .cast .cast-headshot {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center
}

.col1 .cast-box02 .cast {
    min-height: 210px;
    padding-top: 0
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile {
    padding-left: 210px
}

.col1 .cast-box02 .cast .cast-headshot {
    width: auto
}

.chat-l,
.chat-r {
    position: relative;
    overflow: hidden;
    margin: 0 0 2em
}

.bubble {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    min-height: 60px;
    margin-bottom: 2em;
    padding: 1em;
    border: 1px solid #ccc;
    background: #fff
}

.bubble .bubble-in {
    border-color: #fff
}

.talker {
    display: block;
    width: 15%;
    height: auto;
    text-align: center
}

.talker b {
    font-weight: 400
}

.talker img {
    display: block;
    width: 100px;
    max-width: 100%;
    max-width: none\9;
    margin: auto
}

html:not(:target) .talker img {
    max-width: 100%
}

.chat-l .talker {
    float: left;
    margin-right: 2%
}

.chat-r .talker {
    float: right;
    margin-left: 2%
}

.chat-l .bubble {
    float: right
}

.chat-r .bubble {
    float: left
}

.bubble .bubble-in:after,
.bubble .bubble-in:before {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: ""
}

.bubble .b-arw20:after,
.bubble .b-arw20:before {
    top: 20%
}

.bubble .b-arw30:after,
.bubble .b-arw30:before {
    top: 30%
}

.bubble .b-arw40:after,
.bubble .b-arw40:before {
    top: 40%
}

.bubble .b-arw60:after,
.bubble .b-arw60:before {
    top: 60%
}

.bubble .b-arw70:after,
.bubble .b-arw70:before {
    top: 70%
}

.bubble .b-arw80:after,
.bubble .b-arw80:before {
    top: 80%
}

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before {
    right: 100%
}

.chat-r .bubble div:after,
.chat-r .bubble div:before {
    left: 100%
}

.chat-l .bubble .bubble-in:after {
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-right-color: inherit
}

.chat-l .bubble .bubble-in:before {
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-right-color: #ccc
}

.chat-r .bubble .bubble-in:after {
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-left-color: inherit
}

.chat-r .bubble .bubble-in:before {
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-left-color: #ccc
}

.bubble p:first-child {
    margin-top: 0
}

.together .talker,
.together .bubble {
    width: 100%
}

.together .talker b {
    display: inline-block;
    text-align: center
}

.together.chat-l .talker,
.together.chat-r .talker {
    float: none;
    margin: 0 0 20px
}

.together.chat-l .talker {
    text-align: left
}

.together.chat-r .talker {
    text-align: right
}

.together.chat-l .bubble,
.together.chat-r .bubble {
    float: none
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before {
    top: auto;
    bottom: 100%
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before {
    right: auto;
    left: 10%
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before {
    right: 10%;
    left: auto
}

.together.chat-l .bubble .bubble-in:after {
    margin-top: -20px;
    margin-left: -8px;
    border-width: 20px 8px;
    border-color: transparent;
    border-bottom-color: inherit
}

.together.chat-l .bubble .bubble-in:before {
    margin-top: -21px;
    margin-left: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc
}

.together.chat-r .bubble .bubble-in:after {
    border-width: 20px 8px;
    margin-top: -20px;
    margin-right: -8px;
    border-color: transparent;
    border-bottom-color: inherit
}

.together.chat-r .bubble .bubble-in:before {
    margin-top: -21px;
    margin-right: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc
}

.bubble-in p:last-child {
    margin-bottom: 0
}

.bubble-blue {
    border: 1px solid #e1f5fe;
    background: #e1f5fe
}

.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before {
    border-right-color: #e1f5fe
}

.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before {
    border-left-color: #e1f5fe
}

.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before {
    border-bottom-color: #e1f5fe
}

.bubble-green {
    border: 1px solid #e8f5e9;
    background: #e8f5e9
}

.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before {
    border-right-color: #e8f5e9
}

.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before {
    border-left-color: #e8f5e9
}

.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before {
    border-bottom-color: #e8f5e9
}

.bubble-yellow {
    border: 1px solid #fff59d;
    background: #fff59d
}

.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before {
    border-right-color: #fff59d
}

.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before {
    border-left-color: #fff59d
}

.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before {
    border-bottom-color: #fff59d
}

.bubble-orange {
    border: 1px solid #ffcc80;
    background: #ffcc80
}

.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before {
    border-right-color: #ffcc80
}

.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before {
    border-left-color: #ffcc80
}

.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before {
    border-bottom-color: #ffcc80
}

.bubble-pink {
    border: 1px solid #fbe9e7;
    background: #fbe9e7
}

.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before {
    border-right-color: #fbe9e7
}

.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before {
    border-left-color: #fbe9e7
}

.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before {
    border-bottom-color: #fbe9e7
}

.bubble-red {
    border: 1px solid #ef5350;
    background: #ef5350;
    color: #fff
}

.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before {
    border-right-color: #ef5350
}

.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before {
    border-left-color: #ef5350
}

.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before {
    border-bottom-color: #ef5350
}

.bubble-black {
    border: 1px solid #555;
    background: #555;
    color: #fff
}

.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before {
    border-right-color: #555
}

.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before {
    border-left-color: #555
}

.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before {
    border-bottom-color: #555
}

.main-body .ranking-list {
    margin-right: 0;
    margin-left: 0
}

.main-body .ranking-list li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 40px
}

.main-body .rank-title {
    padding: 5px 0;
    border: none;
    background: none;
    font-weight: 400;
    font-size: 1.5em;
    margin-top: 0
}

.rank-thumb {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.sub-conts .ranking-list03 .rank-thumb img {
    width: 100px;
    height: auto
}

.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb {
    float: none;
    text-align: center
}

.rank-desc {
    overflow: hidden
}

.ranking-list01>li .rank-title {
    padding-left: 60px
}

.ranking-list01 .rank01 .rank-title {
    background: url(./images/icon/icon-rank01-01.png) left top no-repeat
}

.ranking-list01 .rank02 .rank-title {
    background: url(./images/icon/icon-rank01-02.png) left top no-repeat
}

.ranking-list01 .rank03 .rank-title {
    background: url(./images/icon/icon-rank01-03.png) left top no-repeat
}

.ranking-list01 .rank04 .rank-title {
    background: url(./images/icon/icon-rank01-04.png) left top no-repeat
}

.ranking-list01 .rank05 .rank-title {
    background: url(./images/icon/icon-rank01-05.png) left top no-repeat
}

.ranking-list01 .rank06 .rank-title {
    background: url(./images/icon/icon-rank01-06.png) left top no-repeat
}

.ranking-list01 .rank07 .rank-title {
    background: url(./images/icon/icon-rank01-07.png) left top no-repeat
}

.ranking-list01 .rank08 .rank-title {
    background: url(./images/icon/icon-rank01-08.png) left top no-repeat
}

.ranking-list01 .rank09 .rank-title {
    background: url(./images/icon/icon-rank01-09.png) left top no-repeat
}

.ranking-list01 .rank10 .rank-title {
    background: url(./images/icon/icon-rank01-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list01 .rank01 .rank-title {
        background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat
    }

    .ranking-list01 .rank02 .rank-title {
        background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat
    }

    .ranking-list01 .rank03 .rank-title {
        background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat
    }

    .ranking-list01 .rank04 .rank-title {
        background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat
    }

    .ranking-list01 .rank05 .rank-title {
        background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat
    }

    .ranking-list01 .rank06 .rank-title {
        background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat
    }

    .ranking-list01 .rank07 .rank-title {
        background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat
    }

    .ranking-list01 .rank08 .rank-title {
        background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat
    }

    .ranking-list01 .rank09 .rank-title {
        background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat
    }

    .ranking-list01 .rank10 .rank-title {
        background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat
    }

    .ranking-list01 .rank01 .rank-title,
    .ranking-list01 .rank02 .rank-title,
    .ranking-list01 .rank03 .rank-title,
    .ranking-list01 .rank04 .rank-title,
    .ranking-list01 .rank05 .rank-title,
    .ranking-list01 .rank06 .rank-title,
    .ranking-list01 .rank07 .rank-title,
    .ranking-list01 .rank08 .rank-title,
    .ranking-list01 .rank09 .rank-title,
    .ranking-list01 .rank10 .rank-title {
        -webkit-background-size: 48px 40px;
        background-size: 48px 40px
    }
}

.ranking-list02>li .rank-title {
    padding-left: 60px;
    padding-bottom: 10px
}

.ranking-list02 .rank01 .rank-title {
    background: url(./images/icon/icon-rank02-01.png) left top no-repeat
}

.ranking-list02 .rank02 .rank-title {
    background: url(./images/icon/icon-rank02-02.png) left top no-repeat
}

.ranking-list02 .rank03 .rank-title {
    background: url(./images/icon/icon-rank02-03.png) left top no-repeat
}

.ranking-list02 .rank04 .rank-title {
    background: url(./images/icon/icon-rank02-04.png) left top no-repeat
}

.ranking-list02 .rank05 .rank-title {
    background: url(./images/icon/icon-rank02-05.png) left top no-repeat
}

.ranking-list02 .rank06 .rank-title {
    background: url(./images/icon/icon-rank02-06.png) left top no-repeat
}

.ranking-list02 .rank07 .rank-title {
    background: url(./images/icon/icon-rank02-07.png) left top no-repeat
}

.ranking-list02 .rank08 .rank-title {
    background: url(./images/icon/icon-rank02-08.png) left top no-repeat
}

.ranking-list02 .rank09 .rank-title {
    background: url(./images/icon/icon-rank02-09.png) left top no-repeat
}

.ranking-list02 .rank10 .rank-title {
    background: url(./images/icon/icon-rank02-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list02 .rank01 .rank-title {
        background: url(./images/icon/icon-rank02-01@2x.png) left top no-repeat
    }

    .ranking-list02 .rank02 .rank-title {
        background: url(./images/icon/icon-rank02-02@2x.png) left top no-repeat
    }

    .ranking-list02 .rank03 .rank-title {
        background: url(./images/icon/icon-rank02-03@2x.png) left top no-repeat
    }

    .ranking-list02 .rank04 .rank-title {
        background: url(./images/icon/icon-rank02-04@2x.png) left top no-repeat
    }

    .ranking-list02 .rank05 .rank-title {
        background: url(./images/icon/icon-rank02-05@2x.png) left top no-repeat
    }

    .ranking-list02 .rank06 .rank-title {
        background: url(./images/icon/icon-rank02-06@2x.png) left top no-repeat
    }

    .ranking-list02 .rank07 .rank-title {
        background: url(./images/icon/icon-rank02-07@2x.png) left top no-repeat
    }

    .ranking-list02 .rank08 .rank-title {
        background: url(./images/icon/icon-rank02-08@2x.png) left top no-repeat
    }

    .ranking-list02 .rank09 .rank-title {
        background: url(./images/icon/icon-rank02-09@2x.png) left top no-repeat
    }

    .ranking-list02 .rank10 .rank-title {
        background: url(./images/icon/icon-rank02-10@2x.png) left top no-repeat
    }

    .ranking-list02 .rank01 .rank-title,
    .ranking-list02 .rank02 .rank-title,
    .ranking-list02 .rank03 .rank-title,
    .ranking-list02 .rank04 .rank-title,
    .ranking-list02 .rank05 .rank-title,
    .ranking-list02 .rank06 .rank-title,
    .ranking-list02 .rank07 .rank-title,
    .ranking-list02 .rank08 .rank-title,
    .ranking-list02 .rank09 .rank-title,
    .ranking-list02 .rank10 .rank-title {
        -webkit-background-size: 40px 48px;
        background-size: 40px 48px
    }
}

.ranking-list03>li .rank-title {
    padding: 5px 0;
    padding-left: 58px;
    font-size: 1.25em
}

.sub-conts .ranking-list03>li .rank-title {
    min-height: 25px;
    padding: 0 0 5px 40px;
    font-size: 1.25em
}

.sub-conts .ranking-list03>li .rank-title a {
    text-decoration: none
}

.ranking-list03 li .rank-title {
    border-bottom: 1px solid #909090
}

.ranking-list03 .rank01 .rank-title {
    background: url(./images/icon/icon-rank03-01.png) left top no-repeat
}

.ranking-list03 .rank02 .rank-title {
    background: url(./images/icon/icon-rank03-02.png) left top no-repeat
}

.ranking-list03 .rank03 .rank-title {
    background: url(./images/icon/icon-rank03-03.png) left top no-repeat
}

.ranking-list03 .rank04 .rank-title {
    background: url(./images/icon/icon-rank03-04.png) left top no-repeat
}

.ranking-list03 .rank05 .rank-title {
    background: url(./images/icon/icon-rank03-05.png) left top no-repeat
}

.ranking-list03 .rank06 .rank-title {
    background: url(./images/icon/icon-rank03-06.png) left top no-repeat
}

.ranking-list03 .rank07 .rank-title {
    background: url(./images/icon/icon-rank03-07.png) left top no-repeat
}

.ranking-list03 .rank08 .rank-title {
    background: url(./images/icon/icon-rank03-08.png) left top no-repeat
}

.ranking-list03 .rank09 .rank-title {
    background: url(./images/icon/icon-rank03-09.png) left top no-repeat
}

.ranking-list03 .rank10 .rank-title {
    background: url(./images/icon/icon-rank03-10.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank01 .rank-title {
    background: url(./images/icon/icon-rank04-01.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank02 .rank-title {
    background: url(./images/icon/icon-rank04-02.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank03 .rank-title {
    background: url(./images/icon/icon-rank04-03.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank04 .rank-title {
    background: url(./images/icon/icon-rank04-04.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank05 .rank-title {
    background: url(./images/icon/icon-rank04-05.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank06 .rank-title {
    background: url(./images/icon/icon-rank04-06.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank07 .rank-title {
    background: url(./images/icon/icon-rank04-07.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank08 .rank-title {
    background: url(./images/icon/icon-rank04-08.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank09 .rank-title {
    background: url(./images/icon/icon-rank04-09.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank10 .rank-title {
    background: url(./images/icon/icon-rank04-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list03 .rank01 .rank-title {
        background: url(./images/icon/icon-rank03-01@2x.png) left top no-repeat
    }

    .ranking-list03 .rank02 .rank-title {
        background: url(./images/icon/icon-rank03-02@2x.png) left top no-repeat
    }

    .ranking-list03 .rank03 .rank-title {
        background: url(./images/icon/icon-rank03-03@2x.png) left top no-repeat
    }

    .ranking-list03 .rank04 .rank-title {
        background: url(./images/icon/icon-rank03-04@2x.png) left top no-repeat
    }

    .ranking-list03 .rank05 .rank-title {
        background: url(./images/icon/icon-rank03-05@2x.png) left top no-repeat
    }

    .ranking-list03 .rank06 .rank-title {
        background: url(./images/icon/icon-rank03-06@2x.png) left top no-repeat
    }

    .ranking-list03 .rank07 .rank-title {
        background: url(./images/icon/icon-rank03-07@2x.png) left top no-repeat
    }

    .ranking-list03 .rank08 .rank-title {
        background: url(./images/icon/icon-rank03-08@2x.png) left top no-repeat
    }

    .ranking-list03 .rank09 .rank-title {
        background: url(./images/icon/icon-rank03-09@2x.png) left top no-repeat
    }

    .ranking-list03 .rank10 .rank-title {
        background: url(./images/icon/icon-rank03-10@2x.png) left top no-repeat
    }

    .ranking-list03 .rank01 .rank-title,
    .ranking-list03 .rank02 .rank-title,
    .ranking-list03 .rank03 .rank-title,
    .ranking-list03 .rank04 .rank-title,
    .ranking-list03 .rank05 .rank-title,
    .ranking-list03 .rank06 .rank-title,
    .ranking-list03 .rank07 .rank-title,
    .ranking-list03 .rank08 .rank-title,
    .ranking-list03 .rank09 .rank-title,
    .ranking-list03 .rank10 .rank-title {
        -webkit-background-size: 40px 48px;
        background-size: 40px 48px
    }

    .sub-conts .ranking-list03 .rank01 .rank-title {
        background: url(./images/icon/icon-rank04-01@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank02 .rank-title {
        background: url(./images/icon/icon-rank04-02@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank03 .rank-title {
        background: url(./images/icon/icon-rank04-03@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank04 .rank-title {
        background: url(./images/icon/icon-rank04-04@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank05 .rank-title {
        background: url(./images/icon/icon-rank04-05@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank06 .rank-title {
        background: url(./images/icon/icon-rank04-06@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank07 .rank-title {
        background: url(./images/icon/icon-rank04-07@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank08 .rank-title {
        background: url(./images/icon/icon-rank04-08@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank09 .rank-title {
        background: url(./images/icon/icon-rank04-09@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank10 .rank-title {
        background: url(./images/icon/icon-rank04-10@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank01 .rank-title,
    .sub-conts .ranking-list03 .rank02 .rank-title,
    .sub-conts .ranking-list03 .rank03 .rank-title,
    .sub-conts .ranking-list03 .rank04 .rank-title,
    .sub-conts .ranking-list03 .rank05 .rank-title,
    .sub-conts .ranking-list03 .rank06 .rank-title,
    .sub-conts .ranking-list03 .rank07 .rank-title,
    .sub-conts .ranking-list03 .rank08 .rank-title,
    .sub-conts .ranking-list03 .rank09 .rank-title,
    .sub-conts .ranking-list03 .rank10 .rank-title {
        -webkit-background-size: 30px 30px;
        background-size: 30px 30px
    }
}

.ranking-list .on-image .rank-title {
    padding: 0 !important;
    border: 0;
    background: none !important;
    font-size: 1.25em
}

.ranking-list .on-image .rank-thumb {
    position: relative
}

.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before {
    position: absolute;
    top: 0;
    left: 0
}

.ranking-list03>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-01.png)
}

.ranking-list03>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-02.png)
}

.ranking-list03>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-03.png)
}

.ranking-list03>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-04.png)
}

.ranking-list03>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-05.png)
}

.ranking-list03>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-06.png)
}

.ranking-list03>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-07.png)
}

.ranking-list03>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-08.png)
}

.ranking-list03>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-09.png)
}

.ranking-list03>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-10.png)
}

.sub-conts .ranking-list03>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-01.png)
}

.sub-conts .ranking-list03>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-02.png)
}

.sub-conts .ranking-list03>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-03.png)
}

.sub-conts .ranking-list03>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-04.png)
}

.sub-conts .ranking-list03>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-05.png)
}

.sub-conts .ranking-list03>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-06.png)
}

.sub-conts .ranking-list03>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-07.png)
}

.sub-conts .ranking-list03>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-08.png)
}

.sub-conts .ranking-list03>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-09.png)
}

.sub-conts .ranking-list03>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list03>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-01@2x.png)
    }

    .ranking-list03>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-02@2x.png)
    }

    .ranking-list03>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-03@2x.png)
    }

    .ranking-list03>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-04@2x.png)
    }

    .ranking-list03>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-05@2x.png)
    }

    .ranking-list03>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-06@2x.png)
    }

    .ranking-list03>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-07@2x.png)
    }

    .ranking-list03>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-08@2x.png)
    }

    .ranking-list03>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-09@2x.png)
    }

    .ranking-list03>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-10@2x.png)
    }

    .ranking-list03>.rank01.on-image .rank-thumb:before,
    .ranking-list03>.rank02.on-image .rank-thumb:before,
    .ranking-list03>.rank03.on-image .rank-thumb:before,
    .ranking-list03>.rank04.on-image .rank-thumb:before,
    .ranking-list03>.rank05.on-image .rank-thumb:before,
    .ranking-list03>.rank06.on-image .rank-thumb:before,
    .ranking-list03>.rank07.on-image .rank-thumb:before,
    .ranking-list03>.rank08.on-image .rank-thumb:before,
    .ranking-list03>.rank09.on-image .rank-thumb:before,
    .ranking-list03>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }

    .sub-conts .ranking-list03>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-01@2x.png)
    }

    .sub-conts .ranking-list03>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-02@2x.png)
    }

    .sub-conts .ranking-list03>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-03@2x.png)
    }

    .sub-conts .ranking-list03>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-04@2x.png)
    }

    .sub-conts .ranking-list03>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-05@2x.png)
    }

    .sub-conts .ranking-list03>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-06@2x.png)
    }

    .sub-conts .ranking-list03>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-07@2x.png)
    }

    .sub-conts .ranking-list03>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-08@2x.png)
    }

    .sub-conts .ranking-list03>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-09@2x.png)
    }

    .sub-conts .ranking-list03>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-10@2x.png)
    }

    .sub-conts .ranking-list03>.rank01.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank02.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank03.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank04.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank05.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank06.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank07.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank08.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank09.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.ranking-list04 .rank-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto
}

.col1 .ranking-list04 li {
    display: inline-block;
    margin-right: 20px
}

.ranking-list04 .rank-box img {
    width: 100%
}

.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.ranking-list04 .on-image .rank-box .rank-text {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .ranking-list04 .on-image .rank-box .rank-text {
    background-color: rgba(0, 0, 0, 0.5)
}

.ranking-list04 .on-image .rank-box a {
    color: #fff
}

.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus {
    color: #f60
}

.ranking-list04>.rank01.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-01.png)
}

.ranking-list04>.rank02.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-02.png)
}

.ranking-list04>.rank03.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-03.png)
}

.ranking-list04>.rank04.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-04.png)
}

.ranking-list04>.rank05.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-05.png)
}

.ranking-list04>.rank06.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-06.png)
}

.ranking-list04>.rank07.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-07.png)
}

.ranking-list04>.rank08.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-08.png)
}

.ranking-list04>.rank09.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-09.png)
}

.ranking-list04>.rank10.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list04>.rank01.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-01@2x.png)
    }

    .ranking-list04>.rank02.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-02@2x.png)
    }

    .ranking-list04>.rank03.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-03@2x.png)
    }

    .ranking-list04>.rank04.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-04@2x.png)
    }

    .ranking-list04>.rank05.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-05@2x.png)
    }

    .ranking-list04>.rank06.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-06@2x.png)
    }

    .ranking-list04>.rank07.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-07@2x.png)
    }

    .ranking-list04>.rank08.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-08@2x.png)
    }

    .ranking-list04>.rank09.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-09@2x.png)
    }

    .ranking-list04>.rank10.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-10@2x.png)
    }

    .ranking-list04>.rank01.on-image .rank-box:before,
    .ranking-list04>.rank02.on-image .rank-box:before,
    .ranking-list04>.rank03.on-image .rank-box:before,
    .ranking-list04>.rank04.on-image .rank-box:before,
    .ranking-list04>.rank05.on-image .rank-box:before,
    .ranking-list04>.rank06.on-image .rank-box:before,
    .ranking-list04>.rank07.on-image .rank-box:before,
    .ranking-list04>.rank08.on-image .rank-box:before,
    .ranking-list04>.rank09.on-image .rank-box:before,
    .ranking-list04>.rank10.on-image .rank-box:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.ranking-list05 .rank-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    background-position: center center;
    background-size: cover
}

.col1 .ranking-list05 li {
    display: inline-block;
    margin-right: 20px
}

.ranking-list05 .rank-box a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 180px;
    padding: 3em 1em 1em;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .ranking-list05 .rank-box a {
    background-color: rgba(0, 0, 0, 0.5)
}

.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus {
    color: #f60
}

.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.ranking-list05>.rank01.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-01.png)
}

.ranking-list05>.rank02.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-02.png)
}

.ranking-list05>.rank03.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-03.png)
}

.ranking-list05>.rank04.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-04.png)
}

.ranking-list05>.rank05.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-05.png)
}

.ranking-list05>.rank06.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-06.png)
}

.ranking-list05>.rank07.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-07.png)
}

.ranking-list05>.rank08.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-08.png)
}

.ranking-list05>.rank09.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-09.png)
}

.ranking-list05>.rank10.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list05>.rank01.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-01@2x.png)
    }

    .ranking-list05>.rank02.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-02@2x.png)
    }

    .ranking-list05>.rank03.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-03@2x.png)
    }

    .ranking-list05>.rank04.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-04@2x.png)
    }

    .ranking-list05>.rank05.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-05@2x.png)
    }

    .ranking-list05>.rank06.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-06@2x.png)
    }

    .ranking-list05>.rank07.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-07@2x.png)
    }

    .ranking-list05>.rank08.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-08@2x.png)
    }

    .ranking-list05>.rank09.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-09@2x.png)
    }

    .ranking-list05>.rank10.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-10@2x.png)
    }

    .ranking-list05>.rank01.on-image .rank-box:before,
    .ranking-list05>.rank02.on-image .rank-box:before,
    .ranking-list05>.rank03.on-image .rank-box:before,
    .ranking-list05>.rank04.on-image .rank-box:before,
    .ranking-list05>.rank05.on-image .rank-box:before,
    .ranking-list05>.rank06.on-image .rank-box:before,
    .ranking-list05>.rank07.on-image .rank-box:before,
    .ranking-list05>.rank08.on-image .rank-box:before,
    .ranking-list05>.rank09.on-image .rank-box:before,
    .ranking-list05>.rank10.on-image .rank-box:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.main-body .post-list01,
.main-body .post-list02 {
    margin-right: 0;
    margin-left: 0
}

.main-body .post-list01 li,
.main-body .post-list02 li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 40px
}

.post-list01 .post-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto
}

.col1 .post-list01 li {
    display: inline-block;
    margin-right: 20px
}

.post-list01 .post-box img {
    width: 100%
}

.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.post-list01 .on-image .post-box .post-text {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .post-list01 .on-image .post-box .post-text {
    background-color: rgba(0, 0, 0, 0.5)
}

.post-list01 .on-image .post-box a {
    color: #fff
}

.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus {
    color: #f60
}

.post-list02 .post-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    background-position: center center;
    background-size: cover
}

.col1 .post-list02 li {
    display: inline-block;
    margin-right: 20px
}

.post-list02 .post-box a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 180px;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .post-list02 .post-box a {
    background-color: rgba(0, 0, 0, 0.5)
}

.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus {
    color: #f60
}

.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.review-table {
    width: auto;
    margin-top: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.rank-thumb .review-table {
    width: 100%;
    margin-bottom: 0
}

.review-table th,
.review-table td {
    line-height: 1;
    padding: .5em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #e9e9e9
}

.review-table th {
    font-weight: 400
}

.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50 {
    padding-left: 105px;
    white-space: nowrap
}

.star00 {
    background: url(./images/icon/icon-star00.png) left center no-repeat
}

.star05 {
    background: url(./images/icon/icon-star05.png) left center no-repeat
}

.star10 {
    background: url(./images/icon/icon-star10.png) left center no-repeat
}

.star15 {
    background: url(./images/icon/icon-star15.png) left center no-repeat
}

.star20 {
    background: url(./images/icon/icon-star20.png) left center no-repeat
}

.star25 {
    background: url(./images/icon/icon-star25.png) left center no-repeat
}

.star30 {
    background: url(./images/icon/icon-star30.png) left center no-repeat
}

.star35 {
    background: url(./images/icon/icon-star35.png) left center no-repeat
}

.star40 {
    background: url(./images/icon/icon-star40.png) left center no-repeat
}

.star45 {
    background: url(./images/icon/icon-star45.png) left center no-repeat
}

.star50 {
    background: url(./images/icon/icon-star50.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .star00 {
        background: url(./images/icon/icon-star00@2x.png) left center no-repeat
    }

    .star05 {
        background: url(./images/icon/icon-star05@2x.png) left center no-repeat
    }

    .star10 {
        background: url(./images/icon/icon-star10@2x.png) left center no-repeat
    }

    .star15 {
        background: url(./images/icon/icon-star15@2x.png) left center no-repeat
    }

    .star20 {
        background: url(./images/icon/icon-star20@2x.png) left center no-repeat
    }

    .star25 {
        background: url(./images/icon/icon-star25@2x.png) left center no-repeat
    }

    .star30 {
        background: url(./images/icon/icon-star30@2x.png) left center no-repeat
    }

    .star35 {
        background: url(./images/icon/icon-star35@2x.png) left center no-repeat
    }

    .star40 {
        background: url(./images/icon/icon-star40@2x.png) left center no-repeat
    }

    .star45 {
        background: url(./images/icon/icon-star45@2x.png) left center no-repeat
    }

    .star50 {
        background: url(./images/icon/icon-star50@2x.png) left center no-repeat
    }

    .star00,
    .star05,
    .star10,
    .star15,
    .star20,
    .star25,
    .star30,
    .star35,
    .star40,
    .star45,
    .star50 {
        -webkit-background-size: 97px 17px;
        background-size: 97px 17px
    }
}

.item-data {
    margin-bottom: 1em
}

.item-data dl,
.item-data dt,
.item-data dd {
    margin: 0
}

.item-data dt,
.item-data dd {
    display: inline-block
}

.item-data dd {
    padding-left: 0
}

.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc {
    overflow: visible
}

.main-body .review-desc-title {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0 0 0 14px;
    border: none;
    border-left: 4px solid #fb8e2d;
    background: none;
    font-weight: 400;
    font-size: 1.125em
}

.comparative-list01>li .rank-title {
    padding-left: 60px
}

.comparative-list01 .rank01 .rank-title {
    background: url(./images/icon/icon-rank01-01.png) left top no-repeat
}

.comparative-list01 .rank02 .rank-title {
    background: url(./images/icon/icon-rank01-02.png) left top no-repeat
}

.comparative-list01 .rank03 .rank-title {
    background: url(./images/icon/icon-rank01-03.png) left top no-repeat
}

.comparative-list01 .rank04 .rank-title {
    background: url(./images/icon/icon-rank01-04.png) left top no-repeat
}

.comparative-list01 .rank05 .rank-title {
    background: url(./images/icon/icon-rank01-05.png) left top no-repeat
}

.comparative-list01 .rank06 .rank-title {
    background: url(./images/icon/icon-rank01-06.png) left top no-repeat
}

.comparative-list01 .rank07 .rank-title {
    background: url(./images/icon/icon-rank01-07.png) left top no-repeat
}

.comparative-list01 .rank08 .rank-title {
    background: url(./images/icon/icon-rank01-08.png) left top no-repeat
}

.comparative-list01 .rank09 .rank-title {
    background: url(./images/icon/icon-rank01-09.png) left top no-repeat
}

.comparative-list01 .rank10 .rank-title {
    background: url(./images/icon/icon-rank01-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .comparative-list01 .rank01 .rank-title {
        background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat
    }

    .comparative-list01 .rank02 .rank-title {
        background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat
    }

    .comparative-list01 .rank03 .rank-title {
        background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat
    }

    .comparative-list01 .rank04 .rank-title {
        background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat
    }

    .comparative-list01 .rank05 .rank-title {
        background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat
    }

    .comparative-list01 .rank06 .rank-title {
        background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat
    }

    .comparative-list01 .rank07 .rank-title {
        background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat
    }

    .comparative-list01 .rank08 .rank-title {
        background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat
    }

    .comparative-list01 .rank09 .rank-title {
        background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat
    }

    .comparative-list01 .rank10 .rank-title {
        background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat
    }

    .comparative-list01 .rank01 .rank-title,
    .comparative-list01 .rank02 .rank-title,
    .comparative-list01 .rank03 .rank-title,
    .comparative-list01 .rank04 .rank-title,
    .comparative-list01 .rank05 .rank-title,
    .comparative-list01 .rank06 .rank-title,
    .comparative-list01 .rank07 .rank-title,
    .comparative-list01 .rank08 .rank-title,
    .comparative-list01 .rank09 .rank-title,
    .comparative-list01 .rank10 .rank-title {
        -webkit-background-size: 48px 40px;
        background-size: 48px 40px
    }
}

.comparative-list02>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-01.png)
}

.comparative-list02>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-02.png)
}

.comparative-list02>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-03.png)
}

.comparative-list02>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-04.png)
}

.comparative-list02>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-05.png)
}

.comparative-list02>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-06.png)
}

.comparative-list02>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-07.png)
}

.comparative-list02>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-08.png)
}

.comparative-list02>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-09.png)
}

.comparative-list02>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-10.png)
}

.sub-conts .comparative-list02>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-01.png)
}

.sub-conts .comparative-list02>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-02.png)
}

.sub-conts .comparative-list02>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-03.png)
}

.sub-conts .comparative-list02>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-04.png)
}

.sub-conts .comparative-list02>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-05.png)
}

.sub-conts .comparative-list02>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-06.png)
}

.sub-conts .comparative-list02>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-07.png)
}

.sub-conts .comparative-list02>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-08.png)
}

.sub-conts .comparative-list02>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-09.png)
}

.sub-conts .comparative-list02>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .comparative-list02>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-01@2x.png)
    }

    .comparative-list02>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-02@2x.png)
    }

    .comparative-list02>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-03@2x.png)
    }

    .comparative-list02>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-04@2x.png)
    }

    .comparative-list02>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-05@2x.png)
    }

    .comparative-list02>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-06@2x.png)
    }

    .comparative-list02>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-07@2x.png)
    }

    .comparative-list02>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-08@2x.png)
    }

    .comparative-list02>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-09@2x.png)
    }

    .comparative-list02>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-10@2x.png)
    }

    .comparative-list02>.rank01.on-image .rank-thumb:before,
    .comparative-list02>.rank02.on-image .rank-thumb:before,
    .comparative-list02>.rank03.on-image .rank-thumb:before,
    .comparative-list02>.rank04.on-image .rank-thumb:before,
    .comparative-list02>.rank05.on-image .rank-thumb:before,
    .comparative-list02>.rank06.on-image .rank-thumb:before,
    .comparative-list02>.rank07.on-image .rank-thumb:before,
    .comparative-list02>.rank08.on-image .rank-thumb:before,
    .comparative-list02>.rank09.on-image .rank-thumb:before,
    .comparative-list02>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }

    .sub-conts .comparative-list02>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-01@2x.png)
    }

    .sub-conts .comparative-list02>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-02@2x.png)
    }

    .sub-conts .comparative-list02>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-03@2x.png)
    }

    .sub-conts .comparative-list02>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-04@2x.png)
    }

    .sub-conts .comparative-list02>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-05@2x.png)
    }

    .sub-conts .comparative-list02>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-06@2x.png)
    }

    .sub-conts .comparative-list02>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-07@2x.png)
    }

    .sub-conts .comparative-list02>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-08@2x.png)
    }

    .sub-conts .comparative-list02>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-09@2x.png)
    }

    .sub-conts .comparative-list02>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-10@2x.png)
    }

    .sub-conts .comparative-list02>.rank01.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank02.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank03.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank04.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank05.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank06.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank07.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank08.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank09.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.interval img {
    display: block;
    margin: 60px auto
}

.check-list,
.check-list-l {
    margin-left: 0
}

.check-list li,
.check-list-l li {
    list-style: none
}

.check-list li {
    margin-bottom: 1em;
    padding-left: 32px;
    background: url(./images/icon/icon-check-list.png) left 3px no-repeat
}

.check-list-l li {
    margin-bottom: 2em;
    padding: 10px 0 10px 55px;
    background: url(./images/icon/icon-check-list-l.png) left 3px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .check-list li {
        background: url(./images/icon/icon-check-list@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .check-list-l li {
        background: url(./images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.qa-list dt {
    display: block;
    margin-bottom: 30px;
    padding: 10px 0 10px 65px;
    background: url(./images/icon/icon-q.png) left 3px no-repeat;
    font-size: 1.25em
}

.qa-list dd {
    margin-left: 0;
    margin-bottom: 70px;
    padding: 10px 0 10px 65px;
    background: url(./images/icon/icon-a.png) left 3px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .qa-list dt {
        background: url(./images/icon/icon-q@2x.png) left 3px no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }

    .qa-list dd {
        background: url(./images/icon/icon-a@2x.png) left 3px no-repeat;
        -webkit-background-size: 48px 49px;
        background-size: 48px 49px
    }
}

.flow-chart {
    margin-left: 0
}

.flow-chart li {
    list-style: none;
    margin-bottom: 20px;
    padding-bottom: 60px;
    background: url(./images/icon/icon-arrow-b-chart.png) center bottom no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .flow-chart li {
        background: url(./images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
        -webkit-background-size: 161px 40px;
        background-size: 161px 40px
    }
}

.flow-chart li.end,
.flow-chart li:last-child {
    padding-bottom: 0;
    background: none
}

.flow-chart .process-box {
    padding: 30px;
    background-color: #a3a3a3;
    color: #fff
}

.info-box {
    padding: 30px 20px;
    background: url(./images/common/bg-cast-box.png) #eee
}

.trailer-text {
    font-weight: 700;
    font-size: 1.25em
}

.trailer-text-l {
    font-weight: 700;
    font-size: 1.5em
}

.related-thumb {
    overflow: hidden;
    width: 100%;
    border: 1px solid #ccc
}

.related-thumb img {
    display: block;
    max-width: none;
    margin: auto
}

.related-articles-thumbs01 ul {
    margin-left: 0
}

.related-articles-thumbs01 li {
    list-style: none
}

.related-articles-thumbs01 img {
    width: auto;
    max-height: 100px
}

.related-articles-thumbs01 .related-thumb {
    float: left;
    width: 100px;
    margin-right: 20px;
    margin-bottom: 20px
}

.related-articles-thumbs02 ul {
    overflow: hidden;
    margin-left: 0
}

.related-articles-thumbs02 li {
    list-style: none;
    float: left;
    width: 30%;
    margin-left: 5%
}

.related-articles-thumbs02 li:first-child {
    margin-left: 0
}

.related-articles-thumbs02 img {
    width: auto;
    max-height: 160px
}

.voice-box {
    padding: 30px;
    background: #eee
}

.voice-content {
    overflow: hidden
}

.col-onimage>.col {
    position: relative;
    overflow: hidden
}

.col-onimage>.col .text-onimage {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .col-onimage>.col .text-onimage {
    background-color: rgba(0, 0, 0, 0.5)
}

.col-onimage02>.col {
    background-position: center center;
    background-size: cover
}

.col-onimage02>.col .text-onimage {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .col-onimage02>.col .text-onimage {
    background-color: rgba(0, 0, 0, 0.5)
}

.col-onimage>.col .text-onimage a,
.col-onimage02>.col a {
    color: #fff
}

.col-onimage>.col .text-onimage a:hover,
.col-onimage>.col .text-onimage a:active,
.col-onimage>.col .text-onimage a:focus,
.col-onimage02>.col a:hover,
.col-onimage02>.col a:active,
.col-onimage02>.col a:focus {
    color: #f60
}

.link-next {
    text-align: right
}

.link-next a {
    padding-left: 13px;
    background: url(./images/icon/icon-arw-next.png) left 6px no-repeat
}

.link-back a {
    padding-left: 13px;
    background: url(./images/icon/icon-arw-prev.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .link-next a {
        background: url(./images/icon/icon-arw-next@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }

    .link-back a {
        background: url(./images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.page-nav ol {
    margin-left: 0;
    text-align: center
}

.page-nav li {
    display: inline-block;
    margin-right: 10px;
    padding: 4px 8px;
    border: 1px solid #c1c1c1
}

.page-nav li:last-child {
    margin-right: 0
}

.page-nav li a {
    display: block;
    margin: -4px -8px;
    padding: 4px 8px;
    color: #333;
    text-decoration: none
}

.current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus {
    background: #c1c1c1;
    color: #fff
}

.page-nav-bf ul {
    margin-left: 0
}

.page-nav-bf li {
    list-style: none
}

.page-nav-next {
    float: right;
    padding-right: 13px;
    background: url(./images/icon/icon-arw-next.png) right center no-repeat
}

.page-nav-prev {
    float: left;
    padding-left: 13px;
    background: url(./images/icon/icon-arw-prev.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .page-nav-next {
        background: url(./images/icon/icon-arw-next@2x.png) right center no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }

    .page-nav-prev {
        background: url(./images/icon/icon-arw-prev@2x.png) left center no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.single .article-body,
.page .article-body {
    margin-bottom: 40px
}

.keni-relatedposts-list li p {
    overflow: hidden
}

.keni-relatedposts-list li p a[target="_blank"] {
    padding: 3px;
    padding-right: 15px;
    background: url(./images/icon/icon-outbound-link.png) right center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .keni-relatedposts-list li p a[target="_blank"] {
        background: url(./images/icon/icon-outbound-link@2x.png) right center no-repeat;
        -webkit-background-size: 12px 13px;
        background-size: 12px 13px
    }
}

.cont-nav {
    padding-top: 40px;
    border-top: 1px solid #ccc
}

.post-toc {
    margin-bottom: 40px;
    padding: 30px 20px;
    background: url(./images/common/bg-cast-box.png) #eee
}

.comment-form-author,
.comment-form-mail,
.comment-form-url {
    margin-bottom: 2em
}

.comment-form-author p,
.comment-form-mail p,
.comment-form-url p {
    margin-bottom: 0
}

.alignleft {
    float: left;
    margin: 0 0 1em
}

.alignright {
    float: right;
    margin: 0 0 1em
}

.aligncenter {
    display: block;
    float: none;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto
}

.post-tag a {
    word-break: break-all
}

.commentlist,
.commentlist .children {
    margin-left: 0
}

.commentlist {
    border-bottom: 1px solid #ccc
}

.commentlist li {
    list-style: none;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #ccc
}

.commentlist li:last-child,
.commentlist ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.reply a {
    padding-left: 13px;
    background: url(./images/icon/icon-arw-next.png) left 6px no-repeat
}

.commentlist .children {
    margin-top: 1em;
    padding-top: 1em;
    padding-left: 40px;
    border-top: 1px solid #ccc
}

.rsswidget img {
    vertical-align: baseline
}

.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul {
    margin-left: 0;
    padding-left: 0
}

.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 13px;
    background: url(./images/icon/icon-list-arw.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    .sub-conts .widget_recent_entries li,
    .sub-conts .widget_rss li,
    .sub-conts .widget_archive li,
    .sub-conts .widget_recent_comments li,
    .sub-conts .widget_nav_menu li {
        background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul {
    margin-top: 1em;
    margin-left: 10px
}

.num-pv {
    font-size: .8em
}

.calendar,
.calendar_wrap table {
    background: #fff;
    font-size: .875em
}

.calendar caption,
.widget_calendar caption {
    font-weight: 700
}

.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td {
    padding: 10px 0;
    text-align: center
}

.calendar tfoot td,
.widget_calendar tfoot td {
    padding: 10px;
    border-right-width: 0;
    text-align: left
}

.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child {
    border-right-width: 1px;
    text-align: right
}

.calendar td a,
.widget_calendar tfoot td a {
    display: block;
    margin: -10px 0;
    padding: 10px 0
}

.link-pages {
    margin-top: 2em;
    text-align: center;
    line-height: 1.2
}

.link-pages span {
    display: inline-block;
    margin-left: 0
}

.link-pages a,
.link-pages span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: .5em;
    padding: 4px 8px;
    border: 1px solid #c1c1c1;
    text-decoration: none
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus {
    background: #c1c1c1;
    color: #fff
}

.link-pages a span {
    display: inline;
    margin-right: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit
}

.link-pages .link-pages-cap {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit
}

.wp-caption {
    max-width: 100%
}

.note {
    display: block;
    padding-left: 1em;
    text-indent: -1em
}

.note2 {
    display: block;
    padding-left: 2em;
    text-indent: -2em
}

.warning,
.error {
    color: #e53935 !important
}

.required {
    display: inline-block;
    color: #e53935 !important
}

.dot {
    position: relative;
    padding-top: 5px
}

.dot:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: .2em;
    height: .2em;
    margin-left: -.1em;
    background: #333;
    border-radius: 50%;
    content: ""
}

.shadow {
    box-shadow: 4px 4px 0 #e9e9e9
}

.shadow02 {
    box-shadow: 0 0 4px #666
}

.outline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc
}

.frame {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 95%;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 8px #666
}

.border {
    border: 1px solid #ccc
}

img.resize10,
html:not(:target) img.resize10 {
    height: auto;
    max-width: 10%
}

img.resize20,
html:not(:target) img.resize20 {
    height: auto;
    max-width: 20%
}

img.resize30,
html:not(:target) img.resize30 {
    height: auto;
    max-width: 30%
}

img.resize40,
html:not(:target) img.resize40 {
    height: auto;
    max-width: 40%
}

img.resize50,
html:not(:target) img.resize50 {
    height: auto;
    max-width: 50%
}

img.resize60,
html:not(:target) img.resize60 {
    height: auto;
    max-width: 60%
}

img.resize70,
html:not(:target) img.resize70 {
    height: auto;
    max-width: 70%
}

img.resize80,
html:not(:target) img.resize80 {
    height: auto;
    max-width: 80%
}

img.resize90,
html:not(:target) img.resize90 {
    height: auto;
    max-width: 90%
}

.circle {
    border-radius: 50%
}

.rc4 {
    border-radius: 4px
}

.rc4-tl {
    border-top-left-radius: 4px
}

.rc4-tr {
    border-top-right-radius: 4px
}

.rc4-bl {
    border-bottom-left-radius: 4px
}

.rc4-br {
    border-bottom-right-radius: 4px
}

.rc8 {
    border-radius: 8px
}

.rc8-tl {
    border-top-left-radius: 8px
}

.rc8-tr {
    border-top-right-radius: 8px
}

.rc8-bl {
    border-bottom-left-radius: 8px
}

.rc8-br {
    border-bottom-right-radius: 8px
}

.rc12 {
    border-radius: 12px
}

.rc12-tl {
    border-top-left-radius: 12px
}

.rc12-tr {
    border-top-right-radius: 12px
}

.rc12-bl {
    border-bottom-left-radius: 12px
}

.rc12-br {
    border-bottom-right-radius: 12px
}

.rc50 {
    border-radius: 50px
}

.transparent-panel-wrap {
    padding: 1em;
    background: url(./images/sample09.jpg) center center;
    -webkit-background-size: cover;
    background-size: cover
}

.transparent-panel {
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
    background-color: #ffffff\9
}

html:not(:target) .transparent-panel {
    background-color: rgba(255, 255, 255, 0.7)
}

.fl-l {
    float: left;
    margin: 0 1em 1em 0
}

.fl-r {
    float: right;
    margin: 0 0 1em 1em
}

.fl-c {
    clear: both
}

.left {
    float: left;
    margin: 0 0 1em
}

.right {
    float: right;
    margin: 0 0 1em 1em
}

.al-l {
    text-align: left
}

.al-r {
    text-align: right
}

.al-c {
    text-align: center
}

.vl-t {
    vertical-align: top !important
}

.vl-m {
    vertical-align: middle !important
}

.vl-b {
    vertical-align: bottom !important
}

.m0 {
    margin: 0 !important
}

.m0-t {
    margin-top: 0 !important
}

.m0-r {
    margin-right: 0 !important
}

.m0-b {
    margin-bottom: 0 !important
}

.m0-l {
    margin-left: 0 !important
}

.m5 {
    margin: 5px !important
}

.m5-t {
    margin-top: 5px !important
}

.m5-r {
    margin-right: 5px !important
}

.m5-b {
    margin-bottom: 5px !important
}

.m5-l {
    margin-left: 5px !important
}

.m10 {
    margin: 10px !important
}

.m10-t {
    margin-top: 10px !important
}

.m10-r {
    margin-right: 10px !important
}

.m10-b {
    margin-bottom: 10px !important
}

.m10-l {
    margin-left: 10px !important
}

.m15 {
    margin: 15px !important
}

.m15-t {
    margin-top: 15px !important
}

.m15-r {
    margin-right: 15px !important
}

.m15-b {
    margin-bottom: 15px !important
}

.m15-l {
    margin-left: 15px !important
}

.m20 {
    margin: 20px !important
}

.m20-t {
    margin-top: 20px !important
}

.m20-r {
    margin-right: 20px !important
}

.m20-b {
    margin-bottom: 20px !important
}

.m20-l {
    margin-left: 20px !important
}

.m25 {
    margin: 25px !important
}

.m25-t {
    margin-top: 25px !important
}

.m25-r {
    margin-right: 25px !important
}

.m25-b {
    margin-bottom: 25px !important
}

.m25-l {
    margin-left: 25px !important
}

.m30 {
    margin: 30px !important
}

.m30-t {
    margin-top: 30px !important
}

.m30-r {
    margin-right: 30px !important
}

.m30-b {
    margin-bottom: 30px !important
}

.m30-l {
    margin-left: 30px !important
}

.m40 {
    margin: 40px !important
}

.m40-t {
    margin-top: 40px !important
}

.m40-r {
    margin-right: 40px !important
}

.m40-b {
    margin-bottom: 40px !important
}

.m40-l {
    margin-left: 40px !important
}

.m50 {
    margin: 50px !important
}

.m50-t {
    margin-top: 50px !important
}

.m50-r {
    margin-right: 50px !important
}

.m50-b {
    margin-bottom: 50px !important
}

.m50-l {
    margin-left: 50px !important
}

.m60 {
    margin: 60px !important
}

.m60-t {
    margin-top: 60px !important
}

.m60-r {
    margin-right: 60px !important
}

.m60-b {
    margin-bottom: 60px !important
}

.m60-l {
    margin-left: 60px !important
}

.m70 {
    margin: 70px !important
}

.m70-t {
    margin-top: 70px !important
}

.m70-r {
    margin-right: 70px !important
}

.m70-b {
    margin-bottom: 70px !important
}

.m70-l {
    margin-left: 70px !important
}

.m80 {
    margin: 80px !important
}

.m80-t {
    margin-top: 80px !important
}

.m80-r {
    margin-right: 80px !important
}

.m80-b {
    margin-bottom: 80px !important
}

.m80-l {
    margin-left: 80px !important
}

.m90 {
    margin: 90px !important
}

.m90-t {
    margin-top: 90px !important
}

.m90-r {
    margin-right: 90px !important
}

.m90-b {
    margin-bottom: 90px !important
}

.m90-l {
    margin-left: 90px !important
}

.m100 {
    margin: 100px !important
}

.m100-t {
    margin-top: 100px !important
}

.m100-r {
    margin-right: 100px !important
}

.m100-b {
    margin-bottom: 100px !important
}

.m100-l {
    margin-left: 100px !important
}

.m120 {
    margin: 120px !important
}

.m120-t {
    margin-top: 120px !important
}

.m120-r {
    margin-right: 120px !important
}

.m120-b {
    margin-bottom: 120px !important
}

.m120-l {
    margin-left: 120px !important
}

.m150 {
    margin: 150px !important
}

.m150-t {
    margin-top: 150px !important
}

.m150-r {
    margin-right: 150px !important
}

.m150-b {
    margin-bottom: 150px !important
}

.m150-l {
    margin-left: 150px !important
}

.m200 {
    margin: 200px !important
}

.m200-t {
    margin-top: 200px !important
}

.m200-r {
    margin-right: 200px !important
}

.m200-b {
    margin-bottom: 200px !important
}

.m200-l {
    margin-left: 200px !important
}

.m300 {
    margin: 300px !important
}

.m300-t {
    margin-top: 300px !important
}

.m300-r {
    margin-right: 300px !important
}

.m300-b {
    margin-bottom: 300px !important
}

.m300-l {
    margin-left: 300px !important
}

.p0 {
    padding: 0 !important
}

.p0-t {
    padding-top: 0 !important
}

.p0-r {
    padding-right: 0 !important
}

.p0-b {
    padding-bottom: 0 !important
}

.p0-l {
    padding-left: 0 !important
}

.p5 {
    padding: 5px !important
}

.p5-t {
    padding-top: 5px !important
}

.p5-r {
    padding-right: 5px !important
}

.p5-b {
    padding-bottom: 5px !important
}

.p5-l {
    padding-left: 5px !important
}

.p10 {
    padding: 10px !important
}

.p10-t {
    padding-top: 10px !important
}

.p10-r {
    padding-right: 10px !important
}

.p10-b {
    padding-bottom: 10px !important
}

.p10-l {
    padding-left: 10px !important
}

.p15 {
    padding: 15px !important
}

.p15-t {
    padding-top: 15px !important
}

.p15-r {
    padding-right: 15px !important
}

.p15-b {
    padding-bottom: 15px !important
}

.p15-l {
    padding-left: 15px !important
}

.p20 {
    padding: 20px !important
}

.p20-t {
    padding-top: 20px !important
}

.p20-r {
    padding-right: 20px !important
}

.p20-b {
    padding-bottom: 20px !important
}

.p20-l {
    padding-left: 20px !important
}

.p25 {
    padding: 25px !important
}

.p25-t {
    padding-top: 25px !important
}

.p25-r {
    padding-right: 25px !important
}

.p25-b {
    padding-bottom: 25px !important
}

.p25-l {
    padding-left: 25px !important
}

.p30 {
    padding: 30px !important
}

.p30-t {
    padding-top: 30px !important
}

.p30-r {
    padding-right: 30px !important
}

.p30-b {
    padding-bottom: 30px !important
}

.p30-l {
    padding-left: 30px !important
}

.p40 {
    padding: 40px !important
}

.p40-t {
    padding-top: 40px !important
}

.p40-r {
    padding-right: 40px !important
}

.p40-b {
    padding-bottom: 40px !important
}

.p40-l {
    padding-left: 40px !important
}

.p50 {
    padding: 50px !important
}

.p50-t {
    padding-top: 50px !important
}

.p50-r {
    padding-right: 50px !important
}

.p50-b {
    padding-bottom: 50px !important
}

.p50-l {
    padding-left: 50px !important
}

.p60 {
    padding: 60px !important
}

.p60-t {
    padding-top: 60px !important
}

.p60-r {
    padding-right: 60px !important
}

.p60-b {
    padding-bottom: 60px !important
}

.p60-l {
    padding-left: 60px !important
}

.p70 {
    padding: 70px !important
}

.p70-t {
    padding-top: 70px !important
}

.p70-r {
    padding-right: 70px !important
}

.p70-b {
    padding-bottom: 70px !important
}

.p70-l {
    padding-left: 70px !important
}

.p80 {
    padding: 80px !important
}

.p80-t {
    padding-top: 80px !important
}

.p80-r {
    padding-right: 80px !important
}

.p80-b {
    padding-bottom: 80px !important
}

.p80-l {
    padding-left: 80px !important
}

.p90 {
    padding: 90px !important
}

.p90-t {
    padding-top: 90px !important
}

.p90-r {
    padding-right: 90px !important
}

.p90-b {
    padding-bottom: 90px !important
}

.p90-l {
    padding-left: 90px !important
}

.p100 {
    padding: 100px !important
}

.p100-t {
    padding-top: 100px !important
}

.p100-r {
    padding-right: 100px !important
}

.p100-b {
    padding-bottom: 100px !important
}

.p100-l {
    padding-left: 100px !important
}

.b {
    font-weight: 700 !important
}

.normal {
    font-weight: 400 !important
}

.big {
    font-size: 1.2em !important
}

.big2 {
    font-size: 1.5em !important
}

.big3 {
    font-size: 1.8em !important
}

.small {
    font-size: .8em !important
}

.f08em {
    font-size: .8em
}

.f09em {
    font-size: .9em
}

.f10em {
    font-size: 1em
}

.f11em {
    font-size: 1.1em
}

.f12em {
    font-size: 1.2em
}

.f13em {
    font-size: 1.3em
}

.f14em {
    font-size: 1.4em
}

.f15em {
    font-size: 1.5em
}

.f16em {
    font-size: 1.6em
}

.f17em {
    font-size: 1.7em
}

.f18em {
    font-size: 1.8em
}

.f19em {
    font-size: 1.9em
}

.f20em {
    font-size: 2em
}

.f21em {
    font-size: 2.1em
}

.f22em {
    font-size: 2.2em
}

.f23em {
    font-size: 2.3em
}

.f24em {
    font-size: 2.4em
}

.f25em {
    font-size: 2.5em
}

.f26em {
    font-size: 2.6em
}

.f27em {
    font-size: 2.7em
}

.f28em {
    font-size: 2.8em
}

.f29em {
    font-size: 2.9em
}

.f30em {
    font-size: 3em
}

.f8pt {
    font-size: 8.5pt
}

.f9pt {
    font-size: 9pt
}

.f10pt {
    font-size: 10pt
}

.f11pt {
    font-size: 11pt
}

.f12pt {
    font-size: 12pt
}

.f13pt {
    font-size: 13pt
}

.f14pt {
    font-size: 14pt
}

.f15pt {
    font-size: 15pt
}

.f16pt {
    font-size: 16pt
}

.f17pt {
    font-size: 17pt
}

.f18pt {
    font-size: 18pt
}

.f19pt {
    font-size: 19pt
}

.f20pt {
    font-size: 20pt
}

.f21pt {
    font-size: 21pt
}

.f22pt {
    font-size: 22pt
}

.f23pt {
    font-size: 23pt
}

.f24pt {
    font-size: 24pt
}

.red {
    color: #e53935 !important
}

.blue {
    color: #00d !important
}

.green {
    color: #4caf50 !important
}

.yellow {
    color: #ff0 !important
}

.navy {
    color: #3f51b5 !important
}

.orange {
    color: #ff9800 !important
}

.pink {
    color: #ec407a !important
}

.purple {
    color: #9c27b0 !important
}

.olive {
    color: olive !important
}

.lime {
    color: #0f0 !important
}

.aqua {
    color: #00bcd4 !important
}

.black {
    color: #000 !important
}

.gray {
    color: #ccc !important
}

.white {
    color: #fff !important
}

.brown {
    color: #6d4c33 !important
}

.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray {
    padding: 2px
}

.box-yellow {
    background-color: #ff6
}

.box-orange {
    background-color: #f90
}

.box-pink {
    background-color: #fcf
}

.box-lime {
    background-color: #9f9
}

.box-gray {
    background-color: #ccc
}

.lh10 {
    line-height: 1 !important
}

.lh11 {
    line-height: 1.1 !important
}

.lh12 {
    line-height: 1.2 !important
}

.lh13 {
    line-height: 1.3 !important
}

.lh14 {
    line-height: 1.4 !important
}

.lh15 {
    line-height: 1.5 !important
}

.lh16 {
    line-height: 1.6 !important
}

.lh17 {
    line-height: 1.7 !important
}

.lh18 {
    line-height: 1.8 !important
}

.lh19 {
    line-height: 1.9 !important
}

.lh20 {
    line-height: 2 !important
}

.w05 {
    width: 5%
}

.w10 {
    width: 10%
}

.w15 {
    width: 15%
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w35 {
    width: 35%
}

.w40 {
    width: 40%
}

.w45 {
    width: 45%
}

.w50 {
    width: 50%
}

.w55 {
    width: 55%
}

.w60 {
    width: 60%
}

.w65 {
    width: 65%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w85 {
    width: 85%
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%
}

.w100 {
    width: 100%
}

.underline {
    text-decoration: underline !important
}

.del {
    text-decoration: line-through
}

.noborder {
    border: 0 !important
}

.z1 {
    z-index: 1 !important
}

.z2 {
    z-index: 2 !important
}

.z3 {
    z-index: 3 !important
}

.z4 {
    z-index: 4 !important
}

.z5 {
    z-index: 5 !important
}

.z10 {
    z-index: 10 !important
}

.z20 {
    z-index: 20 !important
}

.z30 {
    z-index: 30 !important
}

.z40 {
    z-index: 40 !important
}

.z50 {
    z-index: 50 !important
}

.inline {
    margin: 1em 0;
    padding: 0
}

.inline li {
    display: inline;
    list-style-type: none
}

.none {
    margin: 1em 0;
    padding: 0
}

.none li {
    list-style-type: none
}

.icon-point {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-point.png) left 3px no-repeat
}

.icon-point-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-point-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-point {
        background: url(./images/icon/icon-point@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-point-l {
        background: url(./images/icon/icon-point-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-caution {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-caution.png) left 3px no-repeat
}

.icon-caution-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-caution-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-caution {
        background: url(./images/icon/icon-caution@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-caution-l {
        background: url(./images/icon/icon-caution-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-new {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-new.png) left 3px no-repeat
}

.icon-new-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-new-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-new {
        background: url(./images/icon/icon-new@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-new-l {
        background: url(./images/icon/icon-new-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-wakaba {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-wakaba.png) left 3px no-repeat
}

.icon-wakaba-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-wakaba-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-wakaba {
        background: url(./images/icon/icon-wakaba@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-wakaba-l {
        background: url(./images/icon/icon-wakaba-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-blank {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-blank.png) left 3px no-repeat
}

.icon-blank-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-blank-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-blank {
        background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-blank-l {
        background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-t {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-t.png) left 3px no-repeat
}

.icon-arrow-t-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-t-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-t {
        background: url(./images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-t-l {
        background: url(./images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-r {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat
}

.icon-arrow-r-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-r {
        background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-r-l {
        background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-b {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-b.png) left 3px no-repeat
}

.icon-arrow-b-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-b-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-b {
        background: url(./images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-b-l {
        background: url(./images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-l {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-l.png) left 3px no-repeat
}

.icon-arrow-l-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-l-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-l {
        background: url(./images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-l-l {
        background: url(./images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-dl {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-dl.png) left 3px no-repeat
}

.icon-dl-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-dl-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-dl {
        background: url(./images/icon/icon-dl@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-dl-l {
        background: url(./images/icon/icon-dl-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-pdf {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-pdf.png) left 3px no-repeat
}

.icon-pdf-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-pdf-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-pdf {
        background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-pdf-l {
        background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-zip {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-zip.png) left 3px no-repeat
}

.icon-zip-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-zip-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-zip {
        background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-zip-l {
        background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-mail {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-mail.png) left 3px no-repeat
}

.icon-mail-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-mail-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-mail {
        background: url(./images/icon/icon-mail@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-mail-l {
        background: url(./images/icon/icon-mail-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-cart {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-cart.png) left 3px no-repeat
}

.icon-cart-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-cart-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-cart {
        background: url(./images/icon/icon-cart@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-cart-l {
        background: url(./images/icon/icon-cart-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-search {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-search.png) left 3px no-repeat
}

.icon-search-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-search-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-search {
        background: url(./images/icon/icon-search@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-search-l {
        background: url(./images/icon/icon-search-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-home {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-home.png) left 3px no-repeat
}

.icon-home-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-home-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-home {
        background: url(./images/icon/icon-home@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-home-l {
        background: url(./images/icon/icon-home-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-folder {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-folder.png) left 3px no-repeat
}

.icon-folder-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-folder-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-folder {
        background: url(./images/icon/icon-folder@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-folder-l {
        background: url(./images/icon/icon-folder-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-time {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-time.png) left 3px no-repeat
}

.icon-time-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-time-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-time {
        background: url(./images/icon/icon-time@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-time-l {
        background: url(./images/icon/icon-time-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-calendar {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-calendar.png) left 3px no-repeat
}

.icon-calendar-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-calendar-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-calendar {
        background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-calendar-l {
        background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-rss {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-rss.png) left 3px no-repeat
}

.icon-rss-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-rss-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-rss {
        background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-rss-l {
        background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-building {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-building.png) left 3px no-repeat
}

.icon-building-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-building-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-rss {
        background: url(./images/icon/icon-building@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-rss-l {
        background: url(./images/icon/icon-building-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-map {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-map.png) left 3px no-repeat
}

.icon-map-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-map-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-map {
        background: url(./images/icon/icon-map@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-map-l {
        background: url(./images/icon/icon-map-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.outbound {
    padding: 3px;
    padding-left: 15px;
    background: url(./images/icon/icon-outbound-link.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .outbound {
        background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat;
        -webkit-background-size: 12px 13px;
        background-size: 12px 13px
    }
}

.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.navigation:after,
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

a:hover img {
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: “alpha(opacity=80)”
}

article#post-11 table th,
article#post-11 table td {
    text-align: center
}

.sub-conts.sidebar ul {
    margin-left: 0
}

.sub-conts.sidebar ul li {
    list-style: none
}

.easingsliderlite {
    margin-bottom: 20px !important
}

#sp-footer-contact {
    display: none
}

.post-format .table-of-contents-title:before {
    content: '▼';
    color: #444;
    display: inline-block;
    margin-right: 5px
}

.post-format p img {
    display: block;
    margin: auto
}

.post-format p:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.post-format p img.alignleft,
.post-format p img.alignright {
    display: initial
}

.post-format .table-of-contents-title {
    background: #fff;
    color: #000;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0;
    margin-bottom: 0
}

.post-format .content-title {
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 26px;
    padding: 10px 0;
    border-bottom: 3px double #ccc
}

.post-format h3 {
    border: none;
    margin-bottom: 0px
}

.post-format h3+p {
    margin-bottom: 30px
}

.main-body {
    margin-top: .5em
}

#header-wrap {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #fff
}

.site-title {
    background-color: #fff;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box
}

.site-header-in {
    padding-bottom: 0
}

.site-header-conts {
    padding: 0
}

.site-title .brand {
    width: 64%;
    float: left
}

.site-title .store {
    width: 36%;
    float: right
}

.site-title .brand img {
    width: 100%;
    margin-top: 0.5%
}

.site-title .store img {
    width: 100%
}

#global-menu-button {
    display: none
}

#global-menu {
    width: 100%;
    background-color: #8f8f8f;
    border-bottom: 3px solid #fff
}

#global-menu ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    border-left: 1px solid #bcbcbc
}

#global-menu .global-menu-in {
    margin: auto;
    width: 1200px
}

#global-menu li ul {
    display: none
}

#global-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table-cell;
    list-style: none;
    position: relative;
    vertical-align: middle;
    margin: 0;
    border-right: 1px solid #bcbcbc;
    text-align: center
}

#global-menu li ul.hide {
    display: none
}

#global-menu li ul.show {
    display: table
}

#global-menu li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    border-left: 0
}

#global-menu li ul li {
    display: list-item;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 0;
    border-right: 0;
    white-space: normal;
    font-size: 14px
}

#global-menu li a {
    display: block;
    padding: 13px 0 13px 20px;
    color: #fff;
    text-decoration: none;
    display: block;
    min-height: 1.5em;
    padding: 1em;
    background-color: #8f8f8f;
    color: #fff;
    text-decoration: none
}

#global-menu li a:hover {
    background-color: #ddd;
    color: #333
}

@charset "UTF-8";

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

body {
    margin: 0
}

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

audio,
canvas,
progress,
video {
    display: inline-block;
    vertical-align: baseline
}

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

[hidden],
template {
    display: none
}

a {
    background-color: transparent
}

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

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

b,
strong {
    font-weight: 700
}

dfn {
    font-style: italic
}

h1 {
    margin: .67em 0;
    font-size: 2em
}

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

small {
    font-size: 80%
}

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

sup {
    top: -.5em
}

sub {
    bottom: -.25em
}

img {
    border: 0
}

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

figure {
    margin: 1em 40px
}

hr {
    height: 0;
    -moz-box-sizing: content-box;
    box-sizing: content-box
}

pre {
    overflow: auto
}

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

button,
input,
optgroup,
select,
textarea {
    margin: 0;
    color: inherit;
    font: inherit
}

button {
    overflow: visible
}

button,
select {
    text-transform: none
}

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

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

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

input {
    line-height: normal
}

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

input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
    height: auto
}

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

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

fieldset {
    margin: 0 2px;
    padding: .35em .625em .75em;
    border: 1px solid silver
}

legend {
    padding: 0;
    border: 0
}

textarea {
    overflow: auto
}

optgroup {
    font-weight: 700
}

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

td,
th {
    padding: 0;
    text-align: center
}

html {
    overflow-y: scroll
}

body {
    font-family: Verdana, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif
}

a {
    -webkit-transition: .3s;
    -o-transition: .3s;
    transition: .3s;
    color: #03c
}

a:hover,
a:active,
a:focus {
    color: #f60
}

address,
caption,
cite,
code,
dfn,
var,
h1,
h2,
h3,
h4,
h5,
h6 {
    font-style: normal;
    font-weight: 400
}

q {
    quotes: none
}

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

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

div {
    word-wrap: break-word
}

pre {
    overflow: auto;
    white-space: pre-wrap;
    word-wrap: break-word
}

form {
    margin: 0
}

button,
input,
select,
textarea,
optgroup,
option {
    vertical-align: baseline
}

textarea {
    min-height: 100px;
    vertical-align: top
}

button::-moz-focus-inner,
input::-moz-focus-inner {
    margin: 0
}

table {
    width: 100%;
    word-break: break-all;
    word-wrap: break-word;
    border-spacing: 0;
}

caption {
    text-align: left
}

img {
    height: auto;
    max-width: 100%
}

img {
    max-width: none\9
}

html:not(:target) img {
    max-width: 100%
}

p {
    margin: 0 0 1em
}

ul,
ol {
    margin-left: 40px;
    padding-left: 0
}

li {
    margin-bottom: .5em
}

blockquote {
    position: relative;
    margin: 2em 0;
    padding: 115px 45px 80px;
    background: #eee
}

blockquote p:last-child {
    margin-bottom: 0
}

blockquote:before {
    position: absolute;
    top: 40px;
    left: 30px;
    width: 58px;
    height: 45px;
    content: url(./images/icon/icon-laquo.png)
}

blockquote:after {
    position: absolute;
    right: 30px;
    bottom: 20px;
    width: 58px;
    height: 45px;
    content: url(./images/icon/icon-raquo.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    blockquote:before {
        display: inline-block;
        width: 58px;
        height: 45px;
        vertical-align: middle;
        background: url(./images/icon/icon-laquo@2x.png);
        -webkit-background-size: 58px 45px;
        background-size: 58px 45px;
        content: " "
    }

    blockquote:after {
        display: inline-block;
        width: 58px;
        height: 45px;
        vertical-align: middle;
        background: url(./images/icon/icon-raquo@2x.png);
        -webkit-background-size: 58px 45px;
        background-size: 58px 45px;
        content: " "
    }
}

blockquote a {
    color: #15a5e6
}

blockquote a:hover,
blockquote a:active,
blockquote a:focus {
    color: #f60
}

q {
    background: #ccc
}

table {
    width: 100%;
    margin: 1em 0;
    padding: 0;
    border-top: 1px solid #cfcfcf;
    border-left: 1px solid #cfcfcf
}

th,
td {
    padding: 1.25em 1em;
    border-right: 1px solid #cfcfcf;
    border-bottom: 1px solid #cfcfcf
}

th {
    background-color: #e9e9e9;
    font-weight: 700;
    text-align: center
}

thead th {
    background-color: #909090;
    color: #fff;
    text-align: center
}

.table-wrap {
    border: solid 1px #ccc;
}

.table-wrap .table {
    margin: 0;
}

.table-wrap .table .title {
    min-width: 150px;
    font-size: 14px;
}

.table-wrap .table th {
    min-width: 155px;
}

dd {
    margin-left: 0;
    padding-left: 1em
}

figure {
    margin: 1em 0
}

.container {
    position: relative
}

.site-header-in,
.main-image-in,
.main-image-in-text,
.main-image-in-text-cont,
.main-body-in,
.site-footer-in {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 1200px;
    margin: auto
}

.main-image-in img {
    width: 100%
}

.main-image-in.wide,
.main-image-in-text.wide {
    width: 100%
}

.col1 .main-body-in {
    width: 100%
}

.col1 .breadcrumbs {
    width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.col2 .main-conts {
    float: left;
    width: 65%
}

.col2 .sub-conts {
    float: right;
    width: 30%
}

.col2r .main-conts {
    float: right;
    width: 65%
}

.col2r .sub-conts {
    float: left;
    width: 30%
}

.site-header-conts {
    display: table;
    width: 100%;
    padding: 30px 0
}

.site-title {
    display: table-cell;
    margin: 0;
    font-size: 2.25em
}

.site-title a {
    color: #333;
    text-decoration: none
}

.site-title a:hover,
.site-title a:active,
.site-title a:focus {
    text-decoration: underline
}

.normal-screen .site-title {
    font-size: 3em
}

.normal-screen .lp-catch {
    font-size: 1.5em
}

.header-box {
    display: table-cell;
    text-align: right
}

.full-screen {
    background-position: center center;
    background-repeat: no-repeat;
    -webkit-background-size: cover;
    background-size: cover;
    color: #fff
}

.full-screen .site-header-in {
    display: table
}

.full-screen .site-header-conts {
    display: table-cell;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    overflow: hidden;
    width: 100%;
    padding: 1em;
    text-align: center;
    vertical-align: middle;
    text-shadow: 1px 1px 8px #666
}

.full-screen .site-title {
    display: block
}

.contact-btn {
    margin-bottom: 0
}

.full-screen .site-header-conts h1 {
    width: auto;
    margin: 0
}

.full-screen .site-header-conts p {
    font-size: 2em
}

.full-screen .site-header-conts p a {
    color: #fff;
    text-decoration: none
}

.icon-gn-menu {
    padding-left: 25px;
    background: url(./images/icon/icon-gn-menu.png) left center no-repeat
}

.icon-gn-close {
    padding-left: 25px;
    background: url(./images/icon/icon-gn-close.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-gn-menu {
        background: url(./images/icon/icon-gn-menu@2x.png) left center no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }

    .icon-gn-close {
        background: url(./images/icon/icon-gn-close@2x.png) left center no-repeat;
        -webkit-background-size: 20px 20px;
        background-size: 20px 20px
    }
}

.show-menu,
.show-menu li ul {
    display: block !important
}

.main-image {
    margin-bottom: 2em
}

.main-image-in-text {
    background-repeat: no-repeat;
    background-size: cover
}

.main-image-in-text-cont {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 3em
}

.main-image-in-text.wide .main-image-in-text-cont {
    width: 1200px
}

.main-image-in-text p:last-child {
    margin-bottom: 0
}

.main-copy {
    margin-bottom: 20px;
    font-size: 3em;
    text-align: center
}

.sub-copy {
    font-size: 1.5em;
    text-align: center
}

.main-body {
    margin-top: 2em;
    padding-bottom: 30px
}

.no-gn .main-body {
    margin-top: 0
}

.lp.no-gn .main-body {
    margin-top: 2em
}

.breadcrumbs-in {
    margin: 2em 0;
    padding: 0;
    color: #999
}

.no-gn .breadcrumbs-in {
    margin-top: 0
}

.breadcrumbs-in a {
    color: #999
}

.breadcrumbs-in a:hover,
.breadcrumbs-in a:active,
.breadcrumbs-in a:focus {
    color: #f60
}

.breadcrumbs-in li {
    display: inline-block;
    list-style: none;
    position: relative;
    margin-right: 15px;
    padding-right: 15px;
    background: url(./images/icon/icon-brc.gif) right center no-repeat
}

.breadcrumbs-in li:before {
    content: url(./images/icon/icon-folder-brc.png)
}

.breadcrumbs-in li.bcl-first:before {
    content: url(./images/icon/icon-home-brc.png)
}

.breadcrumbs-in li.bcl-last {
    background: none
}

.breadcrumbs-in li.bcl-last:before {
    content: none
}

#post-4 h3 {
    font-size: 14px;
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .breadcrumbs-in li {
        background: url(./images/icon/icon-brc@2x.gif) right center no-repeat;
        -webkit-background-size: 5px 9px;
        background-size: 5px 9px
    }

    .breadcrumbs-in li:before {
        width: 12px;
        height: 12px;
        background: url(./images/icon/icon-folder-brc@2x.png)
    }

    .breadcrumbs-in li.bcl-first:before {
        width: 12px;
        height: 12px;
        background: url(./images/icon/icon-home-brc@2x.png)
    }

    .breadcrumbs-in li:before,
    .breadcrumbs-in li.bcl-first:before {
        display: inline-block;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }

    .breadcrumbs-in li.bcl-last:before {
        width: 0;
        height: 0;
        background: none;
        content: none
    }
}

.main-conts {
    line-height: 1.8
}

.col1 .main-conts {
    margin-bottom: 40px
}

.section-wrap {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin-bottom: 30px;
    padding: 40px;
    border: 1px solid #ccc
}

.section-wrap.wide {
    border-right: 0;
    border-left: 0
}

.section-wrap .section-in,
.float-area {
    -webkit-box-sizing: border-box;
    box-sizing: border-box
}

.float-area {
    margin-bottom: 10px
}

.col1 .section-wrap,
.col1 .float-area {
    width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.col1 .section-wrap {
    padding: 40px 80px
}

.col1 .section-wrap.wide {
    width: 100%;
    padding: 40px 0
}

.col1 .section-wrap.wide .section-in {
    width: 1200px;
    margin-right: auto;
    margin-left: auto;
    padding: 30px 0
}

.sub-conts .section-wrap {
    margin: 0 auto;
    padding: 0 0 20px;
    border: none
}

.sub-conts .section-wrap .section-in {
    padding: 0 20px
}

.col1 .sub-conts .section-wrap .section-in {
    padding: 0 80px 30px
}

.sub-conts .link-menu {
    margin-left: 0;
    padding-left: 0
}

.sub-conts .link-menu li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 13px;
    background: url(./images/icon/icon-list-arw.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .sub-conts .link-menu li {
        background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.sub-conts .link-menu ul {
    margin-top: 1em;
    margin-left: 10px;
    padding-left: 0
}

.sub-conts .link-menu-image {
    margin-right: 0;
    margin-left: 0
}

.sub-conts .link-menu-image li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 20px;
    padding-bottom: 20px;
    border-bottom: 1px dotted #ccc
}

.sub-conts .link-menu-image li:last-child {
    margin-bottom: 0;
    padding-bottom: 0;
    border-bottom: none
}

.link-menu-image-thumb {
    float: left;
    margin-right: 1em
}

.sub-conts .link-menu-image .post-title {
    overflow: hidden;
    margin-bottom: 0;
    padding: 5px 0;
    border: none;
    background: none;
    font-weight: 400
}

.site-footer {
    background: #8f8f8f;
    color: #fff
}

.site-footer-in a {
    color: #fff
}

.site-footer-in a:hover,
.site-footer-in a:active,
.site-footer-in a:focus {
    color: #f60
}

.site-footer-nav {
    margin: 0 auto;
    padding: 1em 0;
    text-align: center
}

.site-footer-nav li {
    display: inline;
    list-style: none;
    margin-left: 50px;
    padding: 0 0 0 13px;
    background: url(./images/icon/icon-arw-next02.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .site-footer-nav li {
        background: url(./images/icon/icon-arw-next02@2x.png) left center no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.site-footer-nav li:first-child {
    margin-left: 0
}

.site-footer-conts-area {
    padding: 1em 0
}

.copyright {
    margin: 0;
    padding: 15px 0;
    background: #333;
    color: #fff;
    text-align: center
}

.copyright small {
    font-size: 100%
}

.page-top {
    display: none;
    position: fixed;
    right: 20px;
    bottom: 20px;
    z-index: 99;
    line-height: 1.2;
    margin-bottom: 0
}

.section-in>h1:first-child,
.section-in>h2:first-child,
.section-in>h3:first-child,
.section-in>h4:first-child,
.section-in>h5:first-child,
.section-in>h6:first-child {
    margin-top: 0
}

.main-body h1 {
    margin: 0 0 20px;
    padding: 10px 18px;
    background: #909090;
    color: #fff;
    font-size: 1.3em
}

.main-body h2 {
    margin: 60px 0 30px;
    padding: 10px 18px;
    background: #909090;
    color: #fff;
    font-size: 1.3em
}

.main-body h3 {
    margin: 0 0 30px;
    padding: 10px;
    border-bottom: 1px solid #909090;
    font-weight: 700;
    font-size: 1.3em
}

.main-body h4 {
    margin: 55px 0 25px;
    padding: 10px 4px;
    border-bottom: 1px dashed #909090;
    font-weight: 700;
    font-size: 1.1em
}

.main-body h5 {
    margin: 55px 0 25px;
    padding: 0 0 0 9px;
    border-left: 6px solid #909090;
    font-weight: 700;
    font-size: 1.2em
}

.main-body h6 {
    margin: 55px 0 25px;
    font-weight: 700;
    font-size: 1.125em
}

.main-body .img-title {
    padding: 0;
    border: none;
    background: none;
    border-radius: 0;
    box-shadow: none;
    font-weight: 400;
    font-size: 1em
}

.main-body h1 a,
.main-body h2 a {
    color: #fff
}

.main-body h1 a:hover,
.main-body h2 a:hover,
.main-body h1 a:active,
.main-body h2 a:active,
.main-body h1 a:focus,
.main-body h2 a:focus {
    color: #f60
}

.main-body .archive-title {
    margin: 0 0 30px
}

.col1 .main-body .archive-title {
    max-width: 1200px;
    margin-right: auto;
    margin-left: auto
}

.section-wrap .section-title {
    line-height: 1.5;
    margin: 0 0 1em;
    padding: 0;
    border: none;
    background: transparent;
    color: #333;
    font-size: 2.125em
}

.main-body .section-title a {
    color: #333;
    text-decoration: none
}

.main-body .section-title a:hover,
.main-body .section-title a:active,
.main-body .section-title a:focus {
    color: #f60;
    text-decoration: underline
}

.sub-conts .section-wrap .section-in .section-title,
.sub-conts .section-wrap .article-header .section-title {
    margin: 0 -20px 20px;
    padding: 0 0 11px;
    border-bottom: 1px solid #ccc;
    font-weight: 400;
    font-size: 1.125em
}

.news .news-date {
    margin-right: 1em
}

.news-item {
    padding: 1em;
    border-bottom: 1px dotted #ccc
}

.news-item:first-child {
    padding-top: 0
}

.news-item:last-child {
    border-bottom: 0
}

.news .news-thumb {
    float: left;
    margin-right: 15px;
    margin-bottom: 15px
}

.main-body .news-title {
    margin-top: 20px;
    padding: 0;
    border: none;
    background: none;
    font-weight: 400;
    font-size: 1.5em
}

.main-body .news-item:first-child .news-title {
    margin-top: 0
}

.news .news-date,
.news .news-cat,
.post-cat {
    margin-bottom: 10px
}

.cat {
    display: inline-block;
    margin-right: .5em;
    margin-bottom: 5px;
    padding: .1em .5em;
    border-bottom: none;
    color: #fff;
    font-size: .875em;
    word-break: break-all;
    border-radius: 3px
}

.cat a {
    display: inline-block;
    margin: -.1em -.5em;
    padding: .1em .5em;
    color: #fff;
    text-decoration: none
}

.cat001 {
    background: #4fc3f7
}

.cat002 {
    background: #ff8a65
}

.cat003 {
    background: #4db6ac
}

.cat004 {
    background: #ba68c8
}

.cat005 {
    background: #90a4ae
}

.news .news-cont {
    margin-bottom: .5em
}

.dl-style01 dt,
.dl-style01 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px
}

.dl-style01 dt {
    display: block;
    float: left;
    width: 35%
}

.dl-style01 dd {
    padding-left: 35%;
    border-bottom: 1px dotted #909090
}

.dl-style02 dt,
.dl-style02 dd {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 20px;
    border-bottom: 1px solid #fff
}

.dl-style02 dt {
    display: block;
    background: #909090;
    color: #fff
}

.dl-style02 dd {
    background: #e9e9e9
}

.table-scroll {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch
}

.table-comparison {
    margin: 3em 0;
    border-top: 0
}

.table-comparison th,
.table-comparison td {
    padding: 10px;
    text-align: center
}

.table-comparison thead .highlight span {
    display: block;
    margin: -11px;
    margin-top: -25px;
    padding: 11px;
    padding-top: 25px;
    border: 1px solid #cfcfcf;
    border-radius: 8px 8px 0 0
}

.table-comparison th.highlight,
.table-comparison th.highlight span {
    background: #ffcc80
}

.table-comparison tfoot td,
.table-comparison tfoot td span {
    background: #f2f2f2
}

.category-list,
.sub-conts .widget_categories ul {
    margin-left: 0;
    padding-left: 0
}

.category-list li,
.sub-conts .widget_categories li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 15px;
    background: url(./images/icon/icon-tag.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    .category-list li,
    .sub-conts .widget_categories li {
        background: url(./images/icon/icon-tag@2x.png) left 6px no-repeat;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px
    }
}

.category-list ul,
.sub-conts .widget_categories ul ul {
    margin-top: 1em;
    margin-left: 10px;
    padding-left: 0
}

.tagcloud a {
    margin-right: 10px;
    padding-left: 15px;
    background: url(./images/icon/icon-tag.png) left bottom no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .tagcloud a {
        background: url(./images/icon/icon-tag@2x.png) left bottom no-repeat;
        -webkit-background-size: 12px 12px;
        background-size: 12px 12px
    }
}

.calendar {
    background: #fff;
    font-size: .875em
}

.calendar caption {
    font-weight: 700
}

.calendar th,
.calendar td {
    padding: 10px 0;
    text-align: center
}

.calendar tfoot td {
    padding: 10px;
    border-right-width: 0;
    text-align: left
}

.calendar tfoot td:last-child {
    border-right-width: 1px;
    text-align: right
}

.calendar td a {
    display: block;
    margin: -10px 0;
    padding: 10px 0
}

.col4-wrap,
.col3-wrap,
.col2-wrap {
    margin: 0 0 1em
}

.col4-wrap .col,
.col4-wrap .col_2of4,
.col4-wrap .col_3of4,
.col3-wrap .col,
.col3-wrap .col_2of3,
.col2-wrap .col {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    float: left;
    margin-left: 2%
}

.col4-wrap .col:first-child,
.col4-wrap .col_2of4:first-child,
.col4-wrap .col_3of4:first-child,
.col3-wrap .col:first-child,
.col3-wrap .col_2of3:first-child,
.col2-wrap .col:first-child {
    margin-left: 0
}

.col4-wrap .col {
    width: 23.5%
}

.col4-wrap .col_2of4 {
    width: 49%
}

.col4-wrap .col_3of4 {
    width: 74.5%
}

.col3-wrap .col {
    width: 32%
}

.col3-wrap .col_2of3 {
    width: 66%
}

.col2-wrap .col {
    width: 49%
}

.col-link {
    border: 1px solid #ccc
}

.col-link a {
    display: block;
    color: #333;
    text-decoration: none
}

.col-link a:hover,
.col-link a:active,
.col-link a:focus {
    background: #eee
}

.banner-list {
    margin-left: 0
}

.banner-list li {
    list-style: none
}

.col1 .banner-list {
    text-align: center
}

.col1 .banner-list li,
.main-conts .banner-list li {
    display: inline-block;
    margin-bottom: 1em;
    margin-left: 1em
}

.col1 .banner-list li:first-child,
.main-conts .banner-list li:first-child {
    margin-left: 0
}

.link-ref {
    text-align: right
}

embed,
iframe,
object,
video {
    max-width: 100%
}

.btn {
    display: inline-block;
    padding: 1em;
    border: 0;
    background: #ccc;
    color: #fff;
    text-decoration: none;
    border-radius: 8px;
    box-shadow: 4px 4px 0 #e9e9e9
}

.btn:hover,
.btn:active,
.btn:focus {
    background: #eee;
    color: #333;
    box-shadow: 4px 4px 0 #d0d0d0;
    cursor: pointer
}

.btn span {
    padding-left: 18px;
    background: url(./images/icon/icon-btn-arw.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn span {
        padding-left: 18px;
        background: url(./images/icon/icon-btn-arw@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-green {
    padding: 25px 50px;
    background: #75c53b;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #58942c
}

.btn-green:hover,
.btn-green:active,
.btn-green:focus {
    background: #bae29d;
    box-shadow: 4px 4px 0 #acca96;
    cursor: pointer
}

.btn-blue {
    padding: 25px 50px;
    background: #1f8ae5;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #1767ac
}

.btn-blue:hover,
.btn-blue:active,
.btn-blue:focus {
    background: #8fc5f2;
    box-shadow: 4px 4px 0 #8bb3d6;
    cursor: pointer
}

.btn-orange {
    padding: 25px 50px;
    background: #f59e38;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #b8762a
}

.btn-orange:hover,
.btn-orange:active,
.btn-orange:focus {
    background: #facf9c;
    box-shadow: 4px 4px 0 #dcbb95;
    cursor: pointer
}

.btn-red {
    padding: 25px 50px;
    background: #fe4e25;
    font-size: 1.25em;
    box-shadow: 4px 4px 0 #be3a1c
}

.btn-red:hover,
.btn-red:active,
.btn-red:focus {
    background: #ffa792;
    box-shadow: 4px 4px 0 #df9d8e;
    cursor: pointer
}

.btn-green span,
.btn-blue span,
.btn-orange span,
.btn-red span {
    padding-left: 20px;
    background: url(./images/icon/icon-btn-arw01.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    .btn-green span,
    .btn-blue span,
    .btn-orange span,
    .btn-red span {
        background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-form01 {
    padding: 25px 50px;
    background: #909090;
    font-size: 1.25em
}

.btn-form01 span {
    padding-left: 20px;
    background: url(./images/icon/icon-btn-arw01.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-form01 span {
        background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-form02 {
    padding: 20px 30px;
    background: #c9c9c9;
    font-size: 1.125em;
    color: #666
}

.btn-form02 span {
    padding-left: 18px;
    background: url(./images/icon/icon-btn-arw02.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-mail span {
        background: url(./images/icon/icon-btn-arw02@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.btn-mail {
    padding: 12px 32px;
    background: #909090
}

.btn-mail span {
    padding-left: 30px;
    background: url(./images/icon/icon-btn-mail.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-mail span {
        background: url(./images/icon/icon-btn-mail@2x.png) left center no-repeat;
        -webkit-background-size: 24px 18px;
        background-size: 24px 18px
    }
}

.btn-detail {
    background: #909090
}

.btn-detail span {
    padding-left: 20px;
    background: url(./images/icon/icon-btn-arw01.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .btn-detail span {
        background: url(./images/icon/icon-btn-arw01@2x.png) left center no-repeat;
        -webkit-background-size: 10px 14px;
        background-size: 10px 14px
    }
}

.search-box input[type="text"] {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 75%;
    height: 30px;
    padding-right: 4px;
    padding-left: 4px;
    border: 1px solid #ccc;
    border-radius: 0;
    box-shadow: inset 1px 3px 2px #eee
}

.btn-search {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 30px;
    vertical-align: top;
    padding: 5px;
    border: 0;
    background: #8f8f8f;
    border-radius: 0;
    cursor: pointer
}

.btn-search img {
    width: 21px;
    height: 20px;
    vertical-align: top
}

.sns-list ul {
    margin: 0 0 1em;
    padding: 0
}

.sns-list li {
    display: inline-block;
    vertical-align: top;
    line-height: 1;
    margin-left: 1em
}

.sns-list li iframe {
    max-width: none;
    margin: 0
}

.sns-list li:first-child {
    margin-left: 0
}

.eye-catch {
    float: left;
    margin-right: 1em;
    margin-bottom: 1em
}

.post-date,
.post-pv {
    display: inline-block;
    margin-right: 0;
    margin-bottom: .5em
}

.cast-box {
    padding: 30px 20px;
    background: url(./images/common/bg-cast-box.png) #eee
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .cast-box {
        background: url(./images/common/bg-cast-box@2x.png) #eee;
        -webkit-background-size: 18px 18px;
        background-size: 18px 18px
    }
}

.cast-box .cast {
    position: relative;
    min-height: 100px;
    margin-top: 0;
    padding-left: 115px
}

.cast-box .cast-name {
    font-weight: 700;
    font-size: 1.25em
}

.cast-box .cast .cast-headshot,
.cast-box .cast .cast-profile {
    margin-left: 0;
    margin-bottom: 40px;
    padding-left: 0
}

.cast-box .cast:last-child,
.cast-box .cast:last-child .cast-headshot,
.cast-box .cast:last-child .cast-profile {
    margin-bottom: 0
}

.cast-box .cast .cast-headshot {
    position: absolute;
    top: 0;
    left: 0
}

.cast-box02 .cast {
    position: relative;
    margin-bottom: 40px;
    padding-top: 210px
}

.cast-box02 .cast dd {
    padding-left: 0
}

.cast-box02 .cast-name {
    font-weight: 700
}

.cast-box02 .cast .cast-headshot {
    position: absolute;
    top: 0;
    width: 100%;
    text-align: center
}

.col1 .cast-box02 .cast {
    min-height: 210px;
    padding-top: 0
}

.col1 .cast-box02 .cast-name,
.col1 .cast-box02 .cast-profile {
    padding-left: 210px
}

.col1 .cast-box02 .cast .cast-headshot {
    width: auto
}

.chat-l,
.chat-r {
    position: relative;
    overflow: hidden;
    margin: 0 0 2em
}

.bubble {
    display: block;
    position: relative;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 80%;
    min-height: 60px;
    margin-bottom: 2em;
    padding: 1em;
    border: 1px solid #ccc;
    background: #fff
}

.bubble .bubble-in {
    border-color: #fff
}

.talker {
    display: block;
    width: 15%;
    height: auto;
    text-align: center
}

.talker b {
    font-weight: 400
}

.talker img {
    display: block;
    width: 100px;
    max-width: 100%;
    max-width: none\9;
    margin: auto
}

html:not(:target) .talker img {
    max-width: 100%
}

.chat-l .talker {
    float: left;
    margin-right: 2%
}

.chat-r .talker {
    float: right;
    margin-left: 2%
}

.chat-l .bubble {
    float: right
}

.chat-r .bubble {
    float: left
}

.bubble .bubble-in:after,
.bubble .bubble-in:before {
    position: absolute;
    top: 50%;
    width: 0;
    height: 0;
    border: solid transparent;
    content: ""
}

.bubble .b-arw20:after,
.bubble .b-arw20:before {
    top: 20%
}

.bubble .b-arw30:after,
.bubble .b-arw30:before {
    top: 30%
}

.bubble .b-arw40:after,
.bubble .b-arw40:before {
    top: 40%
}

.bubble .b-arw60:after,
.bubble .b-arw60:before {
    top: 60%
}

.bubble .b-arw70:after,
.bubble .b-arw70:before {
    top: 70%
}

.bubble .b-arw80:after,
.bubble .b-arw80:before {
    top: 80%
}

.chat-l .bubble .bubble-in:after,
.chat-l .bubble .bubble-in:before {
    right: 100%
}

.chat-r .bubble div:after,
.chat-r .bubble div:before {
    left: 100%
}

.chat-l .bubble .bubble-in:after {
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-right-color: inherit
}

.chat-l .bubble .bubble-in:before {
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-right-color: #ccc
}

.chat-r .bubble .bubble-in:after {
    margin-top: -8px;
    border-width: 8px 20px;
    border-color: transparent;
    border-left-color: inherit
}

.chat-r .bubble .bubble-in:before {
    margin-top: -9px;
    border-width: 9px 21px;
    border-color: transparent;
    border-left-color: #ccc
}

.bubble p:first-child {
    margin-top: 0
}

.together .talker,
.together .bubble {
    width: 100%
}

.together .talker b {
    display: inline-block;
    text-align: center
}

.together.chat-l .talker,
.together.chat-r .talker {
    float: none;
    margin: 0 0 20px
}

.together.chat-l .talker {
    text-align: left
}

.together.chat-r .talker {
    text-align: right
}

.together.chat-l .bubble,
.together.chat-r .bubble {
    float: none
}

.together .bubble .bubble-in:after,
.together .bubble .bubble-in:before {
    top: auto;
    bottom: 100%
}

.together.chat-l .bubble .bubble-in:after,
.together.chat-l .bubble .bubble-in:before {
    right: auto;
    left: 10%
}

.together.chat-r .bubble .bubble-in:after,
.together.chat-r .bubble .bubble-in:before {
    right: 10%;
    left: auto
}

.together.chat-l .bubble .bubble-in:after {
    margin-top: -20px;
    margin-left: -8px;
    border-width: 20px 8px;
    border-color: transparent;
    border-bottom-color: inherit
}

.together.chat-l .bubble .bubble-in:before {
    margin-top: -21px;
    margin-left: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc
}

.together.chat-r .bubble .bubble-in:after {
    border-width: 20px 8px;
    margin-top: -20px;
    margin-right: -8px;
    border-color: transparent;
    border-bottom-color: inherit
}

.together.chat-r .bubble .bubble-in:before {
    margin-top: -21px;
    margin-right: -9px;
    border-width: 21px 9px;
    border-color: transparent;
    border-bottom-color: #ccc
}

.bubble-in p:last-child {
    margin-bottom: 0
}

.bubble-blue {
    border: 1px solid #e1f5fe;
    background: #e1f5fe
}

.chat-l .bubble-blue .bubble-in:after,
.chat-l .bubble-blue .bubble-in:before {
    border-right-color: #e1f5fe
}

.chat-r .bubble-blue .bubble-in:after,
.chat-r .bubble-blue .bubble-in:before {
    border-left-color: #e1f5fe
}

.together.chat-l .bubble-blue .bubble-in:after,
.together.chat-l .bubble-blue .bubble-in:before,
.together.chat-r .bubble-blue .bubble-in:after,
.together.chat-r .bubble-blue .bubble-in:before {
    border-bottom-color: #e1f5fe
}

.bubble-green {
    border: 1px solid #e8f5e9;
    background: #e8f5e9
}

.chat-l .bubble-green .bubble-in:after,
.chat-l .bubble-green .bubble-in:before {
    border-right-color: #e8f5e9
}

.chat-r .bubble-green .bubble-in:after,
.chat-r .bubble-green .bubble-in:before {
    border-left-color: #e8f5e9
}

.together.chat-l .bubble-green .bubble-in:after,
.together.chat-l .bubble-green .bubble-in:before,
.together.chat-r .bubble-green .bubble-in:after,
.together.chat-r .bubble-green .bubble-in:before {
    border-bottom-color: #e8f5e9
}

.bubble-yellow {
    border: 1px solid #fff59d;
    background: #fff59d
}

.chat-l .bubble-yellow .bubble-in:after,
.chat-l .bubble-yellow .bubble-in:before {
    border-right-color: #fff59d
}

.chat-r .bubble-yellow .bubble-in:after,
.chat-r .bubble-yellow .bubble-in:before {
    border-left-color: #fff59d
}

.together.chat-l .bubble-yellow .bubble-in:after,
.together.chat-l .bubble-yellow .bubble-in:before,
.together.chat-r .bubble-yellow .bubble-in:after,
.together.chat-r .bubble-yellow .bubble-in:before {
    border-bottom-color: #fff59d
}

.bubble-orange {
    border: 1px solid #ffcc80;
    background: #ffcc80
}

.chat-l .bubble-orange .bubble-in:after,
.chat-l .bubble-orange .bubble-in:before {
    border-right-color: #ffcc80
}

.chat-r .bubble-orange .bubble-in:after,
.chat-r .bubble-orange .bubble-in:before {
    border-left-color: #ffcc80
}

.together.chat-l .bubble-orange .bubble-in:after,
.together.chat-l .bubble-orange .bubble-in:before,
.together.chat-r .bubble-orange .bubble-in:after,
.together.chat-r .bubble-orange .bubble-in:before {
    border-bottom-color: #ffcc80
}

.bubble-pink {
    border: 1px solid #fbe9e7;
    background: #fbe9e7
}

.chat-l .bubble-pink .bubble-in:after,
.chat-l .bubble-pink .bubble-in:before {
    border-right-color: #fbe9e7
}

.chat-r .bubble-pink .bubble-in:after,
.chat-r .bubble-pink .bubble-in:before {
    border-left-color: #fbe9e7
}

.together.chat-l .bubble-pink .bubble-in:after,
.together.chat-l .bubble-pink .bubble-in:before,
.together.chat-r .bubble-pink .bubble-in:after,
.together.chat-r .bubble-pink .bubble-in:before {
    border-bottom-color: #fbe9e7
}

.bubble-red {
    border: 1px solid #ef5350;
    background: #ef5350;
    color: #fff
}

.chat-l .bubble-red .bubble-in:after,
.chat-l .bubble-red .bubble-in:before {
    border-right-color: #ef5350
}

.chat-r .bubble-red .bubble-in:after,
.chat-r .bubble-red .bubble-in:before {
    border-left-color: #ef5350
}

.together.chat-l .bubble-red .bubble-in:after,
.together.chat-l .bubble-red .bubble-in:before,
.together.chat-r .bubble-red .bubble-in:after,
.together.chat-r .bubble-red .bubble-in:before {
    border-bottom-color: #ef5350
}

.bubble-black {
    border: 1px solid #555;
    background: #555;
    color: #fff
}

.chat-l .bubble-black .bubble-in:after,
.chat-l .bubble-black .bubble-in:before {
    border-right-color: #555
}

.chat-r .bubble-black .bubble-in:after,
.chat-r .bubble-black .bubble-in:before {
    border-left-color: #555
}

.together.chat-l .bubble-black .bubble-in:after,
.together.chat-l .bubble-black .bubble-in:before,
.together.chat-r .bubble-black .bubble-in:after,
.together.chat-r .bubble-black .bubble-in:before {
    border-bottom-color: #555
}

.main-body .ranking-list {
    margin-right: 0;
    margin-left: 0
}

.main-body .ranking-list li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 40px
}

.main-body .rank-title {
    padding: 5px 0;
    border: none;
    background: none;
    font-weight: 400;
    font-size: 1.5em;
    margin-top: 0
}

.rank-thumb {
    float: left;
    margin-right: 20px;
    margin-bottom: 20px
}

.sub-conts .ranking-list03 .rank-thumb img {
    width: 100px;
    height: auto
}

.col2 .sub-conts .ranking-list01 .rank-thumb,
.col2 .sub-conts .ranking-list02 .rank-thumb,
.col2r .sub-conts .ranking-list01 .rank-thumb,
.col2r .sub-conts .ranking-list02 .rank-thumb {
    float: none;
    text-align: center
}

.rank-desc {
    overflow: hidden
}

.ranking-list01>li .rank-title {
    padding-left: 60px
}

.ranking-list01 .rank01 .rank-title {
    background: url(./images/icon/icon-rank01-01.png) left top no-repeat
}

.ranking-list01 .rank02 .rank-title {
    background: url(./images/icon/icon-rank01-02.png) left top no-repeat
}

.ranking-list01 .rank03 .rank-title {
    background: url(./images/icon/icon-rank01-03.png) left top no-repeat
}

.ranking-list01 .rank04 .rank-title {
    background: url(./images/icon/icon-rank01-04.png) left top no-repeat
}

.ranking-list01 .rank05 .rank-title {
    background: url(./images/icon/icon-rank01-05.png) left top no-repeat
}

.ranking-list01 .rank06 .rank-title {
    background: url(./images/icon/icon-rank01-06.png) left top no-repeat
}

.ranking-list01 .rank07 .rank-title {
    background: url(./images/icon/icon-rank01-07.png) left top no-repeat
}

.ranking-list01 .rank08 .rank-title {
    background: url(./images/icon/icon-rank01-08.png) left top no-repeat
}

.ranking-list01 .rank09 .rank-title {
    background: url(./images/icon/icon-rank01-09.png) left top no-repeat
}

.ranking-list01 .rank10 .rank-title {
    background: url(./images/icon/icon-rank01-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list01 .rank01 .rank-title {
        background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat
    }

    .ranking-list01 .rank02 .rank-title {
        background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat
    }

    .ranking-list01 .rank03 .rank-title {
        background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat
    }

    .ranking-list01 .rank04 .rank-title {
        background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat
    }

    .ranking-list01 .rank05 .rank-title {
        background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat
    }

    .ranking-list01 .rank06 .rank-title {
        background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat
    }

    .ranking-list01 .rank07 .rank-title {
        background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat
    }

    .ranking-list01 .rank08 .rank-title {
        background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat
    }

    .ranking-list01 .rank09 .rank-title {
        background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat
    }

    .ranking-list01 .rank10 .rank-title {
        background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat
    }

    .ranking-list01 .rank01 .rank-title,
    .ranking-list01 .rank02 .rank-title,
    .ranking-list01 .rank03 .rank-title,
    .ranking-list01 .rank04 .rank-title,
    .ranking-list01 .rank05 .rank-title,
    .ranking-list01 .rank06 .rank-title,
    .ranking-list01 .rank07 .rank-title,
    .ranking-list01 .rank08 .rank-title,
    .ranking-list01 .rank09 .rank-title,
    .ranking-list01 .rank10 .rank-title {
        -webkit-background-size: 48px 40px;
        background-size: 48px 40px
    }
}

.ranking-list02>li .rank-title {
    padding-left: 60px;
    padding-bottom: 10px
}

.ranking-list02 .rank01 .rank-title {
    background: url(./images/icon/icon-rank02-01.png) left top no-repeat
}

.ranking-list02 .rank02 .rank-title {
    background: url(./images/icon/icon-rank02-02.png) left top no-repeat
}

.ranking-list02 .rank03 .rank-title {
    background: url(./images/icon/icon-rank02-03.png) left top no-repeat
}

.ranking-list02 .rank04 .rank-title {
    background: url(./images/icon/icon-rank02-04.png) left top no-repeat
}

.ranking-list02 .rank05 .rank-title {
    background: url(./images/icon/icon-rank02-05.png) left top no-repeat
}

.ranking-list02 .rank06 .rank-title {
    background: url(./images/icon/icon-rank02-06.png) left top no-repeat
}

.ranking-list02 .rank07 .rank-title {
    background: url(./images/icon/icon-rank02-07.png) left top no-repeat
}

.ranking-list02 .rank08 .rank-title {
    background: url(./images/icon/icon-rank02-08.png) left top no-repeat
}

.ranking-list02 .rank09 .rank-title {
    background: url(./images/icon/icon-rank02-09.png) left top no-repeat
}

.ranking-list02 .rank10 .rank-title {
    background: url(./images/icon/icon-rank02-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list02 .rank01 .rank-title {
        background: url(./images/icon/icon-rank02-01@2x.png) left top no-repeat
    }

    .ranking-list02 .rank02 .rank-title {
        background: url(./images/icon/icon-rank02-02@2x.png) left top no-repeat
    }

    .ranking-list02 .rank03 .rank-title {
        background: url(./images/icon/icon-rank02-03@2x.png) left top no-repeat
    }

    .ranking-list02 .rank04 .rank-title {
        background: url(./images/icon/icon-rank02-04@2x.png) left top no-repeat
    }

    .ranking-list02 .rank05 .rank-title {
        background: url(./images/icon/icon-rank02-05@2x.png) left top no-repeat
    }

    .ranking-list02 .rank06 .rank-title {
        background: url(./images/icon/icon-rank02-06@2x.png) left top no-repeat
    }

    .ranking-list02 .rank07 .rank-title {
        background: url(./images/icon/icon-rank02-07@2x.png) left top no-repeat
    }

    .ranking-list02 .rank08 .rank-title {
        background: url(./images/icon/icon-rank02-08@2x.png) left top no-repeat
    }

    .ranking-list02 .rank09 .rank-title {
        background: url(./images/icon/icon-rank02-09@2x.png) left top no-repeat
    }

    .ranking-list02 .rank10 .rank-title {
        background: url(./images/icon/icon-rank02-10@2x.png) left top no-repeat
    }

    .ranking-list02 .rank01 .rank-title,
    .ranking-list02 .rank02 .rank-title,
    .ranking-list02 .rank03 .rank-title,
    .ranking-list02 .rank04 .rank-title,
    .ranking-list02 .rank05 .rank-title,
    .ranking-list02 .rank06 .rank-title,
    .ranking-list02 .rank07 .rank-title,
    .ranking-list02 .rank08 .rank-title,
    .ranking-list02 .rank09 .rank-title,
    .ranking-list02 .rank10 .rank-title {
        -webkit-background-size: 40px 48px;
        background-size: 40px 48px
    }
}

.ranking-list03>li .rank-title {
    padding: 5px 0;
    padding-left: 58px;
    font-size: 1.25em
}

.sub-conts .ranking-list03>li .rank-title {
    min-height: 25px;
    padding: 0 0 5px 40px;
    font-size: 1.25em
}

.sub-conts .ranking-list03>li .rank-title a {
    text-decoration: none
}

.ranking-list03 li .rank-title {
    border-bottom: 1px solid #909090
}

.ranking-list03 .rank01 .rank-title {
    background: url(./images/icon/icon-rank03-01.png) left top no-repeat
}

.ranking-list03 .rank02 .rank-title {
    background: url(./images/icon/icon-rank03-02.png) left top no-repeat
}

.ranking-list03 .rank03 .rank-title {
    background: url(./images/icon/icon-rank03-03.png) left top no-repeat
}

.ranking-list03 .rank04 .rank-title {
    background: url(./images/icon/icon-rank03-04.png) left top no-repeat
}

.ranking-list03 .rank05 .rank-title {
    background: url(./images/icon/icon-rank03-05.png) left top no-repeat
}

.ranking-list03 .rank06 .rank-title {
    background: url(./images/icon/icon-rank03-06.png) left top no-repeat
}

.ranking-list03 .rank07 .rank-title {
    background: url(./images/icon/icon-rank03-07.png) left top no-repeat
}

.ranking-list03 .rank08 .rank-title {
    background: url(./images/icon/icon-rank03-08.png) left top no-repeat
}

.ranking-list03 .rank09 .rank-title {
    background: url(./images/icon/icon-rank03-09.png) left top no-repeat
}

.ranking-list03 .rank10 .rank-title {
    background: url(./images/icon/icon-rank03-10.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank01 .rank-title {
    background: url(./images/icon/icon-rank04-01.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank02 .rank-title {
    background: url(./images/icon/icon-rank04-02.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank03 .rank-title {
    background: url(./images/icon/icon-rank04-03.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank04 .rank-title {
    background: url(./images/icon/icon-rank04-04.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank05 .rank-title {
    background: url(./images/icon/icon-rank04-05.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank06 .rank-title {
    background: url(./images/icon/icon-rank04-06.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank07 .rank-title {
    background: url(./images/icon/icon-rank04-07.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank08 .rank-title {
    background: url(./images/icon/icon-rank04-08.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank09 .rank-title {
    background: url(./images/icon/icon-rank04-09.png) left top no-repeat
}

.sub-conts .ranking-list03 .rank10 .rank-title {
    background: url(./images/icon/icon-rank04-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list03 .rank01 .rank-title {
        background: url(./images/icon/icon-rank03-01@2x.png) left top no-repeat
    }

    .ranking-list03 .rank02 .rank-title {
        background: url(./images/icon/icon-rank03-02@2x.png) left top no-repeat
    }

    .ranking-list03 .rank03 .rank-title {
        background: url(./images/icon/icon-rank03-03@2x.png) left top no-repeat
    }

    .ranking-list03 .rank04 .rank-title {
        background: url(./images/icon/icon-rank03-04@2x.png) left top no-repeat
    }

    .ranking-list03 .rank05 .rank-title {
        background: url(./images/icon/icon-rank03-05@2x.png) left top no-repeat
    }

    .ranking-list03 .rank06 .rank-title {
        background: url(./images/icon/icon-rank03-06@2x.png) left top no-repeat
    }

    .ranking-list03 .rank07 .rank-title {
        background: url(./images/icon/icon-rank03-07@2x.png) left top no-repeat
    }

    .ranking-list03 .rank08 .rank-title {
        background: url(./images/icon/icon-rank03-08@2x.png) left top no-repeat
    }

    .ranking-list03 .rank09 .rank-title {
        background: url(./images/icon/icon-rank03-09@2x.png) left top no-repeat
    }

    .ranking-list03 .rank10 .rank-title {
        background: url(./images/icon/icon-rank03-10@2x.png) left top no-repeat
    }

    .ranking-list03 .rank01 .rank-title,
    .ranking-list03 .rank02 .rank-title,
    .ranking-list03 .rank03 .rank-title,
    .ranking-list03 .rank04 .rank-title,
    .ranking-list03 .rank05 .rank-title,
    .ranking-list03 .rank06 .rank-title,
    .ranking-list03 .rank07 .rank-title,
    .ranking-list03 .rank08 .rank-title,
    .ranking-list03 .rank09 .rank-title,
    .ranking-list03 .rank10 .rank-title {
        -webkit-background-size: 40px 48px;
        background-size: 40px 48px
    }

    .sub-conts .ranking-list03 .rank01 .rank-title {
        background: url(./images/icon/icon-rank04-01@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank02 .rank-title {
        background: url(./images/icon/icon-rank04-02@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank03 .rank-title {
        background: url(./images/icon/icon-rank04-03@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank04 .rank-title {
        background: url(./images/icon/icon-rank04-04@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank05 .rank-title {
        background: url(./images/icon/icon-rank04-05@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank06 .rank-title {
        background: url(./images/icon/icon-rank04-06@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank07 .rank-title {
        background: url(./images/icon/icon-rank04-07@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank08 .rank-title {
        background: url(./images/icon/icon-rank04-08@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank09 .rank-title {
        background: url(./images/icon/icon-rank04-09@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank10 .rank-title {
        background: url(./images/icon/icon-rank04-10@2x.png) left top no-repeat
    }

    .sub-conts .ranking-list03 .rank01 .rank-title,
    .sub-conts .ranking-list03 .rank02 .rank-title,
    .sub-conts .ranking-list03 .rank03 .rank-title,
    .sub-conts .ranking-list03 .rank04 .rank-title,
    .sub-conts .ranking-list03 .rank05 .rank-title,
    .sub-conts .ranking-list03 .rank06 .rank-title,
    .sub-conts .ranking-list03 .rank07 .rank-title,
    .sub-conts .ranking-list03 .rank08 .rank-title,
    .sub-conts .ranking-list03 .rank09 .rank-title,
    .sub-conts .ranking-list03 .rank10 .rank-title {
        -webkit-background-size: 30px 30px;
        background-size: 30px 30px
    }
}

.ranking-list .on-image .rank-title {
    padding: 0 !important;
    border: 0;
    background: none !important;
    font-size: 1.25em
}

.ranking-list .on-image .rank-thumb {
    position: relative
}

.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before,
.ranking-list .on-image .rank-thumb:before {
    position: absolute;
    top: 0;
    left: 0
}

.ranking-list03>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-01.png)
}

.ranking-list03>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-02.png)
}

.ranking-list03>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-03.png)
}

.ranking-list03>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-04.png)
}

.ranking-list03>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-05.png)
}

.ranking-list03>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-06.png)
}

.ranking-list03>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-07.png)
}

.ranking-list03>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-08.png)
}

.ranking-list03>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-09.png)
}

.ranking-list03>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank03-10.png)
}

.sub-conts .ranking-list03>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-01.png)
}

.sub-conts .ranking-list03>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-02.png)
}

.sub-conts .ranking-list03>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-03.png)
}

.sub-conts .ranking-list03>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-04.png)
}

.sub-conts .ranking-list03>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-05.png)
}

.sub-conts .ranking-list03>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-06.png)
}

.sub-conts .ranking-list03>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-07.png)
}

.sub-conts .ranking-list03>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-08.png)
}

.sub-conts .ranking-list03>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-09.png)
}

.sub-conts .ranking-list03>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank04-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list03>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-01@2x.png)
    }

    .ranking-list03>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-02@2x.png)
    }

    .ranking-list03>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-03@2x.png)
    }

    .ranking-list03>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-04@2x.png)
    }

    .ranking-list03>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-05@2x.png)
    }

    .ranking-list03>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-06@2x.png)
    }

    .ranking-list03>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-07@2x.png)
    }

    .ranking-list03>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-08@2x.png)
    }

    .ranking-list03>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-09@2x.png)
    }

    .ranking-list03>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank03-10@2x.png)
    }

    .ranking-list03>.rank01.on-image .rank-thumb:before,
    .ranking-list03>.rank02.on-image .rank-thumb:before,
    .ranking-list03>.rank03.on-image .rank-thumb:before,
    .ranking-list03>.rank04.on-image .rank-thumb:before,
    .ranking-list03>.rank05.on-image .rank-thumb:before,
    .ranking-list03>.rank06.on-image .rank-thumb:before,
    .ranking-list03>.rank07.on-image .rank-thumb:before,
    .ranking-list03>.rank08.on-image .rank-thumb:before,
    .ranking-list03>.rank09.on-image .rank-thumb:before,
    .ranking-list03>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }

    .sub-conts .ranking-list03>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-01@2x.png)
    }

    .sub-conts .ranking-list03>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-02@2x.png)
    }

    .sub-conts .ranking-list03>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-03@2x.png)
    }

    .sub-conts .ranking-list03>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-04@2x.png)
    }

    .sub-conts .ranking-list03>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-05@2x.png)
    }

    .sub-conts .ranking-list03>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-06@2x.png)
    }

    .sub-conts .ranking-list03>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-07@2x.png)
    }

    .sub-conts .ranking-list03>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-08@2x.png)
    }

    .sub-conts .ranking-list03>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-09@2x.png)
    }

    .sub-conts .ranking-list03>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank04-10@2x.png)
    }

    .sub-conts .ranking-list03>.rank01.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank02.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank03.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank04.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank05.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank06.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank07.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank08.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank09.on-image .rank-thumb:before,
    .sub-conts .ranking-list03>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.ranking-list04 .rank-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto
}

.col1 .ranking-list04 li {
    display: inline-block;
    margin-right: 20px
}

.ranking-list04 .rank-box img {
    width: 100%
}

.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before,
.ranking-list04 .on-image .rank-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.ranking-list04 .on-image .rank-box .rank-text {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .ranking-list04 .on-image .rank-box .rank-text {
    background-color: rgba(0, 0, 0, 0.5)
}

.ranking-list04 .on-image .rank-box a {
    color: #fff
}

.ranking-list04 .on-image .rank-box a:hover,
.ranking-list04 .on-image .rank-box a:active,
.ranking-list04 .on-image .rank-box a:focus {
    color: #f60
}

.ranking-list04>.rank01.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-01.png)
}

.ranking-list04>.rank02.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-02.png)
}

.ranking-list04>.rank03.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-03.png)
}

.ranking-list04>.rank04.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-04.png)
}

.ranking-list04>.rank05.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-05.png)
}

.ranking-list04>.rank06.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-06.png)
}

.ranking-list04>.rank07.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-07.png)
}

.ranking-list04>.rank08.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-08.png)
}

.ranking-list04>.rank09.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-09.png)
}

.ranking-list04>.rank10.on-image .rank-box:before {
    content: url(./images/icon/icon-rank03-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list04>.rank01.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-01@2x.png)
    }

    .ranking-list04>.rank02.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-02@2x.png)
    }

    .ranking-list04>.rank03.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-03@2x.png)
    }

    .ranking-list04>.rank04.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-04@2x.png)
    }

    .ranking-list04>.rank05.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-05@2x.png)
    }

    .ranking-list04>.rank06.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-06@2x.png)
    }

    .ranking-list04>.rank07.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-07@2x.png)
    }

    .ranking-list04>.rank08.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-08@2x.png)
    }

    .ranking-list04>.rank09.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-09@2x.png)
    }

    .ranking-list04>.rank10.on-image .rank-box:before {
        background: url(./images/icon/icon-rank03-10@2x.png)
    }

    .ranking-list04>.rank01.on-image .rank-box:before,
    .ranking-list04>.rank02.on-image .rank-box:before,
    .ranking-list04>.rank03.on-image .rank-box:before,
    .ranking-list04>.rank04.on-image .rank-box:before,
    .ranking-list04>.rank05.on-image .rank-box:before,
    .ranking-list04>.rank06.on-image .rank-box:before,
    .ranking-list04>.rank07.on-image .rank-box:before,
    .ranking-list04>.rank08.on-image .rank-box:before,
    .ranking-list04>.rank09.on-image .rank-box:before,
    .ranking-list04>.rank10.on-image .rank-box:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.ranking-list05 .rank-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    background-position: center center;
    background-size: cover
}

.col1 .ranking-list05 li {
    display: inline-block;
    margin-right: 20px
}

.ranking-list05 .rank-box a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 180px;
    padding: 3em 1em 1em;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .ranking-list05 .rank-box a {
    background-color: rgba(0, 0, 0, 0.5)
}

.ranking-list05 .rank-box a:hover,
.ranking-list05 .rank-box a:active,
.ranking-list05 .rank-box a:focus {
    color: #f60
}

.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before,
.ranking-list05 .on-image .rank-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.ranking-list05>.rank01.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-01.png)
}

.ranking-list05>.rank02.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-02.png)
}

.ranking-list05>.rank03.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-03.png)
}

.ranking-list05>.rank04.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-04.png)
}

.ranking-list05>.rank05.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-05.png)
}

.ranking-list05>.rank06.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-06.png)
}

.ranking-list05>.rank07.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-07.png)
}

.ranking-list05>.rank08.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-08.png)
}

.ranking-list05>.rank09.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-09.png)
}

.ranking-list05>.rank10.on-image .rank-box:before {
    content: url(./images/icon/icon-rank04-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .ranking-list05>.rank01.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-01@2x.png)
    }

    .ranking-list05>.rank02.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-02@2x.png)
    }

    .ranking-list05>.rank03.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-03@2x.png)
    }

    .ranking-list05>.rank04.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-04@2x.png)
    }

    .ranking-list05>.rank05.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-05@2x.png)
    }

    .ranking-list05>.rank06.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-06@2x.png)
    }

    .ranking-list05>.rank07.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-07@2x.png)
    }

    .ranking-list05>.rank08.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-08@2x.png)
    }

    .ranking-list05>.rank09.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-09@2x.png)
    }

    .ranking-list05>.rank10.on-image .rank-box:before {
        background: url(./images/icon/icon-rank04-10@2x.png)
    }

    .ranking-list05>.rank01.on-image .rank-box:before,
    .ranking-list05>.rank02.on-image .rank-box:before,
    .ranking-list05>.rank03.on-image .rank-box:before,
    .ranking-list05>.rank04.on-image .rank-box:before,
    .ranking-list05>.rank05.on-image .rank-box:before,
    .ranking-list05>.rank06.on-image .rank-box:before,
    .ranking-list05>.rank07.on-image .rank-box:before,
    .ranking-list05>.rank08.on-image .rank-box:before,
    .ranking-list05>.rank09.on-image .rank-box:before,
    .ranking-list05>.rank10.on-image .rank-box:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.main-body .post-list01,
.main-body .post-list02 {
    margin-right: 0;
    margin-left: 0
}

.main-body .post-list01 li,
.main-body .post-list02 li {
    list-style: none;
    overflow: hidden;
    margin-bottom: 40px
}

.post-list01 .post-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto
}

.col1 .post-list01 li {
    display: inline-block;
    margin-right: 20px
}

.post-list01 .post-box img {
    width: 100%
}

.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before,
.post-list01 .on-image .post-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.post-list01 .on-image .post-box .post-text {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .post-list01 .on-image .post-box .post-text {
    background-color: rgba(0, 0, 0, 0.5)
}

.post-list01 .on-image .post-box a {
    color: #fff
}

.post-list01 .on-image .post-box a:hover,
.post-list01 .on-image .post-box a:active,
.post-list01 .on-image .post-box a:focus {
    color: #f60
}

.post-list02 .post-box {
    position: relative;
    width: 320px;
    margin-right: auto;
    margin-left: auto;
    background-position: center center;
    background-size: cover
}

.col1 .post-list02 li {
    display: inline-block;
    margin-right: 20px
}

.post-list02 .post-box a {
    display: block;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    height: 180px;
    padding: 1em;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .post-list02 .post-box a {
    background-color: rgba(0, 0, 0, 0.5)
}

.post-list02 .post-box a:hover,
.post-list02 .post-box a:active,
.post-list02 .post-box a:focus {
    color: #f60
}

.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before,
.post-list02 .on-image .post-box:before {
    position: absolute;
    top: 0;
    left: 0
}

.review-table {
    width: auto;
    margin-top: 0;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff
}

.rank-thumb .review-table {
    width: 100%;
    margin-bottom: 0
}

.review-table th,
.review-table td {
    line-height: 1;
    padding: .5em;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    background-color: #e9e9e9
}

.review-table th {
    font-weight: 400
}

.star00,
.star05,
.star10,
.star15,
.star20,
.star25,
.star30,
.star35,
.star40,
.star45,
.star50 {
    padding-left: 105px;
    white-space: nowrap
}

.star00 {
    background: url(./images/icon/icon-star00.png) left center no-repeat
}

.star05 {
    background: url(./images/icon/icon-star05.png) left center no-repeat
}

.star10 {
    background: url(./images/icon/icon-star10.png) left center no-repeat
}

.star15 {
    background: url(./images/icon/icon-star15.png) left center no-repeat
}

.star20 {
    background: url(./images/icon/icon-star20.png) left center no-repeat
}

.star25 {
    background: url(./images/icon/icon-star25.png) left center no-repeat
}

.star30 {
    background: url(./images/icon/icon-star30.png) left center no-repeat
}

.star35 {
    background: url(./images/icon/icon-star35.png) left center no-repeat
}

.star40 {
    background: url(./images/icon/icon-star40.png) left center no-repeat
}

.star45 {
    background: url(./images/icon/icon-star45.png) left center no-repeat
}

.star50 {
    background: url(./images/icon/icon-star50.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .star00 {
        background: url(./images/icon/icon-star00@2x.png) left center no-repeat
    }

    .star05 {
        background: url(./images/icon/icon-star05@2x.png) left center no-repeat
    }

    .star10 {
        background: url(./images/icon/icon-star10@2x.png) left center no-repeat
    }

    .star15 {
        background: url(./images/icon/icon-star15@2x.png) left center no-repeat
    }

    .star20 {
        background: url(./images/icon/icon-star20@2x.png) left center no-repeat
    }

    .star25 {
        background: url(./images/icon/icon-star25@2x.png) left center no-repeat
    }

    .star30 {
        background: url(./images/icon/icon-star30@2x.png) left center no-repeat
    }

    .star35 {
        background: url(./images/icon/icon-star35@2x.png) left center no-repeat
    }

    .star40 {
        background: url(./images/icon/icon-star40@2x.png) left center no-repeat
    }

    .star45 {
        background: url(./images/icon/icon-star45@2x.png) left center no-repeat
    }

    .star50 {
        background: url(./images/icon/icon-star50@2x.png) left center no-repeat
    }

    .star00,
    .star05,
    .star10,
    .star15,
    .star20,
    .star25,
    .star30,
    .star35,
    .star40,
    .star45,
    .star50 {
        -webkit-background-size: 97px 17px;
        background-size: 97px 17px
    }
}

.item-data {
    margin-bottom: 1em
}

.item-data dl,
.item-data dt,
.item-data dd {
    margin: 0
}

.item-data dt,
.item-data dd {
    display: inline-block
}

.item-data dd {
    padding-left: 0
}

.comparative-list01 .rank-desc,
.comparative-list02 .rank-desc {
    overflow: visible
}

.main-body .review-desc-title {
    overflow: hidden;
    margin-top: 0;
    margin-bottom: 1em;
    padding: 0 0 0 14px;
    border: none;
    border-left: 4px solid #fb8e2d;
    background: none;
    font-weight: 400;
    font-size: 1.125em
}

.comparative-list01>li .rank-title {
    padding-left: 60px
}

.comparative-list01 .rank01 .rank-title {
    background: url(./images/icon/icon-rank01-01.png) left top no-repeat
}

.comparative-list01 .rank02 .rank-title {
    background: url(./images/icon/icon-rank01-02.png) left top no-repeat
}

.comparative-list01 .rank03 .rank-title {
    background: url(./images/icon/icon-rank01-03.png) left top no-repeat
}

.comparative-list01 .rank04 .rank-title {
    background: url(./images/icon/icon-rank01-04.png) left top no-repeat
}

.comparative-list01 .rank05 .rank-title {
    background: url(./images/icon/icon-rank01-05.png) left top no-repeat
}

.comparative-list01 .rank06 .rank-title {
    background: url(./images/icon/icon-rank01-06.png) left top no-repeat
}

.comparative-list01 .rank07 .rank-title {
    background: url(./images/icon/icon-rank01-07.png) left top no-repeat
}

.comparative-list01 .rank08 .rank-title {
    background: url(./images/icon/icon-rank01-08.png) left top no-repeat
}

.comparative-list01 .rank09 .rank-title {
    background: url(./images/icon/icon-rank01-09.png) left top no-repeat
}

.comparative-list01 .rank10 .rank-title {
    background: url(./images/icon/icon-rank01-10.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .comparative-list01 .rank01 .rank-title {
        background: url(./images/icon/icon-rank01-01@2x.png) left top no-repeat
    }

    .comparative-list01 .rank02 .rank-title {
        background: url(./images/icon/icon-rank01-02@2x.png) left top no-repeat
    }

    .comparative-list01 .rank03 .rank-title {
        background: url(./images/icon/icon-rank01-03@2x.png) left top no-repeat
    }

    .comparative-list01 .rank04 .rank-title {
        background: url(./images/icon/icon-rank01-04@2x.png) left top no-repeat
    }

    .comparative-list01 .rank05 .rank-title {
        background: url(./images/icon/icon-rank01-05@2x.png) left top no-repeat
    }

    .comparative-list01 .rank06 .rank-title {
        background: url(./images/icon/icon-rank01-06@2x.png) left top no-repeat
    }

    .comparative-list01 .rank07 .rank-title {
        background: url(./images/icon/icon-rank01-07@2x.png) left top no-repeat
    }

    .comparative-list01 .rank08 .rank-title {
        background: url(./images/icon/icon-rank01-08@2x.png) left top no-repeat
    }

    .comparative-list01 .rank09 .rank-title {
        background: url(./images/icon/icon-rank01-09@2x.png) left top no-repeat
    }

    .comparative-list01 .rank10 .rank-title {
        background: url(./images/icon/icon-rank01-10@2x.png) left top no-repeat
    }

    .comparative-list01 .rank01 .rank-title,
    .comparative-list01 .rank02 .rank-title,
    .comparative-list01 .rank03 .rank-title,
    .comparative-list01 .rank04 .rank-title,
    .comparative-list01 .rank05 .rank-title,
    .comparative-list01 .rank06 .rank-title,
    .comparative-list01 .rank07 .rank-title,
    .comparative-list01 .rank08 .rank-title,
    .comparative-list01 .rank09 .rank-title,
    .comparative-list01 .rank10 .rank-title {
        -webkit-background-size: 48px 40px;
        background-size: 48px 40px
    }
}

.comparative-list02>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-01.png)
}

.comparative-list02>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-02.png)
}

.comparative-list02>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-03.png)
}

.comparative-list02>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-04.png)
}

.comparative-list02>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-05.png)
}

.comparative-list02>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-06.png)
}

.comparative-list02>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-07.png)
}

.comparative-list02>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-08.png)
}

.comparative-list02>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-09.png)
}

.comparative-list02>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank05-10.png)
}

.sub-conts .comparative-list02>.rank01.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-01.png)
}

.sub-conts .comparative-list02>.rank02.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-02.png)
}

.sub-conts .comparative-list02>.rank03.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-03.png)
}

.sub-conts .comparative-list02>.rank04.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-04.png)
}

.sub-conts .comparative-list02>.rank05.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-05.png)
}

.sub-conts .comparative-list02>.rank06.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-06.png)
}

.sub-conts .comparative-list02>.rank07.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-07.png)
}

.sub-conts .comparative-list02>.rank08.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-08.png)
}

.sub-conts .comparative-list02>.rank09.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-09.png)
}

.sub-conts .comparative-list02>.rank10.on-image .rank-thumb:before {
    content: url(./images/icon/icon-rank06-10.png)
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .comparative-list02>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-01@2x.png)
    }

    .comparative-list02>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-02@2x.png)
    }

    .comparative-list02>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-03@2x.png)
    }

    .comparative-list02>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-04@2x.png)
    }

    .comparative-list02>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-05@2x.png)
    }

    .comparative-list02>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-06@2x.png)
    }

    .comparative-list02>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-07@2x.png)
    }

    .comparative-list02>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-08@2x.png)
    }

    .comparative-list02>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-09@2x.png)
    }

    .comparative-list02>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank05-10@2x.png)
    }

    .comparative-list02>.rank01.on-image .rank-thumb:before,
    .comparative-list02>.rank02.on-image .rank-thumb:before,
    .comparative-list02>.rank03.on-image .rank-thumb:before,
    .comparative-list02>.rank04.on-image .rank-thumb:before,
    .comparative-list02>.rank05.on-image .rank-thumb:before,
    .comparative-list02>.rank06.on-image .rank-thumb:before,
    .comparative-list02>.rank07.on-image .rank-thumb:before,
    .comparative-list02>.rank08.on-image .rank-thumb:before,
    .comparative-list02>.rank09.on-image .rank-thumb:before,
    .comparative-list02>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 48px;
        height: 48px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }

    .sub-conts .comparative-list02>.rank01.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-01@2x.png)
    }

    .sub-conts .comparative-list02>.rank02.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-02@2x.png)
    }

    .sub-conts .comparative-list02>.rank03.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-03@2x.png)
    }

    .sub-conts .comparative-list02>.rank04.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-04@2x.png)
    }

    .sub-conts .comparative-list02>.rank05.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-05@2x.png)
    }

    .sub-conts .comparative-list02>.rank06.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-06@2x.png)
    }

    .sub-conts .comparative-list02>.rank07.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-07@2x.png)
    }

    .sub-conts .comparative-list02>.rank08.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-08@2x.png)
    }

    .sub-conts .comparative-list02>.rank09.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-09@2x.png)
    }

    .sub-conts .comparative-list02>.rank10.on-image .rank-thumb:before {
        background: url(./images/icon/icon-rank06-10@2x.png)
    }

    .sub-conts .comparative-list02>.rank01.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank02.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank03.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank04.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank05.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank06.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank07.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank08.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank09.on-image .rank-thumb:before,
    .sub-conts .comparative-list02>.rank10.on-image .rank-thumb:before {
        display: inline-block;
        width: 30px;
        height: 30px;
        vertical-align: middle;
        -webkit-background-size: contain;
        background-size: contain;
        content: " "
    }
}

.interval img {
    display: block;
    margin: 60px auto
}

.check-list,
.check-list-l {
    margin-left: 0
}

.check-list li,
.check-list-l li {
    list-style: none
}

.check-list li {
    margin-bottom: 1em;
    padding-left: 32px;
    background: url(./images/icon/icon-check-list.png) left 3px no-repeat
}

.check-list-l li {
    margin-bottom: 2em;
    padding: 10px 0 10px 55px;
    background: url(./images/icon/icon-check-list-l.png) left 3px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .check-list li {
        background: url(./images/icon/icon-check-list@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .check-list-l li {
        background: url(./images/icon/icon-check-list-l@2x.png) left 3px no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.qa-list dt {
    display: block;
    margin-bottom: 30px;
    padding: 10px 0 10px 65px;
    background: url(./images/icon/icon-q.png) left 3px no-repeat;
    font-size: 1.25em
}

.qa-list dd {
    margin-left: 0;
    margin-bottom: 70px;
    padding: 10px 0 10px 65px;
    background: url(./images/icon/icon-a.png) left 3px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .qa-list dt {
        background: url(./images/icon/icon-q@2x.png) left 3px no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }

    .qa-list dd {
        background: url(./images/icon/icon-a@2x.png) left 3px no-repeat;
        -webkit-background-size: 48px 49px;
        background-size: 48px 49px
    }
}

.flow-chart {
    margin-left: 0
}

.flow-chart li {
    list-style: none;
    margin-bottom: 20px;
    padding-bottom: 60px;
    background: url(./images/icon/icon-arrow-b-chart.png) center bottom no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .flow-chart li {
        background: url(./images/icon/icon-arrow-b-chart@2x.png) center bottom no-repeat;
        -webkit-background-size: 161px 40px;
        background-size: 161px 40px
    }
}

.flow-chart li.end,
.flow-chart li:last-child {
    padding-bottom: 0;
    background: none
}

.flow-chart .process-box {
    padding: 30px;
    background-color: #a3a3a3;
    color: #fff
}

.info-box {
    padding: 30px 20px;
    background: url(./images/common/bg-cast-box.png) #eee
}

.trailer-text {
    font-weight: 700;
    font-size: 1.25em
}

.trailer-text-l {
    font-weight: 700;
    font-size: 1.5em
}

.related-thumb {
    overflow: hidden;
    width: 100%;
    border: 1px solid #ccc
}

.related-thumb img {
    display: block;
    max-width: none;
    margin: auto
}

.related-articles-thumbs01 ul {
    margin-left: 0
}

.related-articles-thumbs01 li {
    list-style: none
}

.related-articles-thumbs01 img {
    width: auto;
    max-height: 100px
}

.related-articles-thumbs01 .related-thumb {
    float: left;
    width: 100px;
    margin-right: 20px;
    margin-bottom: 20px
}

.related-articles-thumbs02 ul {
    overflow: hidden;
    margin-left: 0
}

.related-articles-thumbs02 li {
    list-style: none;
    float: left;
    width: 30%;
    margin-left: 5%
}

.related-articles-thumbs02 li:first-child {
    margin-left: 0
}

.related-articles-thumbs02 img {
    width: auto;
    max-height: 160px
}

.voice-box {
    padding: 30px;
    background: #eee
}

.voice-content {
    overflow: hidden
}

.col-onimage>.col {
    position: relative;
    overflow: hidden
}

.col-onimage>.col .text-onimage {
    position: absolute;
    bottom: 0;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 100%;
    margin: 0;
    padding: 10px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .col-onimage>.col .text-onimage {
    background-color: rgba(0, 0, 0, 0.5)
}

.col-onimage02>.col {
    background-position: center center;
    background-size: cover
}

.col-onimage02>.col .text-onimage {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    margin: 0;
    padding: 20px;
    background-color: rgba(0, 0, 0, 0.5);
    background-color: #000000\9;
    color: #fff
}

html:not(:target) .col-onimage02>.col .text-onimage {
    background-color: rgba(0, 0, 0, 0.5)
}

.col-onimage>.col .text-onimage a,
.col-onimage02>.col a {
    color: #fff
}

.col-onimage>.col .text-onimage a:hover,
.col-onimage>.col .text-onimage a:active,
.col-onimage>.col .text-onimage a:focus,
.col-onimage02>.col a:hover,
.col-onimage02>.col a:active,
.col-onimage02>.col a:focus {
    color: #f60
}

.link-next {
    text-align: right
}

.link-next a {
    padding-left: 13px;
    background: url(./images/icon/icon-arw-next.png) left 6px no-repeat
}

.link-back a {
    padding-left: 13px;
    background: url(./images/icon/icon-arw-prev.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .link-next a {
        background: url(./images/icon/icon-arw-next@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }

    .link-back a {
        background: url(./images/icon/icon-arw-prev@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.page-nav ol {
    margin-left: 0;
    text-align: center
}

.page-nav li {
    display: inline-block;
    margin-right: 10px;
    padding: 4px 8px;
    border: 1px solid #c1c1c1
}

.page-nav li:last-child {
    margin-right: 0
}

.page-nav li a {
    display: block;
    margin: -4px -8px;
    padding: 4px 8px;
    color: #333;
    text-decoration: none
}

.current,
.page-nav li a:hover,
.page-nav li a:active,
.page-nav li a:focus {
    background: #c1c1c1;
    color: #fff
}

.page-nav-bf ul {
    margin-left: 0
}

.page-nav-bf li {
    list-style: none
}

.page-nav-next {
    float: right;
    padding-right: 13px;
    background: url(./images/icon/icon-arw-next.png) right center no-repeat
}

.page-nav-prev {
    float: left;
    padding-left: 13px;
    background: url(./images/icon/icon-arw-prev.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .page-nav-next {
        background: url(./images/icon/icon-arw-next@2x.png) right center no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }

    .page-nav-prev {
        background: url(./images/icon/icon-arw-prev@2x.png) left center no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.single .article-body,
.page .article-body {
    margin-bottom: 40px
}

.keni-relatedposts-list li p {
    overflow: hidden
}

.keni-relatedposts-list li p a[target="_blank"] {
    padding: 3px;
    padding-right: 15px;
    background: url(./images/icon/icon-outbound-link.png) right center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .keni-relatedposts-list li p a[target="_blank"] {
        background: url(./images/icon/icon-outbound-link@2x.png) right center no-repeat;
        -webkit-background-size: 12px 13px;
        background-size: 12px 13px
    }
}

.cont-nav {
    padding-top: 40px;
    border-top: 1px solid #ccc
}

.post-toc {
    margin-bottom: 40px;
    padding: 30px 20px;
    background: url(./images/common/bg-cast-box.png) #eee
}

.comment-form-author,
.comment-form-mail,
.comment-form-url {
    margin-bottom: 2em
}

.comment-form-author p,
.comment-form-mail p,
.comment-form-url p {
    margin-bottom: 0
}

.alignleft {
    float: left;
    margin: 0 0 1em
}

.alignright {
    float: right;
    margin: 0 0 1em
}

.aligncenter {
    display: block;
    float: none;
    margin-right: auto;
    margin-bottom: 1em;
    margin-left: auto
}

.post-tag a {
    word-break: break-all
}

.commentlist,
.commentlist .children {
    margin-left: 0
}

.commentlist {
    border-bottom: 1px solid #ccc
}

.commentlist li {
    list-style: none;
    margin-bottom: 1em;
    padding-bottom: 1em;
    border-bottom: 1px dotted #ccc
}

.commentlist li:last-child,
.commentlist ul li:last-child {
    padding-bottom: 0;
    border-bottom: 0
}

.reply a {
    padding-left: 13px;
    background: url(./images/icon/icon-arw-next.png) left 6px no-repeat
}

.commentlist .children {
    margin-top: 1em;
    padding-top: 1em;
    padding-left: 40px;
    border-top: 1px solid #ccc
}

.rsswidget img {
    vertical-align: baseline
}

.sub-conts .widget_recent_entries ul,
.sub-conts .widget_rss ul,
.sub-conts .widget_archive ul,
.sub-conts .widget_recent_comments ul,
.sub-conts .widget_nav_menu ul {
    margin-left: 0;
    padding-left: 0
}

.sub-conts .widget_recent_entries li,
.sub-conts .widget_rss li,
.sub-conts .widget_archive li,
.sub-conts .widget_recent_comments li,
.sub-conts .widget_nav_menu li {
    list-style: none;
    margin-bottom: 1em;
    padding-left: 13px;
    background: url(./images/icon/icon-list-arw.png) left 6px no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {

    .sub-conts .widget_recent_entries li,
    .sub-conts .widget_rss li,
    .sub-conts .widget_archive li,
    .sub-conts .widget_recent_comments li,
    .sub-conts .widget_nav_menu li {
        background: url(./images/icon/icon-list-arw@2x.png) left 6px no-repeat;
        -webkit-background-size: 7px 10px;
        background-size: 7px 10px
    }
}

.sub-conts .widget_recent_entries ul ul,
.sub-conts .widget_rss ul ul,
.sub-conts .widget_archive ul ul,
.sub-conts .widget_recent_comments ul ul,
.sub-conts .widget_nav_menu ul ul {
    margin-top: 1em;
    margin-left: 10px
}

.num-pv {
    font-size: .8em
}

.calendar,
.calendar_wrap table {
    background: #fff;
    font-size: .875em
}

.calendar caption,
.widget_calendar caption {
    font-weight: 700
}

.calendar th,
.calendar td,
.widget_calendar th,
.widget_calendar td {
    padding: 10px 0;
    text-align: center
}

.calendar tfoot td,
.widget_calendar tfoot td {
    padding: 10px;
    border-right-width: 0;
    text-align: left
}

.calendar tfoot td:last-child,
.widget_calendar tfoot td:last-child {
    border-right-width: 1px;
    text-align: right
}

.calendar td a,
.widget_calendar tfoot td a {
    display: block;
    margin: -10px 0;
    padding: 10px 0
}

.link-pages {
    margin-top: 2em;
    text-align: center;
    line-height: 1.2
}

.link-pages span {
    display: inline-block;
    margin-left: 0
}

.link-pages a,
.link-pages span {
    display: inline-block;
    margin-right: 10px;
    margin-bottom: .5em;
    padding: 4px 8px;
    border: 1px solid #c1c1c1;
    text-decoration: none
}

.link-pages span,
.link-pages a:hover,
.link-pages a:active,
.link-pages a:focus {
    background: #c1c1c1;
    color: #fff
}

.link-pages a span {
    display: inline;
    margin-right: 0;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit
}

.link-pages .link-pages-cap {
    display: inline-block;
    margin-right: 10px;
    padding: 0;
    border: 0;
    background: transparent;
    color: inherit
}

.wp-caption {
    max-width: 100%
}

.note {
    display: block;
    padding-left: 1em;
    text-indent: -1em
}

.note2 {
    display: block;
    padding-left: 2em;
    text-indent: -2em
}

.warning,
.error {
    color: #e53935 !important
}

.required {
    display: inline-block;
    color: #e53935 !important
}

.dot {
    position: relative;
    padding-top: 5px
}

.dot:before {
    position: absolute;
    top: 0;
    left: 50%;
    width: .2em;
    height: .2em;
    margin-left: -.1em;
    background: #333;
    border-radius: 50%;
    content: ""
}

.shadow {
    box-shadow: 4px 4px 0 #e9e9e9
}

.shadow02 {
    box-shadow: 0 0 4px #666
}

.outline {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 1px solid #ccc
}

.frame {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    max-width: 95%;
    padding: 8px;
    background: #fff;
    box-shadow: 0 0 8px #666
}

.border {
    border: 1px solid #ccc
}

img.resize10,
html:not(:target) img.resize10 {
    height: auto;
    max-width: 10%
}

img.resize20,
html:not(:target) img.resize20 {
    height: auto;
    max-width: 20%
}

img.resize30,
html:not(:target) img.resize30 {
    height: auto;
    max-width: 30%
}

img.resize40,
html:not(:target) img.resize40 {
    height: auto;
    max-width: 40%
}

img.resize50,
html:not(:target) img.resize50 {
    height: auto;
    max-width: 50%
}

img.resize60,
html:not(:target) img.resize60 {
    height: auto;
    max-width: 60%
}

img.resize70,
html:not(:target) img.resize70 {
    height: auto;
    max-width: 70%
}

img.resize80,
html:not(:target) img.resize80 {
    height: auto;
    max-width: 80%
}

img.resize90,
html:not(:target) img.resize90 {
    height: auto;
    max-width: 90%
}

.circle {
    border-radius: 50%
}

.rc4 {
    border-radius: 4px
}

.rc4-tl {
    border-top-left-radius: 4px
}

.rc4-tr {
    border-top-right-radius: 4px
}

.rc4-bl {
    border-bottom-left-radius: 4px
}

.rc4-br {
    border-bottom-right-radius: 4px
}

.rc8 {
    border-radius: 8px
}

.rc8-tl {
    border-top-left-radius: 8px
}

.rc8-tr {
    border-top-right-radius: 8px
}

.rc8-bl {
    border-bottom-left-radius: 8px
}

.rc8-br {
    border-bottom-right-radius: 8px
}

.rc12 {
    border-radius: 12px
}

.rc12-tl {
    border-top-left-radius: 12px
}

.rc12-tr {
    border-top-right-radius: 12px
}

.rc12-bl {
    border-bottom-left-radius: 12px
}

.rc12-br {
    border-bottom-right-radius: 12px
}

.rc50 {
    border-radius: 50px
}

.transparent-panel-wrap {
    padding: 1em;
    background: url(./images/sample09.jpg) center center;
    -webkit-background-size: cover;
    background-size: cover
}

.transparent-panel {
    padding: 1em;
    background-color: rgba(255, 255, 255, 0.7);
    background-color: #ffffff\9
}

html:not(:target) .transparent-panel {
    background-color: rgba(255, 255, 255, 0.7)
}

.fl-l {
    float: left;
    margin: 0 1em 1em 0
}

.fl-r {
    float: right;
    margin: 0 0 1em 1em
}

.fl-c {
    clear: both
}

.left {
    float: left;
    margin: 0 0 1em
}

.right {
    float: right;
    margin: 0 0 1em 1em
}

.al-l {
    text-align: left
}

.al-r {
    text-align: right
}

.al-c {
    text-align: center
}

.vl-t {
    vertical-align: top !important
}

.vl-m {
    vertical-align: middle !important
}

.vl-b {
    vertical-align: bottom !important
}

.m0 {
    margin: 0 !important
}

.m0-t {
    margin-top: 0 !important
}

.m0-r {
    margin-right: 0 !important
}

.m0-b {
    margin-bottom: 0 !important
}

.m0-l {
    margin-left: 0 !important
}

.m5 {
    margin: 5px !important
}

.m5-t {
    margin-top: 5px !important
}

.m5-r {
    margin-right: 5px !important
}

.m5-b {
    margin-bottom: 5px !important
}

.m5-l {
    margin-left: 5px !important
}

.m10 {
    margin: 10px !important
}

.m10-t {
    margin-top: 10px !important
}

.m10-r {
    margin-right: 10px !important
}

.m10-b {
    margin-bottom: 10px !important
}

.m10-l {
    margin-left: 10px !important
}

.m15 {
    margin: 15px !important
}

.m15-t {
    margin-top: 15px !important
}

.m15-r {
    margin-right: 15px !important
}

.m15-b {
    margin-bottom: 15px !important
}

.m15-l {
    margin-left: 15px !important
}

.m20 {
    margin: 20px !important
}

.m20-t {
    margin-top: 20px !important
}

.m20-r {
    margin-right: 20px !important
}

.m20-b {
    margin-bottom: 20px !important
}

.m20-l {
    margin-left: 20px !important
}

.m25 {
    margin: 25px !important
}

.m25-t {
    margin-top: 25px !important
}

.m25-r {
    margin-right: 25px !important
}

.m25-b {
    margin-bottom: 25px !important
}

.m25-l {
    margin-left: 25px !important
}

.m30 {
    margin: 30px !important
}

.m30-t {
    margin-top: 30px !important
}

.m30-r {
    margin-right: 30px !important
}

.m30-b {
    margin-bottom: 30px !important
}

.m30-l {
    margin-left: 30px !important
}

.m40 {
    margin: 40px !important
}

.m40-t {
    margin-top: 40px !important
}

.m40-r {
    margin-right: 40px !important
}

.m40-b {
    margin-bottom: 40px !important
}

.m40-l {
    margin-left: 40px !important
}

.m50 {
    margin: 50px !important
}

.m50-t {
    margin-top: 50px !important
}

.m50-r {
    margin-right: 50px !important
}

.m50-b {
    margin-bottom: 50px !important
}

.m50-l {
    margin-left: 50px !important
}

.m60 {
    margin: 60px !important
}

.m60-t {
    margin-top: 60px !important
}

.m60-r {
    margin-right: 60px !important
}

.m60-b {
    margin-bottom: 60px !important
}

.m60-l {
    margin-left: 60px !important
}

.m70 {
    margin: 70px !important
}

.m70-t {
    margin-top: 70px !important
}

.m70-r {
    margin-right: 70px !important
}

.m70-b {
    margin-bottom: 70px !important
}

.m70-l {
    margin-left: 70px !important
}

.m80 {
    margin: 80px !important
}

.m80-t {
    margin-top: 80px !important
}

.m80-r {
    margin-right: 80px !important
}

.m80-b {
    margin-bottom: 80px !important
}

.m80-l {
    margin-left: 80px !important
}

.m90 {
    margin: 90px !important
}

.m90-t {
    margin-top: 90px !important
}

.m90-r {
    margin-right: 90px !important
}

.m90-b {
    margin-bottom: 90px !important
}

.m90-l {
    margin-left: 90px !important
}

.m100 {
    margin: 100px !important
}

.m100-t {
    margin-top: 100px !important
}

.m100-r {
    margin-right: 100px !important
}

.m100-b {
    margin-bottom: 100px !important
}

.m100-l {
    margin-left: 100px !important
}

.m120 {
    margin: 120px !important
}

.m120-t {
    margin-top: 120px !important
}

.m120-r {
    margin-right: 120px !important
}

.m120-b {
    margin-bottom: 120px !important
}

.m120-l {
    margin-left: 120px !important
}

.m150 {
    margin: 150px !important
}

.m150-t {
    margin-top: 150px !important
}

.m150-r {
    margin-right: 150px !important
}

.m150-b {
    margin-bottom: 150px !important
}

.m150-l {
    margin-left: 150px !important
}

.m200 {
    margin: 200px !important
}

.m200-t {
    margin-top: 200px !important
}

.m200-r {
    margin-right: 200px !important
}

.m200-b {
    margin-bottom: 200px !important
}

.m200-l {
    margin-left: 200px !important
}

.m300 {
    margin: 300px !important
}

.m300-t {
    margin-top: 300px !important
}

.m300-r {
    margin-right: 300px !important
}

.m300-b {
    margin-bottom: 300px !important
}

.m300-l {
    margin-left: 300px !important
}

.p0 {
    padding: 0 !important
}

.p0-t {
    padding-top: 0 !important
}

.p0-r {
    padding-right: 0 !important
}

.p0-b {
    padding-bottom: 0 !important
}

.p0-l {
    padding-left: 0 !important
}

.p5 {
    padding: 5px !important
}

.p5-t {
    padding-top: 5px !important
}

.p5-r {
    padding-right: 5px !important
}

.p5-b {
    padding-bottom: 5px !important
}

.p5-l {
    padding-left: 5px !important
}

.p10 {
    padding: 10px !important
}

.p10-t {
    padding-top: 10px !important
}

.p10-r {
    padding-right: 10px !important
}

.p10-b {
    padding-bottom: 10px !important
}

.p10-l {
    padding-left: 10px !important
}

.p15 {
    padding: 15px !important
}

.p15-t {
    padding-top: 15px !important
}

.p15-r {
    padding-right: 15px !important
}

.p15-b {
    padding-bottom: 15px !important
}

.p15-l {
    padding-left: 15px !important
}

.p20 {
    padding: 20px !important
}

.p20-t {
    padding-top: 20px !important
}

.p20-r {
    padding-right: 20px !important
}

.p20-b {
    padding-bottom: 20px !important
}

.p20-l {
    padding-left: 20px !important
}

.p25 {
    padding: 25px !important
}

.p25-t {
    padding-top: 25px !important
}

.p25-r {
    padding-right: 25px !important
}

.p25-b {
    padding-bottom: 25px !important
}

.p25-l {
    padding-left: 25px !important
}

.p30 {
    padding: 30px !important
}

.p30-t {
    padding-top: 30px !important
}

.p30-r {
    padding-right: 30px !important
}

.p30-b {
    padding-bottom: 30px !important
}

.p30-l {
    padding-left: 30px !important
}

.p40 {
    padding: 40px !important
}

.p40-t {
    padding-top: 40px !important
}

.p40-r {
    padding-right: 40px !important
}

.p40-b {
    padding-bottom: 40px !important
}

.p40-l {
    padding-left: 40px !important
}

.p50 {
    padding: 50px !important
}

.p50-t {
    padding-top: 50px !important
}

.p50-r {
    padding-right: 50px !important
}

.p50-b {
    padding-bottom: 50px !important
}

.p50-l {
    padding-left: 50px !important
}

.p60 {
    padding: 60px !important
}

.p60-t {
    padding-top: 60px !important
}

.p60-r {
    padding-right: 60px !important
}

.p60-b {
    padding-bottom: 60px !important
}

.p60-l {
    padding-left: 60px !important
}

.p70 {
    padding: 70px !important
}

.p70-t {
    padding-top: 70px !important
}

.p70-r {
    padding-right: 70px !important
}

.p70-b {
    padding-bottom: 70px !important
}

.p70-l {
    padding-left: 70px !important
}

.p80 {
    padding: 80px !important
}

.p80-t {
    padding-top: 80px !important
}

.p80-r {
    padding-right: 80px !important
}

.p80-b {
    padding-bottom: 80px !important
}

.p80-l {
    padding-left: 80px !important
}

.p90 {
    padding: 90px !important
}

.p90-t {
    padding-top: 90px !important
}

.p90-r {
    padding-right: 90px !important
}

.p90-b {
    padding-bottom: 90px !important
}

.p90-l {
    padding-left: 90px !important
}

.p100 {
    padding: 100px !important
}

.p100-t {
    padding-top: 100px !important
}

.p100-r {
    padding-right: 100px !important
}

.p100-b {
    padding-bottom: 100px !important
}

.p100-l {
    padding-left: 100px !important
}

.b {
    font-weight: 700 !important
}

.normal {
    font-weight: 400 !important
}

.big {
    font-size: 1.2em !important
}

.big2 {
    font-size: 1.5em !important
}

.big3 {
    font-size: 1.8em !important
}

.small {
    font-size: .8em !important
}

.f08em {
    font-size: .8em
}

.f09em {
    font-size: .9em
}

.f10em {
    font-size: 1em
}

.f11em {
    font-size: 1.1em
}

.f12em {
    font-size: 1.2em
}

.f13em {
    font-size: 1.3em
}

.f14em {
    font-size: 1.4em
}

.f15em {
    font-size: 1.5em
}

.f16em {
    font-size: 1.6em
}

.f17em {
    font-size: 1.7em
}

.f18em {
    font-size: 1.8em
}

.f19em {
    font-size: 1.9em
}

.f20em {
    font-size: 2em
}

.f21em {
    font-size: 2.1em
}

.f22em {
    font-size: 2.2em
}

.f23em {
    font-size: 2.3em
}

.f24em {
    font-size: 2.4em
}

.f25em {
    font-size: 2.5em
}

.f26em {
    font-size: 2.6em
}

.f27em {
    font-size: 2.7em
}

.f28em {
    font-size: 2.8em
}

.f29em {
    font-size: 2.9em
}

.f30em {
    font-size: 3em
}

.f8pt {
    font-size: 8.5pt
}

.f9pt {
    font-size: 9pt
}

.f10pt {
    font-size: 10pt
}

.f11pt {
    font-size: 11pt
}

.f12pt {
    font-size: 12pt
}

.f13pt {
    font-size: 13pt
}

.f14pt {
    font-size: 14pt
}

.f15pt {
    font-size: 15pt
}

.f16pt {
    font-size: 16pt
}

.f17pt {
    font-size: 17pt
}

.f18pt {
    font-size: 18pt
}

.f19pt {
    font-size: 19pt
}

.f20pt {
    font-size: 20pt
}

.f21pt {
    font-size: 21pt
}

.f22pt {
    font-size: 22pt
}

.f23pt {
    font-size: 23pt
}

.f24pt {
    font-size: 24pt
}

.red {
    color: #e53935 !important
}

.blue {
    color: #00d !important
}

.green {
    color: #4caf50 !important
}

.yellow {
    color: #ff0 !important
}

.navy {
    color: #3f51b5 !important
}

.orange {
    color: #ff9800 !important
}

.pink {
    color: #ec407a !important
}

.purple {
    color: #9c27b0 !important
}

.olive {
    color: olive !important
}

.lime {
    color: #0f0 !important
}

.aqua {
    color: #00bcd4 !important
}

.black {
    color: #000 !important
}

.gray {
    color: #ccc !important
}

.white {
    color: #fff !important
}

.brown {
    color: #6d4c33 !important
}

.box-yellow,
.box-orange,
.box-pink,
.box-lime,
.box-gray {
    padding: 2px
}

.box-yellow {
    background-color: #ff6
}

.box-orange {
    background-color: #f90
}

.box-pink {
    background-color: #fcf
}

.box-lime {
    background-color: #9f9
}

.box-gray {
    background-color: #ccc
}

.lh10 {
    line-height: 1 !important
}

.lh11 {
    line-height: 1.1 !important
}

.lh12 {
    line-height: 1.2 !important
}

.lh13 {
    line-height: 1.3 !important
}

.lh14 {
    line-height: 1.4 !important
}

.lh15 {
    line-height: 1.5 !important
}

.lh16 {
    line-height: 1.6 !important
}

.lh17 {
    line-height: 1.7 !important
}

.lh18 {
    line-height: 1.8 !important
}

.lh19 {
    line-height: 1.9 !important
}

.lh20 {
    line-height: 2 !important
}

.w05 {
    width: 5%
}

.w10 {
    width: 10%
}

.w15 {
    width: 15%
}

.w20 {
    width: 20%
}

.w25 {
    width: 25%
}

.w30 {
    width: 30%
}

.w35 {
    width: 35%
}

.w40 {
    width: 40%
}

.w45 {
    width: 45%
}

.w50 {
    width: 50%
}

.w55 {
    width: 55%
}

.w60 {
    width: 60%
}

.w65 {
    width: 65%
}

.w70 {
    width: 70%
}

.w75 {
    width: 75%
}

.w80 {
    width: 80%
}

.w85 {
    width: 85%
}

.w90 {
    width: 90%
}

.w95 {
    width: 95%
}

.w100 {
    width: 100%
}

.underline {
    text-decoration: underline !important
}

.del {
    text-decoration: line-through
}

.noborder {
    border: 0 !important
}

.z1 {
    z-index: 1 !important
}

.z2 {
    z-index: 2 !important
}

.z3 {
    z-index: 3 !important
}

.z4 {
    z-index: 4 !important
}

.z5 {
    z-index: 5 !important
}

.z10 {
    z-index: 10 !important
}

.z20 {
    z-index: 20 !important
}

.z30 {
    z-index: 30 !important
}

.z40 {
    z-index: 40 !important
}

.z50 {
    z-index: 50 !important
}

.inline {
    margin: 1em 0;
    padding: 0
}

.inline li {
    display: inline;
    list-style-type: none
}

.none {
    margin: 1em 0;
    padding: 0
}

.none li {
    list-style-type: none
}

.icon-point {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-point.png) left 3px no-repeat
}

.icon-point-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-point-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-point {
        background: url(./images/icon/icon-point@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-point-l {
        background: url(./images/icon/icon-point-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-caution {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-caution.png) left 3px no-repeat
}

.icon-caution-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-caution-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-caution {
        background: url(./images/icon/icon-caution@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-caution-l {
        background: url(./images/icon/icon-caution-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-new {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-new.png) left 3px no-repeat
}

.icon-new-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-new-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-new {
        background: url(./images/icon/icon-new@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-new-l {
        background: url(./images/icon/icon-new-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-wakaba {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-wakaba.png) left 3px no-repeat
}

.icon-wakaba-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-wakaba-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-wakaba {
        background: url(./images/icon/icon-wakaba@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-wakaba-l {
        background: url(./images/icon/icon-wakaba-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-blank {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-blank.png) left 3px no-repeat
}

.icon-blank-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-blank-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-blank {
        background: url(./images/icon/icon-blank@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-blank-l {
        background: url(./images/icon/icon-blank-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-t {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-t.png) left 3px no-repeat
}

.icon-arrow-t-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-t-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-t {
        background: url(./images/icon/icon-arrow-t@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-t-l {
        background: url(./images/icon/icon-arrow-t-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-r {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-r.png) left 3px no-repeat
}

.icon-arrow-r-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-r-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-r {
        background: url(./images/icon/icon-arrow-r@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-r-l {
        background: url(./images/icon/icon-arrow-r-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-b {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-b.png) left 3px no-repeat
}

.icon-arrow-b-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-b-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-b {
        background: url(./images/icon/icon-arrow-b@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-b-l {
        background: url(./images/icon/icon-arrow-b-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-arrow-l {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-arrow-l.png) left 3px no-repeat
}

.icon-arrow-l-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-arrow-l-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-arrow-l {
        background: url(./images/icon/icon-arrow-l@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-arrow-l-l {
        background: url(./images/icon/icon-arrow-l-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-dl {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-dl.png) left 3px no-repeat
}

.icon-dl-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-dl-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-dl {
        background: url(./images/icon/icon-dl@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-dl-l {
        background: url(./images/icon/icon-dl-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-pdf {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-pdf.png) left 3px no-repeat
}

.icon-pdf-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-pdf-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-pdf {
        background: url(./images/icon/icon-pdf@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-pdf-l {
        background: url(./images/icon/icon-pdf-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-zip {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-zip.png) left 3px no-repeat
}

.icon-zip-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-zip-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-zip {
        background: url(./images/icon/icon-zip@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-zip-l {
        background: url(./images/icon/icon-zip-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-mail {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-mail.png) left 3px no-repeat
}

.icon-mail-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-mail-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-mail {
        background: url(./images/icon/icon-mail@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-mail-l {
        background: url(./images/icon/icon-mail-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-cart {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-cart.png) left 3px no-repeat
}

.icon-cart-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-cart-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-cart {
        background: url(./images/icon/icon-cart@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-cart-l {
        background: url(./images/icon/icon-cart-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-search {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-search.png) left 3px no-repeat
}

.icon-search-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-search-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-search {
        background: url(./images/icon/icon-search@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-search-l {
        background: url(./images/icon/icon-search-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-home {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-home.png) left 3px no-repeat
}

.icon-home-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-home-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-home {
        background: url(./images/icon/icon-home@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-home-l {
        background: url(./images/icon/icon-home-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-folder {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-folder.png) left 3px no-repeat
}

.icon-folder-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-folder-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-folder {
        background: url(./images/icon/icon-folder@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-folder-l {
        background: url(./images/icon/icon-folder-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-time {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-time.png) left 3px no-repeat
}

.icon-time-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-time-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-time {
        background: url(./images/icon/icon-time@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-time-l {
        background: url(./images/icon/icon-time-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-calendar {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-calendar.png) left 3px no-repeat
}

.icon-calendar-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-calendar-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-calendar {
        background: url(./images/icon/icon-calendar@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-calendar-l {
        background: url(./images/icon/icon-calendar-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-rss {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-rss.png) left 3px no-repeat
}

.icon-rss-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-rss-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-rss {
        background: url(./images/icon/icon-rss@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-rss-l {
        background: url(./images/icon/icon-rss-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-building {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-building.png) left 3px no-repeat
}

.icon-building-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-building-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-rss {
        background: url(./images/icon/icon-building@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-rss-l {
        background: url(./images/icon/icon-building-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.icon-map {
    padding: 0 0 0 30px;
    background: url(./images/icon/icon-map.png) left 3px no-repeat
}

.icon-map-l {
    padding: 10px 0 10px 60px;
    background: url(./images/icon/icon-map-l.png) left top no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .icon-map {
        background: url(./images/icon/icon-map@2x.png) left 3px no-repeat;
        -webkit-background-size: 24px 24px;
        background-size: 24px 24px
    }

    .icon-map-l {
        background: url(./images/icon/icon-map-l@2x.png) left top no-repeat;
        -webkit-background-size: 48px 48px;
        background-size: 48px 48px
    }
}

.outbound {
    padding: 3px;
    padding-left: 15px;
    background: url(./images/icon/icon-outbound-link.png) left center no-repeat
}

@media screen and (-webkit-min-device-pixel-ratio:2),
(min-resolution:2dppx) {
    .outbound {
        background: url(./images/icon/icon-outbound-link@2x.png) left center no-repeat;
        -webkit-background-size: 12px 13px;
        background-size: 12px 13px
    }
}

.site-header-conts:after,
.main-body-in:after,
.article-body:after,
.section-in:after,
.col4-wrap:after,
.col3-wrap:after,
.col2-wrap:after,
.news-item:after,
.related-articles-thumbs01 li:after,
.btn-area:after,
.page-nav-bf:after,
.navigation:after,
.clearfix:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

a:hover img {
    opacity: .8;
    filter: alpha(opacity=80);
    -ms-filter: “alpha(opacity=80)”
}

article#post-11 table th,
article#post-11 table td {
    text-align: center
}

.sub-conts.sidebar ul {
    margin-left: 0
}

.sub-conts.sidebar ul li {
    list-style: none
}

.easingsliderlite {
    margin-bottom: 20px !important
}

#sp-footer-contact {
    display: none
}

.post-format .table-of-contents-title:before {
    content: '▼';
    color: #444;
    display: inline-block;
    margin-right: 5px
}

.post-format p img {
    display: block;
    margin: auto
}

.post-format p:after {
    content: '';
    display: block;
    clear: both;
    height: 0
}

.post-format p img.alignleft,
.post-format p img.alignright {
    display: initial
}

.post-format .table-of-contents-title {
    background: #fff;
    color: #000;
    font-size: 24px;
    font-weight: normal;
    padding: 10px 0;
    margin-bottom: 0
}

.post-format .content-title {
    background: #fff;
    color: #000;
    font-weight: bold;
    font-size: 26px;
    padding: 10px 0;
    border-bottom: 3px double #ccc
}

.post-format h3 {
    border: none;
    margin-bottom: 0px
}

.post-format h3+p {
    margin-bottom: 30px
}

.main-body {
    margin-top: .5em
}

#header-wrap {
    width: 100%;
    position: fixed;
    top: 0;
    background-color: #fff
}

.site-title {
    background-color: #fff;
    position: relative;
    left: 0;
    top: 0;
    box-sizing: border-box
}

.site-header-in {
    padding-bottom: 0
}

.site-header-conts {
    padding: 0
}

.site-title .brand {
    width: 64%;
    float: left
}

.site-title .store {
    width: 36%;
    float: right
}

.site-title .brand img {
    width: 100%;
    margin-top: 0.5%
}

.site-title .store img {
    width: 100%
}

#global-menu-button {
    display: none
}

#global-menu {
    width: 100%;
    background-color: #8f8f8f;
    border-bottom: 3px solid #fff
}

#global-menu ul {
    width: 100%;
    display: table;
    table-layout: fixed;
    margin: 0;
    border-left: 1px solid #bcbcbc
}

#global-menu .global-menu-in {
    margin: auto;
    width: 1200px
}

#global-menu li ul {
    display: none
}

#global-menu li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: table-cell;
    list-style: none;
    position: relative;
    vertical-align: middle;
    margin: 0;
    border-right: 1px solid #bcbcbc;
    text-align: center
}

#global-menu li ul.hide {
    display: none
}

#global-menu li ul.show {
    display: table
}

#global-menu li ul {
    position: absolute;
    top: 100%;
    left: 0;
    z-index: 10;
    width: 100%;
    border-left: 0
}

#global-menu li ul li {
    display: list-item;
    width: 100%;
    margin: 0;
    padding: 0;
    border-top: 0;
    border-right: 0;
    white-space: normal;
    font-size: 14px
}

#global-menu li a {
    display: block;
    padding: 13px 0 13px 20px;
    color: #fff;
    text-decoration: none;
    display: block;
    min-height: 1.5em;
    padding: 1em;
    background-color: #8f8f8f;
    color: #fff;
    text-decoration: none
}

#global-menu li a:hover {
    background-color: #ddd;
    color: #333
}

.pagination {
    clear: both;
    margin-bottom: 30px;
    padding: 20px 0;
    position: relative;
    font-size: 14px;
    line-height: 13px;
    text-align: center
}

.pagination .pages {
    padding-top: 8px;
    font-size: 16px
}

.pagination span,
.pagination a {
    display: inline-block;
    margin: 2px 3px;
    padding: 9px 9px 8px;
    width: auto;
    color: #222
}

.pagination a {
    text-decoration: none;
    border: 1px solid #222
}

.pagination a:hover {
    color: #fff;
    background: #e41858;
    border-color: #e41858
}

.pagination .current {
    padding: 9px 9px 8px;
    color: #fff;
    background: #222;
    border: 1px solid #222
}