@charset "UTF-8";
/* common color
----------------------------------------------------------------------------*/
/* border
----------------------------------------------------------------------------*/
/* media query mixin
----------------------------------------------------------------------------*/
@font-face { font-family: 'icomoon'; src: url("../fonts/icomoon.eot?hefm5s"); src: url("../fonts/icomoon.eot?hefm5s#iefix") format("embedded-opentype"), url("../fonts/icomoon.ttf?hefm5s") format("truetype"), url("../fonts/icomoon.woff?hefm5s") format("woff"), url("../fonts/icomoon.svg?hefm5s#icomoon") format("svg"); font-weight: normal; font-style: normal; }
[class^="common_icon"], [class*=" icon-"] { /* use !important to prevent issues with browser extensions that change fonts */ font-family: 'icomoon' !important; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

/*============================================================================ custom
============================================================================*/
.common_icon-mgr10 { margin-right: 10px; display: inline-block; vertical-align: middle; }
.common_icon-sml { font-size: 13px; }
.common_icon-mid { font-size: 16px; }
.common_icon-lg { font-size: 20px; }
.common_icon-search:before { content: "\e908"; color: #4c4c4c; }
.common_icon-search2:before { content: "\e909"; color: #4c4c4c; }
.common_icon-feedly:before { content: "\e901"; color: #6cc655; }
.common_icon-hatena:before { content: "\e903"; color: #00a4de; }
.common_icon-line:before { content: "\e905"; color: #00c300; }
.common_icon-pocket:before { content: "\e906"; color: #ef3f56; }
.common_icon-article_all:before { content: "\e90a"; }
.common_icon-wh::before { color: #fff; }
.common_icon-hover::before { color: rgba(76, 76, 76, 0.65); -webkit-transition: color .5s ease; transition: color .5s ease; }
.common_icon-hover.common_icon-facebook:hover::before { color: #3b5998; }
.common_icon-hover.common_icon-feedly:hover::before { color: #6cc655; }
.common_icon-hover.common_icon-hatena:hover::before { color: #00a4de; }
.common_icon-hover.common_icon-instagram:hover::before { color: #e4405f; }
.common_icon-hover.common_icon-line:hover::before { color: #00c300; }
.common_icon-hover.common_icon-pocket:hover::before { color: #ef3f56; }
.common_icon-hover.common_icon-twitter:hover::before { color: #1da1f2; }

body { position: relative; min-width: 1180px; }
@media screen and (max-width: 1024px) and (orientation: landscape) { body { min-width: 0; } }
@media screen and (max-width: 812px) { body { min-width: 0; margin-top: 80px; } }
@media screen and (max-width: 480px) { body { margin-top: 60px; } }

.body-fixed { position: fixed; width: 100%; height: 100%; }

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

common item

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.common_inner { position: relative; width: 1180px; height: 100%; margin: 0 auto; }
@media screen and (max-width: 1024px) and (orientation: landscape) { .common_inner { width: auto; padding: 0 40px; } }
@media screen and (max-width: 812px) { .common_inner { width: auto; padding: 0 40px; } }
@media screen and (max-width: 480px) { .common_inner { padding: 0 20px; } }

.common_LinkHover-opacity, .common_LinkHover-opacity a { opacity: 1; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }
.common_LinkHover-opacity:hover, .common_LinkHover-opacity a:hover { opacity: .8; -webkit-transition: opacity .3s ease; transition: opacity .3s ease; }

.common_LinkHover-underline, .common_LinkHover-underline a { text-decoration: none; }
.common_LinkHover-underline:hover, .common_LinkHover-underline a:hover { text-decoration: underline; }

.common_LinkColor-pink, .common_LinkColor-pink a { color: #ce0058; }

.common_arrowWrap { position: relative; }
.common_arrowWrap a { display: block; text-align: left; }
.common_arrowWrap-pdReg a { padding-right: 15px; }
.common_arrowWrap-pdMid a { padding-right: 20px; }

.common_arrow { position: absolute; top: 50%; right: 20px; border-right: 1px solid #000; border-bottom: 1px solid #000; -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); }
@media screen and (max-width: 480px) { .common_arrow { right: 12px; } }
.common_arrow-left { left: 3px; -webkit-transform: translate(0, -50%) rotate(135deg); transform: translate(0, -50%) rotate(135deg); }
.common_arrow-right { right: 3px; }
.common_arrow-reg { width: 5px; height: 5px; }
.common_arrow-mid { width: 7px; height: 7px; }
.common_arrow-pink { border-color: #ce0058; }

.common_picBlock { position: relative; display: block; overflow: hidden; background-color: #f2f2f2; }
.common_picBlock::before { content: ''; display: table; padding-top: 61.905%; }
.common_picBlock img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: auto !important; height: auto !important; max-width: 100%; max-height: 100%; margin: auto; }

.-pcOnly { display: inline-block; }
@media screen and (max-width: 812px) { .-pcOnly { display: none; } }

.-spOnly { display: none; }
@media screen and (max-width: 812px) { .-spOnly { display: inline-block; } }

.c-modal { position: fixed; top: 0; left: 0; right: 0; width: 100%; height: 100%; z-index: 10000; opacity: 0; visibility: hidden; -webkit-transition: .3s; transition: .3s; }
.c-modal.isOn { opacity: 1; visibility: visible; -webkit-transition: .3s; transition: .3s; }
.c-modal .c-modal_bg, .c-modal .bg { position: fixed; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 0; }
.c-modal .modalBlock { z-index: 1; }
.c-modal .modalInner { position: relative; }
.c-modal .modalInner2 { background-color: #fff; width: 100%; height: 100%; overflow: hidden; overflow-y: scroll; padding: 60px 80px 60px; position: relative; }
@media screen and (max-width: 812px) { .c-modal .modalInner2 { padding: 30px 25px; } }
.c-modal .c-modalClose { width: 26px; height: 26px; display: block; position: absolute; top: 0; bottom: 0; right: 0; left: 0; margin: auto; background: url(../img/btn_close.png) no-repeat; background-size: cover; cursor: pointer; }
.c-modal.-fitHeight .modalBox { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: calc(100vh - 80px - 80px); }
@media screen and (max-width: 812px) { .c-modal.-fitHeight .modalBox { max-height: calc(100vh - 140px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: calc(100vh - 80px - 80px); }
@media screen and (max-width: 812px) { .c-modal.-fitHeight .modalBox .modalInner { max-height: calc(100vh - 140px); min-height: inherit; } }
.c-modal.-fitHeight .modalBox .modalInner .modalInner2 { height: -webkit-fit-content; height: -moz-fit-content; height: fit-content; max-height: calc(100vh - 80px - 80px); }
@media screen and (max-width: 812px) { .c-modal.-fitHeight .modalBox .modalInner .modalInner2 { max-height: calc(100vh - 140px); min-height: inherit; } }

/*≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡

container

≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡≡*/
.container { position: relative; }

/*============================================================================ header
============================================================================*/
.header { position: relative; background-color: #fff; top: 0; left: 0; width: 100%; -webkit-transition: .3s ease; transition: .3s ease; z-index: 100; min-width: 1124px; }
@media screen and (max-width: 935px) { .header { position: fixed; background-color: #fff; -webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2); top: 0; left: 0; width: 100%; height: 80px; z-index: 9999; } }
@media screen and (max-width: 812px) { .header { min-width: inherit; background-color: #fff; } }
@media screen and (max-width: 480px) { .header { height: 60px; } }
.header-fixed { position: fixed; -webkit-transform: translateY(0); transform: translateY(0); -webkit-box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2); box-shadow: 0 0px 5px 0px rgba(0, 0, 0, 0.2); opacity: 1; }
.header-fixed .header_area-left { -webkit-transform: translateX(-100%); transform: translateX(-100%); opacity: 0; }
.header-fixed .header_area-right { width: 100%; margin-left: 0; height: 60px; }

.header_area-left { position: absolute; top: 0; width: 133px; height: 100px; left: 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #000; -webkit-transition: .3s ease; transition: .3s ease; z-index: 100; }
.header_area-left a { position: relative; display: block; width: 100%; height: 100%; z-index: 1; }
@media screen and (max-width: 935px) { .header_area-left { width: 80px; height: 80px; } }
@media screen and (max-width: 480px) { .header_area-left { width: 60px; height: 60px; } }

.header_area-right { position: relative; width: calc(100% - 133px); height: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; margin-left: 133px; -webkit-transition: .3s ease; transition: .3s ease; text-align: left; z-index: 99; background-color: #fff; }
@media screen and (max-width: 935px) { .header_area-right { width: calc(100% - 80px); height: 80px; margin-left: 80px; } }
@media screen and (max-width: 480px) { .header_area-right { width: calc(100% - 60px); height: 60px; margin-left: 60px; } }
.header_area-right_item { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); }

.logo { position: absolute; width: 100%; height: auto; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); }
.logo svg { position: absolute; top: 0; right: 0; bottom: 0; left: 0; width: 100%; height: 100%; fill: #fff; }
.logo-hgv { -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0 15px; }
@media screen and (max-width: 480px) { .logo-hgv { padding: 0 5px; } }
.logo-hgv img { vertical-align: middle; }
.logo-hvl { left: 30px; height: 46px; }
@media screen and (max-width: 812px) { .logo-hvl { position: absolute; top: 50%; left: 50%; height: auto; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); } }
@media screen and (max-width: 480px) { .logo-hvl { -webkit-transform: translate(-65%, -50%); transform: translate(-65%, -50%); } }
@media screen and (max-width: 320px) { .logo-hvl { -webkit-transform: translate(-68%, -50%); transform: translate(-68%, -50%); } }
.logo-hvl a { position: relative; display: inline-block; vertical-align: middle; margin-right: 20px; width: 255px; }
@media screen and (max-width: 812px) { .logo-hvl a { display: block; width: 230px; text-align: center; margin: 0 auto; } }
@media screen and (max-width: 480px) { .logo-hvl a { width: 52vw; } }
.logo-hvl a::before { content: ''; display: table; padding-top: 18.182%; }
.logo-hvl a img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; }
.logo-hvl a img.white { opacity: 0; -webkit-transition: opacity .5s ease; transition: opacity .5s ease; }
.logo-hvl > p { display: inline-block; vertical-align: middle; font-size: 12px; }
@media screen and (max-width: 1294px) { .logo-hvl > p { font-size: 11px; line-height: 1.2; }
  .logo-hvl > p span { display: block; } }
@media screen and (max-width: 812px) { .logo-hvl > p { display: block; text-align: center; margin: 0 auto; font-size: 11px; } }
@media screen and (max-width: 480px) { .logo-hvl > p { display: none; } }

.search { position: relative; overflow: hidden; border: 1px solid rgba(76, 76, 76, 0.1); border-radius: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.search.header_area-right_item { position: absolute; right: 130px; }
@media screen and (max-width: 812px) { .search.header_area-right_item { display: none; } }
.search .common_icon { position: absolute; top: 50%; left: 15px; -webkit-transform: translateY(-50%); transform: translateY(-50%); z-index: -1; }
.search input[type="text"] { width: 180px; font-size: inherit; background: #fff; padding: 8px 18px 8px 43px; height: 36px; border-radius: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; color: #323232; background: transparent; border: none; border-radius: 5px; z-index: 1; outline: 0; -webkit-transition: .5s ease; transition: .5s ease; }
@media screen and (max-width: 812px) { .search input[type="text"] { width: 100%; } }
.search input[type="text"]:focus { padding: 8px 18px 8px 18px; background-color: #E8E7E6; }
@media screen and (max-width: 812px) { .search input[type="text"]:focus { width: 100%; } }

.snsList { width: 82px; right: 30px; letter-spacing: -.4em; display: inline-block; vertical-align: middle; }
@media screen and (max-width: 812px) { .snsList.header_area-right_item { display: none; } }
.snsList_item { display: inline-block; vertical-align: middle; letter-spacing: normal; }
.snsList_item-twitter { margin-right: 5px; }
.snsList_item-twitter a { background: url(../img/icon_twitter.png) no-repeat; background-size: cover; }
.snsList_item-facebook { margin-right: 5px; }
.snsList_item-facebook a { background: url(../img/icon_facebook.png) no-repeat; background-size: cover; }
.snsList_item-instagram a { background: url(../img/icon_instagram.png) no-repeat; background-size: cover; }
.snsList_item a { display: block; width: 24px; height: 24px; -webkit-transition: all .4s; transition: all .4s; }
.snsList_item a:hover { opacity: .7; -webkit-transition: all .4s; transition: all .4s; }

.fixedMenu { position: fixed; top: 80px; left: 0; width: 100%; height: 100%; background-color: white; -webkit-transform: translateY(10px); transform: translateY(10px); opacity: 0; visibility: hidden; -webkit-transition: .5s ease; transition: .5s ease; z-index: 98; }
@media screen and (max-width: 480px) { .fixedMenu { top: 60px; } }
.fixedMenu .inner { word-break: break-all; padding: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 480px) { .fixedMenu .inner { padding: 20px; } }
.fixedMenu_item { border-bottom: 1px solid rgba(89, 89, 89, 0.1); margin-bottom: 30px; padding-bottom: 30px; }
.fixedMenu_item:last-child { border-bottom: none; margin-bottom: 0; padding-bottom: 0; }
.fixedMenu-opend { opacity: 1; visibility: visible; -webkit-transform: translateY(0); transform: translateY(0); }

.fixedMenu_trigger { display: none; position: absolute; top: 10px; right: 10px; z-index: 49; width: 60px; height: 60px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 0; border: none; outline: none; border-radius: 0; border-left: 1px solid rgba(89, 89, 89, 0.1); background-color: #fff; z-index: 1001; }
@media screen and (max-width: 812px) { .fixedMenu_trigger { display: block; } }
@media screen and (max-width: 480px) { .fixedMenu_trigger { top: 0; right: 0; } }
.fixedMenu_trigger_border { position: absolute; top: 50%; right: 20px; width: 20px; height: 1px; display: block; background-color: #bf395d; -webkit-transition: .3s ease; transition: .3s ease; }
.fixedMenu_trigger_border-top { -webkit-transform: translate(0, -4px); transform: translate(0, -4px); -webkit-transform-origin: left top; transform-origin: left top; }
.fixedMenu_trigger_border-bottom { -webkit-transform: translate(0, 4px); transform: translate(0, 4px); -webkit-transform-origin: right top; transform-origin: right top; }
.fixedMenu_trigger-opend .fixedMenu_trigger_border-top { -webkit-transform: rotate(45deg) translate(-3px, -9px); transform: rotate(45deg) translate(-3px, -9px); }
.fixedMenu_trigger-opend .fixedMenu_trigger_border-bottom { -webkit-transform: rotate(-45deg) translate(4px, -8px); transform: rotate(-45deg) translate(4px, -8px); }
.front-atFirst .header, .front-atFirst .header_area-right { background-color: transparent; }
.front-atFirst .header { -webkit-box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; box-shadow: 0 0 0 1px rgba(255, 255, 255, 0.2) inset; }
.front-atFirst .header.header-fixed { border: none; }
.front-atFirst .logo-hvl a img.white { opacity: 1; }
@media screen and (max-width: 812px) { .front-atFirst .logo-hvl a img.white { opacity: 0; } }
.front-atFirst .logo-hvl > p, .front-atFirst .common_icon-search:before, .front-atFirst .common_icon-hover::before { color: #fff; }
.front-atFirst .search { border-color: rgba(255, 255, 255, 0.2); }
.front-atFirst .search input[type="text"] { color: #fff; }
.front-atFirst .search input[type="text"]::-webkit-input-placeholder { color: #fff; }
.front-atFirst .search input[type="text"]:focus { color: #4c4c4c; }
.front-atFirst .search input[type="text"]:focus::-webkit-input-placeholder { color: #4c4c4c; }

.GDPR_notification { position: relative; padding: 15px 20px; text-align: left; background-color: rgba(158, 151, 145, 0.15); }
@media screen and (max-width: 812px) { .GDPR_notification { padding: 15px 60px 15px 20px; } }
.GDPR_notification .close { position: absolute; top: 50%; right: 20px; display: block; width: 20px; height: 20px; -webkit-transform: translateY(-50%); transform: translateY(-50%); border: none; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100px; background-color: #ce0058; }
.GDPR_notification .close:before, .GDPR_notification .close:after { content: ''; display: block; width: 10px; height: 1px; position: absolute; top: 50%; background-color: #fff; }
.GDPR_notification .close:before { left: 0; -webkit-transform: rotate(45deg) translate(3px, -4px); transform: rotate(45deg) translate(3px, -4px); }
.GDPR_notification .close:after { right: 0; -webkit-transform: rotate(-45deg) translate(-3px, -4px); transform: rotate(-45deg) translate(-3px, -4px); }
.GDPR_notification p { display: inline-block; vertical-align: middle; }
@media screen and (max-width: 480px) { .GDPR_notification p { font-size: 12px; } }
.GDPR_notification p:last-child { padding-left: 1em; }
@media screen and (max-width: 812px) { .GDPR_notification p:last-child { padding-left: 0; } }

.p-header_mlmg_btn { right: 330px; }
@media screen and (max-width: 812px) { .p-header_mlmg_btn { display: none; } }
@media screen and (max-width: 480px) { .p-header_mlmg_btn { display: none; } }
@media screen and (max-width: 812px) { .p-header_mlmg_btn.fixedMenu_item { display: block; } }
@media screen and (max-width: 480px) { .p-header_mlmg_btn.fixedMenu_item { display: block; } }
.p-header_mlmg_btn a { display: block; font-size: 14px; text-align: center; line-height: 1; letter-spacing: -.04em; padding: 10px 20px; min-width: 140px; border-radius: 100vmax; border: 1px solid #ce0058; background-color: #ce0058; color: #fff; font-weight: bold; -webkit-transition: .3s; transition: .3s; }
@media screen and (max-width: 812px) { .p-header_mlmg_btn a { padding: 16px 20px; letter-spacing: inherit; } }
.p-header_mlmg_btn a:hover { background-color: #e05e86; border-color: #e05e86; -webkit-transition: .3s; transition: .3s; }

.modal-mlmg_banner .bg { background-color: rgba(0, 0, 0, 0); }
.modal-mlmg_banner .c-modalClose { width: 26px; height: 26px; display: block; position: absolute; top: 8px; right: 8px; bottom: inherit; left: inherit; margin: inherit; background: url(../img/btn_close.png) no-repeat; background-size: cover; cursor: pointer; }
@media screen and (max-width: 812px) { .modal-mlmg_banner .c-modalClose { width: 22px; height: 22px; } }
.modal-mlmg_banner .modalInner { width: 100%; height: 100vh; position: relative; }
.modal-mlmg_banner .modalBox { width: 680px; height: 480px; position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto; }
@media screen and (max-width: 812px) { .modal-mlmg_banner .modalBox { max-width: 335px; width: auto; height: calc(265px + 70px); -webkit-transform: translateY(60px); transform: translateY(60px); } }
.modal-mlmg_banner .bannerWrap { padding: 40px 40px; background-color: rgba(0, 0, 0, 0.4); position: relative; }
@media screen and (max-width: 812px) { .modal-mlmg_banner .bannerWrap { padding: 35px 35px; } }
.modal-mlmg_banner .bannerWrap a { display: block; background-color: #fff; }
.modal-mlmg_banner .bannerWrap a:hover img { opacity: .7; -webkit-transition: .3s; transition: .3s; }
.modal-mlmg_banner .bannerWrap a img { -webkit-transition: .3s; transition: .3s; }

/*============================================================================ main.wrapper
============================================================================*/
.wrapper { display: block; padding: 40px 0 80px; background-color: rgba(158, 151, 145, 0.15); }

.breadCrumbs { font-size: 12px; margin-bottom: 15px; }
@media screen and (max-width: 480px) { .breadCrumbs { display: none; } }
.breadCrumbs ul { width: 100%; text-align: left; letter-spacing: -.4em; }
.breadCrumbs_item { position: relative; display: inline-block; vertical-align: middle; margin-right: 15px; padding-right: 15px; letter-spacing: normal; }
.breadCrumbs_item-stay { opacity: .5; }
.breadCrumbs_item::before { content: ''; position: absolute; top: .4em; right: 0; width: 7px; height: 7px; border-right: 1px solid #4c4c4c; border-bottom: 1px solid #4c4c4c; -webkit-transform: rotate(-45deg); transform: rotate(-45deg); }
.breadCrumbs_item:last-child { margin-right: 0; padding-right: 0; }
.breadCrumbs_item:last-child::before { display: none; }

.label { position: absolute; top: 10px; left: -7px; width: 50px; height: 34px; z-index: 50; }
.label::before, .label::after { content: ''; position: absolute; display: block; z-index: 0; }
.label::before { bottom: -5px; left: -5px; border: 5px solid transparent; border-right: 7px solid #000; }
.label::after { top: 0; right: -8px; border: 8px solid transparent; border-top: 34px solid #30b59b; }
.label strong { position: relative; display: block; width: 100%; height: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 9px 0 9px 6px; font-weight: bold; line-height: 1; text-align: center; z-index: 1; }
.label-sml { width: 15px; height: 24px; top: 5px; }
.label-sml::after { border-top: 24px solid #000; }
.label-sml strong { font-size: 12px; padding: 6px 0 6px 4px; }

.label-new::before { border-color: transparent; border-right-color: #30b59b; }
.label-new::after { border-color: transparent; border-top-color: #5cb8b2; }
.label-new strong { background-color: #5cb8b2; color: #fff; }

.label-rank01::before { border-color: transparent; border-right-color: #81723b; }
.label-rank01::after { border-color: transparent; border-top-color: #AB954C; }
.label-rank01 strong { background-color: #AB954C; color: #fff; }

.label-rank02::before { border-color: transparent; border-right-color: #6E7D7F; }
.label-rank02::after { border-color: transparent; border-top-color: #87999E; }
.label-rank02 strong { background-color: #87999E; color: #fff; }

.label-rank03::before { border-color: transparent; border-right-color: #563825; }
.label-rank03::after { border-color: transparent; border-top-color: #805E3F; }
.label-rank03 strong { background-color: #805E3F; color: #fff; }

.label-rankDef::before { border-color: transparent; border-right-color: #A6A6A6; }
.label-rankDef::after { border-color: transparent; border-top-color: #DEDEDE; }
.label-rankDef strong { background-color: #DEDEDE; color: #4c4c4c; }

.archiveList { position: relative; }
@media screen and (max-width: 480px) { .archiveList { text-align: left; } }
.archiveList ul { width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; }
.archiveList_tit { font-size: 20px; text-align: left; margin-bottom: 15px; }
@media screen and (max-width: 480px) { .archiveList_tit { margin-right: 85px; } }

.archiveList_viewAll { position: absolute; top: 1em; right: 0; line-height: 1; display: inline-block; text-align: left; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
@media screen and (max-width: 480px) { .archiveList_viewAll { position: relative; top: auto; right: auto; -webkit-transform: translate(0); transform: translate(0); margin-top: 20px; } }

.archiveList_item { position: relative; background-color: #fff; -webkit-box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05); box-shadow: 0 0px 10px 0px rgba(0, 0, 0, 0.05); }
.archiveList_item a { display: block; -webkit-box-sizing: border-box; box-sizing: border-box; text-align: left; }

.archiveList_pic img { width: 100%; height: auto; }

.archiveList_vol { width: 100%; position: relative; width: 80px; background-color: #5cb8b2; color: #fff; }
.archiveList_vol::before { content: ''; display: table; padding-top: 100%; }
.archiveList_vol span { position: absolute; left: 0; display: block; width: 100%; text-align: center; line-height: 1; }
.archiveList_vol span:first-child { font-size: 14px; top: 18%; }
@media screen and (max-width: 812px) { .archiveList_vol span:first-child { font-size: 11px; top: 30%; } }
.archiveList_vol span:last-child { font-size: 38px; letter-spacing: -.1em; font-weight: lighter; top: 38%; }
@media screen and (max-width: 812px) { .archiveList_vol span:last-child { font-size: 30px; } }
@media screen and (max-width: 480px) { .archiveList_vol span:last-child { font-size: 20px; } }

.archiveList_txt { padding: 20px; text-align: left; }

.archiveList_tits { font-size: 18px; }
@media screen and (max-width: 812px) { .archiveList_tits { font-size: 16px; line-height: 1.4; } }
@media screen and (max-width: 480px) { .archiveList_tits { font-size: 14px; } }
.archiveList-card { /* card */ }
.archiveList-card ul { padding-right: 80px; }
.archiveList-card ul::after { content: ''; display: table; clear: both; }
@media screen and (max-width: 812px) { .archiveList-card ul { padding-right: 30px; } }
@media screen and (max-width: 480px) { .archiveList-card ul { padding-right: 0; margin-bottom: 30px; } }
.archiveList-card .archiveList_item { float: left; width: 33.333%; margin: 0 40px 40px 0; }
@media screen and (max-width: 812px) { .archiveList-card .archiveList_item { width: 50%; margin: 0 30px 30px 0; } }
@media screen and (max-width: 480px) { .archiveList-card .archiveList_item { float: none; width: 100%; margin: 0 0 20px 0; } }
.archiveList-card .archiveList_item:nth-child(3n) { margin-right: -80px; }
@media screen and (max-width: 812px) { .archiveList-card .archiveList_item:nth-child(3n) { margin-right: 30px; } }
@media screen and (max-width: 480px) { .archiveList-card .archiveList_item:nth-child(3n) { margin-right: 0; } }
@media screen and (max-width: 812px) { .archiveList-card .archiveList_item:nth-child(2n) { margin-right: -30px; } }
@media screen and (max-width: 480px) { .archiveList-card .archiveList_item:nth-child(2n) { margin-right: 0; } }
@media screen and (max-width: 480px) { .archiveList-card .archiveList_item:last-child { margin-bottom: 0; } }
@media screen and (max-width: 480px) { .archiveList-card .archiveList_item { float: left; width: 100%; margin-right: 0; } }
.archiveList-card .archiveList_txt { padding: 20px 20px 60px; }
.archiveList-card .archiveList_series { position: absolute; right: 0; bottom: 0; left: 0; margin: 20px 0 0; height: 50px; border-top: 1px solid rgba(89, 89, 89, 0.1); }
.archiveList-card .archiveList_series a { display: table-cell; width: 100%; height: 50px; padding: 0 65px 0 20px; -webkit-box-sizing: border-box; box-sizing: border-box; background: transparent; line-height: 1.4; }
.archiveList-card .archiveList_series a span:nth-child(2) { padding-left: .5em; }
.archiveList-card .archiveList_series_tit { display: inline-block; vertical-align: middle; font-size: 12px; color: #ce0058; font-weight: bold; }
.archiveList-card .archiveList_series .archiveList_vol { position: absolute; top: 0; right: 0; width: 50px; position: absolute; }
.archiveList-card .archiveList_series .archiveList_vol span:first-child { font-size: 11px; top: 18%; }
.archiveList-card .archiveList_series .archiveList_vol span:last-child { font-size: 24px; top: 38%; }
.archiveList-stick { /* stick */ }
.archiveList-stick .archiveList_item { border-bottom: 1px solid rgba(89, 89, 89, 0.1); width: 100%; display: table; }
.archiveList-stick .archiveList_item:last-child { border-bottom: none; }
.archiveList-stick .archiveList_pic, .archiveList-stick .archiveList_vol, .archiveList-stick .archiveList_txt { display: table-cell; height: 100px; vertical-align: top; -webkit-box-sizing: border-box; box-sizing: border-box; letter-spacing: normal; }
@media screen and (max-width: 480px) { .archiveList-stick .archiveList_pic, .archiveList-stick .archiveList_vol, .archiveList-stick .archiveList_txt { vertical-align: top; } }
.archiveList-stick .archiveList_vol { width: 100px; }
@media screen and (max-width: 812px) { .archiveList-stick .archiveList_vol { width: 35px; } }
@media screen and (max-width: 812px) { .archiveList-stick .archiveList_vol span:first-child { font-size: 11px; top: 30%; } }
@media screen and (max-width: 812px) { .archiveList-stick .archiveList_vol span:last-child { font-size: 20px; top: 45%; } }
.archiveList-stick .archiveList_pic { width: 162px; padding: 12px 0 12px 10px; }
@media screen and (max-width: 480px) { .archiveList-stick .archiveList_pic { width: 130px; } }
.archiveList-stick .archiveList_txt { padding: 12px 40px 12px 20px; }
@media screen and (max-width: 812px) { .archiveList-stick .archiveList_txt { padding: 12px 40px 12px 20px; } }
@media screen and (max-width: 480px) { .archiveList-stick .archiveList_txt { padding: 10px 25px 10px 10px; } }
.archiveList-stick .archiveList_tits { margin-bottom: 10px; }
.archiveList-stick .archiveList_series, .archiveList-stick .date { display: inline-block; vertical-align: top; font-size: 12px; }
.archiveList-stick .archiveList_series { font-weight: bold; margin-right: 1em; }
.archiveList-stick.archiveList-lg { /* large */ }

.tagList ul { width: 100%; text-align: left; letter-spacing: -.4em; }
.tagList_item { display: inline-block; vertical-align: middle; letter-spacing: normal; margin: 0 10px 10px 0; }
.tagList_item a { display: block; padding: 10px; line-height: 1; font-size: 12px; background-color: #fff; }
.tagList_item a:hover { color: #fff; background-color: #9E9791; }

.pagination { position: relative; }
.pagination ul { letter-spacing: -.4em; }
.pagination a { display: block; }
.pagination_controls { position: absolute; top: 50%; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); }
.pagination_controls-prev { left: 0; }
.pagination_controls-prev a { padding-left: 15px; }
.pagination_controls-next { right: 0; }
.pagination_controls-next a { padding-right: 15px; }

.pagination_item { display: inline-block; vertical-align: middle; letter-spacing: normal; margin-right: 10px; }
@media screen and (max-width: 812px) { .pagination_item:nth-child(n+4) { display: none; }
  .pagination_item:last-child { display: inline-block; } }
@media screen and (max-width: 480px) { .pagination_item:nth-child(n+3) { display: none; }
  .pagination_item:last-child { display: inline-block; } }
.pagination_item span, .pagination_item a { display: block; width: 40px; height: 40px; text-align: center; background-color: #fff; padding: 10px; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 3px; }
.pagination_item a:hover { color: #fff; background-color: #9e9791; }
.pagination_item a:hover::before { color: #4c4c4c; }
.pagination_item-stay span { background-color: transparent; border: 1px solid rgba(158, 151, 145, 0.3); }
.pagination_item-first { position: relative; padding-right: 1.5em; }
.pagination_item-first ::before { content: '...'; display: block; position: absolute; top: .5em; right: 0; }
.pagination_item-last { position: relative; padding-left: 1.5em; }
.pagination_item-last ::before { content: '...'; display: block; position: absolute; top: .5em; left: 0; }

.content { position: relative; float: left; width: 840px; }
@media screen and (max-width: 1024px) and (orientation: landscape) { .content { width: 74%; } }
@media screen and (max-width: 812px) { .content { width: 100%; float: none; } }

.date { opacity: .5; font-size: 12px; }

.content_item { margin-bottom: 30px; }

.content_tit { text-align: left; font-size: 30px; }

.resultTit { text-align: left; }
.resultTit_tit { font-size: 30px; margin-bottom: 10px; }
@media screen and (max-width: 812px) { .resultTit_tit { font-size: 24px; } }

.resultTit_number span { font-size: 20px; font-weight: bold; vertical-align: baseline; line-height: 1; }

.notFound { text-align: center; margin: 100px 0; }
@media screen and (max-width: 812px) { .notFound { margin: 60px 0; } }
.notFound_tit { font-size: 100px; color: rgba(158, 151, 145, 0.3); text-shadow: 1px 1px 0px #fff; line-height: 1; letter-spacing: -.05em; margin-bottom: 40px; }
.notFound_tit span { display: block; font-size: 24px; letter-spacing: .2em; }

.notFound_tits { font-size: 30px; margin-bottom: 10px; }
@media screen and (max-width: 812px) { .notFound_tits { font-size: 24px; } }

.notFound_txt .block01 { display: none; }
@media screen and (max-width: 812px) { .notFound_txt .block01 { display: block; } }

/* article.content
----------------------------------------------------------------------------*/
/* import top */
.wrapper-onlyTop { padding: 0; background-color: transparent; }

.topSecArea { padding: 80px 0; }
@media screen and (max-width: 812px) { .topSecArea { padding: 60px 0; } }
@media screen and (max-width: 480px) { .topSecArea { padding: 40px 0; } }
.topSecArea-bgWhite { background-color: #fff; }
.topSecArea-bgGray { background-color: #e0e0e0; }
.topSecArea-bgBrown { background-color: rgba(158, 151, 145, 0.15); }
.topSecArea_tit { margin-bottom: 60px; }
@media screen and (max-width: 812px) { .topSecArea_tit { margin-bottom: 40px; } }
@media screen and (max-width: 480px) { .topSecArea_tit { margin-bottom: 30px; } }
.topSecArea_tit span { display: block; }
.topSecArea_tit span.en { font-size: 40px; line-height: 1.2; letter-spacing: .15em; font-weight: lighter; margin-bottom: 10px; }
@media screen and (max-width: 480px) { .topSecArea_tit span.en { font-size: 30px; margin-bottom: 5px; } }
.topSecArea_tit span.jp { font-size: 14px; letter-spacing: .35em; color: #5cb8b2; font-weight: bold; }

.topSecBlock .tagList { text-align: left; }
@media screen and (max-width: 812px) { .topSecBlock .tagList { text-align: center; } }
.topSecBlock .tagList ul { text-align: center; }
@media screen and (max-width: 812px) { .topSecBlock { float: none; } }
.topSecBlock_tit { text-align: left; margin-bottom: 30px; }
@media screen and (max-width: 812px) { .topSecBlock_tit { text-align: center; } }
.topSecBlock_tit span { display: block; }
.topSecBlock_tit span.en { font-size: 24px; line-height: 1.4; margin-bottom: 10px; }
@media screen and (max-width: 812px) { .topSecBlock_tit span.en { margin-bottom: 0; } }
.topSecBlock_tit span.jp { letter-spacing: .35em; }
@media screen and (max-width: 812px) { .topSecBlock_tit span br { display: none; } }

.mainVisual { position: relative; width: 100%; height: 100vh; margin-top: -100px; overflow: hidden; }
@media screen and (max-width: 812px) { .mainVisual { margin-top: 0; } }
.mainVisual::before { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 40%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0.5)), to(rgba(0, 0, 0, 0))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0.5) 0%, rgba(0, 0, 0, 0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ z-index: 3; -webkit-transition: 1s ease; transition: 1s ease; }
@media screen and (max-width: 480px) { .mainVisual::before { bottom: 45%; } }
.mainVisual.-load::before { opacity: 0; }
.mainVisual.-loaded::before { opacity: 1; }
.mainVisual_txt { position: absolute; top: 17.5%; left: 7.5%; width: 35vw; max-width: 500px; z-index: 5; }
@media screen and (max-height: 700px) { .mainVisual_txt { max-width: 100%; width: 500px; top: 23.5%; left: 7%; } }
@media screen and (max-width: 812px) { .mainVisual_txt { max-width: 100%; } }
@media screen and (max-width: 480px) { .mainVisual_txt { top: 50%; left: 0; width: 100%; height: auto; -webkit-transform: translateY(-60%); transform: translateY(-60%); padding-bottom: 60px; } }
@media screen and (max-width: 320px) { .mainVisual_txt { -webkit-transform: translateY(-65%); transform: translateY(-65%); padding-bottom: 40px; } }
.mainVisual_logo { position: relative; width: 70%; margin-bottom: 40px; -webkit-transform-origin: top left; transform-origin: top left; }
@media screen and (max-height: 700px) { .mainVisual_logo { width: 220px; margin-bottom: 0; left: 0; position: absolute; } }
@media screen and (max-width: 812px) { .mainVisual_logo { margin-bottom: 25px; } }
@media screen and (max-width: 480px) { .mainVisual_logo { width: 100%; padding: 0 20%; -webkit-box-sizing: border-box; box-sizing: border-box; position: relative; left: auto; } }
.mainVisual_logo #mainVisual_logo-tit { /* svg */ opacity: 1; }
.mainVisual_logo #mainVisual_logo-tit #masking { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }
.mainVisual_logo #mainVisual_logo-tit .brown, .mainVisual_logo #mainVisual_logo-tit .white { position: relative; z-index: 1; }
.mainVisual_logo #mainVisual_logo-tit .white { opacity: 1; }
.mainVisual_logo #mainVisual_logo-tit .st0 { fill: none; stroke: #fff; stroke-width: 28; stroke-miterlimit: 10; }
.mainVisual_logo #mainVisual_logo-tits { /* img */ display: block; -webkit-transform: translate3d(0, 5px, 0); transform: translate3d(0, 5px, 0); }

.mainVisual_tits { position: absolute; font-size: 30px; line-height: 1.4; position: relative; text-align: left; color: #fff; letter-spacing: .05em; font-weight: bold; text-shadow: 0 0 40px rgba(0, 0, 0, 0.35); }
.mainVisual.-loaded .mainVisual_tits { -webkit-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); opacity: 1; }
@media screen and (max-width: 1024px) and (orientation: landscape) { .mainVisual_tits { font-size: 24px; } }
@media screen and (max-height: 700px) { .mainVisual_tits { position: absolute; width: 280px; top: 100px; left: 260px; font-size: 20px; } }
@media screen and (max-width: 812px) { .mainVisual_tits { font-size: 20px; } }
@media screen and (max-width: 480px) { .mainVisual_tits { text-align: center; font-size: 17px; position: relative; top: auto; left: auto; width: auto; } }
.mainVisual_tits .block01 { display: block; }
@media screen and (max-width: 812px) { .mainVisual_tits .block01 { display: block; } }
@media screen and (max-width: 480px) { .mainVisual_tits .block01 { display: none; } }

.mainVisual_pic { position: absolute; background-repeat: no-repeat; background-size: cover; z-index: 1; }
.mainVisual_pic-01 { top: 0; left: 0; width: 50%; height: 100%; background-image: url(../top/img/mainVisual_pic01.jpg); background-position: left bottom; -webkit-transition-delay: .1s; transition-delay: .1s; }
@media screen and (max-width: 480px) { .mainVisual_pic-01 { position: relative; float: left; top: auto; left: auto; width: 100%; height: auto; }
  .mainVisual_pic-01::before { content: ''; display: table; padding-top: 100%; } }
.mainVisual_pic-02 { top: 0; left: 50%; width: 20%; height: 30%; background-image: url(../top/img/mainVisual_pic02.jpg); background-position: center bottom; -webkit-transition-delay: .2s; transition-delay: .2s; }
@media screen and (max-width: 480px) { .mainVisual_pic-02 { position: relative; float: left; top: auto; left: auto; width: 40%; height: auto; }
  .mainVisual_pic-02::before { content: ''; display: table; padding-top: 150%; } }
.mainVisual_pic-03 { top: 30%; left: 50%; width: 20%; height: 20%; background-image: url(../top/img/mainVisual_pic03.jpg); background-position: left bottom; -webkit-transition-delay: .3s; transition-delay: .3s; }
@media screen and (max-width: 480px) { .mainVisual_pic-03 { display: none; } }
.mainVisual_pic-04 { top: 0; left: 70%; width: 30%; height: 50%; background-image: url(../top/img/mainVisual_pic04.jpg); background-position: right top; -webkit-transition-delay: .4s; transition-delay: .4s; }
@media screen and (max-width: 480px) { .mainVisual_pic-04 { display: none; } }
.mainVisual_pic-05 { top: 50%; left: 50%; width: 30%; height: 50%; background-image: url(../top/img/mainVisual_pic05.jpg); background-position: right top; -webkit-transition-delay: .5s; transition-delay: .5s; }
@media screen and (max-width: 480px) { .mainVisual_pic-05 { display: none; } }
.mainVisual_pic-06 { top: 50%; left: 80%; width: 20%; height: 30%; background-image: url(../top/img/mainVisual_pic06.jpg); background-position: right bottom; -webkit-transition-delay: .6s; transition-delay: .6s; }
@media screen and (max-width: 480px) { .mainVisual_pic-06 { position: relative; float: left; top: auto; left: auto; right: 0; width: 60%; height: auto; }
  .mainVisual_pic-06::before { content: ''; display: table; padding-top: 100%; } }
.mainVisual_pic-07 { top: 80%; left: 80%; width: 20%; height: 20%; background-image: url(../top/img/mainVisual_pic07.jpg); background-position: right top; -webkit-transition-delay: .7s; transition-delay: .7s; }
@media screen and (max-width: 480px) { .mainVisual_pic-07 { display: none; } }

.mainVisual_handle { position: absolute; bottom: 30px; left: 50%; margin-left: -60px; width: 120px; height: 120px; z-index: 5; }
@media screen and (max-width: 1024px) and (orientation: landscape) { .mainVisual_handle { width: 100px; height: 100px; margin-left: -50px; } }
@media screen and (max-width: 812px) { .mainVisual_handle { width: 100px; height: 100px; margin-left: -50px; } }
@media screen and (max-width: 480px) { .mainVisual_handle { bottom: 100px; width: 80px; height: 80px; margin-left: -40px; } }
@media screen and (max-width: 320px) { .mainVisual_handle { bottom: 80px; } }
.mainVisual_handle a { display: block; width: 100%; height: 100%; background-color: rgba(255, 255, 255, 0.95); color: #ce0058; font-size: 20px; letter-spacing: .05em; line-height: 1.2; padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; border-radius: 100%; -webkit-transition: .3s ease; transition: .3s ease; }
@media screen and (max-width: 1024px) and (orientation: landscape) { .mainVisual_handle a { font-size: 16px; padding: 26px 0; } }
@media screen and (max-width: 812px) { .mainVisual_handle a { font-size: 12px; padding: 28px 0; } }
@media screen and (max-width: 480px) { .mainVisual_handle a { font-size: 16px; padding: 17px 0; } }
.mainVisual_handle a:hover { opacity: .8; }
.mainVisual_handle a span { display: block; text-align: center; }
.mainVisual_handle .arrow { position: absolute; bottom: 25px; left: 50%; display: block; width: 10px; height: 10px; -webkit-transform-origin: top center; transform-origin: top center; -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); -webkit-animation: mainVisual_anker_anim 2s ease infinite; animation: mainVisual_anker_anim 2s ease infinite; }
@media screen and (max-width: 1024px) and (orientation: landscape) { .mainVisual_handle .arrow { bottom: 22px; } }
@media screen and (max-width: 812px) { .mainVisual_handle .arrow { bottom: 25px; } }
@media screen and (max-width: 480px) { .mainVisual_handle .arrow { bottom: 16px; width: 8px; height: 8px; } }
.mainVisual_handle .arrow::before { content: ''; display: block; width: 10px; height: 10px; border-right: 1px solid #ce0058; border-bottom: 1px solid #ce0058; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
@media screen and (max-width: 480px) { .mainVisual_handle .arrow::before { width: 8px; height: 8px; } }
.mainVisual_handle.-loaded { opacity: 1; -webkit-transform: translateY(0); transform: translateY(0); -webkit-transition: .8s ease 2s; transition: .8s ease 2s; }

@-webkit-keyframes mainVisual_anker_anim { 0% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); }
  25% { -webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0); }
  40% { -webkit-transform: translate3d(-50%, 5px, 0); transform: translate3d(-50%, 5px, 0); }
  100% { -webkit-transform: translate3d(-50%, 0, 0); transform: translate3d(-50%, 0, 0); } }
.seriesSlider { position: relative; background-color: #fff; padding: 60px 0; }
@media screen and (max-width: 480px) { .seriesSlider { padding: 40px 0; } }
@media screen and (max-width: 480px) { .archiveList_viewAll { position: absolute; top: 1em; right: 0; -webkit-transform: translate(0, -50%); transform: translate(0, -50%); margin-top: 0; } }

.seriesSlider_tit { position: relative; text-align: left; margin-bottom: 15px; }
.seriesSlider_tit span { line-height: 1.6; display: inline-block; vertical-align: middle; }
.seriesSlider_tit .en { font-size: 20px; margin-right: 15px; }
.seriesSlider_tit .jp { font-size: 14px; letter-spacing: .2em; font-weight: bold; color: #5cb8b2; }
@media screen and (max-width: 480px) { .seriesSlider_tit .jp { position: absolute; top: 50%; -webkit-transform: translateY(-50%); transform: translateY(-50%); right: 0; } }

.slickSlider .slick-slide { padding: 0 20px; outline: none; }
.slickSlider .slick-slide a { outline: none; }
@media screen and (max-width: 812px) { .slickSlider .slick-slide { padding: 0 15px; } }
@media screen and (max-width: 480px) { .slickSlider .slick-slide { padding: 0 10px; } }

.bnrList ul { width: 100%; padding-right: 80px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 812px) { .bnrList ul { padding-right: 40px; } }
@media screen and (max-width: 480px) { .bnrList ul { padding-right: 0; } }
.bnrList .bnrList_item { float: left; width: 33.333%; margin-right: 40px; }
.bnrList .bnrList_item:nth-child(3n) { margin-right: -80px; }
@media screen and (max-width: 812px) { .bnrList .bnrList_item { margin-right: 20px; }
  .bnrList .bnrList_item:nth-child(3n) { margin-right: -40px; } }
@media screen and (max-width: 480px) { .bnrList .bnrList_item { float: none; width: 100%; margin: 0 0 10px 0; }
  .bnrList .bnrList_item:nth-child(3n) { margin: 0 0 10px 0; } }

.weeklyRanking ul { width: 100%; }
.weeklyRanking_item { position: relative; float: left; width: calc(33.333% - 26.7px ); margin-right: 40px; }
@media screen and (max-width: 812px) { .weeklyRanking_item { width: calc(50% - 15px ); margin-right: 30px; } }
@media screen and (max-width: 480px) { .weeklyRanking_item { float: none; width: 100%; margin-right: 0; margin-bottom: 20px; } }
.weeklyRanking_item:last-child { margin-right: 0; }
@media screen and (max-width: 812px) { .weeklyRanking_item:last-child { margin-right: 0; } }
@media screen and (max-width: 812px) { .weeklyRanking_item:last-child { margin-bottom: 0; } }
.weeklyRanking_item a { display: block; }
.weeklyRanking_item-wide { width: calc(50% - 20px); margin-bottom: 40px; }
@media screen and (max-width: 812px) { .weeklyRanking_item-wide { float: none; width: 100%; margin-bottom: 30px; } }
@media screen and (max-width: 480px) { .weeklyRanking_item-wide { margin-bottom: 20px; } }
.weeklyRanking_item-wide:nth-child(2n) { margin-right: 0; }
@media screen and (max-width: 812px) { .weeklyRanking_item-wideTablet { float: none; width: 100%; margin-bottom: 30px; } }
@media screen and (max-width: 480px) { .weeklyRanking_item-wideTablet { margin-bottom: 20px; } }
@media screen and (max-width: 812px) { .weeklyRanking_item-wideTablet .weeklyRanking_txt { font-size: 18px; } }
@media screen and (max-width: 480px) { .weeklyRanking_item-wideTablet .weeklyRanking_txt { font-size: 14px; } }
.weeklyRanking_item-wide .weeklyRanking_txt { font-size: 18px; padding: 30px 20px 20px; }
@media screen and (max-width: 480px) { .weeklyRanking_item-wide .weeklyRanking_txt { font-size: 14px; } }

.weeklyRanking_pic { position: relative; }
.weeklyRanking_pic::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 35%; /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#000000+0,000000+100&0+0,1+100 */ /* FF3.6-15 */ /* Chrome10-25,Safari5.1-6 */ background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.5))); background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00000000', endColorstr='#000000',GradientType=0 ); /* IE6-9 */ }

.weeklyRanking_txt { position: absolute; bottom: 0; left: 0; width: 100%; -webkit-box-sizing: border-box; box-sizing: border-box; color: #fff; font-weight: bold; padding: 20px 20px 20px; text-align: left; }

.facebookPlugin { float: left; width: 340px; border-right: 1px solid rgba(158, 151, 145, 0.3); padding-right: 40px; }
@media screen and (max-width: 812px) { .facebookPlugin { width: 480px; margin: 0 auto; border-right: none; padding-right: 0; } }
@media screen and (max-width: 480px) { .facebookPlugin { width: 100%; } }

@media screen and (max-width: 812px) { .featuredTag { margin-bottom: 40px; width: 100%; } }

/* import post */
.post { margin-bottom: 60px; }
@media screen and (max-width: 812px) { .post { margin-bottom: 40px; } }
.post a { color: #ce0058; }
.post a:hover { text-decoration: underline; }
.post_itemBox { margin-bottom: 30px; }
.post_itemBox:last-child { margin-bottom: 0; }

.post_inner { text-align: left; padding: 30px 40px 50px; }
@media screen and (max-width: 812px) { .post_inner { padding: 20px 30px 45px; } }
@media screen and (max-width: 480px) { .post_inner { padding: 20px 20px 30px; } }

.post_categoryArea { position: relative; display: block; width: 100%; height: 120px; border: 10px solid #fff; background-color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 812px) { .post_categoryArea { height: 80px; } }
@media screen and (max-width: 480px) { .post_categoryArea { height: auto; } }
.post_categoryArea_titBlock { display: block; position: absolute; top: 0; right: 100px; bottom: 0; left: 0; background-size: cover; background-position: right top; background-repeat: no-repeat; }
@media screen and (max-width: 812px) { .post_categoryArea_titBlock { right: 60px; } }
@media screen and (max-width: 480px) { .post_categoryArea_titBlock { position: relative; top: auto; left: auto; right: auto; bottom: auto; width: 100%; height: auto; -webkit-transform: translateY(0); transform: translateY(0); padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .post_categoryArea_titBlock::before { content: ''; display: table; padding-top: 12.195%; } }
.post_categoryArea_titBlock .tit { position: absolute; display: block; top: 50%; left: 20px; font-size: 24px; font-weight: bold; -webkit-transform: translateY(-50%); transform: translateY(-50%); text-align: left; }
@media screen and (max-width: 812px) { .post_categoryArea_titBlock .tit { font-size: 18px; line-height: 1; padding-right: 30%; } }
@media screen and (max-width: 480px) { .post_categoryArea_titBlock .tit { font-size: 14px; } }
.post_categoryArea_titBlock .tit-wh { color: #fff; }
.post_categoryArea_titBlock .tit span { display: inline-block; vertical-align: middle; margin-right: 15px; }
.post_categoryArea_titBlock .tit span:last-child { margin-right: 0; }
.post_categoryArea_titBlock .tit span.min { font-size: 14px; }
.post_categoryArea_vol { position: absolute; top: 0; right: 0; width: 100px; height: 100px; color: #fff; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 20px; background-color: #5cb8b2; z-index: 2; }
@media screen and (max-width: 812px) { .post_categoryArea_vol { width: 60px; height: 60px; padding: 12px; } }
@media screen and (max-width: 480px) { .post_categoryArea_vol { position: relative; top: auto; right: auto; width: 100%; height: auto; -webkit-transform: translateY(0); transform: translateY(0); padding: 10px 20px; } }
.post_categoryArea_vol span { display: block; text-align: center; font-weight: lighter; line-height: 1; }
@media screen and (max-width: 480px) { .post_categoryArea_vol span { display: inline-block; vertical-align: middle; } }
@media screen and (max-width: 812px) { .post_categoryArea_vol span:first-child { font-size: 11px; } }
.post_categoryArea_vol span:last-child { font-size: 48px; letter-spacing: -.15em; }
@media screen and (max-width: 812px) { .post_categoryArea_vol span:last-child { font-size: 24px; } }
@media screen and (max-width: 480px) { .post_categoryArea_vol span:last-child { font-size: 20px; } }

.post_header { border-bottom: 1px solid rgba(89, 89, 89, 0.1); background-color: #fff; padding-bottom: 10px; font-size: 16px; }
@media screen and (max-width: 480px) { .post_header { font-size: 14px; } }

.post_metaData { margin-bottom: 30px; }

.post_tagList, .post_date { display: inline-block; vertical-align: middle; }

.post_tagList { margin-right: 10px; }
.post_tagList-alL { text-align: left; display: block; margin-right: 0; }
.post_tagList ul { display: inline-block; vertical-align: middle; letter-spacing: -.4em; }
@media screen and (max-width: 812px) { .post_tagList ul { margin-bottom: -10px; } }
@media screen and (max-width: 480px) { .post_tagList ul { margin-bottom: -5px; } }
.post_tagList_item { display: inline-block; vertical-align: middle; letter-spacing: normal; margin-right: 10px; }
@media screen and (max-width: 812px) { .post_tagList_item { margin: 0 10px 10px 0; } }
@media screen and (max-width: 480px) { .post_tagList_item { margin: 0 5px 5px 0; } }
.post_tagList_item a { color: #ce0058; }
.post_tagList-bdr .post_tagList_item { margin-right: 5px; }
.post_tagList-bdr .post_tagList_item a { display: block; border: 1px solid #ce0058; padding: 3px 10px; border-radius: 100px; -webkit-box-sizing: border-box; box-sizing: border-box; }
.post_tagList-bdr .post_tagList_item a:hover { background-color: #ce0058; color: #fff; }
.post_tagList_tit { display: inline-block; vertical-align: middle; font-weight: bold; font-size: 16px; margin-right: 10px; }
@media screen and (max-width: 480px) { .post_tagList_tit { margin-bottom: 10px; } }

.post_body { padding-top: 10px; background-color: #fff; font-size: 16px; }
@media screen and (max-width: 480px) { .post_body { font-size: 14px; } }

.post_indexList .post_indexList_item { margin: 12px 0; }
.post_indexList .post_indexList_item:last-child { margin-bottom: 0; }

.post_tit { margin-top: 60px; }
@media screen and (max-width: 480px) { .post_tit { margin-top: 40px; } }
.post_tit:first-child { margin-top: 0; }
.post_tit-border { position: relative; display: block; padding-bottom: 20px; border-bottom: 1px solid #9E9791; }
.post_tit-border::before { content: ''; position: absolute; bottom: -1px; left: 0; width: 133px; height: 1px; background-color: #5cb8b2; }
.post_tit strong { font-weight: bold; }
.post_tit-mid { font-size: 20px; margin-bottom: 15px; }
.post_tit-lg { position: relative; font-size: 30px; line-height: 1.4; padding-bottom: 15px; border-bottom: 1px solid rgba(89, 89, 89, 0.1); }
@media screen and (max-width: 812px) { .post_tit-lg { font-size: 24px; } }
@media screen and (max-width: 480px) { .post_tit-lg { font-size: 20px; } }
.post_tit-lg::before { content: ''; position: absolute; left: -40px; top: 0; width: 5px; height: 100%; background-color: #5cb8b2; }
@media screen and (max-width: 812px) { .post_tit-lg::before { left: -30px; } }
@media screen and (max-width: 480px) { .post_tit-lg::before { left: -20px; } }
.post_tit-xlg { font-size: 34px; line-height: 1.4; margin-bottom: 10px; }
@media screen and (max-width: 812px) { .post_tit-xlg { font-size: 30px; } }
@media screen and (max-width: 480px) { .post_tit-xlg { font-size: 24px; } }

.post_txtBlock > p { margin: 0 0 20px; line-height: 1.8; }
.post_txtBlock > p:last-child { margin-bottom: 0; }
.post_txtBlock-type01:not(:last-child) { margin-bottom: 1.8em; }

.post_picBlock { margin-bottom: 20px; }
.post_picBlock:last-child { margin-bottom: 0; }
.post_picBlock figcaption { margin-top: .5em; font-size: 12px; }
.post_picBlock-eyecatch { width: 100%; height: auto; }
.post_picBlock-wide { width: 100%; }
.post_picBlock-wide img { width: 100%; height: auto; }
.post_picBlock-halfLeft .post_pic { float: left; width: calc(45% - 30px); margin: 0 30px 20px 0; }
.post_picBlock-halfLeft::after { content: ''; display: table; clear: both; }
.post_picBlock-halfRight .post_pic { float: right; width: calc(45% - 30px); margin: 0 0 20px 30px; }
.post_picBlock-halfRight::after { content: ''; display: table; clear: both; }
@media screen and (max-width: 480px) { .post_picBlock .post_pic { float: none; width: 100%; margin: 0 0 1.2em 0; } }
.post_picBlock .post_pic-frame { position: relative; }
.post_picBlock .post_pic-frame img { border: 10px solid #fff; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03); box-shadow: 0 0 20px 5px rgba(0, 0, 0, 0.03); }
.post_picBlock .post_pic img { width: 100%; height: auto; }
@media screen and (max-width: 480px) { .post_picBlock .post_txtBlock { float: none; width: 100%; } }

.post_bgArea { padding: 30px; }
@media screen and (max-width: 480px) { .post_bgArea { padding: 20px; } }
.post_bgArea_tit { font-size: 14px; margin-bottom: 15px; }
.post_bgArea_tit-lg { color: #000; font-size: 20px; }
.post_bgArea_tit-mid { font-size: 14px; font-weight: bold; }
.post_bgArea-beige { background-color: rgba(158, 151, 145, 0.15); border: 1px solid rgba(158, 151, 145, 0.15); }
.post_bgArea-white { background-color: #fff; }
.post_bgArea-pdN { padding: 0; }

.post_bdrArea { position: relative; width: 100%; margin-bottom: 25px; padding-bottom: 25px; }
.post_bdrArea::before { content: ''; position: absolute; left: 0; bottom: 0; width: 100%; height: 1px; }
.post_bdrArea-dotted::before { background-image: -webkit-gradient(linear, left top, right top, from(#4c4c4c), color-stop(10%, #4c4c4c), color-stop(10%, rgba(77, 77, 77, 0)), to(rgba(77, 77, 77, 0))); background-image: linear-gradient(to right, #4c4c4c, #4c4c4c 10%, rgba(77, 77, 77, 0) 10%, rgba(77, 77, 77, 0) 100%); background-size: 8px 8px; }

.post_txtList_item { margin-bottom: 10px; line-height: 1.4; }
.post_txtList_item:last-child { margin-bottom: 0; }
.post_txtList-disc ul { list-style: disc; padding-left: 1.2em; }
.post_txtList-flow ol { position: relative; counter-reset: number; list-style-type: none !important; }
.post_txtList-flow ol .post_txtList_item { position: relative; line-height: 1.6em; padding: .5em .5em .5em 40px; margin-bottom: 3px; }
.post_txtList-flow ol .post_txtList_item::before { content: ''; position: absolute; top: 5px; bottom: -10px; left: 15px; width: 1px; background-color: #9E9791; }
.post_txtList-flow ol .post_txtList_item::after { position: absolute; counter-increment: number; content: counter(number); /*数字のデザイン変える*/ display: inline-block; background: #9E9791; color: white; font-weight: bold; font-size: 14px; left: 0; width: 30px; height: 30px; line-height: 30px; text-align: center; border-radius: 100%; top: .25em; }
.post_txtList-flow ol .post_txtList_item:last-child::before { display: none; }

.post_prevNextLink { border-top: 1px solid rgba(89, 89, 89, 0.1); }
.post_prevNextLink .post_prevNextLink_list { display: table; width: 100%; table-layout: fixed; }
.post_prevNextLink .post_prevNextLink_item { display: table-cell; vertical-align: middle; }
.post_prevNextLink .post_prevNextLink_item a { position: relative; display: table; width: 100%; padding: 15px 20px; -webkit-box-sizing: border-box; box-sizing: border-box; color: inherit; }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item a { padding: 12px 15px; } }
.post_prevNextLink .post_prevNextLink_item a:hover { background-color: rgba(158, 151, 145, 0.05); }
.post_prevNextLink .post_prevNextLink_item a::after { content: ''; width: 7px; height: 7px; position: absolute; top: 50%; border-right: 1px solid #ce0058; border-bottom: 1px solid #ce0058; }
.post_prevNextLink .post_prevNextLink_item .pic, .post_prevNextLink .post_prevNextLink_item .txt { display: table-cell; vertical-align: middle; }
.post_prevNextLink .post_prevNextLink_item .pic { width: 95px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 1024px) { .post_prevNextLink .post_prevNextLink_item .pic { width: 60px; } }
@media screen and (max-width: 812px) { .post_prevNextLink .post_prevNextLink_item .pic { width: 60%; } }
.post_prevNextLink .post_prevNextLink_item .txt { text-align: left; font-size: 12px; font-weight: bold; }
@media screen and (max-width: 812px) { .post_prevNextLink .post_prevNextLink_item .txt { font-size: 14px; } }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item .txt { font-size: 11px; } }
@media screen and (max-width: 812px) { .post_prevNextLink .post_prevNextLink_item .txt p { display: none; } }
.post_prevNextLink .post_prevNextLink_item.-prev a { padding-left: 40px; }
.post_prevNextLink .post_prevNextLink_item.-prev a::after { left: 20px; -webkit-transform: translate(0, -50%) rotate(135deg); transform: translate(0, -50%) rotate(135deg); }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-prev a::after { left: 10px; } }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-prev a { padding-left: 30px; } }
.post_prevNextLink .post_prevNextLink_item.-prev .txt { padding-left: 15px; }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-prev .txt { padding-left: 10px; } }
@media screen and (max-width: 812px) { .post_prevNextLink .post_prevNextLink_item.-prev .txt::before { content: 'PREV'; } }
.post_prevNextLink .post_prevNextLink_item.-all { border-right: 1px solid rgba(89, 89, 89, 0.1); border-left: 1px solid rgba(89, 89, 89, 0.1); -webkit-box-sizing: border-box; box-sizing: border-box; width: 90px; }
@media screen and (max-width: 1024px) { .post_prevNextLink .post_prevNextLink_item.-all { width: 70px; } }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-all { width: 60px; } }
.post_prevNextLink .post_prevNextLink_item.-all a { padding: 23px 10px; }
.post_prevNextLink .post_prevNextLink_item.-all a::before { font-size: 18px; color: #9E9791; }
.post_prevNextLink .post_prevNextLink_item.-all a::after { display: none; }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-all a { padding: 20px 10px; } }
.post_prevNextLink .post_prevNextLink_item.-all span { font-size: 12px; font-weight: bold; line-height: 1; display: block; margin-top: 1em; }
@media screen and (max-width: 812px) { .post_prevNextLink .post_prevNextLink_item.-all span { display: none; } }
.post_prevNextLink .post_prevNextLink_item.-next a { padding-right: 40px; }
.post_prevNextLink .post_prevNextLink_item.-next a::after { right: 20px; -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-next a::after { right: 10px; } }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-next a { padding-right: 30px; } }
.post_prevNextLink .post_prevNextLink_item.-next .txt { padding-right: 15px; }
@media screen and (max-width: 480px) { .post_prevNextLink .post_prevNextLink_item.-next .txt { padding-right: 10px; } }
@media screen and (max-width: 812px) { .post_prevNextLink .post_prevNextLink_item.-next .txt::before { content: 'NEXT'; } }

.post_shareList { border-top: 1px solid rgba(89, 89, 89, 0.1); }
.post_shareList ul { letter-spacing: -.4em; text-align: center; }
.post_shareList_item { display: inline-block; vertical-align: middle; letter-spacing: normal; margin-right: 10px; width: 300px; }
.post_shareList_item:last-child { margin-right: 0; }
@media screen and (max-width: 812px) { .post_shareList_item { width: calc(50% - 5px); } }
@media screen and (max-width: 480px) { .post_shareList_item { width: 100%; display: block; margin: 0; }
  .post_shareList_item:last-child { margin-top: 10px; } }
.post_shareList_item a { display: block; text-align: center; color: #fff; height: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 8px 0; font-weight: bold; border-radius: 3px; border-bottom: 2px solid #000; }
.post_shareList_item a:hover { border-bottom: 0; margin-top: 2px; height: 38px; }
.post_shareList_item-facebook a { background-color: #315096; border-color: #203b79; position: relative; }
.post_shareList_item-facebook a span { background: url(../img/icon_facebook.png) no-repeat; background-size: cover; display: block; width: 24px; height: 24px; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: -80px; margin-top: -1px; }
.post_shareList_item-twitter a { background-color: #55acee; border-color: #0e80d8; position: relative; }
.post_shareList_item-twitter a span { background: url(../img/icon_twitter_wh.png) no-repeat; background-size: cover; display: block; width: 24px; height: 24px; position: absolute; display: block; top: 50%; left: 50%; -webkit-transform: translate(-50%, -50%); transform: translate(-50%, -50%); margin-left: -80px; margin-top: 1px; }

.post_authorArea_picBlock { position: relative; overflow: hidden; float: left; width: 100px; border-radius: 100%; }
@media screen and (max-width: 480px) { .post_authorArea_picBlock { width: 60px; } }
.post_authorArea_txtBlock { width: 100%; padding-left: 120px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 480px) { .post_authorArea_txtBlock { padding-left: 80px; } }
.post_authorArea_tit { margin-right: 20px; }
.post_authorArea_tit, .post_authorArea_tit span { display: inline-block; vertical-align: middle; }
.post_authorArea_tit .jp { font-size: 20px; margin-right: .5em; }
.post_authorArea_tit .en { font-size: 12px; opacity: .5; }
.post_authorArea_txt { margin-top: 10px; }
@media screen and (max-width: 480px) { .post_authorArea > .post_inner { padding: 20px 0; } }

.post_cvArea_picBlock { float: left; width: 300px; }
@media screen and (max-width: 812px) { .post_cvArea_picBlock { width: 130px; } }
@media screen and (max-width: 480px) { .post_cvArea_picBlock { float: none; width: 100%; } }
.post_cvArea_txtBlock { width: 100%; padding: 30px 40px 30px 340px; -webkit-box-sizing: border-box; box-sizing: border-box; }
@media screen and (max-width: 812px) { .post_cvArea_txtBlock { padding: 20px 30px 20px 150px; } }
@media screen and (max-width: 480px) { .post_cvArea_txtBlock { padding: 20px; } }
.post_cvArea_btn { margin-top: 10px; }
@media screen and (max-width: 480px) { .post_cvArea_btn { margin: 10px -20px -20px; } }
.post_cvArea_btn a { position: relative; display: block; color: #fff; height: 100px; padding: 25px 0; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: #ce0058; border-radius: 3px; border-bottom: 2px solid #ad2552; overflow: hidden; }
@media screen and (max-width: 812px) { .post_cvArea_btn a { height: auto; padding: 15px 20px; } }
@media screen and (max-width: 480px) { .post_cvArea_btn a { height: auto; } }
.post_cvArea_btn a span { display: block; text-align: center; }
@media screen and (max-width: 812px) { .post_cvArea_btn a span { display: inline-block; vertical-align: middle; } }
.post_cvArea_btn a span:last-child { font-size: 20px; }
.post_cvArea_btn a::before, .post_cvArea_btn a::after { content: ''; position: absolute; display: block; }
.post_cvArea_btn a::before { top: 0; right: 0; bottom: 0; width: 20px; height: 100%; background-color: rgba(173, 37, 82, 0.5); }
.post_cvArea_btn a::after { top: 50%; right: 9px; width: 7px; height: 7px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; -webkit-transform: translate(0, -50%) rotate(-45deg); transform: translate(0, -50%) rotate(-45deg); }
.post.about .post_body { position: relative; min-height: 1200px; background-image: url(../about/img/about_bg01.jpg); background-repeat: no-repeat; background-position: 0 bottom; background-color: #9bc0e5; background-size: contain; }
@media screen and (max-width: 812px) { .post.about .post_body { min-height: 0; } }
.post.about .post_body::before { content: ''; position: absolute; top: 20px; right: 20px; bottom: 20px; left: 20px; border: 5px solid #fff; opacity: .5; z-index: 0; }
.post.about .post_inner { position: relative; padding: 140px 0 580px; z-index: 1; }
@media screen and (max-width: 812px) { .post.about .post_inner { padding: 80px 60px 68%; } }
@media screen and (max-width: 480px) { .post.about .post_inner { padding-bottom: 58%; } }
.about_tit { color: #fff; text-align: center; margin-bottom: 48px; line-height: 1.4; }
@media screen and (max-width: 812px) { .about_tit { margin-bottom: 30px; } }
.about_tit .en { display: block; font-size: 48px; letter-spacing: .15em; margin-bottom: 15px; }
@media screen and (max-width: 480px) { .about_tit .en { font-size: 40px; margin-bottom: 10px; } }
.about_tit .jp { position: relative; display: inline-block; font-size: 14px; font-weight: bold; padding: 0 30px; }
.about_tit .jp::before, .about_tit .jp::after { content: ''; width: 15px; height: 1px; position: absolute; top: 50%; opacity: .7; background-color: #fff; }
.about_tit .jp::before { left: 0; }
.about_tit .jp::after { right: 0; }

.about_txtBlock { width: 500px; margin: 0 auto 120px; color: #fff; line-height: 2; text-align: center; }
@media screen and (max-width: 812px) { .about_txtBlock { width: 100%; margin-bottom: 60px; }
  .about_txtBlock p { text-align: left; }
  .about_txtBlock p br { display: none; } }
@media screen and (max-width: 480px) { .about_txtBlock { margin-bottom: 40px; } }

.about_logo { width: 200px; margin: 0 auto; }
@media screen and (max-width: 480px) { .about_logo { width: 160px; } }

/* aside.sidebar
----------------------------------------------------------------------------*/
.sidebar { position: relative; float: right; width: 300px; }
@media screen and (max-width: 1024px) and (orientation: landscape) { .sidebar { width: 22%; } }
@media screen and (max-width: 812px) { .sidebar { width: auto; float: none; margin-top: 60px; padding-top: 60px; border-top: 10px solid rgba(158, 151, 145, 0.3); }
  .sidebar::before { content: ''; position: absolute; display: block; top: -10px; left: 0; width: 100%; height: 1px; background-color: rgba(158, 151, 145, 0.5); } }
.sidebar_item { position: relative; margin-bottom: 40px; padding-bottom: 40px; }
.sidebar_item::before { content: ''; position: absolute; left: 50%; bottom: 0; margin-left: -50px; width: 100px; height: 1px; background-color: rgba(158, 151, 145, 0.3); }
@media screen and (max-width: 812px) { .sidebar_item::before { width: 100%; left: 0; margin-left: 0; } }
.sidebar_item:last-child { margin-bottom: 0; padding-bottom: 0; }
.sidebar_item:last-child::before { display: none; }

.sidebar_tit-lg { margin-bottom: 30px; }
.sidebar_tit-lg span { display: block; text-align: center; }
.sidebar_tit-lg span:first-child { font-size: 20px; letter-spacing: .1em; font-weight: lighter; }
@media screen and (max-width: 812px) { .sidebar_tit-lg span:first-child { font-size: 24px; } }
.sidebar_tit-lg span:last-child { color: #5cb8b2; letter-spacing: .5em; }

.sidebar_bnrList > ul { width: 100%; }
@media screen and (max-width: 812px) { .sidebar_bnrList > ul { padding-right: 20px; -webkit-box-sizing: border-box; box-sizing: border-box; }
  .sidebar_bnrList > ul::after { content: ''; display: table; clear: both; } }
.sidebar_bnrList_item { margin-bottom: 10px; }
.sidebar_bnrList_item > a { display: block; }
.sidebar_bnrList_item-stay { margin-bottom: 30px; }
@media screen and (max-width: 812px) { .sidebar_bnrList_item-stay { margin-bottom: 0; } }
.sidebar_bnrList_item-stay > a { margin-bottom: 10px; }
.sidebar_bnrList_item:last-child { margin-bottom: 0; }
@media screen and (max-width: 812px) { .sidebar_bnrList_item { float: left; width: 50%; margin-right: 20px; }
  .sidebar_bnrList_item:nth-child(2n) { margin-right: -20px; } }

@media screen and (max-width: 812px) { .sidebar_linkList-text01 { display: none; } }
.sidebar_linkList-text01_item { text-align: left; margin-bottom: 10px; }
.sidebar_linkList-text01_item span { display: inline-block; vertical-align: middle; text-align: center; width: 40px; -webkit-box-sizing: border-box; box-sizing: border-box; padding: 5px 0; line-height: 1; margin-right: 10px; font-size: 12px; letter-spacing: -.03em; background-color: #5cb8b2; color: #fff; }
.sidebar_linkList-text01_item:last-child { margin-bottom: 0; }

.sidebar_linkList-card01_item { position: relative; border-bottom: 1px solid rgba(89, 89, 89, 0.1); background-color: #fff; }
.sidebar_linkList-card01_item:last-child { border-bottom: none; }
.sidebar_linkList-card01_item > a { display: block; }
.sidebar_linkList-card01_item .pic { width: 100px; height: 60px; float: left; }
.sidebar_linkList-card01_item .txt { width: 100%; height: 60px; padding: 10px 10px 10px 110px; text-align: left; font-size: 13px; line-height: 1.4; -webkit-box-sizing: border-box; box-sizing: border-box; }
.sidebar_linkList-card01_item .tag { content: ''; position: absolute; top: 10px; left: -3px; width: 20px; height: 23px; }

/*============================================================================ footer
============================================================================*/
.footer { background-color: #eee; }

.backToTop { background-color: #9E9791; }
.backToTop p { position: relative; display: inline-block; letter-spacing: .2em; padding-left: 40px; }
.backToTop a { display: block; color: #fff; height: 80px; padding: 30px 0; -webkit-box-sizing: border-box; box-sizing: border-box; }
.backToTop_arrow { position: absolute; left: 0; top: 0; width: 20px; height: 20px; }
.backToTop_arrow::before, .backToTop_arrow::after { content: ''; position: absolute; top: 50%; height: 1px; width: 15px; background-color: #fff; }
.backToTop_arrow::before { -webkit-transform: rotate(-30deg); transform: rotate(-30deg); left: -4px; }
.backToTop_arrow::after { -webkit-transform: rotate(30deg); transform: rotate(30deg); right: -4px; }

.footer_area-bottom { background-color: #fff; padding: 60px 0; text-align: left; }
@media screen and (max-width: 812px) { .footer_area-bottom { height: auto; padding: 30px 0; } }

.footer_linkList { position: relative; margin-bottom: 40px; }
@media screen and (max-width: 812px) { .footer_linkList { position: relative; top: auto; right: auto; -webkit-transform: translate(0); transform: translate(0); } }
.footer_linkList ul { text-align: left; letter-spacing: -.4em; }
@media screen and (max-width: 812px) { .footer_linkList ul { text-align: center; } }
.footer_linkList li { display: inline-block; vertical-align: middle; letter-spacing: normal; margin-right: 20px; }
@media screen and (max-width: 812px) { .footer_linkList li { margin: 0 20px 10px 20px; } }
@media screen and (max-width: 480px) { .footer_linkList li { margin: 0 10px 5px 10px; } }

.footer_disclaimer { font-size: 10px; margin-bottom: 40px; }
.footer_disclaimer ul { width: 100%; }
.footer_disclaimer li { margin-bottom: .8em; }

.footer_copyright { font-size: 12px; letter-spacing: .1em; opacity: .5; }
@media screen and (max-width: 812px) { .footer_copyright { position: relative; display: block; top: auto; left: auto; -webkit-transform: translate(0); transform: translate(0); text-align: center; } }

/*# sourceMappingURL=layout.css.map */