@charset "UTF-8";

iframe {
border: 0
}
hr {
height: 0;
border: 0
}
@media all and (-ms-high-contrast:none) {
body {
font-family: "Lato", "メイリオ", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
}
::-webkit-input-placeholder {
color: #7f7f7f
}
::-moz-placeholder {
color: #7f7f7f;
opacity: 1
}
:-ms-input-placeholder {
color: #7f7f7f
}
.l-header-shadow {
box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.15)
}
.l-header-border {
border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}
.l-header-clone {
position: fixed;
top: 0;
left: 0;
z-index: 999;
width: 100%;
transition: .3s;
transform: translateY(-100%)
}
.l-header-clone.is-show {
transform: translateY(0)
}
.l-wrapper-lp {
margin: 0 15px
}
.divider {
margin-top: 40px;
margin-bottom: 40px
}
.dividerTop {
margin-top: 40px
}
.sticky {
display: block
}
.bypostauthor {
display: block
}
.eyecatch-43:before {
padding-top: 75%
}
.eyecatch-11:before {
padding-top: 100%
}
.eyecatch__link-zoomgray img {
-webkit-filter: grayscale(100%);
filter: grayscale(100%)
}
.eyecatch__link-zoomgray:hover img {
-webkit-filter: grayscale(0);
filter: grayscale(0)
}
.eyecatch__link-zoomsepia img {
-webkit-filter: sepia(100%);
filter: sepia(100%)
}
.eyecatch__link-zoomsepia:hover img {
-webkit-filter: sepia(0);
filter: sepia(0)
}
.eyecatch__link-zoomrotate:hover img {
transform: scale(1.2) rotate(3deg)
}
.eyecatch__link-mask::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: rgba(255, 255, 255, .75);
font-size: 1.5rem;
transition: .6s;
display: flex;
justify-content: center;
align-items: center;
opacity: 0
}
.eyecatch__link-mask:hover::after {
background: rgba(0, 0, 0, 0.5);
opacity: 1
}
.eyecatch__link-mask:hover img {
transform: none
}
.eyecatch__link-maskzoom::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: rgba(255, 255, 255, .75);
font-size: 1.5rem;
transition: .6s;
display: flex;
justify-content: center;
align-items: center;
opacity: 0
}
.eyecatch__link-maskzoom:hover::after {
background: rgba(0, 0, 0, 0.5);
opacity: 1
}
.eyecatch__link-maskzoom img {
transition: .6s
}
.eyecatch__link-maskzoomrotate::after {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
color: rgba(255, 255, 255, .75);
font-size: 1.5rem;
transition: .6s;
display: flex;
justify-content: center;
align-items: center;
opacity: 0
}
.eyecatch__link-maskzoomrotate:hover::after {
background: rgba(0, 0, 0, 0.5);
opacity: 1
}
.eyecatch__link-maskzoomrotate img {
transition: .6s
}
.eyecatch__link-maskzoomrotate:hover img {
transform: scale(1.2) rotate(3deg)
}
.the__category {
position: relative;
display: inline-block;
background: #a83f3f;
margin-bottom: 10px
}
.the__category a {
display: block;
padding: 5px 10px;
color: #fff;
font-size: 1rem;
transition: .15s;
line-height: 1.35
}
.the__category a::before {
font-family: "icomoon";
content: "\e938";
margin-right: 5px
}
.the__category a:hover {
background: rgba(255, 255, 255, 0.25)
}
.the__category-rank {
position: absolute;
top: 0;
left: 3rem;
display: inline-block;
margin-bottom: 0
}
.the__category a {
display: block;
padding: 0 10px;
line-height: 3rem
}
.the__ribbon {
position: absolute;
top: 0;
left: 5px;
display: inline-block;
padding: 7.5px 0;
width: 25px;
text-align: center;
font-size: 15px;
color: #fff;
background: #a83f3f;
z-index: 999
}
.the__ribbon:after {
content: "";
position: absolute;
top: 100%;
left: 0;
height: 0;
width: 0;
border-left: 12.5px solid #a83f3f;
border-right: 12.5px solid #a83f3f;
border-bottom: 5px solid transparent
}
.the__ribbon-right {
left: auto;
right: 0
}
.heading a {
transition: .15s;
display: inline-block;
max-width: 100%;
text-decoration: none;
}
.heading-main {
font-size: 2.4rem;
font-family: "Fjalla One", "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight: normal
}
.heading-main i {
margin-right: 1rem
}
.heading-main span {
font-size: 1.4rem;
margin-left: 1rem;
color: rgba(0, 0, 0, 0.5);
font-weight: bold;
font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"
}
.heading-main.u-white span {
color: #fff
}
.heading-primary span {
font-size: 1rem;
margin-left: 10px;
font-weight: normal
}
.heading-sub {
font-size: 2.4rem;
font-weight: bold;
margin-bottom: 20px;
}
.heading-sub span {
font-size: 1.4rem;
font-weight: 400;
}
.heading-widgetsimple {
font-size: 1.5rem;
margin-bottom: 20px;
background: #a83f3f;
color: #fff;
padding: 10px
}
.heading-widgetsimplewide {
font-size: 1.5rem;
margin: -15px -15px 20px -15px;
background: #a83f3f;
color: #fff;
padding: 10px
}
.heading-widgetwide {
position: relative;
font-size: 1.5rem;
background: #a83f3f;
color: #fff;
padding: 10px 10px 10px 20px;
margin: -15px -15px 20px -15px
}
.heading-widgetwide::before,
.heading-widgetwide::after {
content: "";
position: absolute
}
.heading-widgetwide::before {
top: 2px;
left: 2px;
right: 2px;
bottom: 2px;
border: 1px solid rgba(255, 255, 255, 0.5)
}
.heading-widgetwide::after {
top: 50%;
left: 0;
width: 10px;
height: 6px;
margin-top: -3px;
background: #fff
}
.heading-widgetbottom {
position: relative;
overflow: hidden;
padding-bottom: 10px;
margin-bottom: 20px;
font-size: 1.5rem
}
.heading-widgetbottom::before,
.heading-widgetbottom::after {
content: "";
position: absolute;
bottom: 0
}
.heading-widgetbottom:before {
border-bottom: 3px solid #a83f3f;
width: 100%
}
.heading-widgetbottom:after {
border-bottom: 3px solid #D8D8D8;
width: 100%
}
.heading-widgetborder {
position: relative;
padding: 10px 20px;
margin-bottom: 20px;
font-size: 1.5rem;
text-align: center;
border-top: solid 1px #a83f3f;
border-bottom: solid 1px #a83f3f
}
.heading-widgetborder::before,
.heading-widgetborder::after {
content: "";
position: absolute;
top: -5px;
width: 1px;
height: calc(100% + 10px);
background-color: #a83f3f
}
.heading-widgetborder::before {
left: 5px
}
.heading-widgetborder::after {
right: 5px
}
.heading-slider {
color: #fff;
font-size: 2.8rem;
margin-bottom: 10px;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}
.heading-carousel {}
.heading-pickup3 {
color: #fff;
margin: 0;
padding: 0 10px 10px 10px
}
.heading.heading-pickup3 a:hover {
color: inherit;
animation: flash 1s
}
.heading-custom {
margin-bottom: 0
}
.heading-commonCtr {
font-size: 1.8rem;
margin-bottom: 10px
}
.phrase-bottom {
margin-bottom: 40px
}
.phrase-secondary {
color: rgba(0, 0, 0, 0.75)
}
.phrase-tertiary {
margin-bottom: 0;
font-size: 1.2rem
}
.phrase-slider {
color: #fff;
font-size: 1.4rem;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.5)
}
.phrase a {
color: #a83f3f
}
.dateList__item a:hover {
color: #a83f3f;
transition: .15s
}
.btn {
width: 100%
}
.btn-left {
text-align: left
}
.btn-center {
text-align: center
}
.btn-right {
text-align: right
}
.btn__link-wide {
width: 80%
}
.btn__link-primary {
padding: 15px 40px;
border-radius: 5px;
background: #a83f3f;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.4rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal
}
.btn__link-primary::before {
border-top: 2px solid;
border-right: 2px solid
}
.btn__link-primary::after {
content: "";
position: absolute;
top: -50px;
left: -100px;
background: #fff;
width: 50px;
height: calc(100% + 100px);
opacity: 0.1;
transform: rotate(45deg);
transition: .3s
}
.btn__link-primary:hover::after {
left: calc(100% + 50px)
}
.btn__link-primary:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.btn__link-secondary {
padding: 5px 25px 5px 15px;
border-radius: 5px;
background: #a83f3f;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.2rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal
}
.btn__link-secondary:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.btn__link-pickupHead {
padding: 10px 30px;
border-radius: 5px;
color: inherit;
border: 1px solid
}
.btn__link-pickupHead:hover {
border-style: dashed
}
.btn__link-search {
padding: 5px 25px 5px 15px;
border-radius: 5px;
background: #a83f3f;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.2rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal
}
.btn__link-search:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.searchBtn__contentInner .btn-search {
text-align: center;
margin-bottom: 40px
}
.searchBtn__contentInner .btn__link-search {
padding: 15px 40px;
border-radius: 5px;
background: #a83f3f;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.4rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal
}
.searchBtn__contentInner .btn__link-search::before {
border-top: 2px solid;
border-right: 2px solid
}
.searchBtn__contentInner .btn__link-search::after {
content: "";
position: absolute;
top: -50px;
left: -100px;
background: #fff;
width: 50px;
height: calc(100% + 100px);
opacity: 0.1;
transform: rotate(45deg);
transition: .3s
}
.searchBtn__contentInner .btn__link-search:hover::after {
left: calc(100% + 50px)
}
.pager {
position: relative;
width: 100%;
text-align: center;
list-style: none;
font-size: 0;
margin-top: 20px
}
.pager a {
color: #000;
font-size: 1.4rem;
}
.pager__item {
color: #1778c9;
background: #fff;
border: 1px solid rgba(0, 0, 0, .1);
display: inline-block;
margin-left: -1px;
transition: .15s;
}
.pager__item-current,
.pager__item a {
display: inline-block;
padding: 12px;
min-width: calc(1.2rem + 20px);
text-decoration: none;
}
.pager__item-current {
color: #fff;
background-color: #1778c9;
font-size: 1.4rem;
}
@media (min-width: 769px) {
.pager__item:hover {
background-color: #1778c9;
}
.pager__item:hover a {
color: #fff;
}
.pager__item:hover::before {
border-color: #fff;
}
}
.pager__item-prev,
.pager__item-next {
position: relative
}
.pager__item-prev a {
padding-left: 20px
}
.pager__item-next a {
padding-right: 20px
}
.pager__item-prev::before,
.pager__item-next::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 5px;
height: 5px;
margin: auto;
border-top: 1px solid
}
.pager__item-prev::before {
left: 10px;
border-left: 1px solid;
transform: rotate(-45deg)
}
.pager__item-next::before {
right: 10px;
border-right: 1px solid;
transform: rotate(45deg)
}
.pager-comments {
margin-bottom: 20px
}
.page-numbers {
font-family: "Fjalla One";
display: inline-block;
color: #a83f3f;
background: #fff;
border: rgba(0, 0, 0, 0.10) 1px solid;
font-size: 1.2rem;
margin-left: -1px
}
.page-numbers.current,
a.page-numbers {
display: inline-block;
padding: 10px;
min-width: calc(1.2rem + 20px)
}
.page-numbers:hover,
.page-numbers.current {
color: #fff;
background: #a83f3f;
transition: .15s
}
.page-numbers.prev,
.page-numbers.next {
position: relative
}
a.page-numbers.prev {
padding-left: 20px
}
a.page-numbers.next {
padding-right: 20px
}
.page-numbers.prev::before,
.page-numbers.next::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
width: 5px;
height: 5px;
margin: auto;
border-top: 1px solid
}
.page-numbers.prev::before {
left: 10px;
border-left: 1px solid;
transform: rotate(-45deg)
}
.page-numbers.next::before {
right: 10px;
border-right: 1px solid;
transform: rotate(45deg)
}
.mask {
position: relative
}
.mask-black>img {
z-index: 0
}
.mask-black::after {
background-color: rgba(0, 0, 0, .5)
}
.mask-blackmesh>img {
z-index: 0
}
.mask-blackmesh::after {
background-color: rgba(0, 0, 0, .25);
background-image: linear-gradient(90deg, rgba(0, 0, 0, .5) 50%, transparent 50%), linear-gradient(rgba(0, 0, 0, .25) 50%, transparent 50%);
background-size: 2px 2px
}
.mask-color {
background-color: #a83f3f
}
.mask-color>img {
mix-blend-mode: multiply;
z-index: 0
}
.mask-color .mbYTP_wrapper {
background-color: inherit
}
.mask-color .mbYTP_wrapper>iframe {
mix-blend-mode: multiply;
z-index: 0
}
.mask-colorgray {
background-color: #a83f3f
}
.mask-colorgray>img {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
mix-blend-mode: multiply;
z-index: 0
}
.mask-colorgray .mbYTP_wrapper {
background-color: inherit
}
.mask-colorgray .mbYTP_wrapper>iframe {
-webkit-filter: grayscale(100%);
-moz-filter: grayscale(100%);
-ms-filter: grayscale(100%);
-o-filter: grayscale(100%);
filter: grayscale(100%);
mix-blend-mode: multiply;
z-index: 0
}
@supports (-ms-ime-align:auto) {
.mask-color>img {
opacity: 0.5
}
.mask-color .mbYTP_wrapper>iframe {
opacity: 0.5
}
.mask-colorgray>img {
opacity: 0.5
}
.mask-colorgray .mbYTP_wrapper>iframe {
opacity: 0.5
}
}
@media all and (-ms-high-contrast:none) {
.mask-color>img {
opacity: 0.5
}
.mask-color .mbYTP_wrapper>iframe {
opacity: 0.5
}
.mask-colorgray>img {
opacity: 0.5
}
.mask-colorgray .mbYTP_wrapper>iframe {
opacity: 0.5
}
}
.controller {
padding-bottom: 20px;
margin-bottom: 20px;
display: flex;
list-style: none;
border-bottom: 1px dotted rgba(0, 0, 0, 0.10)
}
.controller-shadow {
background: #fff;
padding: 20px 10px;
border-bottom: none;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}
.controller-border {
background: #fff;
padding: 20px 10px;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.controller__item {
position: relative;
margin-right: 10px;
line-height: 2rem;
color: #3F3F3F
}
.controller__item:last-child {
margin-right: 0
}
.controller__item.controller__item-end {
margin-left: auto
}
.controller__link {
transition: .15s
}
.controller__link.is-current,
.controller__link:hover {
color: #191919;
font-weight: bold;
border-bottom: 2px solid;
padding-bottom: 3px
}
.controller__catLabel {
cursor: pointer;
transition: .15s
}
.controller__catLabel:hover {
color: #191919;
font-weight: bold
}
.controller__catLabel::after {
content: "";
display: inline-block;
margin-left: 5px;
width: 0;
height: 0;
border-right: 4px solid transparent;
border-top: 6px solid rgba(0, 0, 0, 0.10);
border-left: 4px solid transparent
}
.controller__catCheck:checked~.controller__catLabel::after {
border-bottom: 6px solid #191919;
border-top: none
}
.controller__catCheck {
display: none
}
.controller__catPanel {
position: absolute;
top: 100%;
left: 0;
list-style: none;
z-index: 9999
}
.controller__catCheck:checked~.controller__catPanel::before {
content: "";
display: block;
width: 0;
height: 0;
margin-left: 10px;
border-right: 4px solid transparent;
border-bottom: 6px solid #323232;
border-left: 4px solid transparent
}
.controller__catPanel li {
overflow: hidden;
width: auto;
min-width: 14rem;
white-space: nowrap;
height: 0;
line-height: 4rem;
background: #323232;
transition: .15s
}
.controller__catCheck:checked~.controller__catPanel li {
overflow: visible;
height: 4rem
}
.controller__catCheck:checked~.controller__catPanel li:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.10);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset
}
.controller__catPanel li a {
display: block;
color: #fff;
padding: 0 10px;
transition: .15s
}
.controller__catPanel li a:hover {
background: rgba(255, 255, 255, 0.15)
}
.controller__catPanel li:first-child {
border-top: none
}
.controller__catPanel li:last-child {
border-bottom: none
}
.controller__viewRadio {
display: none
}
.controller__viewLabel {
color: rgba(0, 0, 0, 0.15);
transition: .2s;
cursor: pointer;
font-size: 16px
}
.controller__viewLabel:hover {
color: #191919
}
#viewWide:checked~.controller .viewWide {
color: #191919
}
#viewCard:checked~.controller .viewCard {
color: #191919
}
#viewNormal:checked~.controller .viewNormal {
color: #191919
}
.archive__item-shadow {
background: #fff;
padding: 15px;
border-bottom: none;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}
.archive__item-border {
background: #fff;
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.archive__item-none {
width: 100%
}
#viewWide:checked~.archive .archive__item {
animation: fadeIn1 1s
}
#viewCard:checked~.archive .archive__item-none {
width: 100%
}
#viewCard:checked~.archive .archive__item-shadow {
padding: 10px
}
#viewCard:checked~.archive .archive__item-border {
padding: 10px
}
#viewNormal:checked~.archive .archive__item {
width: 100%;
display: flex;
align-items: flex-start;
animation: fadeIn3 1s
}
#viewNormal:checked~.archive .archive__item-shadow {
padding: 10px
}
#viewNormal:checked~.archive .archive__item-border {
padding: 10px
}
#viewNormal:checked~.archive .eyecatch {
max-width: 300px
}
#viewNormal:checked~.archive .archive__contents {
width: 100%;
margin-left: 15px
}
#viewNormal:checked~.archive .archive__contents-noImg {
margin-left: 0
}
#viewNormal:checked~.archive .archive__contents .phrase {
display: none
}
#viewWide:checked~.archive .archive__item-infeedSp1 {
display: block
}
#viewCard:checked~.archive .archive__item-infeedSp1 {
display: none
}
#viewNormal:checked~.archive .archive__item-infeedSp1 {
display: none
}
#viewWide:checked~.archive .archive__item-infeedSp2 {
display: none
}
#viewCard:checked~.archive .archive__item-infeedSp2 {
display: none
}
#viewNormal:checked~.archive .archive__item-infeedSp2 {
display: block
}
.siteTitle__link:hover {
animation: flash 1s
}
.searchBtn {
position: absolute;
top: 0;
right: 38px;
line-height: 20px;
font-size: 18px;
text-align: right
}
.searchBtn-zero {
right: 0
}
.searchBtn__close:hover,
.siteTitle__link:hover {
opacity: 0.7;
}
@media only screen and (min-width: 451px) {

.searchBtn__link:hover,
.search-btn:hover {
color: #fa224d;
}
}
.searchBtn__unshown {
display: none;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
right: 0;
top: 0;
z-index: 999;
animation: fade .3s
}
.searchBtn__checkbox:checked~.searchBtn__unshown {
display: block
}
.searchBtn__content {
position: fixed;
top: 0;
right: 0;
left: 0;
background: #fff;
width: 90%;
max-width: 780px;
height: calc(100% - 40px);
z-index: 9999;
margin: 0 auto;
transition: .3s;
transform: translateY(-110%);
text-align: center
}
.searchBtn__scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
height: 100%;
padding: 0 15px
}
.searchBtn__contentInner {
text-align: left;
font-size: 1.2rem
}
.searchBtn__checkbox:checked~.searchBtn__content {
transform: translateY(20px);
box-shadow: 0 0 4px rgba(0, 0, 0, .15)
}
.searchBtn__close {
font-family: "Fjalla One";
display: inline-block;
height: 2rem;
font-size: 2rem;
margin: 40px auto;
cursor: pointer
}
.searchBtn__close:hover {
color: #a83f3f
}
.searchBtn__close i {
margin-right: 10px;
font-size: 1.5rem;
vertical-align: middle
}
.menuBtn__link {
cursor: pointer;
transition: .15s
}
.menuBtn__link:hover {
color: #a83f3f
}
.menuBtn__unshown {
display: none;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
right: 0;
top: 0;
bottom: 0;
left: 0;
z-index: 999999;
animation: fade 0.3s
}
.menuBtn__checkbox:checked~.menuBtn__unshown {
display: block
}
.menuBtn__scroll {
overflow: auto;
-webkit-overflow-scrolling: touch;
width: 100%;
height: 100%;
padding: 0 20px 15px;
}
.menuBtn__contentInner {
text-align: left;
font-size: 1.2rem
}
.menuBtn__checkbox:checked~.menuBtn__content {
transform: translateX(0%);
box-shadow: -2px 0 2px rgba(0, 0, 0, .15)
}
.menuBtn__close {
font-family: "Fjalla One";
display: inline-block;
height: 2rem;
font-size: 2rem;
margin: 40px auto;
cursor: pointer
}
.menuBtn__close:hover {
color: #a83f3f
}
.menuBtn__close i {
margin-right: 10px;
font-size: 1.5rem;
vertical-align: middle
}
.menuBtn__navi {
margin: 0 -15px 40px -15px;
padding: 20px 15px;
background: rgba(0, 0, 0, 0.05)
}
.menuBtn__naviList {
margin-top: 10px;
list-style: none;
display: flex;
justify-content: center;
overflow: auto
}
.menuBtn__naviItem {
margin: 0 2.5px
}
.menuBtn__naviLink {
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
line-height: 30px;
border-radius: 50%;
font-size: 14px;
text-align: center;
transition: .15s;
color: #fff
}
.menuBtn__naviLink.icon-facebook {
background: #3B5998
}
.menuBtn__naviLink.icon-twitter {
background: #00B0ED
}
.menuBtn__naviLink.icon-instagram {
background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%)
}
.menuBtn__naviLink.icon-google-plus {
background: #DF4A32
}
.menuBtn__naviLink.icon-youtube {
background: #cd201f
}
.menuBtn__naviLink.icon-linkedin {
background: #0079ba
}
.menuBtn__naviLink.icon-pinterest {
background: #ce0f19
}
.menuBtn__naviLink.icon-rss {
background: #f90
}
.menuBtn__naviLink.icon-facebook:hover,
.menuBtn__naviLink.icon-twitter:hover,
.menuBtn__naviLink.icon-instagram:hover,
.menuBtn__naviLink.icon-google-plus:hover,
.menuBtn__naviLink.icon-youtube:hover,
.menuBtn__naviLink.icon-linkedin:hover,
.menuBtn__naviLink.icon-pinterest:hover,
.menuBtn__naviLink.icon-rss:hover {
animation: flash 1s
}
.globalNavi::before {
position: absolute;
right: 0;
bottom: 0;
content: "";
width: 25px;
height: 2.5rem;
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #fff));
z-index: 2
}
.globalNavi::after {
position: absolute;
right: 0;
bottom: 0;
font-family: "icomoon";
content: "\ea26";
width: 25px;
height: 2.5rem;
line-height: 2.5rem;
text-align: right;
color: rgba(0, 0, 0, 0.5);
animation: fade 1s ease-in-out infinite alternate;
z-index: 3
}
.globalNavi__list .children,
.globalNavi__list .sub-menu {
display: none
}
.searchHead {
background: #191919;
padding: 10px 0
}
.container-searchHead {
display: flex;
flex-wrap: wrap
}
.searchHead__title {
display: none
}
.searchHead__keyword {
display: block;
margin-top: 10px;
order: 2;
overflow: auto
}
.searchHead__keywordList {
display: table;
vertical-align: bottom;
list-style: none;
overflow: hidden
}
.searchHead__keywordItem {
color: rgba(255, 255, 255, 0.75);
display: table-cell;
white-space: nowrap;
overflow: hidden;
transition: .15s;
padding-right: 10px;
line-height: 2
}
.searchHead__keywordItem:hover {
color: #fff;
font-weight: bold
}
.searchHead__search {
display: block;
width: 100%;
order: 1
}
.searchHead__form {
display: flex
}
.searchHead__input {
width: calc(100% - 4rem);
border: 0;
padding: 0 10px;
-webkit-appearance: none;
border-radius: 5px 0 0 5px
}
.searchHead__submit {
width: 4rem;
border: 0;
cursor: pointer;
text-align: center;
background: #fff;
padding: 10px;
border-radius: 0 5px 5px 0
}
.searchHead__submit:hover {
color: #a83f3f
}
.infoHead {
overflow: hidden;
background: #ffc107
}
.infoHead__text {
padding-left: 100%;
white-space: nowrap;
display: inline-block;
animation: marquee 10s linear 0s infinite;
font-weight: 700;
color: #fff;
height: 3rem;
line-height: 3rem
}
.keyBig {
position: relative;
max-width: 1240px;
margin-left: 15px;
margin-right: 15px
}
.keyBig::after {
content: "";
display: block;
clear: both
}
.swiper-pagination-bullet-active {
background: #a83f3f
}
.still-movie .still__box {
background-size: cover;
background-position: center center;
background-repeat: no-repeat
}
.still__bg {
width: 100%;
height: 100%;
}
.still__content {
padding: 20px;
z-index: 9
}
.still__content img {
max-width: 100%;
height: auto
}
.mbYTP_wrapper {
display: none
}
.swiper-slider {
width: 100%;
max-height: 600px;
}
.swiper-slider .swiper-slide {
position: relative;
display: flex;
justify-content: center;
align-items: center;
text-align: center;
overflow: hidden
}
.swiper-slider .swiper-bg {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
font-family: 'object-fit:cover;';
width: 100%;
height: 100%
}
.swiper-slider .swiper-content {
padding: 0 20px;
z-index: 9
}
.swiper-slider .swiper-button-next,
.swiper-slider .swiper-button-prev {
display: none
}
.swiper-slider .swiper-button-next,
.swiper-slider .swiper-container-rtl .swiper-button-prev,
.swiper-slider .swiper-button-prev,
.swiper-slider .swiper-container-rtl .swiper-button-next {
background: #a83f3f;
opacity: 0;
transition: .15s
}
.swiper-slider .swiper-button-next::after,
.swiper-slider .swiper-container-rtl .swiper-button-prev::after,
.swiper-slider .swiper-button-prev::after,
.swiper-slider .swiper-container-rtl .swiper-button-next::after {
content: "";
width: 100%;
height: 100%;
display: block;
background: rgba(255, 255, 255, 0);
transition: .15s ease-in-out
}
.swiper-slider .swiper-button-next:hover::after,
.swiper-slider .swiper-container-rtl .swiper-button-prev:hover::after,
.swiper-slider .swiper-button-prev:hover::after,
.swiper-slider .swiper-container-rtl .swiper-button-next:hover::after {
background: rgba(255, 255, 255, 0.15)
}
.swiper-carousel {
width: 100%;
height: auto
}
.swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev {
display: none
}
.swiper-carousel .swiper-button-next:hover::before,
.swiper-carousel .swiper-container-rtl .swiper-button-prev:hover::before,
.swiper-carousel .swiper-button-prev:hover::before,
.swiper-carousel .swiper-container-rtl .swiper-button-next:hover::before {
opacity: 0.5
}
.swiper-carousel .swiper-pagination-bullets,
.swiper-carousel .swiper-pagination-custom,
.swiper-carousel .swiper-pagination-fraction {
bottom: 0
}
.pickupHead {
overflow: hidden;
background: #a83f3f;
padding-bottom: 20px;
color: #fff;
text-align: center
}
.pickupHead__text {
font-size: 1.4rem;
font-weight: 700;
line-height: 1.85;
padding: 20px 0
}
.pickup3 {
position: relative;
padding-top: 40px
}
.pickup3__bg {
position: absolute;
top: 0;
width: 100%;
height: 14rem;
z-index: -1;
overflow: hidden
}
.pickup3__bg img {
object-fit: cover;
font-family: 'object-fit:cover;';
width: 100%;
height: 100%
}
.pickup3__item {
position: relative;
background: #a83f3f
}
.pickup3__item-first {
width: 100%;
margin-bottom: 15px
}
.pickup3__box {
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
.pickup3__item-second,
.pickup3__item-third {
width: calc(50% - 7.5px)
}
.pickup3__item:before {
position: absolute;
top: -10px;
left: -10px;
font-family: "Fjalla One";
font-size: 1.5rem;
font-weight: normal;
display: block;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
text-align: center;
color: #FFF;
z-index: 9
}
.pickup3__item-first:before {
background: inherit;
content: "1"
}
.pickup3__item-second:before {
background: inherit;
content: "2"
}
.pickup3__item-third:before {
background: inherit;
content: "3"
}
.custom {
width: 100%;
margin-bottom: 20px
}
.custom__item {
padding: 15px
}
.custom__item:nth-child(2n+1) {
background: rgba(0, 0, 0, 0.05)
}
.custom__data {
font-size: 0
}
.custom__day {
display: inline-block;
margin-right: 10px;
margin-bottom: 10px;
color: rgba(0, 0, 0, 0.5);
padding: 5px 0;
line-height: 1.35;
font-size: 1.2rem
}
.custom__cat {
display: inline-block;
margin-bottom: 10px;
background: #3f3f3f
}
.custom__cat a {
display: block;
padding: 5px 10px;
color: #fff;
font-size: 1.2rem;
transition: .15s;
line-height: 1.35
}
.custom__cat a:hover {
background: rgba(255, 255, 255, 0.25)
}
.custom__cat a::before {
font-family: "icomoon";
content: "\e938";
margin-right: 5px
}
.custom .btn {
margin-top: 20px
}
.custom__item-border {
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
border-left: 1px solid rgba(0, 0, 0, 0.10);
border-right: 1px solid rgba(0, 0, 0, 0.10)
}
.custom__item-border:first-child {
border-top: 1px solid rgba(0, 0, 0, 0.10)
}
.custom__item-border:nth-child(2n+1) {
background: none
}
.custom__item-border .custom__item {
padding: 20px;
background: #fff;
border-right: 1px solid rgba(0, 0, 0, 0.10);
border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}
.custom__item-border .custom__day {
padding: 5px 10px;
font-size: 1rem;
border: 1px solid rgba(0, 0, 0, 0.10);
margin-right: 0
}
.custom__item-border .custom__cat a {
font-size: 1rem;
border: 1px solid transparent
}
.archiveHead {
position: relative;
width: 100%
}
.archiveHead__img {
position: absolute;
top: 0;
left: 0;
object-fit: cover;
font-family: 'object-fit:cover;';
width: 100%;
height: 100%;
z-index: -10
}
.archiveHead__contents {
position: relative;
z-index: 9
}
.archiveHead__authorImg {
float: left
}
.archiveHead__authorImg img {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
font-family: 'object-fit:cover;'
}
.archiveHead__authorText {
float: right;
width: calc(100% - 100px)
}
.archiveHead__authorDescription {
margin-top: 20px
}
.archiveHead__subtitle {
font-size: 1rem;
display: block;
margin-bottom: 5px;
color: rgba(0, 0, 0, 0.5)
}
.archiveHead__subtitle i {
margin-right: 5px
}
.archiveHead .heading {
margin-bottom: 20px;
}
.archiveHead__list {
list-style: none;
display: flex;
flex-wrap: wrap;
margin-top: -5px
}
.archiveHead__item {
margin: 5px 10px 0 0;
border: 1px solid rgba(255, 255, 255, 0.5)
}
.archiveHead__item:hover {
background-color: #fff
}
.archiveHead__link {
padding: 10px;
display: block;
color: #fff;
font-size: 1rem
}
.archiveHead__link:hover {
color: #191919
}
.archiveHead.mask {
padding: 20px
}
.archiveHead.mask .archiveHead__subtitle {
color: rgba(255, 255, 255, 0.5)
}
.archiveHead.mask .heading {
display: inline-block;
color: #fff;
border-bottom: 2px solid
}
.archiveHead.mask .phrase {
color: rgba(255, 255, 255, 0.9)
}
.archiveContents {
position: relative;
width: 100%;
margin-top: 20px
}
.archiveHead__slist {
margin-top: -5px;
list-style: none;
display: flex;
flex-wrap: wrap
}
.archiveHead__sitem {
margin: 5px 5px 0 0
}
.archiveHead__slink {
display: block;
width: 55px;
height: 30px;
line-height: 30px;
margin: 0 auto;
overflow: hidden;
font-size: 12px;
text-align: center;
transition: .15s;
color: #fff;
border: 1px solid transparent
}
.archiveHead__slink.icon-facebook {
background: #3B5998
}
.archiveHead__slink.icon-twitter {
background: #00B0ED
}
.archiveHead__slink.icon-instagram {
background: linear-gradient(145deg, #3051F1 10%, #C92BB7 70%) no-repeat
}
.archiveHead__slink.icon-google-plus {
background: #DF4A32
}
.archiveHead__slink.icon-youtube {
background: #cd201f
}
.archiveHead__slink.icon-linkedin {
background: #0079ba
}
.archiveHead__slink.icon-pinterest {
background: #ce0f19
}
.archiveHead__slink.icon-facebook:hover {
background: #fff;
color: #3B5998;
border: 1px solid #3B5998
}
.archiveHead__slink.icon-twitter:hover {
background: #fff;
color: #00B0ED;
border: 1px solid #00B0ED
}
.archiveHead__slink.icon-instagram:hover {
background: #fff;
color: #CC55B1;
border: 1px solid #CC55B1
}
.archiveHead__slink.icon-google-plus:hover {
background: #fff;
color: #DF4A32;
border: 1px solid #DF4A32
}
.archiveHead__slink.icon-youtube:hover {
background: #fff;
color: #cd201f;
border: 1px solid #cd201f
}
.archiveHead__slink.icon-linkedin:hover {
background: #fff;
color: #0079ba;
border: 1px solid #0079ba
}
.archiveHead__slink.icon-pinterest:hover {
background: #fff;
color: #ce0f19;
border: 1px solid #ce0f19
}
.archiveHead__search {
position: relative;
width: 100%
}
.archiveHead__searchItem:not(:last-child) {
margin-right: 15px
}
.archiveHead__searchItem:not(:last-child):after {
margin-left: 15px;
content: "×";
color: rgba(0, 0, 0, 0.5)
}
.archiveHead__searchItem:before {
margin-right: 5px;
color: rgba(0, 0, 0, 0.5);
font-size: 1.2rem
}
.archiveHead__searchSeparator {
margin: 0 10px;
color: rgba(0, 0, 0, 0.5)
}
.pageContents {
width: 100%
}
.viral {
position: relative;
width: 100%;
height: auto
}
.viral__bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -10;
overflow: hidden
}
.viral__bg img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit:cover;'
}
.viral__container {
display: block;
padding: 60px 0
}
.viral__contents .heading {
color: #FFF
}
.viral__contents .dateList {
display: inline-block;
background: rgba(255, 255, 255, 0.9);
border-radius: 5px;
padding: 5px 10px
}
.viral__contents .dateList__item {
margin-right: 10px
}
.viral .eyecatch {
display: none
}
.postCta,
.pageCta {
width: 100%;
margin-top: 40px
}
.postcta-bg,
.pagecta-bg {
background: #a83f3f;
padding: 15px
}
.pagePager {
position: relative;
width: 100%;
text-align: center;
list-style: none;
font-size: 0;
margin-top: 60px
}
.pagePager__item {
font-family: "Fjalla One";
display: inline-block;
color: #a83f3f;
background: #fff;
border: rgba(0, 0, 0, 0.10) 1px solid;
font-size: 1.2rem;
margin-left: -1px
}
.pagePager__item-current,
.pagePager__item a {
display: inline-block;
padding: 10px;
min-width: calc(1.2rem + 20px)
}
.pagePager__item:hover,
.pagePager__item-current {
color: #fff;
background: #a83f3f;
transition: .15s
}
.social-top {
margin-bottom: 40px
}
.social-bottom {
margin-top: 40px
}
.socialList {
list-style: none;
display: flex;
flex-wrap: wrap
}
.socialList__item {
text-align: center
}
.socialList__link {
display: block;
padding: 0 10px
}
.socialList__link::before {
display: block;
transition: .15s
}
.socialList-type01 {
justify-content: flex-end
}
.socialList-type01 .socialList__item {
flex-grow: 1;
height: 40px;
line-height: 40px;
min-width: 70px
}
.socialList-type01 .socialList__link {
color: #fff;
padding: 0
}
.socialList-type01 .socialList__link::before {
font-size: 2rem
}
.socialList-type01 .socialList__link:hover::before {
background: #fff;
transform: scale(1.2);
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}
.socialList-type02 {
justify-content: flex-end;
margin: -5px 0 5px -5px
}
.socialList-type02 .socialList__item {
flex-grow: 1;
height: 40px;
line-height: 40px;
min-width: 70px;
margin: 5px 0 0 5px
}
.socialList-type02 .socialList__link {
color: #fff;
padding: 0
}
.socialList-type02 .socialList__link::before {
font-size: 2rem
}
.socialList-type02 .socialList__link:hover::before {
background: #fff;
transform: scale(1.2);
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}
.socialList-type03 {
margin: -5px 0 5px -5px
}
.socialList-type03 .socialList__item {
height: 30px;
line-height: 30px;
width: 30px;
margin: 5px 0 0 5px
}
.socialList-type03 .socialList__link {
color: #fff;
border-radius: 5px;
transition: .15s;
padding: 0
}
.socialList-type03 .socialList__link::before {
font-size: 1.4rem;
border-radius: 5px
}
.socialList-type03 .socialList__link:hover::before {
background: #fff;
transform: scale(1.2);
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}
.socialList-type04 {
margin: -5px 0 -3px -5px
}
.socialList-type04 .socialList__item {
height: 30px;
line-height: 30px;
width: 30px;
margin: 5px 0 3px 5px
}
.socialList-type04 .socialList__link {
color: #fff;
border-radius: 5px;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
transition: .15s;
padding: 0
}
.socialList-type04 .socialList__link::before {
font-size: 1.4rem
}
.socialList-type04 .socialList__link:hover {
opacity: 0.75
}
.socialList-type04 .socialList__link:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.socialList-type05 {
margin: -5px 0 5px -5px
}
.socialList-type05 .socialList__item {
height: 60px;
line-height: 60px;
width: 60px;
margin: 5px 0 0 5px
}
.socialList-type05 .socialList__link {
color: #fff;
border-radius: 5px;
transition: .15s;
padding: 0
}
.socialList-type05 .socialList__link::before {
font-size: 1.6rem;
border-radius: 5px
}
.socialList-type05 .socialList__link:hover::before {
background: #fff;
transform: scale(1.2);
box-shadow: 1px 1px 4px 0 rgba(0, 0, 0, 0.15)
}
.socialList-type06 {
margin: -8px 0 0 -5px
}
.socialList-type06 .socialList__item {
height: 60px;
line-height: 60px;
width: 60px;
margin: 8px 0 0 5px
}
.socialList-type06 .socialList__link {
color: #fff;
border-radius: 5px;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
transition: .15s
}
.socialList-type06 .socialList__link::before {
font-size: 1.6rem
}
.socialList-type06 .socialList__link:hover {
opacity: 0.75
}
.socialList-type06 .socialList__link:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.socialList-type07 {
justify-content: flex-end;
margin: -5px 0 5px -5px
}
.socialList-type07 .socialList__item {
flex-grow: 1;
height: 50px;
line-height: 50px;
min-width: 120px;
text-align: center;
margin: 9px 0 0 5px
}
.socialList-type07 .socialList__link {
color: #fff;
border-radius: 5px;
border: 2px solid;
transition: .15s
}
.socialList-type07 .socialList__link::before {
font-size: 1.6rem;
display: inline-block;
transition: 0s
}
.socialList-type07 .socialList__link::after {
content: attr(title);
font-size: 1.4rem;
font-weight: 700;
vertical-align: top;
margin-left: 5px
}
.socialList-type08 {
justify-content: flex-end;
margin: -10px 0 0 -5px
}
.socialList-type08 .socialList__item {
flex-grow: 1;
height: 50px;
line-height: 50px;
min-width: 120px;
text-align: center;
margin: 10px 0 0 5px
}
.socialList-type08 .socialList__link {
color: #fff;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
border-radius: 5px;
transition: .15s
}
.socialList-type08 .socialList__link::before {
font-size: 1.6rem;
display: inline-block;
transition: 0s
}
.socialList-type08 .socialList__link::after {
content: attr(title);
font-size: 1.4rem;
font-weight: 700;
vertical-align: top;
margin-left: 5px
}
.socialList-type08 .socialList__link:hover {
opacity: 0.75
}
.socialList-type08 .socialList__link:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.socialList-type09 {
margin: -5px 0 5px -5px
}
.socialList-type09 .socialList__item {
height: 50px;
line-height: 50px;
text-align: center;
margin: 9px 0 0 5px
}
.socialList-type09 .socialList__link {
color: #fff;
border-radius: 5px;
border: 2px solid;
transition: .15s
}
.socialList-type09 .socialList__link::before {
font-size: 1.6rem;
display: inline-block;
transition: 0s
}
.socialList-type09 .socialList__link::after {
content: attr(title);
font-size: 1.4rem;
font-weight: 700;
vertical-align: top;
margin-left: 5px
}
.socialList-type10 {
margin: -10px 0 0 -5px
}
.socialList-type10 .socialList__item {
height: 50px;
line-height: 50px;
text-align: center;
margin: 10px 0 0 5px
}
.socialList-type10 .socialList__link {
color: #fff;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
border-radius: 5px;
transition: .15s
}
.socialList-type10 .socialList__link::before {
font-size: 1.6rem;
display: inline-block;
transition: 0s
}
.socialList-type10 .socialList__link::after {
content: attr(title);
font-size: 1.4rem;
font-weight: 700;
vertical-align: top;
margin-left: 5px
}
.socialList-type10 .socialList__link:hover {
opacity: 0.75
}
.socialList-type10 .socialList__link:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.socialList-type11 {
margin: -5px 0 5px -5px
}
.socialList-type11 .socialList__item {
height: 28px;
line-height: 28px;
margin: 5px 0 0 5px
}
.socialList-type11 .socialList__link {
color: #fff;
border-radius: 5px;
transition: .15s
}
.socialList-type11 .socialList__link::before {
font-size: 1.4rem;
display: inline-block;
transition: 0s
}
.socialList-type11 .socialList__link::after {
content: attr(title);
font-size: 1.2rem;
vertical-align: top;
margin-left: 5px
}
.socialList-type11 .socialList__link:hover {
opacity: 0.75
}
.socialList__link.icon-facebook {
background: #3B5998
}
.socialList__link.icon-twitter {
background: #00B0ED
}
.socialList__link.icon-google-plus {
background: #DF4A32
}
.socialList__link.icon-hatenabookmark {
background: #008FDE
}
.socialList__link.icon-pocket {
background: #EB4654
}
.socialList__link.icon-line {
background: #00C300
}
.socialList__link.icon-linkedin {
background: #0e76a8
}
.socialList__link.icon-pinterest {
background: #cb2027
}
.socialList-type01 .socialList__link.icon-facebook:hover::before,
.socialList-type02 .socialList__link.icon-facebook:hover::before,
.socialList-type03 .socialList__link.icon-facebook:hover::before,
.socialList-type05 .socialList__link.icon-facebook:hover::before,
.socialList-type07 .socialList__link.icon-facebook:hover::before,
.socialList-type09 .socialList__link.icon-facebook:hover::before {
color: #3B5998
}
.socialList-type01 .socialList__link.icon-twitter:hover::before,
.socialList-type02 .socialList__link.icon-twitter:hover::before,
.socialList-type03 .socialList__link.icon-twitter:hover::before,
.socialList-type05 .socialList__link.icon-twitter:hover::before,
.socialList-type07 .socialList__link.icon-twitter:hover::before,
.socialList-type09 .socialList__link.icon-twitter:hover::before {
color: #00B0ED
}
.socialList-type01 .socialList__link.icon-google-plus:hover::before,
.socialList-type02 .socialList__link.icon-google-plus:hover::before,
.socialList-type03 .socialList__link.icon-google-plus:hover::before,
.socialList-type05 .socialList__link.icon-google-plus:hover::before,
.socialList-type07 .socialList__link.icon-google-plus:hover::before,
.socialList-type09 .socialList__link.icon-google-plus:hover::before {
color: #DF4A32
}
.socialList-type01 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type02 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type03 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type05 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type07 .socialList__link.icon-hatenabookmark:hover::before,
.socialList-type09 .socialList__link.icon-hatenabookmark:hover::before {
color: #008FDE
}
.socialList-type01 .socialList__link.icon-pocket:hover::before,
.socialList-type02 .socialList__link.icon-pocket:hover::before,
.socialList-type03 .socialList__link.icon-pocket:hover::before,
.socialList-type05 .socialList__link.icon-pocket:hover::before,
.socialList-type07 .socialList__link.icon-pocket:hover::before,
.socialList-type09 .socialList__link.icon-pocket:hover::before {
color: #EB4654
}
.socialList-type01 .socialList__link.icon-line:hover::before,
.socialList-type02 .socialList__link.icon-line:hover::before,
.socialList-type03 .socialList__link.icon-line:hover::before,
.socialList-type05 .socialList__link.icon-line:hover::before,
.socialList-type07 .socialList__link.icon-line:hover::before,
.socialList-type09 .socialList__link.icon-line:hover::before {
color: #00C300
}
.socialList-type01 .socialList__link.icon-linkedin:hover::before,
.socialList-type02 .socialList__link.icon-linkedin:hover::before,
.socialList-type03 .socialList__link.icon-linkedin:hover::before,
.socialList-type05 .socialList__link.icon-linkedin:hover::before,
.socialList-type07 .socialList__link.icon-linkedin:hover::before,
.socialList-type09 .socialList__link.icon-linkedin:hover::before {
color: #0e76a8
}
.socialList-type01 .socialList__link.icon-pinterest:hover::before,
.socialList-type02 .socialList__link.icon-pinterest:hover::before,
.socialList-type03 .socialList__link.icon-pinterest:hover::before,
.socialList-type05 .socialList__link.icon-pinterest:hover::before,
.socialList-type07 .socialList__link.icon-pinterest:hover::before,
.socialList-type09 .socialList__link.icon-pinterest:hover::before {
color: #cb2027
}
.socialList-type07 .socialList__link.icon-facebook:hover,
.socialList-type09 .socialList__link.icon-facebook:hover {
color: #3B5998;
background: #fff;
border-color: #3B5998
}
.socialList-type07 .socialList__link.icon-twitter:hover,
.socialList-type09 .socialList__link.icon-twitter:hover {
color: #00B0ED;
background: #fff;
border-color: #00B0ED
}
.socialList-type07 .socialList__link.icon-google-plus:hover,
.socialList-type09 .socialList__link.icon-google-plus:hover {
color: #DF4A32;
background: #fff;
border-color: #DF4A32
}
.socialList-type07 .socialList__link.icon-hatenabookmark:hover,
.socialList-type09 .socialList__link.icon-hatenabookmark:hover {
color: #008FDE;
background: #fff;
border-color: #008FDE
}
.socialList-type07 .socialList__link.icon-pocket:hover,
.socialList-type09 .socialList__link.icon-pocket:hover {
color: #EB4654;
background: #fff;
border-color: #EB4654
}
.socialList-type07 .socialList__link.icon-line:hover,
.socialList-type09 .socialList__link.icon-line:hover {
color: #00C300;
background: #fff;
border-color: #00C300
}
.socialList-type07 .socialList__link.icon-linkedin:hover,
.socialList-type09 .socialList__link.icon-linkedin:hover {
color: #0e76a8;
background: #fff;
border-color: #0e76a8
}
.socialList-type07 .socialList__link.icon-pinterest:hover,
.socialList-type09 .socialList__link.icon-pinterest:hover {
color: #cb2027;
background: #fff;
border-color: #cb2027
}
.snsFollow {
display: flex;
height: 200px;
margin-top: 40px
}
.snsFollow__bg {
flex: 2;
position: relative;
overflow: hidden
}
.snsFollow__bg::after {
content: "";
position: absolute;
top: 0;
right: 0;
bottom: 0;
left: 0;
background-color: rgba(0, 0, 0, .5)
}
.snsFollow__bg img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit:cover;'
}
.snsFollow__contents {
flex: 3;
position: relative;
background: #191919;
text-align: center;
padding: 20px;
border-left: 1px solid rgba(255, 255, 255, 0.10)
}
.snsFollow__text {
width: 100%;
color: #fff;
margin: 40px auto 10px auto;
font-weight: bold;
line-height: 1.5
}
.snsFollow__list {
list-style: none;
display: inline-block;
margin: 0 auto
}
.snsFollow__item {
list-style: none;
display: inline-block;
margin: 0 5px 5px 5px;
vertical-align: top
}
.prevNext {
margin-top: 40px;
list-style-type: none;
display: flex;
flex-wrap: wrap;
border-top: 1px solid rgba(0, 0, 0, 0.10);
border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}
.prevNext__item {
position: relative
}
.prevNext__item.prevNext__item-prev {
width: 100%;
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
padding-bottom: 20px
}
.prevNext__item.prevNext__item-next {
width: 100%
}
.prevNext .eyecatch {
margin-bottom: 0;
background: rgba(0, 0, 0, 0.05)
}
.prevNext .eyecatch__link::before {
content: "";
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background: rgba(0, 0, 0, .5);
transition: .3s;
z-index: 1
}
.prevNext .eyecatch__link:hover::before {
background: rgba(0, 0, 0, 0)
}
.prevNext__pop {
display: inline-block;
position: absolute;
top: 0;
height: 30px;
line-height: 30px;
background: #a83f3f;
padding: 0 10px;
color: #fff;
z-index: 999
}
.prevNext__item.prevNext__item-prev .prevNext__pop {
left: 0
}
.prevNext__item.prevNext__item-next .prevNext__pop {
right: 0
}
.prevNext__title {
position: absolute;
left: 20px;
right: 20px;
bottom: 10px;
color: #fff;
z-index: 999
}
.prevNext__item.prevNext__item-prev .prevNext__title {
float: right
}
.prevNext__item.prevNext__item-next .prevNext__title {
float: left
}
.prevNext__title a:hover {
text-decoration: underline
}
.prevNext__title span {
display: block;
font-size: 1.2rem;
color: rgba(255, 255, 255, 0.5);
line-height: 1.5
}
.prevNext__title span::before {
margin-right: 2.5px;
line-height: 1
}
.prevNext__text {
position: absolute;
top: 50%;
left: 50%;
transform: translateY(-50%) translateX(-50%);
color: #BFBFBF
}
.prevNext__item.prevNext__item-prev .prevNext__text {
padding-left: 20px
}
.prevNext__item.prevNext__item-next .prevNext__text {
padding-right: 20px
}
.rectangle {
width: 100%;
overflow: hidden;
margin-top: 40px;
padding: 0 10px;
background-color: #F2F2F2;
background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
background-size: 6px 6px
}
.rectangle__item {
width: 100%;
text-align: center
}
.rectangle__item.rectangle__item-right {
display: none
}
.rectangle__title {
display: block;
clear: both;
font-size: 1.2rem;
padding: 10px 0;
display: block;
font-weight: normal;
text-align: center
}
.rectangle .adsbygoogle {
width: 336px;
height: 280px;
max-width: 100%;
margin: auto
}
.profile__author {
width: 30%;
text-align: center;
}
.profile__author img {
border-radius: 50%;
}
.profile__group {
font-weight: normal
}
.profile__description {
line-height: 1.75;
}
@media only screen and (max-width: 428px) {
.profile__description {
font-size: 1.2rem;
}
.profile__author {
width: 100%;
text-align: center;
}
}
.profile__list {
list-style: none;
display: flex;
justify-content: center;
overflow: auto;
margin-bottom: 20px
}
.profile__item {
margin: 0 2.5px
}
.profile__link {
display: block;
width: 30px;
height: 30px;
margin: 0 auto;
line-height: 30px;
border-radius: 50%;
font-size: 14px;
text-align: center;
transition: .15s;
color: #fff
}
.profile__link.icon-facebook {
background: #3B5998
}
.profile__link.icon-twitter {
background: #00B0ED
}
.profile__link.icon-instagram {
background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%)
}
.profile__link.icon-google-plus {
background: #DF4A32
}
.profile__link.icon-youtube {
background: #cd201f
}
.profile__link.icon-linkedin {
background: #0079ba
}
.profile__link.icon-pinterest {
background: #ce0f19
}
.profile__link.icon-rss {
background: #f90
}
.profile__link.icon-facebook:hover,
.profile__link.icon-twitter:hover,
.profile__link.icon-instagram:hover,
.profile__link.icon-google-plus:hover,
.profile__link.icon-youtube:hover,
.profile__link.icon-linkedin:hover,
.profile__link.icon-pinterest:hover,
.profile__link.icon-rss:hover {
animation: flash 1s
}
.related {
border-top: 1px solid rgba(0, 0, 0, 0.10);
margin-top: 40px;
padding-top: 20px
}
.related__list {
list-style-type: none
}
.related__item {
padding-bottom: 20px;
width: 100%;
display: flex;
align-items: flex-start
}
.related__item .eyecatch {
max-width: 200px
}
.related__item .archive__contents {
width: 100%;
margin-left: 15px
}
.related__item:last-child {
padding-bottom: 0
}
.comments__list {
list-style: none;
margin-bottom: 48px;
}
.comments__list li {
overflow: hidden;
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.10);
padding: 15px 15px 0 15px;
margin-bottom: 20px
}
.comments__list .children {
list-style: none
}
.comments__list .children li {
background: #F2F2F2
}
.comments__list .children li .children li {
background: #fff
}
.comments__list .children li .children li .children li {
background: #fff;
margin: 0 -15px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.10)
}
.comments__list .comment-body {
margin-bottom: 20px
}
.comments__list .comment-body p {
line-height: 1.75;
margin-bottom: 20px;
font-size: 1.4rem
}
.comments__list .reply {
width: 100%;
text-align: right
}
.comments__list .comment-author {
width: 100%;
overflow: hidden;
margin-bottom: 16px;
display: flex;
align-items: center;
}
.comments__list .comment-author .avatar {
border-radius: 50%;
margin-right: 10px
}
.comments__list .comment-author .fn {
line-height: 1.5;
margin-top: 0;
font-style: normal;
}
.comments__list .comment-author .fn a {
text-decoration: underline
}
.comments__list .comment-author .says {
display: none
}
.comments__list .comment-meta {
margin: 16px 0;
}
.comments__list .comment-meta a {
color: #FFF
}
.comments__list .comment-respond {
background: #fff;
padding: 15px;
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.comments__list .children li .children li .children li .comment-respond {
margin: 0 -15px;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.10)
}
.comments__list .comment-reply-link {
display: inline-block;
position: relative;
font-size: 1.2rem;
line-height: 1;
padding: 10px 20px;
border-radius: 5px;
color: #a83f3f;
border: 1px solid
}
.comments__list .comment-reply-link:hover {
color: #fff
}
.comments__list .comment-reply-link::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 5px;
height: 5px;
margin: auto;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg)
}
.comment-respond #email-notes,
.comment-respond .logged-in-as {
font-size: 1.2rem;
line-height: 1.5
}
.comment-respond .comment-notes,
.comment-respond .logged-in-as,
.comment-respond .comment-form-comment,
.comment-respond .comment-form-author,
.comment-respond .comment-form-email,
.comment-respond .comment-form-url {
margin-bottom: 20px
}
.comment-respond label {
display: inline-block;
margin-bottom: 10px;
font-weight: bold
}
.comment-respond input,
.comment-respond textarea {
width: 100%;
display: block;
border: none;
padding: 10px;
border-radius: 5px;
background: #FFF;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.comment-respond .submit {
color: #fff;
background: #fa224d;
cursor: pointer;
font-weight: bold;
width: fit-content;
letter-spacing: 2px;
padding: 10px 24px;
font-size: 1.4rem;
}
.comment-respond #wp-comment-cookies-consent {
width: auto;
display: inline
}
.comment-respond #cancel-comment-reply-link {
font-size: 1.2rem;
line-height: 1;
padding: 10px;
border-radius: 5px;
color: #a83f3f;
border: 1px solid;
margin-left: 10px
}
.content::after {
content: "";
display: block;
clear: both
}
@media only screen and (min-width: 768px) {
.content a:not(.outline__link):not(.eyecatch__link):not(.cancel-link):hover {
text-decoration: none;
}
#top .quote cite a:hover {
text-decoration: underline;
}
#reference a:hover {
color: #32b8b4;
}
}
.content .the__category a {
color: #FFF
}
.content .eyecatch__cat a {
color: #FFF
}
.content img {
max-width: 100%;
height: auto;
vertical-align: bottom;
}
.content img[width="1"],
.content img[height="1"] {
position: absolute
}
.content .eyecatch__link img {
height: 100%
}
.content .sitemap li a {
color: #191919
}
.btn {
width: 100%;
line-height: 1
}
.btn-left {
text-align: left
}
.btn-center {
text-align: center
}
.btn-right {
text-align: right
}
.content .btn__link {
position: relative;
display: inline-block;
cursor: pointer;
transition: .15s
}
.content .btn__link::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 5px;
height: 5px;
margin: auto;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg)
}
.content .btn__link-normal {
font-size: 1.2rem;
padding: 10px 20px;
border-radius: 5px;
color: #a83f3f;
border: 1px solid
}
.content .btn__link-primary {
padding: 15px 40px;
border-radius: 5px;
background: #1778c9;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.4rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal
}
.content .btn__link-primary::before {
border-top: 2px solid;
border-right: 2px solid
}
.content .btn__link-primary::after {
content: "";
position: absolute;
top: -50px;
left: -100px;
background: #fff;
width: 50px;
height: calc(100% + 100px);
opacity: 0.1;
transform: rotate(45deg);
transition: .3s
}
.content .btn__link-primary:hover::after {
left: calc(100% + 50px)
}
.content .btn__link-primary:hover {
border-bottom: solid 3px rgba(0, 0, 0, 0.25)
}
.content .btn__link-primary:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.content .btn__link-secondary {
padding: 5px 25px 5px 15px;
border-radius: 5px;
background: #a83f3f;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.2rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal
}
.content .btn__link-secondary:hover {
border-bottom: solid 3px rgba(0, 0, 0, 0.25)
}
.content .btn__link-secondary:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.content .column-2 .column__item,
.content .column-237 .column__item,
.content .column-273 .column__item {
flex: 1;
margin-left: 20px;
margin-top: 0
}
.content .column-2 .column__item:first-child,
.content .column-237 .column__item:first-child,
.content .column-273 .column__item:first-child {
margin-left: 0
}
.content .column-237 .column__item:first-child {
flex: 3
}
.content .column-237 .column__item:last-child {
flex: 7
}
.content .column-273 .column__item:first-child {
flex: 7
}
.content .column-273 .column__item:last-child {
flex: 3
}
.content h2+h2,
.content h2+h3,
.content h2+h4,
.content h2+h5,
.content h3+h2,
.content h3+h3,
.content h3+h4,
.content h3+h5,
.content h4+h2,
.content h4+h3,
.content h4+h4,
.content h4+h5,
.content h5+h2,
.content h5+h3,
.content h5+h4,
.content h5+h5 {
margin-top: 2rem
}
.content h2 a,
.content h3 a,
.content h4 a,
.content h5 a {
color: #191919
}
.partsH2-1 h2,
.partsH3-1 h3,
.partsH4-1 h4,
.partsH5-1 h5 {
padding-bottom: 10px;
border-bottom: solid 4px #a83f3f
}
.partsH2-2 h2,
.partsH3-2 h3,
.partsH4-2 h4,
.partsH5-2 h5 {
position: relative;
padding-bottom: 16px
}
.partsH2-2 h2::after,
.partsH3-2 h3::after,
.partsH4-2 h4::after,
.partsH5-2 h5::after {
content: "";
display: block;
position: absolute;
bottom: 0;
width: 100%;
height: 6px;
border-top: 2px solid #a83f3f;
border-bottom: 1px solid #a83f3f
}
.partsH2-3 h2,
.partsH3-3 h3,
.partsH4-3 h4,
.partsH5-3 h5 {
padding-bottom: 10px;
border-bottom: dotted 1px #a83f3f
}
.partsH2-4 h2,
.partsH3-4 h3,
.partsH4-4 h4,
.partsH5-4 h5 {
position: relative;
padding-bottom: 14px;
overflow: hidden
}
.partsH2-4 h2::before,
.partsH3-4 h3::before,
.partsH4-4 h4::before,
.partsH5-4 h5::before {
content: "";
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 4px solid #a83f3f
}
.partsH2-4 h2::after,
.partsH3-4 h3::after,
.partsH4-4 h4::after,
.partsH5-4 h5::after {
content: "";
position: absolute;
bottom: 0;
width: 100%;
border-bottom: 4px solid #D8D8D8
}
.partsH2-5 h2,
.partsH3-5 h3,
.partsH4-5 h4,
.partsH5-5 h5 {
background: linear-gradient(transparent 60%, #D8D8D8 60%)
}
.partsH2-6 h2,
.partsH3-6 h3,
.partsH4-6 h4,
.partsH5-6 h5 {
position: relative;
padding-bottom: 14px;
padding-right: 30px
}
.partsH2-6 h2::before,
.partsH3-6 h3::before,
.partsH4-6 h4::before,
.partsH5-6 h5::before {
content: "";
position: absolute;
bottom: -0;
right: 0;
width: 0;
height: 0;
border: none;
border-right: solid 15px transparent;
border-bottom: solid 15px #a83f3f
}
.partsH2-6 h2::after,
.partsH3-6 h3::after,
.partsH4-6 h4::after,
.partsH5-6 h5::after {
content: "";
position: absolute;
bottom: 0;
right: 10px;
width: 100%;
border-bottom: solid 4px #a83f3f
}
.partsH2-7 h2,
.partsH3-7 h3,
.partsH4-7 h4,
.partsH5-7 h5 {
position: relative;
padding-bottom: 16px
}
.partsH2-7 h2::after,
.partsH3-7 h3::after,
.partsH4-7 h4::after,
.partsH5-7 h5::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 6px;
background: repeating-linear-gradient(-45deg, #a83f3f, #a83f3f 2px, #fff 2px, #fff 4px)
}
.partsH2-8 h2,
.partsH3-8 h3,
.partsH4-8 h4,
.partsH5-8 h5 {
position: relative;
padding-bottom: 14px
}
.partsH2-8 h2::after,
.partsH3-8 h3::after,
.partsH4-8 h4::after,
.partsH5-8 h5::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 4px;
background: linear-gradient(to right, #a83f3f, #D8D8D8)
}
.partsH2-9 h2,
.partsH3-9 h3,
.partsH4-9 h4,
.partsH5-9 h5 {
position: relative;
padding-bottom: 14px;
text-align: center
}
.partsH2-9 h2::after,
.partsH3-9 h3::after,
.partsH4-9 h4::after,
.partsH5-9 h5::after {
content: "";
position: absolute;
bottom: 0;
display: inline-block;
width: 60px;
height: 4px;
left: 50%;
transform: translateX(-50%);
background-color: #a83f3f;
border-radius: 2px
}
.partsH2-10 h2,
.partsH3-10 h3,
.partsH4-10 h4,
.partsH5-10 h5 {
position: relative;
padding-bottom: 10px;
text-align: center;
border-bottom: 1px solid #a83f3f
}
.partsH2-10 h2::before,
.partsH3-10 h3::before,
.partsH4-10 h4::before,
.partsH5-10 h5::before {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #a83f3f
}
.partsH2-10 h2::after,
.partsH3-10 h3::after,
.partsH4-10 h4::after,
.partsH5-10 h5::after {
content: "";
position: absolute;
top: 100%;
left: 50%;
transform: translateX(-50%);
border: 10px solid transparent;
border-top: 10px solid #fff;
margin-top: -1px
}
.partsH2-11 h2,
.partsH3-11 h3,
.partsH4-11 h4,
.partsH5-11 h5 {
padding: 10px 0 10px 20px;
border-left: solid 4px #a83f3f
}
.partsH2-12 h2,
.partsH3-12 h3,
.partsH4-12 h4,
.partsH5-12 h5 {
padding: 10px 0 10px 20px;
border-left: solid 4px #a83f3f;
border-bottom: solid 1px #D8D8D8
}
.partsH2-13 h2,
.partsH3-13 h3,
.partsH4-13 h4,
.partsH5-13 h5 {
padding: 10px 0 10px 20px;
border-left: solid 4px #a83f3f;
border-bottom: dotted 1px #D8D8D8
}
.partsH2-14 h2,
.partsH3-14 h3,
.partsH4-14 h4,
.partsH5-14 h5 {
position: relative;
padding: 10px 0 10px 20px;
border-left: solid 4px #a83f3f
}
.partsH2-14 h2::before,
.partsH3-14 h3::before,
.partsH4-14 h4::before,
.partsH5-14 h5::before {
content: "";
position: absolute;
left: -4px;
bottom: 0;
width: 4px;
height: 50%;
background-color: #D8D8D8
}
.partsH2-14 h2::after,
.partsH3-14 h3::after,
.partsH4-14 h4::after,
.partsH5-14 h5::after {
content: "";
position: absolute;
left: 0;
bottom: 0;
width: 100%;
height: 0;
border-bottom: 1px solid #D8D8D8
}
.partsH2-21 h2,
.partsH3-21 h3,
.partsH4-21 h4,
.partsH5-21 h5 {
padding: 20px;
background-color: #f2f2f2
}
.partsH2-22 h2,
.partsH3-22 h3,
.partsH4-22 h4,
.partsH5-22 h5 {
padding: 20px;
background-color: #f2f2f2;
border-bottom: 4px solid #a83f3f
}
.partsH2-23 h2,
.partsH3-23 h3,
.partsH4-23 h4,
.partsH5-23 h5 {
padding: 20px;
background-color: #f2f2f2;
border-left: 4px solid #a83f3f
}
.partsH2-24 h2,
.partsH3-24 h3,
.partsH4-24 h4,
.partsH5-24 h5 {
padding: 20px;
background-color: #f2f2f2;
border-left: 4px solid #a83f3f;
border-bottom: 4px solid rgba(0, 0, 0, 0.10)
}
.partsH2-25 h2,
.partsH3-25 h3,
.partsH4-25 h4,
.partsH5-25 h5 {
position: relative;
padding: 20px;
background-color: #f2f2f2;
border-radius: 5px
}
.partsH2-25 h2::after,
.partsH3-25 h3::after,
.partsH4-25 h4::after,
.partsH5-25 h5::after {
position: absolute;
top: 100%;
left: 30px;
content: "";
height: 0;
width: 0;
border: 10px solid transparent;
margin-top: -2px;
border-top: 15px solid #f2f2f2
}
.partsH2-26 h2,
.partsH3-26 h3,
.partsH4-26 h4,
.partsH5-26 h5 {
position: relative;
padding: 20px;
border: 1px solid #D8D8D8;
border-radius: 5px
}
.partsH2-26 h2::before,
.partsH3-26 h3::before,
.partsH4-26 h4::before,
.partsH5-26 h5::before {
position: absolute;
top: 100%;
left: 30px;
content: "";
height: 0;
width: 0;
border: 10px solid transparent;
border-top: 15px solid #D8D8D8
}
.partsH2-26 h2::after,
.partsH3-26 h3::after,
.partsH4-26 h4::after,
.partsH5-26 h5::after {
position: absolute;
top: 100%;
left: 30px;
content: "";
height: 0;
width: 0;
border: 10px solid transparent;
margin-top: -2px;
border-top: 15px solid #fff
}
.partsH2-27 h2,
.partsH3-27 h3,
.partsH4-27 h4,
.partsH5-27 h5 {
position: relative;
padding: 20px;
color: #FFF;
background: #a83f3f
}
.partsH2-27 h2::before,
.partsH3-27 h3::before,
.partsH4-27 h4::before,
.partsH5-27 h5::before {
content: "";
position: absolute;
top: 100%;
right: 0;
height: 0;
width: 0;
border: 5px solid transparent;
border-top: 5px solid #752f2f;
border-left: 5px solid #752f2f
}
.partsH2-27 h2::after,
.partsH3-27 h3::after,
.partsH4-27 h4::after,
.partsH5-27 h5::after {
content: "";
position: absolute;
top: 100%;
left: 0;
height: 0;
width: 0;
border: 5px solid transparent;
border-top: 5px solid #752f2f;
border-right: 5px solid #752f2f
}
.partsH2-28 h2,
.partsH3-28 h3,
.partsH4-28 h4,
.partsH5-28 h5 {
position: relative;
padding: 20px;
color: #FFF;
background: #a83f3f
}
.partsH2-28 h2::before,
.partsH3-28 h3::before,
.partsH4-28 h4::before,
.partsH5-28 h5::before {
content: "";
position: absolute;
top: -20px;
left: 0;
width: 100%;
height: 0;
border: solid 10px transparent;
border-bottom-color: #752f2f
}
.partsH2-29 h2,
.partsH3-29 h3,
.partsH4-29 h4,
.partsH5-29 h5 {
position: relative;
padding: 20px;
color: #FFF;
background: #a83f3f;
box-shadow: 0 0 0 5px #a83f3f;
border: dashed 1px #fff
}
.partsH2-30 h2,
.partsH3-30 h3,
.partsH4-30 h4,
.partsH5-30 h5 {
position: relative;
padding: 20px;
color: #FFF;
background: repeating-linear-gradient(-45deg, #a83f3f, #a83f3f 3px, #752f2f 3px, #752f2f 7px)
}
.partsH2-31 h2,
.partsH3-31 h3,
.partsH4-31 h4,
.partsH5-31 h5 {
position: relative;
padding: 20px;
text-align: center;
border: solid 1px #a83f3f
}
.partsH2-32 h2,
.partsH3-32 h3,
.partsH4-32 h4,
.partsH5-32 h5 {
position: relative;
padding: 20px;
text-align: center;
border: dashed 1px #a83f3f;
border-radius: 5px
}
.partsH2-33 h2,
.partsH3-33 h3,
.partsH4-33 h4,
.partsH5-33 h5 {
position: relative;
padding: 20px;
text-align: center
}
.partsH2-33 h2::before,
.partsH3-33 h3::before,
.partsH4-33 h4::before,
.partsH5-33 h5::before {
display: inline-block;
content: "";
position: absolute;
top: 0;
left: 0;
width: 20px;
height: 30px;
border-left: solid 1px #a83f3f;
border-top: solid 1px #a83f3f
}
.partsH2-33 h2::after,
.partsH3-33 h3::after,
.partsH4-33 h4::after,
.partsH5-33 h5::after {
display: inline-block;
content: "";
position: absolute;
bottom: 0;
right: 0;
width: 20px;
height: 30px;
border-right: solid 1px #a83f3f;
border-bottom: solid 1px #a83f3f
}
.partsH2-34 h2,
.partsH3-34 h3,
.partsH4-34 h4,
.partsH5-34 h5 {
position: relative;
padding: 20px;
text-align: center;
border-top: solid 1px #a83f3f;
border-bottom: solid 1px #a83f3f
}
.partsH2-34 h2::before,
.partsH3-34 h3::before,
.partsH4-34 h4::before,
.partsH5-34 h5::before {
content: "";
position: absolute;
top: -10px;
left: 10px;
width: 1px;
height: calc(100% + 20px);
background-color: #a83f3f
}
.partsH2-34 h2::after,
.partsH3-34 h3::after,
.partsH4-34 h4::after,
.partsH5-34 h5::after {
content: "";
position: absolute;
top: -10px;
right: 10px;
width: 1px;
height: calc(100% + 20px);
background-color: #a83f3f
}
.partsH2-41 h2,
.partsH3-41 h3,
.partsH4-41 h4,
.partsH5-41 h5 {
position: relative;
padding: 20px;
border: 1px solid #f2f2f2;
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%)
}
.partsH2-42 h2,
.partsH3-42 h3,
.partsH4-42 h4,
.partsH5-42 h5 {
position: relative;
padding: 20px;
border-radius: 5px;
border: 1px solid #f2f2f2;
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%)
}
.partsH2-43 h2,
.partsH3-43 h3,
.partsH4-43 h4,
.partsH5-43 h5 {
position: relative;
padding: 20px;
border-radius: 100px;
border: 1px solid #f2f2f2;
box-shadow: inset 1px 1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#f2f2f2 0%, #FFF 50%, #f2f2f2 50%, #FFF 100%)
}
.partsH2-44 h2,
.partsH3-44 h3,
.partsH4-44 h4,
.partsH5-44 h5 {
position: relative;
padding: 20px;
border: 1px solid #f2f2f2;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#fff 0%, #f2f2f2 100%)
}
.partsH2-45 h2,
.partsH3-45 h3,
.partsH4-45 h4,
.partsH5-45 h5 {
position: relative;
padding: 20px;
border-radius: 5px;
border: 1px solid #f2f2f2;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#fff 0%, #f2f2f2 100%)
}
.partsH2-46 h2,
.partsH3-46 h3,
.partsH4-46 h4,
.partsH5-46 h5 {
position: relative;
padding: 20px;
border-radius: 50px;
border: 1px solid #f2f2f2;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#fff 0%, #f2f2f2 100%)
}
.partsH2-47 h2,
.partsH3-47 h3,
.partsH4-47 h4,
.partsH5-47 h5 {
position: relative;
padding: 20px;
border: 1px solid #f2f2f2;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#fff 0%, #f2f2f2 100%)
}
.partsH2-48 h2,
.partsH3-48 h3,
.partsH4-48 h4,
.partsH5-48 h5 {
position: relative;
padding: 20px;
border-radius: 5px;
border: 1px solid #f2f2f2;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#fff 0%, #f2f2f2 100%)
}
.partsH2-49 h2,
.partsH3-49 h3,
.partsH4-49 h4,
.partsH5-49 h5 {
position: relative;
padding: 20px;
border: 1px solid #323232;
color: #fff;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
background: linear-gradient(#191919 0%, #323232 100%)
}
.partsH2-50 h2,
.partsH3-50 h3,
.partsH4-50 h4,
.partsH5-50 h5 {
position: relative;
padding: 20px;
border-radius: 5px;
border: 1px solid #323232;
color: #fff;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
background: linear-gradient(#191919 0%, #323232 100%)
}
.partsH2-61 h2,
.partsH3-61 h3,
.partsH4-61 h4,
.partsH5-61 h5 {
position: relative;
padding: 10px 0 10px 30px
}
.partsH2-61 h2::after,
.partsH3-61 h3::after,
.partsH4-61 h4::after,
.partsH5-61 h5::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 4px;
transform: translateY(-50%);
background-color: #a83f3f
}
.partsH2-62 h2,
.partsH3-62 h3,
.partsH4-62 h4,
.partsH5-62 h5 {
position: relative;
padding: 20px 0 20px 30px;
background-color: #a83f3f;
color: #fff;
border-radius: 5px
}
.partsH2-62 h2::after,
.partsH3-62 h3::after,
.partsH4-62 h4::after,
.partsH5-62 h5::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 4px;
transform: translateY(-50%);
background-color: #fff
}
.partsH2-63 h2,
.partsH3-63 h3,
.partsH4-63 h4,
.partsH5-63 h5 {
position: relative;
padding: 20px 0 20px 30px;
border: 1px solid #d8d8d8;
border-radius: 5px
}
.partsH2-63 h2::after,
.partsH3-63 h3::after,
.partsH4-63 h4::after,
.partsH5-63 h5::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 4px;
transform: translateY(-50%);
background-color: #a83f3f
}
.partsH2-64 h2,
.partsH3-64 h3,
.partsH4-64 h4,
.partsH5-64 h5 {
position: relative;
padding: 20px 0 20px 30px;
border: 1px solid #f2f2f2;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#fff 0%, #f2f2f2 100%)
}
.partsH2-64 h2::after,
.partsH3-64 h3::after,
.partsH4-64 h4::after,
.partsH5-64 h5::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 4px;
transform: translateY(-50%);
background-color: #a83f3f
}
.partsH2-65 h2,
.partsH3-65 h3,
.partsH4-65 h4,
.partsH5-65 h5 {
position: relative;
padding: 20px 0 20px 30px;
border: 1px solid #323232;
color: #fff;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
background: linear-gradient(#191919 0%, #323232 100%)
}
.partsH2-65 h2::after,
.partsH3-65 h3::after,
.partsH4-65 h4::after,
.partsH5-65 h5::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 20px;
height: 4px;
transform: translateY(-50%);
background-color: #a83f3f
}
.partsH2-71 h2,
.partsH3-71 h3,
.partsH4-71 h4,
.partsH5-71 h5 {
position: relative;
padding: 10px 0 10px 25px
}
.partsH2-71 h2::after,
.partsH3-71 h3::after,
.partsH4-71 h4::after,
.partsH5-71 h5::after {
content: "";
position: absolute;
top: 50%;
left: 0;
width: 15px;
height: 15px;
border: solid 4px #a83f3f;
border-radius: 100%;
transform: translateY(-50%)
}
.partsH2-72 h2,
.partsH3-72 h3,
.partsH4-72 h4,
.partsH5-72 h5 {
position: relative;
padding: 20px 0 20px 35px;
background-color: #a83f3f;
color: #fff;
border-radius: 5px
}
.partsH2-72 h2::after,
.partsH3-72 h3::after,
.partsH4-72 h4::after,
.partsH5-72 h5::after {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 15px;
height: 15px;
border: solid 4px #fff;
border-radius: 100%;
transform: translateY(-50%)
}
.partsH2-73 h2,
.partsH3-73 h3,
.partsH4-73 h4,
.partsH5-73 h5 {
position: relative;
padding: 20px 0 20px 35px;
border: 1px solid #d8d8d8;
border-radius: 5px
}
.partsH2-73 h2::after,
.partsH3-73 h3::after,
.partsH4-73 h4::after,
.partsH5-73 h5::after {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 15px;
height: 15px;
border: solid 4px #a83f3f;
border-radius: 100%;
transform: translateY(-50%)
}
.partsH2-74 h2,
.partsH3-74 h3,
.partsH4-74 h4,
.partsH5-74 h5 {
position: relative;
padding: 20px 0 20px 35px;
border: 1px solid #f2f2f2;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, .5);
background: linear-gradient(#fff 0%, #f2f2f2 100%)
}
.partsH2-74 h2::after,
.partsH3-74 h3::after,
.partsH4-74 h4::after,
.partsH5-74 h5::after {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 15px;
height: 15px;
border: solid 4px #a83f3f;
border-radius: 100%;
transform: translateY(-50%)
}
.partsH2-75 h2,
.partsH3-75 h3,
.partsH4-75 h4,
.partsH5-75 h5 {
position: relative;
padding: 20px 0 20px 35px;
border: 1px solid #323232;
color: #fff;
border-top: 4px solid #a83f3f;
box-shadow: inset 1px -1px 0 rgba(255, 255, 255, 0.5);
background: linear-gradient(#191919 0%, #323232 100%)
}
.partsH2-75 h2::after,
.partsH3-75 h3::after,
.partsH4-75 h4::after,
.partsH5-75 h5::after {
content: "";
position: absolute;
top: 50%;
left: 10px;
width: 15px;
height: 15px;
border: solid 4px #a83f3f;
border-radius: 100%;
transform: translateY(-50%)
}
.partsH2-81 h2:first-letter {
font-size: 3.2rem
}
.partsH3-81 h3:first-letter {
font-size: 2.8rem
}
.partsH4-81 h4:first-letter {
font-size: 2.6rem
}
.partsH5-81 h5:first-letter {
font-size: 2.4rem
}
.partsH2-81 h2:first-letter,
.partsH3-81 h3:first-letter,
.partsH4-81 h4:first-letter,
.partsH5-81 h5:first-letter {
color: #a83f3f
}
.partsH2-82 h2:first-letter {
font-size: 3.2rem
}
.partsH3-82 h3:first-letter {
font-size: 2.8rem
}
.partsH4-82 h4:first-letter {
font-size: 2.6rem
}
.partsH5-82 h5:first-letter {
font-size: 2.4rem
}
.partsH2-82 h2:first-letter,
.partsH3-82 h3:first-letter,
.partsH4-82 h4:first-letter,
.partsH5-82 h5:first-letter {
padding-bottom: 5px;
color: #a83f3f;
border-bottom: 3px solid
}
.partsH2-83 h2,
.partsH3-83 h3,
.partsH4-83 h4,
.partsH5-83 h5 {
padding: 10px 0;
border-bottom: dotted 1px #D8D8D8
}
.partsH2-83 h2:first-letter {
font-size: 3.2rem
}
.partsH3-83 h3:first-letter {
font-size: 2.8rem
}
.partsH4-83 h4:first-letter {
font-size: 2.6rem
}
.partsH5-83 h5:first-letter {
font-size: 2.4rem
}
.partsH2-83 h2:first-letter,
.partsH3-83 h3:first-letter,
.partsH4-83 h4:first-letter,
.partsH5-83 h5:first-letter {
color: #a83f3f
}
.partsH2-84 h2,
.partsH3-84 h3,
.partsH4-84 h4,
.partsH5-84 h5 {
padding: 20px;
border: solid 1px #D8D8D8;
border-radius: 5px
}
.partsH2-84 h2:first-letter {
font-size: 3.2rem
}
.partsH3-84 h3:first-letter {
font-size: 2.8rem
}
.partsH4-84 h4:first-letter {
font-size: 2.6rem
}
.partsH5-84 h5:first-letter {
font-size: 2.4rem
}
.partsH2-84 h2:first-letter,
.partsH3-84 h3:first-letter,
.partsH4-84 h4:first-letter,
.partsH5-84 h5:first-letter {
color: #a83f3f
}
.content .size-full,
.content .size-large,
.content .size-medium,
.content .size-thumbnail {
max-width: 100%;
height: auto
}
.content .alignleft {
float: left;
margin: 0 1rem 1rem 0;
text-align: left
}
.content .aligncenter {
display: block;
margin: 0 auto 1rem auto;
text-align: center
}
.content .alignright {
float: right;
margin: 0 0 1rem 1rem;
text-align: right
}
.content .wp-caption {
margin-top: 2rem
}
.content .wp-caption a {
display: block
}
.content .wp-caption a:hover {
border-bottom: none
}
.content .wp-caption img {
vertical-align: bottom
}
.content .wp-caption-text {
margin-top: 1rem;
font-size: 1.2rem
}
.content ol {
counter-reset: item
}
.content ol>li>ol>li:before {
background: #a83f3f;
border: 1px solid #a83f3f;
color: #fff
}
.content ol>li>ol>li>ol>li:before {
background: #fff;
border: 1px dashed #a83f3f;
color: #a83f3f
}
.partsUl-1 ul,
.partsOl-1 ol {
padding: 20px;
background-color: #f2f2f2
}
.partsUl-2 ul,
.partsOl-2 ol {
padding: 20px;
background-color: #f2f2f2;
box-shadow: 0 0 0 5px #f2f2f2;
border: dashed 1px #a83f3f
}
.partsUl-3 ul,
.partsOl-3 ol {
padding: 20px;
position: relative;
background-color: #F2F2F2
}
.partsUl-3 ul::after,
.partsOl-3 ol::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
border-color: rgba(0, 0, 0, 0.10) #fff #fff rgba(0, 0, 0, 0.10);
border-style: solid;
border-width: 10px
}
.partsUl-4 ul,
.partsOl-4 ol {
padding: 20px;
background-color: #fff;
background-image: -webkit-linear-gradient(transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1)), -webkit-linear-gradient(0deg, transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1));
background-size: 12px 12px
}
.partsUl-5 ul,
.partsOl-5 ol {
padding: 20px;
position: relative;
border: solid 1px #D8D8D8
}
.partsUl-6 ul,
.partsOl-6 ol {
padding: 20px;
position: relative;
border: dashed 1px #D8D8D8
}
.partsUl-7 ul,
.partsOl-7 ol {
padding: 20px 30px;
position: relative;
border-top: solid 1px #D8D8D8;
border-bottom: solid 1px #D8D8D8
}
.partsUl-7 ul::before,
.partsOl-7 ol::before {
content: "";
position: absolute;
top: -10px;
left: 10px;
width: 1px;
height: calc(100% + 20px);
background-color: #D8D8D8
}
.partsUl-7 ul::after,
.partsOl-7 ol::after {
content: "";
position: absolute;
top: -10px;
right: 10px;
width: 1px;
height: calc(100% + 20px);
background-color: #D8D8D8
}
.content .reviewBox {
position: relative;
background: #f2f2f2;
padding: 20px;
border-radius: 5px
}
.content .reviewBox-border {
background: #fff;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.content .reviewBox::after {
content: "";
position: absolute;
bottom: -1px;
right: -1px;
border-color: rgba(0, 0, 0, 0.10) #fff #fff rgba(0, 0, 0, 0.10);
border-style: solid;
border-width: 10px
}
.content .reviewBox__title {
font-weight: bold;
font-size: 2rem;
margin-bottom: 20px;
padding-bottom: 10px;
border-bottom: 1px solid #e5e5e5;
line-height: 1.5
}
.content .reviewBox__contents {
position: relative
}
.content .reviewBox__imgBox {
float: right;
width: 100px;
height: auto;
margin: 0 0 20px 20px
}
.content .reviewBox__img {
width: 100px;
height: 100px;
border-radius: 50%;
border: 1px solid #e5e5e5;
overflow: hidden;
background: url(img/img_mysteryman.gif);
background-size: contain
}
.content .reviewBox__img img {
width: 100px;
height: 100px;
border-radius: 50%;
vertical-align: bottom
}
.content .reviewBox__name {
display: inline-block;
width: 100%;
text-align: center;
margin-top: 0.5rem;
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.5)
}
.content .reviewBox__star {
display: block;
font-weight: bold;
margin-bottom: 10px
}
.content .balloon {
margin-top: 2rem;
position: relative
}
.content .balloon:before,
.content .balloon:after {
clear: both;
content: "";
display: block
}
.content .balloon .balloon__img {
width: 60px;
height: 60px;
margin-bottom: 20px
}
.content .balloon .balloon__img-left {
float: left;
margin-right: 15px
}
.content .balloon .balloon__img-right {
float: right;
margin-left: 15px
}
.content .balloon .balloon__img-left div {
border-radius: 50%;
width: 60px;
height: 60px;
background: url(img/img_cat.gif);
background-size: contain;
margin-bottom: 10px
}
.content .balloon .balloon__img-right div {
border-radius: 50%;
width: 60px;
height: 60px;
background: url(img/img_dog.gif);
background-size: contain;
margin-bottom: 10px
}
.content .balloon .balloon__img img {
width: 100%;
height: 100%;
border-radius: 50%;
margin: 0
}
.content .balloon .balloon__name {
font-size: 1rem;
text-align: center;
line-height: 1
}
.content .balloon .balloon__text {
position: relative;
padding: 1rem;
margin: 0;
border-radius: 5px;
max-width: calc(100% - 75px);
display: inline-block;
background-color: #F2F2F2
}
.content .balloon .balloon__text-left {
float: right
}
.content .balloon .balloon__text-right {
float: left
}
.content .balloon .balloon__text::before {
content: "";
position: absolute;
top: 15px;
border: 10px solid transparent
}
.content .balloon .balloon__text-left::before {
right: -20px;
border-left: 10px solid #F2F2F2
}
.content .balloon .balloon__text-right::before {
left: -20px;
border-right: 10px solid #F2F2F2
}
.content .balloon-boder .balloon__text {
border: 1px solid #E5E5E5;
background-color: #fff
}
.content .balloon-boder .balloon__text:after {
content: "";
position: absolute;
top: 15px;
border: 10px solid transparent
}
.content .balloon-boder .balloon__text-left:after {
right: -19px;
border-left: 10px solid #fff
}
.content .balloon-boder .balloon__text-right:after {
left: -19px;
border-right: 10px solid #fff
}
.content pre {
font-family: "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo,Osaka", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
font-weight: 400;
margin-top: 2rem;
padding: 20px;
background-color: #F2F2F2;
border-left: solid 5px #191919;
color: #7F7F7F;
overflow: auto
}
.content hr {
margin-top: 4rem;
border-top: 1px solid #F2F2F2;
border-bottom: 1px solid #E5E5E5
}
.content dl {
margin-top: 2rem
}
.content dt {
margin-top: 2rem;
padding: 10px;
background-color: rgba(0, 0, 0, 0.05)
}
.content dd {
padding: 10px;
border: solid 1px rgba(0, 0, 0, 0.05)
}
.content .accordionBox dt {
position: relative
}
.content .accordionBox dt::after {
font-family: "icomoon";
content: "\ea0c";
position: absolute;
top: 50%;
right: 10px;
margin-top: -0.5rem;
font-size: 1rem;
line-height: 1
}
.content .accordionBox dt.current::after {
content: "\ea0d"
}
.content .accordionBox-border dt {
background: #fff;
border: solid 1px rgba(0, 0, 0, 0.05)
}
.content .accordionBox-border dd {
border-top: 0
}

table th {
padding: 10px;
}
table td {
padding: 10px;
border-bottom: 1px solid #e5e5e5;
border-right: 1px solid #e5e5e5;
}
.partsTable-1 table {
border-top: 1px dotted #E5E5E5;
border-left: 1px dotted #E5E5E5
}
.partsTable-1 table th {
border-right: 1px dotted #E5E5E5;
border-bottom: 1px dotted #E5E5E5
}
.partsTable-1 table td {
border-right: 1px dotted #E5E5E5;
border-bottom: 1px dotted #E5E5E5
}
.content .tableScroll {
overflow: auto
}
.content .tableScroll table th {
min-width: 160px
}
.content .tableScroll table td {
min-width: 160px
}
.content .scoreTable {
border: 1px solid #E5E5E5
}
.content .scoreTable tr:nth-child(odd) td {
background-color: #f2f2f2
}
.content .scoreTable td {
border: 0
}
.content .scoreTable td:first-child {
font-weight: bold
}
.content .scoreTable td:last-child {
width: 140px
}
.content .scoreTable-red tr:last-child td {
background-color: #FDEDEC
}
.content .scoreTable-blue tr:last-child td {
background-color: #EAF6FE
}
.content .scoreTable-yellow tr:last-child td {
background-color: #FFFDED
}
.content .scoreTable-pink tr:last-child td {
background-color: #FDEFF5
}
.content .scoreTable-green tr:last-child td {
background-color: #EBF5EB
}
.content .scoreTable-gray tr:last-child td {
background-color: #D8D8D8
}
.content .outline__toggle {
display: none
}
.content .outline__switch::before {
content: "開く";
cursor: pointer;
border: solid 1px #d8d8d8;
padding: 5px;
font-size: 1.2rem;
border-radius: 5px
}
.content .outline__toggle:checked+.outline__switch::before {
content: "閉じる"
}
.content .outline__switch+.outline__list {
overflow: hidden;
width: 0;
height: 0;
margin-top: 0;
padding: 0;
transition: 0.2s;
background: #f4f4f4;
border: 0;
box-shadow: none;
border-radius: 0;
}
.content .outline__switch+.outline__list::before {
content: normal
}
.content .outline__switch+.outline__list::after {
content: normal
}
.content .outline__toggle:checked+.outline__switch+.outline__list {
width: auto;
height: auto;
padding: 16px 0 0;
}
.content .gallery {
width: 100%;
overflow: hidden
}
.content .gallery br {
display: none
}
.content .gallery-item {
float: left
}
.content .gallery-icon {
text-align: center;
line-height: 1
}
.content .gallery-icon img {
max-width: 100%;
height: auto;
margin-bottom: 10px
}
.content .gallery-caption {
font-size: 1.2rem;
margin: 0 0 10px 0;
text-align: center
}
.content .gallery-columns-1 .gallery-item {
width: 100%;
margin: 0
}
.content .gallery-columns-2 .gallery-item,
.content .gallery-columns-3 .gallery-item,
.content .gallery-columns-4 .gallery-item,
.content .gallery-columns-5 .gallery-item {
width: calc(50% - 20px);
margin: 0 10px
}
.partsQuote-1 blockquote {
border-left: solid 4px #d8d8d8
}
.partsQuote-2 blockquote {
background-color: #fff;
border: solid 1px #d8d8d8
}
.partsQuote-3 blockquote {
padding: 20px
}
.partsQuote-3 blockquote::before {
top: 0;
left: 0;
font-size: 2rem;
line-height: 1;
z-index: 2
}
.partsQuote-3 blockquote::after {
position: absolute;
content: "";
left: 0;
top: 0;
border-radius: 0 0 30px;
width: 30px;
height: 30px;
background: #fff
}
.partsQuote-4 blockquote {
padding: 20px;
border: solid 4px #d8d8d8;
background-color: #fff
}
.partsQuote-4 blockquote::before {
top: 0;
left: 0;
font-size: 2rem;
color: #fff;
line-height: 1;
z-index: 2
}
.partsQuote-4 blockquote::after {
position: absolute;
content: "";
left: 0;
top: 0;
border-radius: 0 0 30px;
width: 30px;
height: 30px;
background: #d8d8d8
}
.partsQuote-5 blockquote {
border: solid 3px #d8d8d8;
border-left-width: 50px;
padding: 20px;
background-color: #fff
}
.partsQuote-5 blockquote:before {
top: 50%;
left: -35px;
transform: translateY(-50%);
vertical-align: middle;
color: #FFF;
font-size: 2rem;
line-height: 1
}
.partsQuote-6 blockquote {
padding: 35px 20px 20px 20px
}
.partsQuote-6 blockquote:before {
top: -10px;
left: 10px;
width: 40px;
height: 35px;
line-height: 35px;
text-align: center;
color: #FFF;
font-size: 2rem;
background: #d8d8d8
}
.partsQuote-6 blockquote:after {
position: absolute;
content: "";
top: -10px;
left: 50px;
border: none;
border-bottom: solid 10px #ccc;
border-right: solid 10px transparent
}
.content hr {
clear: both;
margin: 20px 0;
padding: 0;
height: 0;
border: 0;
border-top: 1px solid rgba(0, 0, 0, 0.10)
}
.content .hr-solid {
border-top: 1px solid rgba(0, 0, 0, 0.10)
}
.content .hr-dashed {
border-top: 1px dashed rgba(0, 0, 0, 0.10)
}
.content .hr-dotted {
border-top: 1px dotted rgba(0, 0, 0, 0.10)
}
.content .marker-thickRed {
background: linear-gradient(transparent 35%, #FFC6C6 35%)
}
.content .marker-thickBlue {
background: linear-gradient(transparent 35%, #cce5ff 35%)
}
.content .marker-thickYellow {
background: linear-gradient(transparent 60%, #ffffbc 35%)
}
.content .marker-thickPink {
background: linear-gradient(transparent 35%, #FFDFEF 35%)
}
.content .marker-thickGreen {
background: linear-gradient(transparent 35%, #D2FFD2 35%)
}
.content .marker-thickGray {
background: linear-gradient(transparent 35%, #d8d8d8 35%)
}
.content .marker-halfRed {
background: linear-gradient(transparent 60%, #FFC6C6 60%)
}
.content .marker-halfBlue {
background: linear-gradient(transparent 60%, #cce5ff 60%)
}
.content .marker-halfYellow {
background: linear-gradient(transparent 60%, #ffffbc 60%)
}
.content .marker-halfPink {
background: linear-gradient(transparent 60%, #FFDFEF 60%)
}
.content .marker-halfGreen {
background: linear-gradient(transparent 60%, #D2FFD2 60%)
}
.content .marker-halfGray {
background: linear-gradient(transparent 35%, #d8d8d8 35%)
}
.content .marker-thinRed {
background: linear-gradient(transparent 85%, #FFC6C6 85%)
}
.content .marker-thinBlue {
background: linear-gradient(transparent 85%, #cce5ff 85%)
}
.content .marker-thinYellow {
background: linear-gradient(transparent 85%, #ffffbc 85%)
}
.content .marker-thinPink {
background: linear-gradient(transparent 85%, #FFDFEF 85%)
}
.content .marker-thinGreen {
background: linear-gradient(transparent 85%, #D2FFD2 85%)
}
.content .marker-thinGray {
background: linear-gradient(transparent 35%, #d8d8d8 35%)
}
.content .ep-label {
position: relative;
display: inline-block;
background-color: rgba(0, 0, 0, 0.05);
padding: 0 5px
}
.content .ep-btn {
position: relative;
display: inline-block;
line-height: 1;
background-color: rgba(0, 0, 0, 0.05);
text-align: center;
overflow: hidden;
transition: .3s;
padding: 10px 15px
}
.content .ep-btn:hover::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background-color: rgba(255, 255, 255, 0.25);
transition: .3s
}
.content .ep-btn:hover {
font-weight: normal
}
.content .ep-btn.es-bold:hover {
font-weight: bold
}
.content .ep-box {
position: relative;
background-color: rgba(0, 0, 0, 0.05);
padding: 20px
}
.content .ep-inbox {
position: relative;
background-color: rgba(0, 0, 0, 0.05);
padding: 20px
}
.content .es-size10 {
width: 10%
}
.content .es-size25 {
width: 25%
}
.content .es-size40 {
width: 40%
}
.content .es-size50 {
width: 50%
}
.content .es-size60 {
width: 60%
}
.content .es-size75 {
width: 75%
}
.content .es-size90 {
width: 90%
}
.content .es-size100 {
width: 100%
}
.content .es-padding0 {
padding: 0
}
.content .es-TpaddingSS {
padding-top: 1rem
}
.content .es-TpaddingS {
padding-top: 1.5rem
}
.content .es-TpaddingM {
padding-top: 3rem
}
.content .es-TpaddingL {
padding-top: 4.5rem
}
.content .es-RpaddingSS {
padding-right: 1rem
}
.content .es-RpaddingS {
padding-right: 1.5rem
}
.content .es-RpaddingM {
padding-right: 3rem
}
.content .es-RpaddingL {
padding-right: 4.5rem
}
.content .es-BpaddingSS {
padding-bottom: 1rem
}
.content .es-BpaddingS {
padding-bottom: 1.5rem
}
.content .es-BpaddingM {
padding-bottom: 3rem
}
.content .es-BpaddingL {
padding-bottom: 4.5rem
}
.content .es-LpaddingSS {
padding-left: 1rem
}
.content .es-LpaddingS {
padding-left: 1.5rem
}
.content .es-LpaddingM {
padding-left: 3rem
}
.content .es-LpaddingL {
padding-left: 4.5rem
}
.content .es-margin0 {
margin: 0
}
.content .es-TmarginSS {
margin-top: 1rem
}
.content .es-TmarginS {
margin-top: 1.5rem
}
.content .es-TmarginM {
margin-top: 3rem
}
.content .es-TmarginL {
margin-top: 4.5rem
}
.content .es-RmarginSS {
margin-right: 1rem
}
.content .es-RmarginS {
margin-right: 1.5rem
}
.content .es-RmarginM {
margin-right: 3rem
}
.content .es-RmarginL {
margin-right: 4.5rem
}
.content .es-BmarginSS {
margin-bottom: 1rem
}
.content .es-BmarginS {
margin-bottom: 1.5rem
}
.content .es-BmarginM {
margin-bottom: 3rem
}
.content .es-BmarginL {
margin-bottom: 4.5rem
}
.content .es-LmarginSS {
margin-left: 1rem
}
.content .es-LmarginS {
margin-left: 1.5rem
}
.content .es-LmarginM {
margin-left: 3rem
}
.content .es-LmarginL {
margin-left: 4.5rem
}
.content .es-borderSolidS {
border: 1px solid #191919
}
.content .es-borderSolidM {
border: 3px solid #191919
}
.content .es-borderDashedS {
border: 1px dashed #191919
}
.content .es-borderDashedM {
border: 3px dashed #191919
}
.content .es-borderDottedS {
border: 1px dotted #191919
}
.content .es-borderDottedM {
border: 3px dotted #191919
}
.content .es-BborderSolidS {
border-bottom: 1px solid #191919
}
.content .es-BborderSolidM {
border-bottom: 3px solid #191919
}
.content .es-BborderDashedS {
border-bottom: 1px dashed #191919
}
.content .es-BborderDashedM {
border-bottom: 3px dashed #191919
}
.content .es-BborderDottedS {
border-bottom: 1px dotted #191919
}
.content .es-BborderDottedM {
border-bottom: 3px dotted #191919
}
.content .es-LborderSolidS {
border-left: 1px solid #191919
}
.content .es-LborderSolidM {
border-left: 3px solid #191919
}
.content .es-LborderDashedS {
border-left: 1px dashed #191919
}
.content .es-LborderDashedM {
border-left: 3px dashed #191919
}
.content .es-LborderDottedS {
border-left: 1px dotted #191919
}
.content .es-LborderDottedM {
border-left: 3px dotted #191919
}
.content .es-Fsmall {
font-size: 1.2rem
}
.content .es-Fbig {
font-size: 1.6rem
}
.content .es-FbigL {
font-size: 2.0rem
}
.content .es-bold {
font-weight: bold
}
.content .es-italic {
font-style: italic
}
.content .es-strike {
text-decoration: line-through
}
.content .es-under {
text-decoration: underline
}
.content .es-left {
text-align: left
}
.content .es-center {
text-align: center
}
.content .es-right {
text-align: right
}
.content .es-shadowL {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.10)
}
.content .es-shadow {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.25)
}
.content .es-shadowD {
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.50)
}
.content .es-shadowInL {
box-shadow: inset 0 0 15px 1px rgba(0, 0, 0, 0.10)
}
.content .es-shadowIn {
box-shadow: inset 0 0 15px 1px rgba(0, 0, 0, 0.25)
}
.content .es-shadowInD {
box-shadow: inset 0 0 15px 1px rgba(0, 0, 0, 0.50)
}
.content .es-TshadowL {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.10)
}
.content .es-Tshadow {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.25)
}
.content .es-TshadowD {
text-shadow: 0 1px 3px rgba(0, 0, 0, 0.50)
}
.content .es-radius {
border-radius: 5px
}
.content .es-radiusL {
border-radius: 10px
}
.content .es-round {
border-radius: 50px
}
.content .es-grada1::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.05))
}
.content .es-grada2::after {
position: absolute;
top: 0;
left: 0;
right: 0;
bottom: 0;
content: "";
background: linear-gradient(0deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, 0.25))
}
.content .es-grid {
background-color: #fff;
background-image: -webkit-linear-gradient(transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1)), -webkit-linear-gradient(0deg, transparent 95%, rgba(0, 144, 255, .1) 50%, rgba(0, 144, 255, .1));
background-size: 12px 12px
}
.content .es-Lcorner {
top: -20px;
left: -20px
}
.content .es-LroundL {
border-radius: 50px 0 0 50px
}
.content .es-LroundR {
border-radius: 0 50px 50px 0
}
.content .es-Licon:before {
margin: 0 5px
}
.content .es-LiconBorder:before {
margin: 0 5px;
padding-right: 5px;
border-right: 1px solid rgba(255, 255, 255, .25);
box-shadow: 1px 0 0 0 rgba(0, 0, 0, .25)
}
.content .es-LiconBox {
height: 28px;
padding-left: 35px
}
.content .es-LiconBox:before {
background: #a83f3f;
color: #fff;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 28px;
text-align: center
}
.content .es-LiconCircle {
height: 28px;
padding-left: 35px
}
.content .es-LiconCircle:before {
background: #a83f3f;
color: #fff;
position: absolute;
top: 0;
left: 0;
height: 100%;
width: 28px;
text-align: center;
border-radius: 50%
}
.content .es-BT3d {
border-bottom: solid 3px rgba(0, 0, 0, 0.25)
}
.content .es-BT3d:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.content .es-BTshadow {
border-left: 1px solid rgba(0, 0, 0, 0.05);
border-bottom: 1px solid rgba(0, 0, 0, 0.05)
}
.content .es-BTrich {
box-shadow: -1px 1px 0 0 rgba(255, 255, 255, 0.25) inset;
border: 1px solid rgba(0, 0, 0, 0.05)
}
.content .es-BTarrow::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 5px;
height: 5px;
margin: auto;
border-top: 1px solid;
border-right: 1px solid;
transform: rotate(45deg)
}
.content .es-BTicon:before {
margin-right: 5px
}
.content .es-BTiconBorder:before {
margin-right: 10px;
padding-right: 10px;
border-right: 1px solid rgba(255, 255, 255, .25);
box-shadow: 1px 0 0 0 rgba(0, 0, 0, .25)
}
.content .es-BTiconBox {
padding: 0 15px 0 0
}
.content .es-BTiconBox:before {
display: inline-block;
background: #a83f3f;
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
margin-right: 10px
}
.content .es-BTiconCircle:before {
display: inline-block;
background: #a83f3f;
color: #fff;
height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
margin-right: 10px;
border-radius: 50%
}
.content .es-Bwhole {
margin: -20px -20px 0 -20px
}
.content .es-Bbrackets:before,
.content .es-Bbrackets:after {
display: inline-block;
position: absolute;
width: 30px;
height: 30px;
content: ""
}
.content .es-Bbrackets:before {
top: 0;
left: 0;
border-top: solid 1px #191919;
border-left: solid 1px #191919
}
.content .es-Bbrackets:after {
right: 0;
bottom: 0;
border-right: solid 1px #191919;
border-bottom: solid 1px #191919
}
.content .es-BpaperLeft::after {
content: "";
position: absolute;
bottom: 0;
left: 0;
border-color: rgba(0, 0, 0, 0.10) rgba(0, 0, 0, 0.10) #fff #fff;
border-style: solid;
border-width: 10px
}
.content .es-BpaperRight::after {
content: "";
position: absolute;
bottom: 0;
right: 0;
border-color: rgba(0, 0, 0, 0.10) #fff #fff rgba(0, 0, 0, 0.10);
border-style: solid;
border-width: 10px
}
.content .es-BmarkHatena {
padding-left: 70px
}
.content .es-BmarkHatena::before {
position: absolute;
top: 20px;
left: 20px;
content: "?";
background: #373737;
background: #ff7ca0;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
text-align: center;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%
}
.content .es-BmarkExcl {
padding-left: 70px
}
.content .es-BmarkExcl::before {
position: absolute;
top: 20px;
left: 20px;
content: "!";
background: #b60105;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
text-align: center;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%
}
.content .es-BmarkQ {
position: relative;
padding: 0 0 10px 40px;
line-height: 3rem;
font-size: 1.8rem;
border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}
.content .es-BmarkQ::before {
content: "Q";
background: #0081ba;
position: absolute;
top: 0;
left: 0;
font-size: 1.5rem;
font-weight: 700;
color: #fff;
text-align: center;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 5px
}
.content .es-BmarkQ::after {
content: "";
position: absolute;
top: 30px;
left: 10px;
border: 5px solid transparent;
border-top: 5px solid #0081ba
}
.content .es-BmarkA {
position: relative;
padding: 0 0 0 40px;
margin-top: 1rem
}
.content .es-BmarkA::before {
content: "A";
position: absolute;
top: 0;
left: 0;
font-size: 1.5rem;
font-weight: 700;
color: #b60105;
text-align: center;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 5px
}
.content .es-BsubT {
margin-top: 3.5rem;
padding-top: 3.5rem
}
.content .es-BsubT::before {
position: absolute;
top: -15px;
left: 20px;
height: 30px;
line-height: 30px;
padding: 0 20px;
content: attr(title);
background: #b60105;
color: #fff;
border: 1px solid transparent;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
vertical-align: middle
}
.content .es-BsubTradi {
margin-top: 3.5rem;
padding-top: 3.5rem
}
.content .es-BsubTradi::before {
position: absolute;
top: -15px;
left: 20px;
height: 30px;
line-height: 30px;
padding: 0 20px;
content: attr(title);
background: #f2b5d3;
color: #fff;
border: 1px solid transparent;
border-radius: 5px;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
vertical-align: middle
}
.content .es-BsubTround {
margin-top: 3.5rem;
padding-top: 3.5rem
}
.content .es-BsubTround::before {
position: absolute;
top: -15px;
left: 20px;
height: 30px;
line-height: 30px;
padding: 0 20px;
content: attr(title);
background: #b60105;
color: #fff;
border: 1px solid transparent;
border-radius: 30px;
font-size: 1.5rem;
font-weight: bold;
text-align: center;
vertical-align: middle
}
.content .es-Bicon {
padding-left: 70px
}
.content .es-Bicon:before {
position: absolute;
top: 20px;
left: 20px;
font-size: 3rem;
line-height: 3rem
}
.content .es-BiconBg:before {
position: absolute;
top: 20px;
left: 20px;
font-size: 5rem;
line-height: 5rem;
color: rgba(0, 0, 0, 0.10)
}
.content .es-BiconObi {
border-left: solid 50px #a83f3f
}
.content .es-BiconObi:before {
position: absolute;
top: 50%;
left: -35px;
transform: translateY(-50%);
vertical-align: middle;
font-size: 2rem;
color: #fff;
line-height: 1
}
.content .es-BiconCorner:before {
position: absolute;
top: -10px;
left: -10px;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%;
text-align: center;
background: #a83f3f;
color: #fff;
font-size: 1.5rem
}
.content .es-BiconCircle {
padding-left: 70px
}
.content .es-BiconCircle:before {
position: absolute;
top: 20px;
left: 20px;
background: #a83f3f;
font-size: 1.5rem;
color: #fff;
text-align: center;
vertical-align: middle;
width: 30px;
height: 30px;
line-height: 30px;
border-radius: 50%
}
.content .ftc-Vyellow {
color: #fff100
}
.content .ftc-Vorange {
color: #f49801
}
.content .ftc-Vred {
color: #e60112
}
.content .ftc-Vmagenta {
color: #e5004f
}
.content .ftc-Vpink {
color: #e4017f
}
.content .ftc-Vpurple {
color: #920883
}
.content .ftc-Vnavy {
color: #1c1e84
}
.content .ftc-Vblue {
color: #0068b7
}
.content .ftc-Vsky {
color: #00a0e9
}
.content .ftc-Vturquoise {
color: #009e96
}
.content .ftc-Vgreen {
color: #094
}
.content .ftc-Vlime {
color: #8ec31f
}
.content .ftc-Byellow {
color: #fff338
}
.content .ftc-Borange {
color: #f6ad3a
}
.content .ftc-Bred {
color: #ea5532
}
.content .ftc-Bmagenta {
color: #e9536b
}
.content .ftc-Bpink {
color: #e95098
}
.content .ftc-Bpurple {
color: #a54a98
}
.content .ftc-Bnavy {
color: #4c4398
}
.content .ftc-Bblue {
color: #2b71b8
}
.content .ftc-Bsky {
color: #00b0ec
}
.content .ftc-Bturquoise {
color: #00ada9
}
.content .ftc-Bgreen {
color: #0ba95f
}
.content .ftc-Blime {
color: #a9cf52
}
.content .ftc-DPyellow {
color: #cbbd00
}
.content .ftc-DPorange {
color: #bf7601
}
.content .ftc-DPred {
color: #b60105
}
.content .ftc-DPmagenta {
color: #b5003c
}
.content .ftc-DPpink {
color: #b50165
}
.content .ftc-DPpurple {
color: #740169
}
.content .ftc-DPnavy {
color: #14116e
}
.content .ftc-DPblue {
color: #005293
}
.content .ftc-DPsky {
color: #0081ba
}
.content .ftc-DPturquoise {
color: #007f78
}
.content .ftc-DPgreen {
color: #007c36
}
.content .ftc-DPlime {
color: #6f9b12
}
.content .ftc-Lyellow {
color: #fff89a
}
.content .ftc-Lorange {
color: #fbce8a
}
.content .ftc-Lred {
color: #f39c76
}
.content .ftc-Lmagenta {
color: #f29c9f
}
.content .ftc-Lpink {
color: #f29fc3
}
.content .ftc-Lpurple {
color: #c490bf
}
.content .ftc-Lnavy {
color: #8f82bc
}
.content .ftc-Lblue {
color: #87abda
}
.content .ftc-Lsky {
color: #7ecff5
}
.content .ftc-Lturquoise {
color: #83ccc9
}
.content .ftc-Lgreen {
color: #88c997
}
.content .ftc-Llime {
color: #cce199
}
.content .ftc-DLyellow {
color: #cac04e
}
.content .ftc-DLorange {
color: #c39043
}
.content .ftc-DLred {
color: #ba5536
}
.content .ftc-DLmagenta {
color: #ba5460
}
.content .ftc-DLpink {
color: #ba5584
}
.content .ftc-DLpurple {
color: #8c4b82
}
.content .ftc-DLnavy {
color: #4e4282
}
.content .ftc-DLblue {
color: #3970a2
}
.content .ftc-DLsky {
color: #1894be
}
.content .ftc-DLturquoise {
color: #1d928f
}
.content .ftc-DLgreen {
color: #218f59
}
.content .ftc-DLlime {
color: #8ea953
}
.content .ftc-VPyellow {
color: #fffded
}
.content .ftc-VPorange {
color: #fef5e8
}
.content .ftc-VPred {
color: #feede3
}
.content .ftc-VPmagenta {
color: #fdedec
}
.content .ftc-VPpink {
color: #fdeff5
}
.content .ftc-VPpurple {
color: #f3eaf4
}
.content .ftc-VPnavy {
color: #e8e6f3
}
.content .ftc-VPblue {
color: #e9eef9
}
.content .ftc-VPsky {
color: #eaf6fe
}
.content .ftc-VPturquoise {
color: #eaf5f4
}
.content .ftc-VPgreen {
color: #ebf5eb
}
.content .ftc-VPlime {
color: #ebf5eb
}
.content .ftc-DGyellow {
color: #675f00
}
.content .ftc-DGorange {
color: #633c00
}
.content .ftc-DGred {
color: #5f0100
}
.content .ftc-DGmagenta {
color: #5f0017
}
.content .ftc-DGpink {
color: #600033
}
.content .ftc-DGpurple {
color: #3e0036
}
.content .ftc-DGnavy {
color: #08003a
}
.content .ftc-DGblue {
color: #00274f
}
.content .ftc-DGsky {
color: #004462
}
.content .ftc-DGturquoise {
color: #004340
}
.content .ftc-DGgreen {
color: #004215
}
.content .ftc-DGlime {
color: #395104
}
.content .ftc-white {
color: #fff
}
.content .ftc-VLgray {
color: #d8d8d8
}
.content .ftc-Lgray {
color: #b2b2b2
}
.content .ftc-gray {
color: #8c8c8c
}
.content .ftc-Dgray {
color: #656565
}
.content .ftc-VDgray {
color: #3f3f3f
}
.content .ftc-black {
color: #191919
}
.content .bgc-Vyellow {
background-color: #fff100
}
.content .bgc-Vorange {
background-color: #f49801
}
.content .bgc-Vred {
background-color: #e60112
}
.content .bgc-Vmagenta {
background-color: #e5004f
}
.content .bgc-Vpink {
background-color: #e4017f
}
.content .bgc-Vpurple {
background-color: #920883
}
.content .bgc-Vnavy {
background-color: #1c1e84
}
.content .bgc-Vblue {
background-color: #0068b7
}
.content .bgc-Vsky {
background-color: #00a0e9
}
.content .bgc-Vturquoise {
background-color: #009e96
}
.content .bgc-Vgreen {
background-color: #094
}
.content .bgc-Vlime {
background-color: #8ec31f
}
.content .bgc-Byellow {
background-color: #fff338
}
.content .bgc-Borange {
background-color: #f6ad3a
}
.content .bgc-Bred {
background-color: #ea5532
}
.content .bgc-Bmagenta {
background-color: #e9536b
}
.content .bgc-Bpink {
background-color: #e95098
}
.content .bgc-Bpurple {
background-color: #a54a98
}
.content .bgc-Bnavy {
background-color: #4c4398
}
.content .bgc-Bblue {
background-color: #2b71b8
}
.content .bgc-Bsky {
background-color: #00b0ec
}
.content .bgc-Bturquoise {
background-color: #00ada9
}
.content .bgc-Bgreen {
background-color: #0ba95f
}
.content .bgc-Blime {
background-color: #a9cf52
}
.content .bgc-DPyellow {
background-color: #cbbd00
}
.content .bgc-DPorange {
background-color: #bf7601
}
.content .bgc-DPred {
background-color: #b60105
}
.content .bgc-DPmagenta {
background-color: #b5003c
}
.content .bgc-DPpink {
background-color: #b50165
}
.content .bgc-DPpurple {
background-color: #740169
}
.content .bgc-DPnavy {
background-color: #14116e
}
.content .bgc-DPblue {
background-color: #005293
}
.content .bgc-DPsky {
background-color: #0081ba
}
.content .bgc-DPturquoise {
background-color: #007f78
}
.content .bgc-DPgreen {
background-color: #007c36
}
.content .bgc-DPlime {
background-color: #6f9b12
}
.content .bgc-Lyellow {
background-color: #fff89a
}
.content .bgc-Lorange {
background-color: #fbce8a
}
.content .bgc-Lred {
background-color: #f39c76
}
.content .bgc-Lmagenta {
background-color: #f29c9f
}
.content .bgc-Lpink {
background-color: #f29fc3
}
.content .bgc-Lpurple {
background-color: #c490bf
}
.content .bgc-Lnavy {
background-color: #8f82bc
}
.content .bgc-Lblue {
background-color: #87abda
}
.content .bgc-Lsky {
background-color: #7ecff5
}
.content .bgc-Lturquoise {
background-color: #83ccc9
}
.content .bgc-Lgreen {
background-color: #88c997
}
.content .bgc-Llime {
background-color: #cce199
}
.content .bgc-DLyellow {
background-color: #cac04e
}
.content .bgc-DLorange {
background-color: #c39043
}
.content .bgc-DLred {
background-color: #ba5536
}
.content .bgc-DLmagenta {
background-color: #ba5460
}
.content .bgc-DLpink {
background-color: #ba5584
}
.content .bgc-DLpurple {
background-color: #8c4b82
}
.content .bgc-DLnavy {
background-color: #4e4282
}
.content .bgc-DLblue {
background-color: #3970a2
}
.content .bgc-DLsky {
background-color: #1894be
}
.content .bgc-DLturquoise {
background-color: #1d928f
}
.content .bgc-DLgreen {
background-color: #218f59
}
.content .bgc-DLlime {
background-color: #8ea953
}
.content .bgc-VPyellow {
background-color: #fffded
}
.content .bgc-VPorange {
background-color: #fef5e8
}
.content .bgc-VPred {
background-color: #feede3
}
.content .bgc-VPmagenta {
background-color: #fdedec
}
.content .bgc-VPpink {
background-color: #fdeff5
}
.content .bgc-VPpurple {
background-color: #f3eaf4
}
.content .bgc-VPnavy {
background-color: #e8e6f3
}
.content .bgc-VPblue {
background-color: #e9eef9
}
.content .bgc-VPsky {
background-color: #eaf6fe
}
.content .bgc-VPturquoise {
background-color: #eaf5f4
}
.content .bgc-VPgreen {
background-color: #ebf5eb
}
.content .bgc-VPlime {
background-color: #ebf5eb
}
.content .bgc-DGyellow {
background-color: #675f00
}
.content .bgc-DGorange {
background-color: #633c00
}
.content .bgc-DGred {
background-color: #5f0100
}
.content .bgc-DGmagenta {
background-color: #5f0017
}
.content .bgc-DGpink {
background-color: #600033
}
.content .bgc-DGpurple {
background-color: #3e0036
}
.content .bgc-DGnavy {
background-color: #08003a
}
.content .bgc-DGblue {
background-color: #00274f
}
.content .bgc-DGsky {
background-color: #004462
}
.content .bgc-DGturquoise {
background-color: #004340
}
.content .bgc-DGgreen {
background-color: #004215
}
.content .bgc-DGlime {
background-color: #395104
}
.content .bgc-white {
background-color: #fff;
margin-top: 20px;
}
.content .bgc-VLgray {
background-color: #d8d8d8
}
.content .bgc-Lgray {
background-color: #b2b2b2
}
.content .bgc-gray {
background-color: #8c8c8c
}
.content .bgc-Dgray {
background-color: #656565
}
.content .bgc-VDgray {
background-color: #3f3f3f
}
.content .bgc-black {
background-color: #191919
}
.content .brc-Vyellow {
border-color: #fff100
}
.content .brc-Vorange {
border-color: #f49801
}
.content .brc-Vred {
border-color: #e60112
}
.content .brc-Vmagenta {
border-color: #e5004f
}
.content .brc-Vpink {
border-color: #e4017f
}
.content .brc-Vpurple {
border-color: #920883
}
.content .brc-Vnavy {
border-color: #1c1e84
}
.content .brc-Vblue {
border-color: #0068b7
}
.content .brc-Vsky {
border-color: #00a0e9
}
.content .brc-Vturquoise {
border-color: #009e96
}
.content .brc-Vgreen {
border-color: #094
}
.content .brc-Vlime {
border-color: #8ec31f
}
.content .brc-Byellow {
border-color: #fff338
}
.content .brc-Borange {
border-color: #f6ad3a
}
.content .brc-Bred {
border-color: #ea5532
}
.content .brc-Bmagenta {
border-color: #e9536b
}
.content .brc-Bpink {
border-color: #e95098
}
.content .brc-Bpurple {
border-color: #a54a98
}
.content .brc-Bnavy {
border-color: #4c4398
}
.content .brc-Bblue {
border-color: #2b71b8
}
.content .brc-Bsky {
border-color: #00b0ec
}
.content .brc-Bturquoise {
border-color: #00ada9
}
.content .brc-Bgreen {
border-color: #0ba95f
}
.content .brc-Blime {
border-color: #a9cf52
}
.content .brc-DPyellow {
border-color: #cbbd00
}
.content .brc-DPorange {
border-color: #bf7601
}
.content .brc-DPred {
border-color: #f2b5d3
}
.content .brc-DPmagenta {
border-color: #b5003c
}
.content .brc-DPpink {
border-color: #b50165
}
.content .brc-DPpurple {
border-color: #740169
}
.content .brc-DPnavy {
border-color: #14116e
}
.content .brc-DPblue {
border-color: #373737
}
.content .brc-DPsky {
border-color: #0081ba
}
.content .brc-DPturquoise {
border-color: #007f78
}
.content .brc-DPgreen {
border-color: #007c36
}
.content .brc-DPlime {
border-color: #6f9b12
}
.content .brc-Lyellow {
border-color: #fff89a
}
.content .brc-Lorange {
border-color: #fbce8a
}
.content .brc-Lred {
border-color: #f39c76
}
.content .brc-Lmagenta {
border-color: #f29c9f
}
.content .brc-Lpink {
border-color: #f29fc3
}
.content .brc-Lpurple {
border-color: #c490bf
}
.content .brc-Lnavy {
border-color: #8f82bc
}
.content .brc-Lblue {
border-color: #87abda
}
.content .brc-Lsky {
border-color: #7ecff5
}
.content .brc-Lturquoise {
border-color: #83ccc9
}
.content .brc-Lgreen {
border-color: #88c997
}
.content .brc-Llime {
border-color: #cce199
}
.content .brc-DLyellow {
border-color: #cac04e
}
.content .brc-DLorange {
border-color: #c39043
}
.content .brc-DLred {
border-color: #ba5536
}
.content .brc-DLmagenta {
border-color: #ba5460
}
.content .brc-DLpink {
border-color: #ba5584
}
.content .brc-DLpurple {
border-color: #8c4b82
}
.content .brc-DLnavy {
border-color: #4e4282
}
.content .brc-DLblue {
border-color: #3970a2
}
.content .brc-DLsky {
border-color: #1894be
}
.content .brc-DLturquoise {
border-color: #1d928f
}
.content .brc-DLgreen {
border-color: #218f59
}
.content .brc-DLlime {
border-color: #8ea953
}
.content .brc-VPyellow {
border-color: #fffded
}
.content .brc-VPorange {
border-color: #fef5e8
}
.content .brc-VPred {
border-color: #feede3
}
.content .brc-VPmagenta {
border-color: #fdedec
}
.content .brc-VPpink {
border-color: #fdeff5
}
.content .brc-VPpurple {
border-color: #f3eaf4
}
.content .brc-VPnavy {
border-color: #e8e6f3
}
.content .brc-VPblue {
border-color: #e9eef9
}
.content .brc-VPsky {
border-color: #eaf6fe
}
.content .brc-VPturquoise {
border-color: #eaf5f4
}
.content .brc-VPgreen {
border-color: #ebf5eb
}
.content .brc-VPlime {
border-color: #ebf5eb
}
.content .brc-DGyellow {
border-color: #675f00
}
.content .brc-DGorange {
border-color: #633c00
}
.content .brc-DGred {
border-color: #5f0100
}
.content .brc-DGmagenta {
border-color: #5f0017
}
.content .brc-DGpink {
border-color: #600033
}
.content .brc-DGpurple {
border-color: #3e0036
}
.content .brc-DGnavy {
border-color: #08003a
}
.content .brc-DGblue {
border-color: #00274f
}
.content .brc-DGsky {
border-color: #004462
}
.content .brc-DGturquoise {
border-color: #004340
}
.content .brc-DGgreen {
border-color: #004215
}
.content .brc-DGlime {
border-color: #395104
}
.content .brc-white {
border-color: #fff
}
.content .brc-VLgray {
border-color: #d8d8d8
}
.content .brc-Lgray {
border-color: #b2b2b2
}
.content .brc-gray {
border-color: #8c8c8c
}
.content .brc-Dgray {
border-color: #656565
}
.content .brc-VDgray {
border-color: #3f3f3f
}
.content .brc-black {
border-color: #191919
}
.content .adPost {
width: 100%;
overflow: hidden;
padding: 0 10px;
background-color: #F2F2F2;
background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
background-size: 6px 6px
}
.content .adPost__title {
font-size: 1.2rem;
padding: 10px 0;
display: block;
font-weight: normal;
text-align: center
}
.content .youtube {
position: relative;
padding-bottom: 56.25%;
height: 0;
overflow: hidden;
max-width: 100%;
margin: 2rem auto 0 auto
}
.content .youtube iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%
}
.content .twitter-tweet,
.content .instagram-media {
width: 500px !important;
max-width: 100% !important;
margin: 2rem auto 0 auto !important
}
.content .es-Bwhole {
margin-top: -20px
}
.content .contactTable {
width: 100%;
margin-top: 20px;
border: 0;
background: none
}
.content .contactTable .contactTable__header {
width: 100%;
display: block;
padding: 0 0 10px 0;
vertical-align: top;
line-height: 1.5;
border: 0;
background: none;
color: #191919
}
.content .contactTable .contactTable__header .required {
display: inline-block;
margin-left: 10px;
text-align: center;
padding: 3px 5px;
font-size: 1.2rem;
background: #1778c9;
color: #fff;
border-radius: 5px
}
.content .contactTable .contactTable__data {
width: 100%;
display: block;
padding: 0 0 20px 0;
vertical-align: top;
line-height: 1.5;
border: 0;
background: none
}
.content .contactTable .contactTable__data .error {
display: block;
font-size: 1.2rem;
color: #B70000;
padding: 3px 0
}
.content .contactTable .contactTable__data input,
.content .contactTable .contactTable__data textarea {
width: 100%;
display: block;
border: none;
padding: 10px;
border-radius: 5px;
background: #F2F2F2;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.content .contactForm__error {
display: block;
font-size: 1.4rem;
color: #B70000;
margin-bottom: 10px
}
.content .writers {
display: flex;
flex-wrap: wrap;
margin-top: 0
}
.content .writers__box {
margin: 20px 0 0 0;
background: #f2f2f2;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.content .writers__title {
display: flex;
padding: 20px;
background: #fff;
border-bottom: 1px solid rgba(0, 0, 0, 0.10)
}
.content .writers__img img {
width: 80px;
height: 80px;
border-radius: 50%;
object-fit: cover;
font-family: 'object-fit:cover;';
vertical-align: bottom
}
.content .writers__name {
margin: 0 0 0 20px;
font-weight: bold
}
.content .writers__group {
display: block;
font-weight: normal;
font-size: 1.2rem
}
.content .writers__description {
display: block;
margin-top: 0;
padding: 20px;
font-size: 1.2rem
}
.content .passForm {
display: flex
}
.content .passForm__input {
border: 2px solid #d8d8d8;
width: calc(100% - 8rem);
padding: 10px;
-webkit-appearance: none;
border-radius: 0
}
.content .passForm__btn {
width: 8rem;
cursor: pointer;
text-align: center;
background: #f2f2f2;
border-left: 0;
border-right: 2px solid #d8d8d8;
border-top: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
padding: 10px
}
.content .passForm__btn:hover {
background: #a83f3f;
color: #fff
}
.content .archiveScode {
border-top: 1px dotted rgba(0, 0, 0, 0.10)
}
.content .archiveScode-rank {
counter-reset: number
}
.content .archiveScode__item {
border-bottom: 1px dotted rgba(0, 0, 0, 0.10);
padding: 20px 0;
margin: 0
}
.content .archiveScode-rank .archiveScode__item:before {
position: absolute;
counter-increment: number;
content: counter(number);
display: block;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
background: #bfbfbf;
color: #FFF;
font-size: 1.2rem;
z-index: 5
}
.content .archiveScode-rank .archiveScode__item:nth-child(1):before {
background: #ecd357
}
.content .archiveScode-rank .archiveScode__item:nth-child(2):before {
background: #a9c6d5
}
.content .archiveScode-rank .archiveScode__item:nth-child(3):before {
background: #c58459
}
.content .archiveScode__item .eyecatch {
width: 100px;
float: left;
margin: 0
}
.content .archiveScode__contents {
width: calc(100% - 120px);
float: right;
margin: 0
}
.content .archiveScode__contents .heading {
margin-top: 0;
margin-bottom: 5px
}
.content .archiveScode__contents .phrase {
margin-top: 0
}
.content .wp-embedded-content {
width: 100%
}
.content .blogcard {
position: relative;
border: 1px solid rgba(0, 0, 0, 0.10);
padding: 20px;
overflow: hidden;
border-radius: 5px
}
.content .blogcard__subtitle {
position: absolute;
top: 0;
left: 0;
background: rgba(0, 0, 0, 0.05);
padding: 5px 10px;
font-size: 1.2rem;
border-radius: 0 0 5px 0;
max-width: 95%;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis
}
.content .blogcard__subtitle::before {
margin-right: 5px
}
.content .blogcard__contents {
float: left;
width: 70%;
max-width: calc(100% - 115px);
margin-top: 2.5rem
}
.content .blogcard__contents .heading {
margin-bottom: 0
}
.content .blogcard__contents .phrase {
display: none;
margin-bottom: 0
}
.content .blogcard .eyecatch {
float: right;
width: calc(30% - 15px);
min-width: 100px;
margin-left: 15px;
margin-top: 2.5rem;
margin-bottom: 0
}
.content .blogcard .eyecatch img {
max-width: 100%
}
.content .afTagBox {
position: relative;
border: 5px solid rgba(0, 0, 0, 0.05);
background: #FFF;
padding: 20px;
overflow: hidden
}
.content .afTagBox-noFormat {
padding-top: 65px
}
.content .afTagBox__header {
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
padding-bottom: 10px
}
.content .afTagBox__title {
font-size: 1.6rem;
font-weight: bold
}
.content .afTagBox__star {
margin-top: 0;
font-size: 1.4rem;
color: #FC0
}
.content .afTagBox__star-number__1:before {
font-family: "icomoon";
content: "\e9da \e9d8 \e9d8 \e9d8 \e9d8"
}
.content .afTagBox__star-number__2:before {
font-family: "icomoon";
content: "\e9da \e9da \e9d8 \e9d8 \e9d8"
}
.content .afTagBox__star-number__3:before {
font-family: "icomoon";
content: "\e9da \e9da \e9da \e9d8 \e9d8"
}
.content .afTagBox__star-number__4:before {
font-family: "icomoon";
content: "\e9da \e9da \e9da \e9da \e9d8"
}
.content .afTagBox__star-number__5:before {
font-family: "icomoon";
content: "\e9da \e9da \e9da \e9da \e9da"
}
.content .afTagBox__number {
color: #7F7F7F;
font-size: 1.2rem
}
.content .afTagBox__number::before {
content: "［"
}
.content .afTagBox__number::after {
content: "］"
}
.content .afTagBox__contentBox {
text-align: center
}
.content .afTagBox__banner {
margin: auto
}
.content .afTagBox__banner img {
max-width: 100%;
height: auto;
vertical-align: bottom
}
.content .afTagBox__text {
text-align: left;
margin-top: 10px
}
.content .afTagBox__content {}
.content .afTagBox__btnList a:nth-child(2) {
margin-top: 10px
}
.content .afTagBox__btnDetail {
background: #076DA5
}
.content .afTagBox__btnAf {
background: #a83f3f
}
.content .afTagBox__btnDetail,
.content .afTagBox__btnAf {
display: block;
position: relative;
padding: 15px 40px;
text-align: center;
border-radius: 5px;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.4rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal;
transition: .15s
}
.content .afTagBox__btnDetail::before,
.content .afTagBox__btnAf::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 5px;
height: 5px;
margin: auto;
border-top: 2px solid;
border-right: 2px solid;
transform: rotate(45deg)
}
.content .afTagBox__btnDetail::after,
.content .afTagBox__btnAf::after {
content: "";
position: absolute;
top: -50px;
left: -100px;
background: #fff;
width: 50px;
height: calc(100% + 100px);
opacity: 0.1;
transform: rotate(45deg);
transition: .3s
}
.content .afTagBox__btnDetail:hover::after,
.content .afTagBox__btnAf:hover::after {
left: calc(100% + 50px)
}
.content .afTagBox__btnDetail:active,
.content .afTagBox__btnAf:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.content .afRank {
background: none;
border: none;
padding: 0;
box-shadow: none;
counter-reset: number
}
.content .afRank::before {
content: normal
}
.content .afRank::after {
content: normal
}
.content .afRank li {
background: none;
border: none;
padding: 0;
margin-top: 2rem
}
.content .afRank li::before {
font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
counter-increment: number;
content: counter(number);
display: block;
width: 4.5rem;
height: 4.5rem;
line-height: 4.5rem;
text-align: center;
background-color: #bfbfbf;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border-radius: 2.25rem;
color: #FFF;
font-weight: bold;
z-index: 5;
transform: scale(1);
top: 20px;
font-size: 2rem;
left: 20px
}
.content .afRank li::after {
content: normal
}
.content .afRank li:first-child {
margin-top: 0
}
.content .afRank li:nth-child(1)::before {
border-radius: 0;
background-color: transparent
}
.content .afRank li:nth-child(2)::before {
border-radius: 0;
background-color: transparent
}
.content .afRank li:nth-child(3)::before {
border-radius: 0;
background-color: transparent
}
.content .afRank__crown_1 li:nth-child(1)::before {
background-image: url(img/rank1-01.png);
line-height: 5.5rem
}
.content .afRank__crown_1 li:nth-child(2)::before {
background-image: url(img/rank1-02.png);
line-height: 5.5rem
}
.content .afRank__crown_1 li:nth-child(3)::before {
background-image: url(img/rank1-03.png);
line-height: 5.5rem
}
.content .afRank__crown_2 li:nth-child(1)::before {
background-image: url(img/rank2-01.png)
}
.content .afRank__crown_2 li:nth-child(2)::before {
background-image: url(img/rank2-02.png)
}
.content .afRank__crown_2 li:nth-child(3)::before {
background-image: url(img/rank2-03.png)
}
.content .afRank__crown_3 li:nth-child(1)::before {
background-image: url(img/rank3-01.png);
line-height: 3.7rem
}
.content .afRank__crown_3 li:nth-child(2)::before {
background-image: url(img/rank3-02.png);
line-height: 3.7rem
}
.content .afRank__crown_3 li:nth-child(3)::before {
background-image: url(img/rank3-03.png);
line-height: 3.7rem
}
.content .afRank__crown_4 li:nth-child(1)::before {
background-image: url(img/rank4-01.png);
color: #edc729
}
.content .afRank__crown_4 li:nth-child(2)::before {
background-image: url(img/rank4-02.png);
color: #a6c2d0
}
.content .afRank__crown_4 li:nth-child(3)::before {
background-image: url(img/rank4-03.png);
color: #be8057
}
.content .afRank__crown_5 li:nth-child(1)::before {
background-image: url(img/rank5-01.png);
line-height: 4.8rem
}
.content .afRank__crown_5 li:nth-child(2)::before {
background-image: url(img/rank5-02.png);
line-height: 4.8rem
}
.content .afRank__crown_5 li:nth-child(3)::before {
background-image: url(img/rank5-03.png);
line-height: 4.8rem
}
.content .afRank .afTagBox__header {
padding-left: 55px
}
.widget .content ul.menu {
border-top: 0;
font-size: 1.4rem
}
.content ul.menu li a {
color: #191919
}
.rankingBox {
position: relative;
padding-top: 40px;
box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5) inset
}
.rankingBox__bg {
position: absolute;
top: 0;
width: 100%;
height: 14rem;
background: #a83f3f;
z-index: -1
}
.rankingBox__inner {
overflow-x: auto;
overflow-y: hidden
}
.rankingBox__list {
display: table;
border-spacing: 15px 0;
list-style: none;
counter-reset: number;
margin: 0 -15px 20px -15px
}
.rankingBox__item {
display: table-cell;
vertical-align: top;
position: relative;
min-width: 260px;
max-width: 260px;
border: 1px solid rgba(0, 0, 0, 0.10);
background: #fff
}
.rankingBox__item:last-child {
margin-right: 0
}
.rankingBox__item:before {
position: absolute;
counter-increment: number;
content: counter(number);
display: block;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
background: #bfbfbf;
color: #FFF;
z-index: 5
}
.rankingBox__item:nth-child(1):before {
background: #ecd357
}
.rankingBox__item:nth-child(2):before {
background: #a9c6d5
}
.rankingBox__item:nth-child(3):before {
background: #c58459
}
.rankingBox__contents {
padding: 10px 20px
}
.rankingBox__inner::-webkit-scrollbar {
height: 10px
}
.rankingBox__inner::-webkit-scrollbar-track {
box-shadow: 0 0 6px rgba(0, 0, 0, .3) inset;
background-color: #f2f2f2;
border-radius: 10px
}
.rankingBox__inner::-webkit-scrollbar-thumb {
box-shadow: 0 0 6px rgba(0, 0, 0, .3) inset;
background-color: #3f3f3f;
border-radius: 10px
}
.categoryBox {
background: rgba(0, 0, 0, .05);
padding-top: 40px;
padding-bottom: 10px
}
.categoryBox__list {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
list-style: none
}
.categoryBox__item {
width: calc(50% - 7.5px);
margin-bottom: 20px
}
.categoryBox__title {
color: #a83f3f;
border-top: 1px solid;
font-size: 1.5rem
}
.categoryBox__titleLink {
position: relative;
display: block;
padding: 15px 0
}
.categoryBox__titleLink::before {
content: "";
position: absolute;
top: 50%;
right: 10px;
border-right: 1px solid;
transform: rotate(45deg);
margin-top: -3px;
width: 6px;
height: 6px;
border-top: 1px solid;
transition: .5s
}
.categoryBox__titleLink:hover::before {
transform: rotate(765deg);
width: 10px;
height: 10px;
margin-top: -5px
}
.commonCtr {
position: relative;
width: 100%;
height: auto
}
.commonCtr__bg {
position: absolute;
width: 100%;
height: 100%;
z-index: -10;
overflow: hidden
}
.commonCtr__bg img {
width: 100%;
height: 100%;
object-fit: cover;
font-family: 'object-fit:cover;'
}
.commonCtr__container {
display: flex;
flex-wrap: wrap;
padding: 40px 0
}
.commonCtr__contents {
width: 100%;
margin-bottom: 20px;
z-index: 9
}
.commonCtr__image img {
width: 100%;
height: auto
}
.snsFooter {
background: #a83f3f;
box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5) inset
}
.snsFooter__list {
list-style: none;
text-align: center
}
.snsFooter__item {
display: inline-block;
color: #fff;
margin: 10px 0
}
.snsFooter__link {
display: inline-block;
padding: 10px;
border-radius: 5px;
transition: .15s
}
.snsFooter__link:hover {
background: rgba(255, 255, 255, 0.15)
}
.bottomFooter {
position: relative;
background: #3d4060;
padding: 40px 0
}
.bottomFooter__navi {
margin-bottom: 20px
}
.bottomFooter__list {
list-style: none;
text-align: center
}
.bottomFooter__list li {
display: inline-block;
color: #fff;
font-size: 1.4rem;
font-weight: 700
}
.bottomFooter__list li a {
display: block;
margin: 0 10px;
line-height: 1.5;
border-bottom: 2px solid transparent;
transition: .15s
}
.bottomFooter__list li a:hover {
animation: flash 1s;
border-color: #fff
}
.bottomFooter__copyright {
text-align: center;
color: #BFBFBF;
letter-spacing: 0.5px;
line-height: 1.75
}
.bottomFooter__producer {
text-align: center;
color: #BFBFBF;
letter-spacing: 0.5px;
line-height: 1.75
}
.bottomFooter__link {
font-weight: bold;
color: #fff;
transition: .15s
}
.bottomFooter__link:hover {
animation: flash 1s;
border-bottom: 1px solid
}
.bottomFooter__topBtn {
position: fixed;
bottom: 32px;
right: 24px;
display: block;
background-color: #e8d3ca;
border-radius: 25px;
color: #fff;
width: 50px;
height: 54px;
z-index: 999;
background-size: 100%;
}
.bottomFooter__topBtn:before {
content: "";
position: absolute;
top: 0;
right: 0;
left: 0;
bottom: 0;
transform: rotate(-45deg);
margin: auto;
width: 10px;
height: 10px;
border-top: 3px solid;
border-right: 3px solid;
transition: 0.4s cubic-bezier(0.68, -0.6, 0.32, 2.0);
}
@media (min-width: 769px) {
.bottomFooter__topBtn:hover:before {
bottom: 36%;
}
}
.controllerFooter {
position: fixed;
bottom: 0;
width: 100%;
background: #fff;
z-index: 999
}
.controllerFooter-shadow {
box-shadow: 0 -1px 2px 0 rgba(0, 0, 0, 0.15)
}
.controllerFooter-border {
border-top: 1px solid rgba(0, 0, 0, 0.10)
}
.controllerFooter__list {
list-style: none;
display: flex
}
.controllerFooter__item {
padding: 8px 0;
text-align: center;
font-size: 10px;
color: rgba(0, 0, 0, 0.5);
width: 100%
}
.controllerFooter__item:last-child {
background: #a83f3f;
color: rgba(255, 255, 255, 0.5)
}
.controllerFooter__item i {
display: block;
font-size: 20px;
margin-bottom: 3px
}
.controllerFooter__item a {
display: block
}
.controllerFooter__menuLabel {
display: block
}
.controllerFooter__checkbox {
display: none
}
.controllerFooter__unshown {
display: none;
background: rgba(0, 0, 0, 0.5);
width: 100%;
height: 100%;
position: fixed;
right: 0;
top: 0;
z-index: 999;
animation: fade .3s
}
.controllerFooter__checkbox:checked~.controllerFooter__unshown {
display: block
}
.controllerFooter__content {
position: fixed;
top: 0;
left: 0;
right: 0;
overflow: hidden;
background: #fff;
width: 90%;
max-width: 780px;
height: auto;
z-index: 9999;
margin: 0 auto;
transition: .3s;
transform: translateY(-110%);
text-align: center;
color: #191919
}
.controllerFooter__contentInner {
text-align: left;
font-size: 1.2rem
}
.controllerFooter__checkbox:checked~.controllerFooter__content {
top: 50%;
transform: translateY(-50%);
box-shadow: 0 0 4px rgba(0, 0, 0, .15);
padding: 20px 15px;
overflow: visible
}
.controllerFooter__close {
position: absolute;
top: -10px;
right: -10px;
font-family: "Fjalla One";
display: inline-block;
width: 3rem;
height: 3rem;
line-height: 3rem;
background: #191919;
color: #fff;
border-radius: 50%;
cursor: pointer
}
.controllerFooter__close:hover {
color: #a83f3f
}
.controllerFooter__close i {
font-size: 1rem;
vertical-align: middle;
display: inline-block;
margin-bottom: 2px
}
.widgetTab {
background-color: #fff;
border-left: 1px solid rgba(0, 0, 0, 0.10);
border-right: 1px solid rgba(0, 0, 0, 0.10);
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
width: 100%;
margin: 0 auto
}
.widgetTab__menu {
display: flex
}
.widgetTab__item {
flex: 1;
padding: 10px;
height: auto;
vertical-align: middle;
background: #f2f2f2;
border-top: 1px solid rgba(0, 0, 0, 0.10);
border-left: 1px solid rgba(0, 0, 0, 0.10);
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
line-height: 1.5;
text-align: center;
display: block;
float: left;
font-size: 1.2rem;
font-weight: bold;
transition: .3s;
cursor: pointer
}
.widgetTab__item:first-child {
border-left: 0
}
.widgetTab__item:hover {
background: #fff;
border-top: 2px solid #a83f3f
}
input[name="widgetTab__item"] {
display: none
}
.widgetTab__content {
display: none;
width: 100%;
padding: 0 20px 20px 20px;
overflow: hidden
}
.widgetTab__content.current {
display: block
}
.widgetTab__item.current {
background: #fff;
border-top: 2px solid #a83f3f;
border-bottom: 1px solid #fff
}
.widget>.widgetAfRank {
counter-reset: number;
border: 0
}
.widgetAfRank::before {
content: normal
}
.widgetAfRank::after {
content: normal
}
.widgetAfRank li {
margin-top: 2rem
}
.widgetAfRank li::before {
position: absolute;
font-family: "Lato", "游ゴシック体", "Yu Gothic", "YuGothic", "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
counter-increment: number;
content: counter(number);
display: block;
width: 4.5rem;
height: 4.5rem;
line-height: 4.5rem;
text-align: center;
background-color: #bfbfbf;
background-size: contain;
background-repeat: no-repeat;
background-position: center center;
border-radius: 2.25rem;
color: #FFF;
font-weight: bold;
z-index: 5;
transform: scale(1);
top: 0;
left: 0;
font-size: 2rem
}
.widgetAfRank li::after {
content: normal
}
.widgetAfRank li:first-child {
margin-top: 0
}
.widgetAfRank li:nth-child(1)::before {
border-radius: 0;
background-color: transparent
}
.widgetAfRank li:nth-child(2)::before {
border-radius: 0;
background-color: transparent
}
.widgetAfRank li:nth-child(3)::before {
border-radius: 0;
background-color: transparent
}
.widgetAfRank__crown_1 li:nth-child(1)::before {
background-image: url(img/rank1-01.png);
line-height: 5.5rem
}
.widgetAfRank__crown_1 li:nth-child(2)::before {
background-image: url(img/rank1-02.png);
line-height: 5.5rem
}
.widgetAfRank__crown_1 li:nth-child(3)::before {
background-image: url(img/rank1-03.png);
line-height: 5.5rem
}
.widgetAfRank__crown_2 li:nth-child(1)::before {
background-image: url(img/rank2-01.png)
}
.widgetAfRank__crown_2 li:nth-child(2)::before {
background-image: url(img/rank2-02.png)
}
.widgetAfRank__crown_2 li:nth-child(3)::before {
background-image: url(img/rank2-03.png)
}
.widgetAfRank__crown_3 li:nth-child(1)::before {
background-image: url(img/rank3-01.png);
line-height: 3.7rem
}
.widgetAfRank__crown_3 li:nth-child(2)::before {
background-image: url(img/rank3-02.png);
line-height: 3.7rem
}
.widgetAfRank__crown_3 li:nth-child(3)::before {
background-image: url(img/rank3-03.png);
line-height: 3.7rem
}
.widgetAfRank__crown_4 li:nth-child(1)::before {
background-image: url(img/rank4-01.png);
color: #edc729
}
.widgetAfRank__crown_4 li:nth-child(2)::before {
background-image: url(img/rank4-02.png);
color: #a6c2d0
}
.widgetAfRank__crown_4 li:nth-child(3)::before {
background-image: url(img/rank4-03.png);
color: #be8057
}
.widgetAfRank__crown_5 li:nth-child(1)::before {
background-image: url(img/rank5-01.png);
line-height: 4.8rem
}
.widgetAfRank__crown_5 li:nth-child(2)::before {
background-image: url(img/rank5-02.png);
line-height: 4.8rem
}
.widgetAfRank__crown_5 li:nth-child(3)::before {
background-image: url(img/rank5-03.png);
line-height: 4.8rem
}
.widgetAfRank .widgetAfTag__header {
padding-left: 55px
}
.widgetAfTag {
position: relative;
overflow: hidden
}
.widgetAfTag__header {
border-bottom: 1px solid rgba(0, 0, 0, 0.10);
padding: 15px 0 15px 0;
min-height: 55px;
margin-bottom: 10px
}
.widgetAfTag__title {
font-size: 1.5rem;
font-weight: bold
}
.widgetAfTag__star {
margin-top: 0;
font-size: 1.4rem;
color: #FC0
}
.widgetAfTag__star-number__1:before {
font-family: "icomoon";
content: "\e9da \e9d8 \e9d8 \e9d8 \e9d8"
}
.widgetAfTag__star-number__2:before {
font-family: "icomoon";
content: "\e9da \e9da \e9d8 \e9d8 \e9d8"
}
.widgetAfTag__star-number__3:before {
font-family: "icomoon";
content: "\e9da \e9da \e9da \e9d8 \e9d8"
}
.widgetAfTag__star-number__4:before {
font-family: "icomoon";
content: "\e9da \e9da \e9da \e9da \e9d8"
}
.widgetAfTag__star-number__5:before {
font-family: "icomoon";
content: "\e9da \e9da \e9da \e9da \e9da"
}
.widgetAfTag__number {
color: #7F7F7F;
font-size: 1.2rem
}
.widgetAfTag__number::before {
content: "［"
}
.widgetAfTag__number::after {
content: "］"
}
.widgetAfTag__contentBox {
display: flex;
margin-bottom: 10px
}
.widgetAfTag__banner {
margin: 0;
width: 35%
}
.widgetAfTag__banner img {
max-width: 100%;
height: auto;
vertical-align: bottom
}
.widgetAfTag__text {
margin: 0 0 0 10px;
width: 65%;
text-align: left;
line-height: 1.5
}
.widgetAfTag__btnList a:nth-child(2) {
margin-top: 5px
}
.widgetAfTag__btnDetail {
background: #076DA5
}
.widgetAfTag__btnAf {
background: #a83f3f
}
.widgetAfTag__btnDetail,
.widgetAfTag__btnAf {
display: block;
position: relative;
padding: 10px;
text-align: center;
border-radius: 5px;
border: none;
border-bottom: solid 3px rgba(0, 0, 0, 0.25);
font-size: 1.3rem;
font-weight: bold;
color: #fff;
overflow: hidden;
line-height: normal;
transition: .15s
}
.widgetAfTag__btnDetail::before,
.widgetAfTag__btnAf::before {
content: "";
position: absolute;
top: 0;
bottom: 0;
right: 10px;
width: 5px;
height: 5px;
margin: auto;
border-top: 2px solid;
border-right: 2px solid;
transform: rotate(45deg)
}
.widgetAfTag__btnDetail::after,
.widgetAfTag__btnAf::after {
content: "";
position: absolute;
top: -50px;
left: -100px;
background: #fff;
width: 50px;
height: calc(100% + 100px);
opacity: 0.1;
transform: rotate(45deg);
transition: .3s
}
.widgetAfTag__btnDetail:hover::after,
.widgetAfTag__btnAf:hover::after {
left: calc(100% + 50px)
}
.widgetAfTag__btnDetail:active,
.widgetAfTag__btnAf:active {
transform: translateY(3px);
border-bottom: solid 3px transparent
}
.widget.widget_categories ul .children,
.widget.widget_nav_menu ul.menu .sub-menu {
border-left: 0;
border-right: 0;
border-bottom: 0
}
.widget.widget_categories ul .children li,
.widget.widget_nav_menu ul.menu .sub-menu li {
border-top: 1px solid rgba(168, 63, 63, .15)
}
.widget.widget_categories ul .children li .children li,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li {
border: none
}
.widget.widget_categories ul .children li .children li:first-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child {
border-top: 1px solid rgba(168, 63, 63, .15)
}
.widget.widget_categories ul .children li .children li .children li:first-child,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li .sub-menu li:first-child {
border: none
}
.widget.widget_categories ul .children a,
.widget.widget_nav_menu ul.menu .sub-menu a {
color: rgba(0, 0, 0, 0.75);
background: #fff
}
.widget.widget_categories ul .children a:hover,
.widget.widget_nav_menu ul.menu .sub-menu a:hover,
.widget.widget_categories ul .children .current-menu-item a,
.widget.widget_nav_menu ul.menu .sub-menu .current-menu-item a {
background: #fff;
color: #a83f3f
}
.widget.widget_categories ul .children li .children a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu a {
padding: 5px 10px 5px 30px;
border: none
}
.widget.widget_categories ul .children li .children li:first-child a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:first-child a {
padding-top: 15px
}
.widget.widget_categories ul .children li .children li:last-child a,
.widget.widget_nav_menu ul.menu .sub-menu li .sub-menu li:last-child a {
padding-bottom: 15px
}
.widget.widget_categories ul li .children li a:before,
.widget.widget_nav_menu ul.menu li .sub-menu li a:before {
content: "\ea57";
color: #a83f3f
}
.widget.widget_categories ul li .children li .children li a:before,
.widget.widget_nav_menu ul.menu li .sub-menu li .sub-menu li a:before {
content: "\ea55"
}
.widget img {
max-width: 100%;
height: auto
}
.widget ul li {
position: relative;
list-style: none;
}
.widget ul li a.widgetAfTag__btnDetail:hover,
.widget ul li a.widgetAfTag__btnAf:hover,
.widget ul li a.afTagBox__btnDetail:hover,
.widget ul li a.afTagBox__btnAf:hover {
color: #fff
}
.widget .screen-reader-text {
display: none
}
.widget select {
border: 2px solid #d8d8d8;
width: 100%;
padding: 10px;
border-radius: 0
}
.widget select:hover {
border-color: #a83f3f
}
.widget.widget_recent_entries ul li {
display: block;
border-bottom: dotted 1px rgba(0, 0, 0, 0.10);
line-height: 1.5;
padding: 15px 10px
}
.widget.widget_recent_entries ul li a {
display: inline-block
}
.widget.widget_recent_entries .post-date {
display: block;
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.5);
margin-top: 5px;
font-weight: normal
}
.widget.widget_recent_entries .post-date::before {
font-family: "icomoon";
content: "\e957";
margin-right: 5px;
line-height: 1
}
.widget.widget_recent_comments ul li {
display: block;
border-bottom: dotted 1px rgba(0, 0, 0, 0.10);
line-height: 1.5;
padding: 15px 10px
}
.widget.widget_recent_comments ul li a {
display: inline-block
}
.widget.widget_rss .rss-widget-icon {
display: none
}
.widget.widget_rss ul li {
display: block;
border-bottom: dotted 1px rgba(0, 0, 0, 0.10);
line-height: 1.5;
padding: 15px 10px
}
.widget.widget_rss ul li a {
display: inline-block
}
.widget.widget_rss .rsswidget {
font-weight: 700;
display: inline-block
}
.widget.widget_rss .rsswidget:hover {
color: #a83f3f
}
.widget.widget_rss .rss-date {
display: block;
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.5);
margin-top: 5px;
font-weight: normal
}
.widget.widget_rss .rss-date::before {
font-family: "icomoon";
content: "\e957";
margin-right: 5px;
line-height: 1
}
.widget.widget_rss .rssSummary {
color: rgba(0, 0, 0, 0.75);
margin-top: 10px;
line-height: 1.85;
font-size: 1.2rem
}
.widget.widget_rss cite {
display: block;
margin-top: 10px
}
.widget.widget_media_image .wp-caption {
max-width: 100%
}
.widget.widget_tag_cloud .tagcloud {
margin-bottom: -5px
}
.widget.widget_tag_cloud a {
border: 1px solid rgba(0, 0, 0, 0.10);
border-radius: 5px;
display: inline-block;
padding: 10px;
margin: 0 5px 5px 0;
font-size: 1.2rem !important;
transition: .15s;
line-height: 1.35
}
.widget.widget_tag_cloud a:hover {
background: #a83f3f;
color: #fff
}
.widget.widget_tag_cloud a::before {
font-family: "icomoon";
content: "\e93e";
margin-right: 5px;
font-size: 1rem
}
.adWidget {
width: 100%;
overflow: hidden;
text-align: center;
margin: auto;
padding: 0 10px;
background-color: #F2F2F2;
background-image: linear-gradient(to top right, #fff 0%, #fff 25%, transparent 25%, transparent 50%, #fff 50%, #fff 75%, transparent 75%, transparent 100%);
background-size: 6px 6px
}
.adWidget-no {
padding: 0;
background: transparent
}
.adWidget__title {
font-size: 1.2rem;
padding: 10px 0;
display: block
}
.adWidget-no {}
.qrWidget {
width: 100%;
text-align: center
}
.qrWidget_img {
margin-bottom: 20px;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.qrWidget__text {
color: rgba(0, 0, 0, 0.75);
line-height: 1.85;
text-align: center
}
.widget.widget_calendar .calendar_wrap {
padding: 20px;
background: #f8f8f8;
border: 1px solid rgba(0, 0, 0, 0.1)
}
.widget.widget_calendar .calendar_wrap table {
width: 100%
}
.widget.widget_calendar .calendar_wrap caption {
font-size: 1.2rem;
margin-bottom: 20px
}
.widget.widget_calendar .calendar_wrap thead {
font-size: 1.2rem
}
.widget.widget_calendar .calendar_wrap thead th {
padding-bottom: 10px;
text-align: center
}
.widget.widget_calendar .calendar_wrap tbody {
color: #7f7f7f
}
.widget.widget_calendar .calendar_wrap tbody td {
background: #fff;
border: 1px solid #f8f8f8;
text-align: center;
height: 35px;
line-height: 35px
}
.widget.widget_calendar .calendar_wrap tbody td:hover {
background: #f8f8f8
}
.widget.widget_calendar .calendar_wrap tbody a {
display: block;
font-weight: bold;
background: #7F7F7F;
color: #fff !important;
text-decoration: underline
}
.widget.widget_calendar .calendar_wrap tbody a:hover {
background: #a83f3f
}
.widget.widget_calendar .calendar_wrap tbody .pad {
background: none
}
.widget.widget_calendar .calendar_wrap tfoot a {
text-decoration: underline
}
.widget.widget_calendar .calendar_wrap tfoot #next {
font-size: 1.2rem;
text-transform: uppercase;
text-align: right
}
.widget.widget_calendar .calendar_wrap tfoot #prev {
font-size: 1.2rem;
text-transform: uppercase;
padding-top: 10px
}
.widgetCount {
display: inline-block;
border-radius: 50%;
background: #f2f2f2;
color: rgba(0, 0, 0, 0.5);
font-size: 1rem;
min-width: 20px;
min-height: 20px;
line-height: 20px;
text-align: center;
margin-left: 10px
}
.widgetProfile {
text-align: center
}
.widgetProfile__img {
width: 120px;
height: 120px;
margin: 0 auto 10px auto;
overflow: hidden
}
.widgetProfile__img img {
width: 120px;
height: 120px;
border-radius: 50%;
object-fit: cover;
font-family: 'object-fit:cover;'
}
.widgetProfile__name {
font-size: 1.5rem;
margin: 0 auto 10px auto
}
.widgetProfile__group {
font-size: 1.2rem;
color: rgba(0, 0, 0, 0.5);
margin: 0 auto 20px auto
}
.widgetProfile__text {
color: rgba(0, 0, 0, 0.75);
margin: 20px auto;
line-height: 1.85;
text-align: left
}
.widgetProfile__sns {
padding: 20px 17.5px 15px 17.5px;
margin-top: 20px;
background: #a83f3f
}
.widgetProfile__snsTitle {
color: #FFF;
font-size: 1.4rem;
margin-bottom: 10px
}
.widgetProfile__snsList {
display: flex;
flex-wrap: wrap;
justify-content: center
}
.widgetProfile__snsItem {
margin: 5px 2.5px
}
.widgetProfile__snsItem .widgetProfile__snsLink {
display: inline-block;
width: 30px;
height: 30px;
line-height: 30px;
padding: 0;
margin: 0 auto;
font-size: 14px;
text-align: center;
color: #fff;
border-radius: 50%;
border: 1px solid;
transition: .15s
}
.widgetProfile__snsItem .widgetProfile__snsLink:hover {
color: #fff;
border-color: transparent
}
.widgetProfile__snsLink:hover.icon-facebook {
background: #3B5998
}
.widgetProfile__snsLink:hover.icon-twitter {
background: #00B0ED
}
.widgetProfile__snsLink:hover.icon-instagram {
background: radial-gradient(circle farthest-corner at 32% 106%, rgb(255, 225, 125) 0%, rgb(255, 205, 105) 10%, rgb(250, 145, 55) 28%, rgb(235, 65, 65) 42%, transparent 82%), linear-gradient(135deg, rgb(35, 75, 215) 12%, rgb(195, 60, 190) 58%)
}
.widgetProfile__snsLink:hover.icon-google-plus {
background: #DF4A32
}
.widgetProfile__snsLink:hover.icon-youtube {
background: #cd201f
}
.widgetProfile__snsLink:hover.icon-linkedin {
background: #0079ba
}
.widgetProfile__snsLink:hover.icon-pinterest {
background: #ce0f19
}
.widgetArchive {
list-style-type: none
}
.widgetArchive__item {
position: relative;
}
.widgetArchive__item.widgetArchive__item-normal a {
display: flex;
align-items: center;
}
.widgetArchive__item.widgetArchive__item-normal .widgetArchive__contents {
flex: 1;
margin-left: 12px
}
.widgetArchive__item.widgetArchive__item-normal .widgetArchive__contents-none,
.widgetArchive__item .widgetArchive__contents-none {
margin-left: 45px
}
.widgetArchive.widgetArchive-rank {
counter-reset: number
}
.widgetArchive__item.widgetArchive__item-rank:before {
position: absolute;
counter-increment: number;
content: counter(number);
display: block;
width: 3rem;
height: 3rem;
line-height: 3rem;
text-align: center;
background: #bfbfbf;
color: #FFF;
z-index: 5
}
.widgetArchive__item.widgetArchive__item-rank:nth-child(1):before {
background: #ecd357
}
.widgetArchive__item.widgetArchive__item-rank:nth-child(2):before {
background: #a9c6d5
}
.widgetArchive__item.widgetArchive__item-rank:nth-child(3):before {
background: #c58459
}
.widgetCatTitle {
position: relative;
text-align: center;
font-size: 1.3rem;
color: #fff;
background: #a83f3f;
padding: 10px 0;
margin-bottom: 20px
}
.widgetCatTitle::after {
position: absolute;
top: 50%;
left: 10px;
right: 10px;
content: "";
display: block;
height: 1px;
background: rgba(255, 255, 255, 0.15)
}
.widgetCatTitle__inner {
position: relative;
z-index: 2;
display: inline-block;
padding: 0 10px;
background-color: #a83f3f;
text-align: left
}
.widgetSearch {}
.widgetSearch__flex {
display: flex
}
.widgetSearch__input {
border: 2px solid #d8d8d8;
width: calc(100% - 4rem);
padding: 10px;
-webkit-appearance: none;
border-radius: 0
}
.widgetSearch__input.widgetSearch__input-max {
width: 100%
}
.widgetSearch__input:hover {
border-color: #a83f3f
}
.widgetSearch__submit {
width: 4rem;
cursor: pointer;
text-align: center;
background: #f2f2f2;
border-left: 0;
border-right: 2px solid #d8d8d8;
border-top: 2px solid #d8d8d8;
border-bottom: 2px solid #d8d8d8;
padding: 10px
}
.widgetSearch__submit:hover {
background: #a83f3f;
color: #fff
}
.widgetSearch__word {
list-style: none;
display: flex;
flex-wrap: wrap;
margin-top: 5px;
border-top: none
}
.widgetSearch__wordItem {
margin: 5px 5px 0 0
}
.widgetSearch__wordItem a {
display: block;
padding: 5px 10px;
font-size: 1rem;
background: rgba(0, 0, 0, 0.05);
border-radius: calc(1rem + 10px);
transition: .15s
}
.widgetSearch__wordItem a:hover {
color: #fff;
background: rgba(0, 0, 0, 0.75)
}
.widgetSearch__contents {
width: 100%;
margin-bottom: 20px
}
.widgetSearch__tag {
width: 100%;
margin-bottom: 10px
}
.widgetSearch__select {
cursor: pointer
}
.widgetSearch__check {
display: none
}
.widgetSearch__checkLabel {
position: relative;
display: inline-block;
padding-left: 2.5rem;
margin: 0 10px 10px 0;
line-height: 2rem;
cursor: pointer
}
.widgetSearch__checkLabel:after,
.widgetSearch__checkLabel:before {
content: "";
position: absolute;
display: block
}
.widgetSearch__checkLabel:after {
top: 0;
left: 0;
width: 2rem;
height: 2rem;
border: 2px solid #d8d8d8;
background: #fff
}
.widgetSearch__checkLabel:hover:after {
border-color: #a83f3f
}
.widgetSearch__check:checked .widgetSearch__checkLabel:before,
.widgetSearch__check:checked+.widgetSearch__checkLabel:before {
top: 0.35rem;
left: 0.75rem;
width: 0.5rem;
height: 1rem;
border-right: 2px solid #a83f3f;
border-bottom: 2px solid #a83f3f;
transform: rotate(45deg);
z-index: 9
}
.t-middle {
font-size: 68.75%
}
.t-large {
font-size: 75%
}
.t-headerColor .l-header {
background: #a83f3f
}
.t-headerColor .siteTitle {
color: #fff
}
.t-headerColor .searchBtn__link {
color: #fff
}
.t-headerColor .menuBtn__link {
color: #fff
}
.t-headerColor .menuBtn__link:hover {}
.t-headerColor .globalNavi::before {
background: -webkit-gradient(linear, left top, right top, color-stop(0%, rgba(255, 255, 255, 0)), color-stop(100%, #a83f3f))
}
.t-headerColor .globalNavi::after {
color: rgba(255, 255, 255, 0.5)
}
.t-headerColor .globalNavi__list li a {
color: rgba(255, 255, 255, 0.5)
}
.t-headerColor .globalNavi__list .current_page_item>a,
.t-headerColor .globalNavi__list .current-menu-item>a,
.t-headerColor .globalNavi__list .current-menu-parent>a,
.t-headerColor .globalNavi__list .page_item a:hover {
border-color: rgba(255, 255, 255, 0.9);
color: rgba(255, 255, 255, 0.9)
}
.t-headerColor .globalNavi__list>li.page_item_has_children>a::before,
.t-headerColor .globalNavi__list>li.menu-item-has-children>a::before {
border-color: rgba(255, 255, 255, 0.5)
}
.t-headerCenter .siteTitle {
margin: 0 auto 10px auto;
padding-top: 5px;
text-align: center
}
.t-headerCenter .searchBtn {
left: 0;
right: auto;
line-height: 1.25;
font-size: 16px;
text-align: center;
display: block
}
.t-headerCenter .searchBtn__link {
display: block
}
.t-headerCenter .searchBtn__link::after {
font-family: "Fjalla One";
content: "SEARCH";
font-size: 1rem;
display: block
}
.t-headerCenter .menuBtn {
line-height: 1.25;
font-size: 16px;
text-align: center
}
.t-headerCenter .menuBtn__link {
display: block
}
.t-headerCenter .menuBtn__link::after {
font-family: "Fjalla One";
content: "MENU";
font-size: 1rem;
display: block
}
.t-headerCenter .globalNavi {
padding-top: 5px
}
.t-logoSp25 .siteTitle__logo {
height: 25px
}
.t-logoSp30 .siteTitle__logo {
height: 30px
}
.t-footerFixed {
padding-bottom: 49px
}
.u-none-pc {
display: block
}
.u-none-sp {
display: none
}
.globalNavi.u-none-sp {
display: none
}
.u-mt-main {
margin-top: 40px
}
.u-mt-sub {
margin-top: 30px
}
.u-white {
color: #fff
}
.u-whiteHalf {
color: rgba(255, 255, 255, 0.5)
}
.u-bold {
font-weight: bold
}
.u-clearfix:after {
clear: both;
content: "";
display: block;
height: 0
}
.u-shadow {
background: #fff;
padding: 15px;
border-bottom: none;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}
.u-border {
background: #fff;
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.10)
}
.u-shadowfix {
background: #fff;
padding: 15px;
border-bottom: none;
box-shadow: 0 1px 3px 0 rgba(0, 0, 0, 0.15)
}
.u-borderfix {
background: #fff;
padding: 15px;
border: 1px solid rgba(0, 0, 0, 0.10)
}
@keyframes fade {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn1 {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn2 {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes fadeIn3 {
from {
opacity: 0
}
to {
opacity: 1
}
}
@keyframes spin {
0% {
transform: rotate(0deg)
}
100% {
transform: rotate(360deg)
}
}
@keyframes flash {
from {
opacity: 0.5
}
to {
opacity: 1
}
}
@keyframes marquee {
from {
transform: translate(0%)
}
to {
transform: translate(-100%)
}
}
@media only screen and (min-width:768px) {
.l-main-wide1000 {
width: 1000px;
margin: auto
}
.l-main-wide900 {
width: 900px;
margin: auto
}
.l-main-wide800 {
width: 800px;
margin: auto
}
.l-main-wide700 {
width: 700px;
margin: auto
}
.l-main-right {
order: 2
}
.eyecatch__cat-big a {
font-size: 1.4rem
}
.heading-main {
font-size: 2.6rem;
margin-bottom: 30px
}
.heading-main span {
font-size: 1.6rem
}
.heading-primary span {
font-size: 1.6rem
}
.heading-secondary {
font-size: 1.6rem
}
.heading-slider {
font-size: 4rem;
margin-bottom: 20px
}
.heading-commonCtr {
font-size: 2.2rem
}
.heading-widgetsimplewide {
margin: 0 0 20px 0
}
.u-shadowfix .heading-widgetsimplewide,
.u-borderfix .heading-widgetsimplewide {
margin: -20px -20px 20px -20px
}
.heading-widgetwide {
margin: 0 0 20px 0
}
.u-shadowfix .heading-widgetwide,
.u-borderfix .heading-widgetwide {
margin: -20px -20px 20px -20px
}
.phrase-secondary {
font-size: 1.2rem
}
.phrase-tertiary {
font-size: 1.4rem
}
.phrase-slider {
font-size: 1.6rem;
font-weight: 700;
margin-bottom: 40px
}
.controller-shadow {
padding: 20px
}
.controller-border {
padding: 20px
}
.controller__viewLabel {
font-size: 18px
}
#viewWide:checked~.archive .archive__item-shadow {
padding: 20px
}
#viewWide:checked~.archive .archive__item-border {
padding: 20px
}
#viewWide:checked~.archive .eyecatch__cat a {
font-size: 1.4rem
}
#viewCard:checked~.archive .archive__item-shadow {
padding: 15px
}
#viewCard:checked~.archive .archive__item-border {
padding: 15px
}
#viewNormal:checked~.archive .archive__item-shadow {
padding: 15px
}
#viewNormal:checked~.archive .archive__item-border {
padding: 15px
}
#viewNormal:checked~.archive .archive__contents .phrase {
display: block
}
#viewWide:checked~.archive .archive__item-infeedPc1 {
display: block
}
#viewCard:checked~.archive .archive__item-infeedPc1 {
display: none
}
#viewNormal:checked~.archive .archive__item-infeedPc1 {
display: none
}
#viewWide:checked~.archive .archive__item-infeedPc2 {
display: none
}
#viewCard:checked~.archive .archive__item-infeedPc2 {
display: block
}
#viewNormal:checked~.archive .archive__item-infeedPc2 {
display: none
}
#viewWide:checked~.archive .archive__item-infeedPc3 {
display: none
}
#viewCard:checked~.archive .archive__item-infeedPc3 {
display: none
}
#viewNormal:checked~.archive .archive__item-infeedPc3 {
display: block
}
.searchBtn__scroll {
padding: 0 40px
}
.searchHead__keyword {
width: calc(70% - 40px);
margin: 0 40px 0 0;
order: 1;
overflow: visible
}
.searchHead__title {
display: inline-block;
vertical-align: bottom;
height: 30px;
line-height: 30px;
text-align: center;
color: #fff;
padding: 0 15px;
background: #a83f3f;
margin: 2px 5px 0 0;
border-radius: 5px
}
.searchHead__keywordList {
display: inline-block
}
.searchHead__keywordItem {
height: 30px;
line-height: 30px
}
.searchHead__search {
width: 30%;
order: 2
}
.searchHead__search-100 {
width: 100%
}
.infoHead__text {
animation: marquee 20s linear 0s infinite
}
.still-movie .still__box::before {
position: absolute;
font-size: 50px;
color: #FFF;
font-family: "icomoon";
content: "\e98a";
animation: spin 1.5s linear infinite
}
.swiper-slider .swiper-button-next,
.swiper-slider .swiper-button-prev {
display: block
}
.swiper-slider:hover .swiper-button-next,
.swiper-slider:hover .swiper-button-prev {
opacity: 1
}
.swiper-carousel .swiper-button-next,
.swiper-carousel .swiper-button-prev {
display: block;
top: 0;
bottom: calc(40px + 3rem);
margin: auto 0
}
.mbYTP_wrapper {
display: block
}
.pickupHead {
padding-bottom: 0;
text-align: left;
box-shadow: 0 5px 10px -5px rgba(0, 0, 0, 0.5) inset
}
.pickupHead .container {
display: flex;
justify-content: space-between;
align-items: center
}
.pickupHead__text {
width: 300%;
font-size: 1.8rem
}
.pickupHead .btn {
padding: 20px 0;
white-space: nowrap;
margin-left: 20px;
text-align: right
}
.pickup3__container {
display: flex
}
.pickup3__item:before {
width: 50px;
height: 50px;
line-height: 50px
}
.pickup3__item-first {
width: calc(70% - 30px);
margin-bottom: 0;
margin-right: 30px
}
.pickup3__item-first .heading.heading-pickup3 {
font-size: 1.8rem;
padding: 10px 20px 20px 20px
}
.pickup3__item-first .eyecatch__cat a {
font-size: 1.4rem
}
.pickup3__box {
width: 30%
}
.pickup3__item-second {
margin-bottom: 20px
}
.pickup3__item-second,
.pickup3__item-third {
width: 100%
}
.archiveHead__authorImg img {
width: 120px;
height: 120px
}
.archiveHead__authorText {
width: calc(100% - 140px)
}
.archiveHead__link {
font-size: 1.2rem
}
.archiveHead.mask {
padding: 30px
}
.viral__container {
display: flex;
justify-content: space-between
}
.viral .eyecatch {
min-width: 360px;
max-width: 360px;
margin-left: 20px;
display: block
}
.postCta,
.pageCta {
margin-top: 60px
}
.postcta-bg,
.pagecta-bg {
padding: 20px
}
.social-top {
margin-bottom: 60px
}
.social-bottom {
margin-top: 60px
}
.socialList__item {
height: 50px;
line-height: 50px
}
.snsFollow {
margin-top: 60px
}
.prevNext {
margin-top: 60px;
border: 0
}
.prevNext__item.prevNext__item-prev {
width: 50%;
padding-right: 10px;
border: 0
}
.prevNext__item.prevNext__item-next {
width: 50%;
padding-left: 10px
}
.rectangle {
margin-top: 60px
}
.rectangle__item {
float: left;
width: 50%
}
.rectangle__item.rectangle__item-left {
text-align: left;
padding-right: 5px
}
.rectangle__item.rectangle__item-right {
display: block;
text-align: right;
padding-left: 5px
}
.profile__author {
   width: 20%
}
.profile__contents {
width: calc(80% - 1px);
border-left: 1px solid rgba(0, 0, 0, 0.10);
padding: 12px 0 0 20px;
margin-left: 20px
}
.profile__list {
justify-content: flex-start
}
.profile__link {
width: 40px;
height: 40px;
line-height: 40px;
font-size: 16px
}
.profile .btn__link-secondary {
width: 100%
}
.related {
margin-top: 60px
}
.comments__list li {
padding: 20px 20px 0 20px
}
.comments__list .comment-respond {
padding: 20px
}
.comments__list .children li .children li .children li .comment-respond {
margin: 0 -20px
}
.comments__list .children li .children li .children li {
margin: 0 -20px
}
.comments__list .comment-author .fn {
font-size: 1.6rem
}
.comments__list .comment-body p {
font-size: 1.6rem
}
.comment-respond #email-notes,
.comment-respond .logged-in-as {
font-size: 1.4rem
}
.content .btn__link-primary {
padding: 20px 50px
}
.content .column {
display: flex;
position: relative
}
.content .column__item {
flex: 1;
margin-left: 20px;
margin-top: 0
}
.content .column__item:first-child {
margin-left: 0
}
.content .column-2pc37 .column__item:first-child {
flex: 3
}
.content .column-2pc37 .column__item:last-child {
flex: 7
}
.content .column-2pc73 .column__item:first-child {
flex: 7
}
.content .column-2pc73 .column__item:last-child {
flex: 3
}
.content h5 {
font-size: 1.6rem
}
.content .wp-caption-text {
font-size: 1.4rem
}
.balloon .balloon__img {
width: 80px;
height: 80px
}
.balloon .balloon__img-left {
margin-right: 20px
}
.balloon .balloon__img-right {
margin-left: 20px
}
.balloon .balloon__img-left div {
width: 80px;
height: 80px
}
.balloon .balloon__img-right div {
width: 80px;
height: 80px
}
.balloon .balloon__text {
max-width: calc(100% - 200px)
}
.content .gallery-caption {
font-size: 1.4rem
}
.content .gallery-columns-3 .gallery-item {
width: calc(33.333% - 20px);
margin: 0 10px
}
.content .gallery-columns-4 .gallery-item {
width: calc(25% - 20px);
margin: 0 10px
}
.content .gallery-columns-5 .gallery-item {
width: calc(20% - 20px);
margin: 0 10px
}
.content .es-Fsmall {
font-size: 1.4rem
}
.content .es-Fbig {
font-size: 1.8rem
}
.content .es-FbigL {
font-size: 2.2rem
}
.content .tableScroll {
overflow: hidden
}
.content .writers {
margin-left: -20px
}
.content .writers__box {
width: calc(50% - 20px);
margin: 20px 0 0 20px
}
.content .archiveScode__item {
padding: 30px 0
}
.content .archiveScode__item .eyecatch {
width: 150px
}
.content .archiveScode__contents {
width: calc(100% - 170px)
}
.content .blogcard__contents {
width: 80%
}
.content .blogcard__contents .phrase {
margin-top: 10px;
display: block
}
.content .blogcard .eyecatch {
width: calc(20% - 15px)
}
.content .afTagBox__title {
font-size: 2rem
}
.content .afTagBox__star {
font-size: 1.8rem
}
.content .afTagBox__number {
font-size: 1.4rem
}
.content .afTagBox__contentBox {
display: flex
}
.content .afTagBox__banner {
flex: 3
}
.content .afTagBox__text {
flex: 4;
margin-top: 0;
margin-left: 20px
}
.content .afTagBox__btnList {
display: flex
}
.content .afTagBox__btnList a:nth-child(2) {
margin-top: 0;
margin-left: 20px
}
.content .afTagBox__btnDetail,
.content .afTagBox__btnAf {
flex: 1
}
.categoryBox__list {
justify-content: flex-start;
width: calc(100% + 15px)
}
.categoryBox__item {
width: calc(33.33% - 15px);
margin-right: 15px
}
.commonCtr__container {
display: flex;
flex-wrap: nowrap;
align-items: center
}
.commonCtr__contents {
width: 100%
}
.commonCtr__image {
width: 100%;
margin-left: 20px
}
.widgetFooter {
display: flex;
justify-content: space-between;
width: calc(100% + 20px)
}
.widgetFooter__box {
flex-grow: 1;
width: calc(33.3333% - 20px);
margin-right: 20px
}
.controllerFooter {
display: none
}
.t-footerFixed {
padding-bottom: 0
}
.u-mt-main {
margin-top: 60px
}
.u-shadow {
padding: 20px
}
.u-border {
padding: 20px
}
.u-shadowfix {
padding: 20px
}
.u-borderfix {
padding: 20px
}
}
@media only screen and (min-width:992px) {
.l-wrapper-lp {
margin: 0 20px
}
.l-main-wide1000 {
width: 1000px;
margin: auto
}
.l-main-wide900 {
width: 900px;
margin: auto
}
.l-main-wide800 {
width: 800px;
margin: auto
}
.l-main-wide700 {
width: 700px;
margin: auto
}
.l-main-right {
order: 2
}
.divider {
margin-top: 60px;
margin-bottom: 60px
}
.dividerTop {
margin-top: 60px
}
.heading-main {
font-size: 3rem
}
.heading-main span {
font-size: 1.8rem
}
.heading-primary span {
font-size: 1.4rem
}
.heading-secondary {
font-size: 1.8rem
}
.heading-slider {
font-size: 4.8rem
}
.heading-commonCtr {
font-size: 2.4rem
}
.phrase-secondary {
font-size: 1.4rem
}
.phrase-slider {
font-size: 1.8rem
}
.btn__link-primary {
padding: 20px 50px
}
.pager {
margin-top: 30px
}
.controller {
margin-bottom: 30px
}
#viewWide:checked~.archive .archive__item-shadow {
padding: 30px
}
#viewWide:checked~.archive .archive__item-border {
padding: 30px
}
#viewCard:checked~.archive .archive__item-shadow {
padding: 20px
}
#viewCard:checked~.archive .archive__item-border {
padding: 20px
}
#viewNormal:checked~.archive .archive__item-shadow {
padding: 20px
}
#viewNormal:checked~.archive .archive__item-border {
padding: 20px
}
.searchBtn {
position: static;
top: auto;
right: auto;
text-align: center
}
.searchBtn-right {
margin-left: auto
}
.menuBtn {
position: static;
top: auto;
right: auto;
text-align: center
}
.menuBtn-right {
margin-left: auto
}
.menuBtn__link {
display: block;
width: 50px;
height: 70px;
line-height: 70px;
font-size: 14px;
background: #a83f3f;
color: #FFF
}
.menuBtn__link:hover {
background: #191919;
color: #FFF
}
.globalNavi::before {
content: none
}
.globalNavi::after {
content: none
}
.globalNavi__inner {
overflow: visible
}
.globalNavi__list>li.page_item_has_children>a,
.globalNavi__list>li.menu-item-has-children>a {
position: relative;
padding-right: 10px
}
.globalNavi__list>li.page_item_has_children>a:hover,
.globalNavi__list>li.menu-item-has-children>a:hover {
border-bottom: none
}
.globalNavi__list>li.page_item_has_children>a::before,
.globalNavi__list>li.menu-item-has-children>a::before {
content: "";
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 6px;
margin-top: -6px;
border-bottom: solid 1px rgba(0, 0, 0, 0.5);
border-right: solid 1px rgba(0, 0, 0, 0.5);
transform: rotate(45deg)
}
.globalNavi__list>li.page_item_has_children:hover>a::before,
.globalNavi__list>li.menu-item-has-children:hover>a::before {
margin-top: -2.5px;
transform: rotate(-135deg)
}
.globalNavi__list>li .children,
.globalNavi__list>li .sub-menu {
position: absolute;
top: 100%;
left: 0;
z-index: 9999;
transition: .15s
}
.globalNavi__list>li:hover .children::before,
.globalNavi__list>li:hover .sub-menu::before {
content: "";
display: block;
width: 0;
height: 0;
margin-left: 10px;
border-right: 4px solid transparent;
border-bottom: 6px solid #323232;
border-left: 4px solid transparent
}
.globalNavi__list>li .children>li,
.globalNavi__list>li .sub-menu>li {
display: block;
overflow: hidden;
width: auto;
min-width: 300px;
height: 0;
line-height: 5rem;
white-space: nowrap;
background-color: #323232;
transition: .15s;
text-align: left
}
.globalNavi__list>li:hover .children>li,
.globalNavi__list>li:hover .sub-menu>li {
overflow: visible;
height: 5rem;
line-height: 5rem
}
.globalNavi__list>li:hover .children>li:not(:first-child),
.globalNavi__list>li:hover .sub-menu>li:not(:first-child) {
border-top: 1px solid rgba(0, 0, 0, 0.10);
box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.15) inset
}
.globalNavi__list>li .children>li a,
.globalNavi__list>li .sub-menu>li a {
color: rgba(255, 255, 255, 0);
transition: .15s;
padding: 0 10px;
margin: 0;
font-weight: normal
}
.globalNavi__list>li:hover .children>li a,
.globalNavi__list>li:hover .sub-menu>li a {
color: rgba(255, 255, 255, 1)
}
.globalNavi__list>li:hover .children>li a:hover,
.globalNavi__list>li:hover .sub-menu>li a:hover {
border-bottom: none;
background: rgba(255, 255, 255, 0.15)
}
.subNavi {
display: block;
margin-left: auto
}
.subNavi__list {
list-style: none;
display: flex
}
.subNavi__link {
display: block;
font-size: 14px;
margin-right: 5px;
padding: 10px 0;
text-align: center;
width: 30px;
color: rgba(0, 0, 0, 0.5);
transition: .15s
}
.subNavi__link-pickup {
font-size: 1.4rem;
width: auto;
margin-right: 15px;
padding: 9px 10px;
border-radius: 5px;
color: #a83f3f;
border: 1px solid;
white-space: nowrap
}
.subNavi__link-pickup:hover {
background: #a83f3f;
color: #FFF;
border-color: transparent
}
.subNavi__link.icon-facebook2:hover {
color: #3B5998
}
.subNavi__link.icon-twitter:hover {
color: #00B0ED
}
.subNavi__link.icon-instagram:hover {
color: #E23F60
}
.subNavi__link.icon-google-plus2:hover {
color: #DF4A32
}
.subNavi__link.icon-youtube:hover {
color: #cd201f
}
.subNavi__link.icon-linkedin:hover {
color: #0079ba
}
.subNavi__link.icon-pinterest:hover {
color: #ce0f19
}
.subNavi__link.icon-rss:hover {
color: #f90
}
.pickupHead .pickupHead__inner {
margin-left: 20px;
margin-right: 20px
}
.keyBig {
margin-left: 20px;
margin-right: 20px
}
.pickup3 {
padding-top: 60px
}
.pickup3__bg {
height: 16rem
}
.pickup3__item-first {
width: calc(70% - 40px);
margin-right: 40px
}
.postcta-bg,
.pagecta-bg {
padding: 30px
}
.rankingBox {
padding-top: 60px
}
.rankingBox__bg {
height: 16rem
}
.categoryBox {
padding-top: 60px;
padding-bottom: 30px
}
.categoryBox__item {
width: calc(25% - 15px)
}
.commonCtr__container {
padding: 60px 0
}
.widgetFooter {
display: flex;
justify-content: space-between;
width: calc(100% + 30px)
}
.widgetFooter__box {
flex-grow: 1;
width: calc(33.3333% - 30px);
margin-right: 30px
}
.bottomFooter {
padding: 60px 0
}
.bottomFooter__list li {
font-size: 1.6rem
}
.t-headerColor .searchBtn__link {
color: rgba(255, 255, 255, 0.5)
}
.t-headerColor .searchBtn__link:hover {
color: rgba(255, 255, 255, 1)
}
.t-headerColor .menuBtn__link {
background: #fff;
color: #191919
}
.t-headerColor .menuBtn__link:hover {
background: #191919;
color: #fff
}
.t-headerColor .subNavi__link {
color: rgba(255, 255, 255, 0.5)
}
.t-headerColor .subNavi__link:hover {
color: rgba(255, 255, 255, 1)
}
.t-headerColor .subNavi__link-pickup {
color: #FFF
}
.t-headerColor .subNavi__link-pickup:hover {
background: #FFF;
color: #a83f3f
}
.t-headerCenter .container-header {
display: block;
text-align: center;
padding-top: 20px;
padding-bottom: 20px
}
.t-headerCenter .siteTitle {
max-width: calc(100% - 40px);
padding-top: 10px;
font-size: 30px
}
.t-headerCenter .searchBtn {
position: absolute;
top: 20px;
left: 0
}
.t-headerCenter .searchBtn__link {
width: auto;
line-height: 1.25;
padding: 10px 0;
margin-right: 0;
font-size: 20px
}
.t-headerCenter .menuBtn {
position: absolute;
top: 20px;
right: 0
}
.t-headerCenter .menuBtn__link {
width: auto;
height: auto;
line-height: inherit;
padding: 10px 0;
margin-right: 0;
font-size: 20px;
background: none;
color: inherit
}
.t-headerCenter .menuBtn__link:hover {
color: #a83f3f
}
.t-headerCenter .globalNavi {
display: inline-block;
padding-top: 0;
vertical-align: bottom
}
.t-headerCenter .subNavi {
display: inline-block;
vertical-align: bottom
}
.t-headerColor.t-headerCenter .menuBtn__link {
color: rgba(255, 255, 255, 0.5)
}
.t-headerColor.t-headerCenter .menuBtn__link:hover {
color: rgba(255, 255, 255, 1);
background: none
}
.t-logoSp25 .siteTitle__logo {
height: 30px
}
.t-logoSp30 .siteTitle__logo {
height: 30px
}
.t-logoPc50 .siteTitle__logo {
height: 50px
}
.u-none-pc {
display: none
}
.u-none-sp {
display: block
}
.globalNavi.u-none-pc {
display: none
}
.globalNavi.u-none-sp {
display: block
}
.u-shadow {
padding: 30px
}
.u-border {
padding: 30px
}
}