@charset "UTF-8";
/*==========================================================================================

	// Web font

==========================================================================================*/
@font-face { font-family: "CONDENSEicon"; src: url("../font/CONDENSEicon.ttf") format("truetype"), url("../font/CONDENSEicon.otf") format("opentype"), url("../font/CONDENSEicon.woff") format("woff"); }
@font-face { font-family: "w-evo"; src: url("../font/w-evo.eot?71004149"); src: url("../font/w-evo.eot?71004149#iefix") format("embedded-opentype"), url("../font/w-evo.woff?71004149") format("woff"), url("../font/w-evo.ttf?71004149") format("truetype"), url("../font/w-evo.svg?71004149#w-evo") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "proxima_nova_rgregular"; src: url("../font/ProximaNova-Reg-webfont.eot?71004149"); src: url("../font/ProximaNova-Reg-webfont.eot?71004149#iefix") format("embedded-opentype"), url("../font/ProximaNova-Reg-webfont.woff?71004149") format("woff"), url("../font/ProximaNova-Reg-webfont.ttf?71004149") format("truetype"), url("../font/ProximaNova-Reg-webfont.svg?71004149#proxima_nova_rgregular") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "proxima_nova_ltsemibold"; src: url("../font/ProximaNova-Sbold-webfont.eot?71004149"); src: url("../font/ProximaNova-Sbold-webfont.eot?71004149#iefix") format("embedded-opentype"), url("../font/ProximaNova-Sbold-webfont.woff?71004149") format("woff"), url("../font/ProximaNova-Sbold-webfont.ttf?71004149") format("truetype"), url("../font/ProximaNova-Sbold-webfont.svg?71004149#proxima_nova_ltsemibold") format("svg"); font-weight: normal; font-style: normal; }
@font-face { font-family: "proxima_nova_rgbold"; src: url("../font/ProximaNova-Bold-webfont.eot?71004149"); src: url("../font/ProximaNova-Bold-webfont.eot?71004149#iefix") format("embedded-opentype"), url("../font/ProximaNova-Bold-webfont.woff?71004149") format("woff"), url("../font/ProximaNova-Bold-webfont.ttf?71004149") format("truetype"), url("../font/ProximaNova-Bold-webfont.svg?71004149#proxima_nova_rgbold") format("svg"); font-weight: normal; font-style: normal; }
/*==========================================================================================

	// 構造

==========================================================================================*/
a { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }

:link { color: #221815; }

:visited { color: #221815; }

:hover, :visited:hover { text-decoration: none; }

:focus { text-decoration: none; }

/* Slider */
.slick-slider { position: relative; display: block; box-sizing: border-box; -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; }

.slick-list { position: relative; display: block; margin: 0; padding: 0; }
.slick-list:focus { outline: none; }
.slick-list.dragging { cursor: pointer; cursor: hand; }

.slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); }

.slick-track { position: relative; left: 0; top: 0; display: block; }
.slick-track:before, .slick-track:after { content: ""; display: table; }
.slick-track:after { clear: both; }
.slick-loading .slick-track { visibility: hidden; }

.slick-slide { float: left; height: 100%; min-height: 1px; opacity: 0.2; -webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; display: none; }
[dir="rtl"] .slick-slide { float: right; }
.slick-slide img { display: block; }
.slick-slide.slick-loading img { display: none; }
.slick-slide.dragging img { pointer-events: none; }
.slick-initialized .slick-slide { display: block; }
.slick-loading .slick-slide { visibility: hidden; }
.slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; }

.slick-active { opacity: 1; }

/* Slider */
.slick-loading .slick-list { background: #fff url("../img/ajax-loader.gif") center center no-repeat; }

/* Icons */
.slick-prev, .slick-next { position: absolute; display: block; top: 0; width: 50%; height: 100%; padding: 0; border: none; background: transparent; font-size: 0px; line-height: 0px; cursor: pointer; color: transparent; outline: none; }
.slick-prev:hover, .slick-prev:focus, .slick-next:hover, .slick-next:focus { outline: none; background: transparent; color: transparent; }
.slick-prev:hover:before, .slick-prev:focus:before, .slick-next:hover:before, .slick-next:focus:before { opacity: 1; }
.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity: 0.25; }

.slick-prev:before, .slick-next:before { position: absolute; font-family: "w-evo"; font-size: 40px; font-size: 4rem; line-height: 1; color: #000; opacity: 0.75; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; }

.slick-prev { left: -50%; }
[dir="rtl"] .slick-prev { left: auto; right: -45px; }
.slick-prev:before { right: 15px; content: ""; }
[dir="rtl"] .slick-prev:before { content: ""; }

.slick-next { right: -50%; }
[dir="rtl"] .slick-next { left: -45px; right: auto; }
.slick-next:before { left: 15px; content: ""; }
[dir="rtl"] .slick-next:before { content: ""; }

.slick-slider { margin-bottom: 60px; }

.slick-dots { position: absolute; bottom: -45px; list-style: none; display: block; width: 100%; padding: 0; text-align: center; }
.slick-dots li { position: relative; display: inline-block; width: 22px; height: 22px; margin: 0 4px; padding: 0; cursor: pointer; }
.slick-dots li button { display: block; width: 22px; height: 22px; padding: 5px; border: 0; background: transparent; font-size: 0px; line-height: 0px; color: transparent; cursor: pointer; outline: none; }
.slick-dots li button:hover, .slick-dots li button:focus { outline: none; }
.slick-dots li button:hover:before, .slick-dots li button:focus:before { opacity: 1; }
.slick-dots li button:before { position: absolute; top: 0; left: 0; content: ""; width: 22px; height: 22px; color: #777980; font-family: "w-evo"; font-size: 14px; line-height: 22px; text-align: center; opacity: 0.25; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.slick-dots li.slick-active button:before { color: #777980; opacity: 0.75; }

/*==========================================================================================

// カテゴリカラー

==========================================================================================*/
.cat-special.cardUnit-def > a:before, .cat-special.cardUnit-full > a:before, .cat-special.cardUnit-blog > a:before, .cat-special.cardUnit-def > a:after, .cat-special.cardUnit-full > a:after, .cat-special.cardUnit-blog > a:after { background-color: #cf251f; }
.cat-special.cardUnit-def > a > .cardUnitIn:before, .cat-special.cardUnit-full > a > .cardUnitIn:before, .cat-special.cardUnit-blog > a > .cardUnitIn:before, .cat-special.cardUnit-def > a > .cardUnitIn:after, .cat-special.cardUnit-full > a > .cardUnitIn:after, .cat-special.cardUnit-blog > a > .cardUnitIn:after { background-color: #cf251f; }
.cat-voice.cardUnit-def > a:before, .cat-voice.cardUnit-full > a:before, .cat-voice.cardUnit-blog > a:before, .cat-voice.cardUnit-def > a:after, .cat-voice.cardUnit-full > a:after, .cat-voice.cardUnit-blog > a:after { background-color: #13315b; }
.cat-voice.cardUnit-def > a > .cardUnitIn:before, .cat-voice.cardUnit-full > a > .cardUnitIn:before, .cat-voice.cardUnit-blog > a > .cardUnitIn:before, .cat-voice.cardUnit-def > a > .cardUnitIn:after, .cat-voice.cardUnit-full > a > .cardUnitIn:after, .cat-voice.cardUnit-blog > a > .cardUnitIn:after { background-color: #13315b; }
.cat-workout.cardUnit-def > a:before, .cat-workout.cardUnit-full > a:before, .cat-workout.cardUnit-blog > a:before, .cat-workout.cardUnit-def > a:after, .cat-workout.cardUnit-full > a:after, .cat-workout.cardUnit-blog > a:after { background-color: #a00065; }
.cat-workout.cardUnit-def > a > .cardUnitIn:before, .cat-workout.cardUnit-full > a > .cardUnitIn:before, .cat-workout.cardUnit-blog > a > .cardUnitIn:before, .cat-workout.cardUnit-def > a > .cardUnitIn:after, .cat-workout.cardUnit-full > a > .cardUnitIn:after, .cat-workout.cardUnit-blog > a > .cardUnitIn:after { background-color: #a00065; }
.cat-nutrition.cardUnit-def > a:before, .cat-nutrition.cardUnit-full > a:before, .cat-nutrition.cardUnit-blog > a:before, .cat-nutrition.cardUnit-def > a:after, .cat-nutrition.cardUnit-full > a:after, .cat-nutrition.cardUnit-blog > a:after { background-color: #275e54; }
.cat-nutrition.cardUnit-def > a > .cardUnitIn:before, .cat-nutrition.cardUnit-full > a > .cardUnitIn:before, .cat-nutrition.cardUnit-blog > a > .cardUnitIn:before, .cat-nutrition.cardUnit-def > a > .cardUnitIn:after, .cat-nutrition.cardUnit-full > a > .cardUnitIn:after, .cat-nutrition.cardUnit-blog > a > .cardUnitIn:after { background-color: #275e54; }
.cat-inspiration.cardUnit-def > a:before, .cat-inspiration.cardUnit-full > a:before, .cat-inspiration.cardUnit-blog > a:before, .cat-inspiration.cardUnit-def > a:after, .cat-inspiration.cardUnit-full > a:after, .cat-inspiration.cardUnit-blog > a:after { background-color: #ff4800; }
.cat-inspiration.cardUnit-def > a > .cardUnitIn:before, .cat-inspiration.cardUnit-full > a > .cardUnitIn:before, .cat-inspiration.cardUnit-blog > a > .cardUnitIn:before, .cat-inspiration.cardUnit-def > a > .cardUnitIn:after, .cat-inspiration.cardUnit-full > a > .cardUnitIn:after, .cat-inspiration.cardUnit-blog > a > .cardUnitIn:after { background-color: #ff4800; }
.cardUnit-def .cardCate-02.cat-column > span, .cardUnit-full .cardCate-02.cat-column > span, .cardUnit-blog .cardCate-02.cat-column > span { background-color: #5c9ef1; }
.cardUnit-def .cardCate-02.cat-interview > span, .cardUnit-full .cardCate-02.cat-interview > span, .cardUnit-blog .cardCate-02.cat-interview > span { background-color: #39bbc3; }
.cardUnit-def .cardCate-02.cat-words > span, .cardUnit-full .cardCate-02.cat-words > span, .cardUnit-blog .cardCate-02.cat-words > span { background-color: #fbc42f; }
.cardUnit-def .cardCate-02.cat-muscle > span, .cardUnit-full .cardCate-02.cat-muscle > span, .cardUnit-blog .cardCate-02.cat-muscle > span { background-color: #e72850; }

/*==========================================================================================

// カードユニット

==========================================================================================*/
/* common
==========================================================================================*/
.cardUnit-def, .cardUnit-full, .cardUnit-blog { overflow: hidden; }
.cardUnit-def > a, .cardUnit-full > a, .cardUnit-blog > a { position: relative; display: block; height: 100%; border: 1px solid #d7d7d7; text-decoration: none; z-index: 10; box-sizing: border-box; }
.cardUnit-def > a:hover, .cardUnit-full > a:hover, .cardUnit-blog > a:hover { background-color: #f8f8f8; }
.cardUnit-def > a .cardUnitIn, .cardUnit-full > a .cardUnitIn, .cardUnit-blog > a .cardUnitIn { position: relative; height: 100%; }
.cardUnit-def > a .cardUnitIn:hover .cardImg, .cardUnit-full > a .cardUnitIn:hover .cardImg, .cardUnit-blog > a .cardUnitIn:hover .cardImg { opacity: 0.7; }
.cardUnit-def .icoNew, .cardUnit-full .icoNew, .cardUnit-blog .icoNew { position: absolute; top: 6px; left: 6px; }
.cardUnit-def .icoNew > span, .cardUnit-full .icoNew > span, .cardUnit-blog .icoNew > span { display: block; }
.cardUnit-def .icoNew > span > img, .cardUnit-full .icoNew > span > img, .cardUnit-blog .icoNew > span > img { vertical-align: bottom; }

.cardImg { position: relative; z-index: -1; text-align: center; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.cardImg img { max-width: 100%; height: auto; vertical-align: bottom; }

.cardContent { padding: 24px 18px 44px; }

.cardMeta { zoom: 1; }
.cardMeta:after { display: table; clear: both; content: ""; }
.cardMeta:before { display: table; content: ""; }

.cardDate { color: #4b4b4b; font-family: 'proxima_nova_rgregular',sans-serif; }

.cardCate { padding: 0 1px 2px; font-family: 'proxima_nova_rgregular',sans-serif; text-transform: uppercase; color: #4b4b4b; text-decoration: none; }

* + .cardCate-02 { padding-top: 14px; }

.cardCate-02 { font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1; text-transform: uppercase; }
.cardCate-02 > span { padding: 4px 8px 3px; }

.cardTitle { font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
.cardTitle > a { text-decoration: none; }

/* default ver
==========================================================================================*/
.cardUnit-def .cardDate { float: right; font-size: 11px; font-size: 1.1rem; line-height: 15px; }
.cardUnit-def .cardCate { float: left; padding: 0 1px 2px; border-bottom: 1px solid #4b4b4b; color: #4b4b4b; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: bold; text-transform: uppercase; }
.cardUnit-def .cardCate-02 { clear: both; color: #fff; font-family: "proxima_nova_ltsemibold", sans-serif; text-transform: uppercase; }
.cardUnit-def .cardCate-02 > span { display: inline-block; background-color: #ccc; }
.cardUnit-def .cardTitle { margin-top: 20px; color: #5d5d5d; }
.cardUnit-def .cardBody { margin-top: 20px; color: #a6a6a6; font-size: 14px; font-size: 1.4rem; line-height: 1.5; }

/* full ver
==========================================================================================*/
.cardUnit-full { background-color: #000; }
.cardUnit-full .cardImg { position: relative; z-index: -1; height: 100%; overflow: hidden; }
.cardUnit-full .cardContent { position: absolute; top: 0; height: 100%; width: 100%; box-sizing: border-box; background-color: transparent; background-image: -webkit-linear-gradient(transparent 65%, black 95%); background-image: linear-gradient(transparent 65%, black 95%); }
.cardUnit-full .cardDate { color: #fff; font-size: 11px; font-size: 1.1rem; line-height: 1; }
.cardUnit-full .cardCate { position: absolute; top: 0; right: 0; padding: 8px 16px; background-color: #000; color: #fff; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: bold; }
.cardUnit-full .cardData { position: absolute; left: 0; bottom: 0; padding: 12px 18px; color: #fff; }
.cardUnit-full .cardTitle { margin-top: 8px; color: #fff; }
.cardUnit-full .cardBody { display: none; }

/* blog ver
==========================================================================================*/
.cardUnit-blog { padding: 18px 14px; }
.cardUnit-blog > a { padding: 30px 22px; }
.cardUnit-blog .cardContent { padding: 40px 0 0; }
.cardUnit-blog .cardDate { font-size: 11px; font-size: 1.1rem; line-height: 1; }
.cardUnit-blog .cardCate { position: absolute; top: -18px; right: -14px; padding: 8px 16px; background-color: #000; color: #fff; font-size: 15px; font-size: 1.5rem; line-height: 1; font-weight: bold; }
.cardUnit-blog .cardData { position: absolute; left: 0; bottom: 0; padding: 12px 18px; color: #fff; }
.cardUnit-blog .cardTitle { margin-top: 8px; }
.cardUnit-blog .cardBody { display: none; }

/* line ver
==========================================================================================*/
@media screen and (min-width: 769px) { .cardUnits { zoom: 1; margin-left: -27px; }
  .cardUnits:after { display: table; clear: both; content: ""; }
  .cardUnits:before { display: table; content: ""; }
  /* common ==========================================================================================*/
  .cardUnit-def, .cardUnit-full, .cardUnit-blog { position: relative; float: left; width: 310px; margin-left: 27px; margin-bottom: 54px; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  .cardUnit-def:before, .cardUnit-full:before, .cardUnit-blog:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  /* line ver ==========================================================================================*/
  .cardUnits-line { width: 100%; padding-left: 62px; padding-right: 62px; box-sizing: border-box; }
  .cardUnit-line { border: 1px solid #ccc; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  .cardUnit-line:before { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  .cardUnit-line:hover { background-color: #f8f8f8; }
  .cardUnit-line + .cardUnit-line { border-top: none; }
  .cardUnit-line > a { display: table; width: 100%; table-layout: fixed; text-decoration: none; }
  .cardUnit-line .cardImg { position: relative; display: table-cell; width: 262px; padding: 15px; box-sizing: border-box; vertical-align: top; z-index: 10; }
  .cardUnit-line .cardImg img { max-width: 100%; height: auto; vertical-align: bottom; }
  .cardUnit-line .cardContent { display: table-cell; padding: 15px; vertical-align: top; }
  .cardUnit-line .cardDate { font-size: 11px; font-size: 1.1rem; line-height: 1; }
  .cardUnit-line .cardTitle { margin-top: 15px; color: #5d5d5d; font-size: 17px; font-size: 1.7rem; line-height: 1.5; }
  .cardUnit-line .cardBody { margin-top: 15px; color: #a6a6a6; font-size: 13px; font-size: 1.3rem; line-height: 1.5; } }
@media screen and (max-width: 768px) { .cardUnits { margin: 5px; }
  /* common ==========================================================================================*/
  .cardUnit-def, .cardUnit-full, .cardUnit-line { position: relative; margin-bottom: 10px; box-sizing: border-box; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; }
  .cardUnit-def > a, .cardUnit-full > a, .cardUnit-line > a { position: relative; display: block; height: 100%; border: 1px solid #d7d7d7; text-decoration: none; z-index: 10; box-sizing: border-box; }
  .cardCate { font-size: 16px; font-size: 1.6rem; line-height: 1; }
  .cardData { font-size: 15px; font-size: 1.5rem; line-height: 1.5; }
  .cardTitle { font-size: 15px; font-size: 1.5rem; line-height: 1.5; }
  .cardBody { font-size: 15px; font-size: 1.5rem; line-height: 1.5; }
  /* default ver ==========================================================================================*/
  /* full ver ==========================================================================================*/
  /* line ver ==========================================================================================*/
  .cardUnits-line { margin: 5px; } }
/* category color(デフォルト)
==========================================================================================*/
.cardUnit-def:hover.cat-special, .cardUnit-full:hover.cat-special { border-color: #cf251f; }
.cardUnit-def:hover.cat-special:before, .cardUnit-full:hover.cat-special:before { border-color: #cf251f; }
.cardUnit-def:hover.cat-voice, .cardUnit-full:hover.cat-voice { border-color: #13315b; }
.cardUnit-def:hover.cat-voice:before, .cardUnit-full:hover.cat-voice:before { border-color: #13315b; }
.cardUnit-def:hover.cat-workout, .cardUnit-full:hover.cat-workout { border-color: #a00065; }
.cardUnit-def:hover.cat-workout:before, .cardUnit-full:hover.cat-workout:before { border-color: #a00065; }
.cardUnit-def:hover.cat-nutrition, .cardUnit-full:hover.cat-nutrition { border-color: #275e54; }
.cardUnit-def:hover.cat-nutrition:before, .cardUnit-full:hover.cat-nutrition:before { border-color: #275e54; }
.cardUnit-def:hover.cat-inspiration, .cardUnit-full:hover.cat-inspiration { border-color: #ff4800; }
.cardUnit-def:hover.cat-inspiration:before, .cardUnit-full:hover.cat-inspiration:before { border-color: #ff4800; }

.cardUnit-def.cat-special .cardMeta .cardDate { color: #cf251f; }
.cardUnit-def.cat-special .cardMeta .cardCate { border-color: #cf251f; color: #cf251f; }
.cardUnit-def.cat-voice .cardMeta .cardDate { color: #13315b; }
.cardUnit-def.cat-voice .cardMeta .cardCate { border-color: #13315b; color: #13315b; }
.cardUnit-def.cat-workout .cardMeta .cardDate { color: #a00065; }
.cardUnit-def.cat-workout .cardMeta .cardCate { border-color: #a00065; color: #a00065; }
.cardUnit-def.cat-nutrition .cardMeta .cardDate { color: #275e54; }
.cardUnit-def.cat-nutrition .cardMeta .cardCate { border-color: #275e54; color: #275e54; }
.cardUnit-def.cat-inspiration .cardMeta .cardDate { color: #ff4800; }
.cardUnit-def.cat-inspiration .cardMeta .cardCate { border-color: #ff4800; color: #ff4800; }

/* category color(FULL)
==========================================================================================*/
.cardUnit-full.cat-special .cardCate { background-color: #cf251f; }
.cardUnit-full.cat-voice .cardCate { background-color: #13315b; }
.cardUnit-full.cat-workout .cardCate { background-color: #a00065; }
.cardUnit-full.cat-nutrition .cardCate { background-color: #275e54; }
.cardUnit-full.cat-inspiration .cardCate { background-color: #ff4800; }

@media screen and (min-width: 769px) { #alpha { float: left; width: 666px; }
  #beta { float: right; width: 293px; } }
@media screen and (max-width: 768px) { #alpha { width: 100%; }
  #beta { width: 100%; } }
.xPage1 .pageHead { margin: 25px 0 45px; }
.xPage1 .pageHead > .category { font-family: "proxima_nova_ltsemibold", sans-serif; text-transform: uppercase; }
.xPage1 .pageHead > .category .cat1st { display: inline-block; vertical-align: bottom; }
.xPage1 .pageHead > .category .cat1st > span, .xPage1 .pageHead > .category .cat1st > a { display: block; color: #4b4b4b; font-size: 36px; font-size: 3.6rem; line-height: 1; text-decoration: none; }
.xPage1 .pageHead > .category .cat2nd { position: relative; display: inline-block; top: -5px; left: 20px; vertical-align: bottom; }
.xPage1 .pageHead > .category .cat2nd > span { display: block; padding: 4px 10px; background-color: #ccc; color: #fff; font-size: 11px; font-size: 1.1rem; line-height: 1; }
.xPage1 .pageHead > .date { display: block; margin-top: 35px; color: #221815; font-family: "proxima_nova_rgregular", sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 1; font-weight: normal; letter-spacing: 1px; }
.xPage1 .pageHead > .title { margin-top: 30px; color: #221815; font-size: 20px; font-size: 2rem; line-height: 1.1; font-weight: bold; }

/* newsパターン
==========================================================================================*/
.xCatSpecial .pageHead > .category .cat1st > span, .xCatSpecial .pageHead > .category .cat1st > a { color: #cf251f; }

.xCatVoice .pageHead > .category .cat1st > span, .xCatVoice .pageHead > .category .cat1st > a { color: #13315b; }

.xCatWorkout .pageHead > .category .cat1st > span, .xCatWorkout .pageHead > .category .cat1st > a { color: #a00065; }

.xCatnutrition .pageHead > .category .cat1st > span, .xCatnutrition .pageHead > .category .cat1st > a { color: #275e54; }

.xCatInspiration .pageHead > .category .cat1st > span, .xCatInspiration .pageHead > .category .cat1st > a { color: #ff4800; }

.xPage1 .pageHead .cat2nd.cat-column > span { background-color: #5c9ef1; }
.xPage1 .pageHead .cat2nd.cat-interview > span { background-color: #39bbc3; }
.xPage1 .pageHead .cat2nd.cat-words > span { background-color: #fbc42f; }
.xPage1 .pageHead .cat2nd.cat-muscle > span { background-color: #e72850; }

@media screen and (max-width: 768px) { .pageHead { padding: 0 15px; }
  .figALL { width: 100%; } }
.xPage1 .pageBody-def { margin-top: 15px; margin-bottom: 30px; }
.xPage1 .pageBody-min { zoom: 1; margin-top: 15px; margin-bottom: 30px; }
.xPage1 .pageBody-min:after { display: table; clear: both; content: ""; }
.xPage1 .pageBody-min:before { display: table; content: ""; }
.xPage1 .pageBody-min p { font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
.xPage1 .pageBody-min p .imgWrap { display: block; text-align: center; }
.xPage1 .pageBody-min p img { display: inline-block; max-width: 100%; height: auto; vertical-align: bottom; }
.xPage1 .pageBody-min p + p { margin-top: 20px; }

@media screen and (min-width: 769px) { .pageBody-min { margin-left: 35px; margin-right: 35px; }
  .pageBody-min p .imgWrap { max-width: -webkit-calc(100% + (35px*2)); max-width: calc(100% + (35px*2)); margin: 0 -35px; }
  .pageBody-min p img.mt-image-left { float: left; padding-right: 20px; padding-left: 35px; }
  .pageBody-min p img.mt-image-right { float: right; padding-left: 20px; padding-right: 35px; } }
@media screen and (max-width: 768px) { .pageBody-min { margin-left: 20px; margin-right: 20px; }
  .pageBody-min p .imgWrap { max-width: -webkit-calc(100% + (20px*2)); max-width: calc(100% + (20px*2)); margin: 0 -20px; }
  .pageBody-min p img.mt-image-center, .pageBody-min p img.mt-image-left, .pageBody-min p img.mt-image-right { display: inline-block !important; margin: 0 !important; float: none !important; } }
.mainImgBlock p { margin: 0 0 20px; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
.mainImgBlock .figImgUnit { width: 100% !important; margin: 0 0 15px; text-align: center; }
.mainImgBlock .figImgUnit + p { font-size: 14px; font-size: 1.4rem; line-height: 1.5; }
.mainImgBlock .figImgUnit.figR img { max-width: 100%; height: auto; }
.mainImgBlock .figImgUnit.figL img { max-width: 100%; height: auto; }
.mainImgBlock .figImgUnit.figALL { display: block; text-align: center; }
.mainImgBlock .figImgUnit.figALL img { max-width: 100%; height: auto; }

.mainImgBlock .figImgUnit.figALL figcaption, .mainImgBlock.figALL p { margin-left: 35px; margin-right: 35px; }

.youtube.figALL, .figMovUnit.figALL { position: relative; width: 100%; padding-top: 56.25%; }
.youtube.figALL > iframe, .figMovUnit.figALL > iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important; }

@media screen and (max-width: 768px) { .figImgUnit + p { margin-left: 20px; margin-right: 20px; }
  .youtube, .figMovUnit.figALL { width: -webkit-calc(100% + (20px*2)); width: calc(100% + (20px*2)); margin-left: -20px; margin-right: -20px; } }
/*　段落ブロック
==========================================================================================*/
.pLine { clear: both; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }

.mainImgBlock + .pLine, .pLine + .pLine { margin-top: 45px; }

@media screen and (min-width: 769px) { .pLine { margin: 0 35px; } }
@media screen and (max-width: 768px) { .pLine { margin: 0 20px; } }
/*　段落ブロック：囲み線
==========================================================================================*/
.pageBody-def .lineBdr { padding: 30px; border: 1px dotted #231815; }

/*　見出し
==========================================================================================*/
.pLine h2 { margin-bottom: 15px; font-size: 16px; font-size: 1.6rem; line-height: 1.4; }

.pageBody-def .lineBdr h2 { color: #f00000; font-size: 14px; font-size: 1.4rem; line-height: 1.4; }

/*　段落
==========================================================================================*/
.pLine p { display: block; margin: 0 0 20px; font-size: 14px; font-size: 1.4rem; line-height: 1.8; }
.pLine p:last-child { margin-bottom: 0; }
.pLine p.int { margin-bottom: 5px; color: #f00000; }

/*　図表：画像バージョン
==========================================================================================*/
.pageBody-def .figImgUnit { display: inline-block; }
.pageBody-def .figImgUnit .figImg { max-width: 100%; height: auto; vertical-align: bottom; }
.pageBody-def .figImgUnit figcaption { display: block; margin-top: 10px; color: #686868; font-size: 10px; font-size: 1rem; line-height: 1.6; }
.pageBody-def .figImgUnit p { display: block; width: 240px; }

.pageBody-def .figALL { display: block; text-align: center; }
.pageBody-def .figALL img { max-width: 100%; height: auto; }

@media screen and (min-width: 769px) { .pageBody-def .figR { float: right; margin: 0 0 15px 45px; }
  .pageBody-def .figL { float: left; margin: 0 45px 15px 0; }
  .pageBody-def .figALL { margin: 0 -35px 15px -35px; } }
@media screen and (max-width: 768px) { .pageBody-def .figR, .pageBody-def .figL, .pageBody-def .figALL { display: block; margin: 0 0 15px; text-align: center; }
  .pageBody-def .figALL { width: -webkit-calc(100% + (20px*2)); width: calc(100% + (20px*2)); margin: 0 -20px 15px -20px; } }
.profUnit { padding: 18px; background: #f5f5f5; }

.profName .main { display: block; margin-top: 8px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; font-weight: normal; }
.profName .sub { display: block; margin-top: 3px; color: #505050; font-size: 10px; font-size: 1rem; line-height: 1.5; font-weight: normal; }

.profExp { margin-top: 10px !important; color: #505050 !important; font-size: 11px; font-size: 1.1rem; line-height: 1.4; }

.profUnit-S { display: inline-block; width: 180px; }

@media screen and (min-width: 769px) { .profUnit { padding: 18px; background: #f5f5f5; }
  .profName .main { display: block; margin-top: 8px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; font-weight: normal; }
  .profName .sub { display: block; margin-top: 3px; color: #505050; font-size: 10px; font-size: 1rem; line-height: 1.5; font-weight: normal; }
  .profExp { margin-top: 10px !important; color: #505050 !important; font-size: 11px; font-size: 1.1rem; line-height: 1.4; }
  .profUnit-S { display: inline-block; width: 180px; }
  .profUnit-L .profImg { display: table-cell; vertical-align: top; }
  .profUnit-L .profContent { display: table-cell; padding-left: 22px; vertical-align: top; } }
@media screen and (max-width: 768px) { .profUnit-L .profImg { display: block; float: left; padding: 0 15px 10px 0; }
  .profUnit-L .profImg img { max-width: 100%; height: auto; }
  .profUnit-L .profContent { display: block; padding-left: 0; } }
.tbl-recipe table { table-layout: fixed; }

.tbl-recipe caption { padding-bottom: 6px; font-weight: bold; }

.tbl-recipe tbody th, .tbl-recipe tbody td { padding: 6px 0; border-top: 1px solid #dbdbdb; }

.tbl-recipe tbody th { text-align: left; }

.tbl-recipe tbody td { padding-left: 15px; text-align: right; }

/* レシピの手順など
==========================================================================================*/
.orderList-recipe .orderUnit + .orderUnit { clear: both; margin-top: 20px; padding-top: 20px; border-top: 1px dotted #000; }

.orderList-recipe .orderUnit .figL { margin-right: 30px; }

/*==========================================================================================

	// 詳細ページ：information

==========================================================================================*/
.entInfoBox { margin: 45px 34px 0; }

.entInfoBox .boxHead { padding-bottom: 8px; border-bottom: 1px solid #000; font-size: 12px; font-size: 1.2rem; line-height: 1; font-weight: bold; text-transform: uppercase; }

.entInfoBox .boxBody p { margin: 22px 0 0; color: #505050; font-size: 10px; font-size: 1rem; line-height: 1.4; }

.entInfoBox .boxBody p strong { color: #000; font-size: 12px; font-size: 1.2rem; line-height: 1.5; font-weight: bold; }

.entInfoBox .gMap { clear: both; margin: 22px 0 0; }

/*==========================================================================================

	// 詳細ページ：関連記事

==========================================================================================*/
.relateEntBox { margin: 45px 34px 0; }
.relateEntBox > .boxHead { color: #221815; font-size: 13px; font-size: 1.3rem; line-height: 1; font-weight: normal; }
.relateEntBox > .boxBody { margin: 10px 0 0; }
.relateEntBox > .boxBody li { position: relative; margin: 8px 0; padding-left: 22px; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }
.relateEntBox > .boxBody li:before { position: absolute; top: 8px; left: 0; content: ""; display: inline-block; width: 15px; height: 2px; background-color: #221815; }
.relateEntBox > .boxBody a { color: #f00000; text-decoration: none; }
.relateEntBox > .boxBody a:hover { text-decoration: underline; }

/*==========================================================================================

	// 詳細ページ：記事のシェア

==========================================================================================*/
@media screen and (min-width: 769px) { #btnSocial { margin: 45px 34px 0; }
  #btnSocial ul li { display: inline-block; height: 25px; text-align: left; vertical-align: bottom; } }
@media screen and (max-width: 768px) { #btnSocial { margin: 0; margin-top: 20px; padding: 15px; background: #e9e9e9; }
  #btnSocial ul { display: table; width: 100%; table-layout: fixed; }
  #btnSocial ul li { display: table-cell; text-align: center; vertical-align: middle; } }
/*==========================================================================================

	// 詳細ページ：前後のエントリー

==========================================================================================*/
.entNavBox { box-sizing: border-box; }
.entNavBox .entNavBoxIn { display: table; width: 100%; padding: 15px 0; }
.entNavBox .prevUnit, .entNavBox .nextUnit { display: table-cell; width: 50%; padding: 0 25px; box-sizing: border-box; text-decoration: none; }
.entNavBox dt { color: #6e6e6e; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 1.5; text-transform: uppercase; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.entNavBox dt:before, .entNavBox dt:after { -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
.entNavBox dd { clear: both; padding-top: 5px; color: #6e6e6e; font-size: 12px; font-size: 1.2rem; line-height: 1.5; }
.entNavBox .prevUnit { border-right: 1px dotted #000; }
.entNavBox .prevUnit dt { float: left; }
.entNavBox .prevUnit dt:before { content: "\e807"; display: inline-block; background-color: #6e6e6e; margin-right: 5px; padding: 0 8px 0 1px; font-family: "w-evo", sans-serif; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 11px; }
.entNavBox .nextUnit dt { float: right; }
.entNavBox .nextUnit dt:after { content: "\e808"; display: inline-block; background-color: #6e6e6e; margin-left: 5px; padding: 0 1px 0 8px; font-family: "w-evo", sans-serif; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 11px; }
.entNavBox .nextUnit dd { text-align: right; }
.entNavBox a.prevUnit dt:before, .entNavBox a.nextUnit dt:after { background-color: #000; }
.entNavBox a.prevUnit:hover dt:before, .entNavBox a.nextUnit:hover dt:after { background-color: #6e6e6e; }
.entNavBox a.prevUnit dt, .entNavBox a.nextUnit dt { color: #000000; }
.entNavBox a.prevUnit dd, .entNavBox a.nextUnit dd { color: #f00000; }
.entNavBox a.prevUnit:hover dt, .entNavBox a.nextUnit:hover dt { color: #6e6e6e; }
.entNavBox a.prevUnit:hover dd, .entNavBox a.nextUnit:hover dd { text-decoration: underline; }

@media screen and (min-width: 769px) { .entNavBox { margin: 45px 0 0; }
  .entNavBox .entNavBoxIn { background: #f8f8f8; } }
@media screen and (max-width: 768px) { .entNavBox { margin: 45px 0 0; border-top: 3px solid #000; }
  .entNavBox .entNavBoxIn { background: #f8f8f8; }
  .entNavBox dt, .entNavBox dd { color: #212121; } }
/*==========================================================================================

	// 最新の記事一覧

==========================================================================================*/
.recentEntBox .boxHead { color: #000; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 28px; font-size: 2.8rem; line-height: 1.5; text-transform: uppercase; }
.recentEntBox .boxHead .ruby { margin-left: 10px; color: #2a2828; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }

.entryList-01 > .unit { padding-bottom: 10px; border-bottom: 1px solid #d7d7d7; }
.entryList-01 > .unit + .unit { margin-top: 10px; }
.entryList-01 > .unit > a { position: relative; display: table; table-layout: fixed; width: 100%; color: #5d5d5d; text-decoration: none; }
.entryList-01 > .unit > a:hover .title { text-decoration: underline; /* display:inline;
background: linear-gradient(transparent 99%, #000 99%); content:""; position:absolute; bottom:0; display:inline-block;
//    text-decoration:underline;
background-color:#000;
height:1px;
*/ }
.entryList-01 > .unit .image { display: table-cell; width: 172px; box-sizing: border-box; }
.entryList-01 > .unit .image > img { max-width: 100%; height: auto; vertical-align: bottom; }
.entryList-01 > .unit .data { display: table-cell; padding-left: 22px; vertical-align: middle; }
.entryList-01 > .unit .title { display: inline; font-size: 15px; font-size: 1.5rem; line-height: 1.5; }
.entryList-01 > .unit .date { display: block; margin-top: 8px; font-family: "proxima_nova_rgregular", sans-serif; font-size: 11px; font-size: 1.1rem; line-height: 1; font-weight: normal; letter-spacing: 1px; }

@media screen and (min-width: 769px) { .recentEntBox { margin-top: 90px; }
  .recentEntBox .boxBody { margin-top: 35px; } }
@media screen and (max-width: 768px) { .recentEntBox { margin-top: 45px; }
  .recentEntBox .boxHead { margin-left: 20px; margin-right: 20px; }
  .recentEntBox .boxBody { margin-top: 20px; margin-left: 20px; margin-right: 20px; }
  .entryList-01 > .unit .image { width: 35%; } }
/*==========================================================================================

	// 人気の記事一覧

==========================================================================================*/
.popularBox { margin-top: 35px; padding: 8px; background-color: #ececec; }
.popularBox .boxHead { color: #000; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 28px; font-size: 2.8rem; line-height: 1.5; text-transform: uppercase; text-align: center; }
.popularBox .boxHead .ruby { display: block; color: #2a2828; font-size: 16px; font-size: 1.6rem; line-height: 1.5; }

.entryList-02 > .cardUnit-def { float: none; background-color: #fff; }
.entryList-02 > .cardUnit-def + .unit { margin-top: 10px; }

@media screen and (min-width: 769px) { .popularBox .boxBody { margin-top: 35px; }
  .entryList-02 > .cardUnit-def { width: 277px; margin-left: 0; } }
@media screen and (max-width: 768px) { .popularBox .boxHead { margin-left: 5px; margin-right: 5px; }
  .popularBox .boxBody { margin-top: 10px; margin-left: 5px; margin-right: 5px; }
  .entryList-02 > .cardUnit-def { width: 100%; } }
/*==========================================================================================

	// サイドバナー

==========================================================================================*/
.bnrBox-side { margin-top: 35px; }
.bnrBox-side .unit img { max-width: 100%; height: auto; }

@media screen and (min-width: 769px) { .bnrBox-side .boxBody { margin-top: 35px; } }
/*==========================================================================================

	// 汎用ウェブページ（AboutUsなど）

==========================================================================================*/
.infoPage { padding: 30px; }
.infoPage h2 { font-size: 18px; font-size: 1.8rem; line-height: 1.5; text-transform: uppercase; }
.infoPage p { font-size: 12px; font-size: 1.2rem; line-height: 1.8; }
.infoPage .pgtitleConcept { margin-top: 20px; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 28px; font-size: 2.8rem; line-height: 1.5; text-transform: uppercase; text-align: center; }
.infoPage .conceptWrapper { margin: 25px 0; text-align: center; }
.infoPage .conceptWrapper p { color: #000; font-family: "游明朝体","YuMincho","ヒラギノ明朝 ProN","Hiragino Mincho ProN", serif; font-weight: bold; font-size: 20px; font-size: 2rem; line-height: 2; letter-spacing: 1px; }
.infoPage .conceptWrapper p + p { margin-top: 25px; }
.infoPage .naming { margin-top: 30px; max-width: 100%; height: auto; }

.aboutWevo { margin: 80px 0 0; padding: 15px; background-color: #eee; text-align: left; }
.aboutWevo h2 { font-size: 15px; font-size: 1.5rem; line-height: 1.5; }
.aboutWevo p { margin-top: 15px; }

#footerBlock01.shortcutList .lines a.noArticle:hover { color: #6e6e6e; }

.gNavi2ndIn a.noArticle, #footerBlock01 a.noArticle { filter: alpha(opacity=50); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; opacity: 0.50; zoom: 1; cursor: default; }

p.noArticle { color: #666; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 18px; font-size: 1.8rem; line-height: 1.5; text-align: center; }

.entLarge p.noArticle { padding: 40px 0; }

.entSmall p.noArticle { padding: 0 0 18px; }

p.comingsoon { margin-top: 100px; color: #999; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 40px; font-size: 4rem; line-height: 1.5; text-align: center; }

/*==========================================================================================

	// エラーページ

==========================================================================================*/
.errorPage { margin: 50px 0; text-align: center; }

.errorPage h3 { margin-bottom: 15px; color: #666; font-size: 20px; font-size: 2rem; line-height: 1.5; font-family: "proxima_nova_ltsemibold", sans-serif; }

.errorPage p { font-size: 12px; font-size: 1.2rem; line-height: 1.8; }

@-webkit-keyframes spin_01 { 0% { -webkit-transform: rotateY(0); }
  30% { -webkit-transform: rotateY(360deg); }
  100% { -webkit-transform: rotateY(360deg); } }
@-moz-keyframes spin_01 { 0% { -moz-transform: rotateY(0); }
  30% { -moz-transform: rotateY(360deg); }
  100% { -moz-transform: rotateY(360deg); } }
@keyframes spin_01 { 0% { -webkit-transform: rotateY(0); -moz-transform: rotateY(0); -ms-transform: rotateY(0); -o-transform: rotateY(0); transform: rotateY(0); }
  30% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); }
  100% { -webkit-transform: rotateY(360deg); -moz-transform: rotateY(360deg); -ms-transform: rotateY(360deg); -o-transform: rotateY(360deg); transform: rotateY(360deg); } }
/*==========================================================================================

	// 構造

==========================================================================================*/
html { height: 100%; min-width: 100%; overflow-y: scroll; }

body { min-width: 100%; background-color: #fff; color: #5d5d5d; font-family: 'proxima_nova_rgregular',"游ゴシック", YuGothic, Meiryo,'Hiragino Kaku Gothic ProN', sans-serif; font-size: 13px; font-size: 1.3rem; line-height: 1.5; -webkit-text-size-adjust: 100%; }

#wrapper { width: 100%; height: 100%; min-height: 100%; }

#container { position: relative; height: 100%; min-height: 100%; }

.skipNav { display: none; }

/*==========================================================================================

//　グローバルヘッダー

==========================================================================================*/
.globalHeaderIn .fb-like { position: absolute; }

/*
==========================================================================================*/
/*　LIKEボタン
==========================================================================================*/
/*
==========================================================================================*/
/*
------------------------------------------------------------------------------------------*/
.gNaviBlock { zoom: 1; }
.gNaviBlock:after { display: table; clear: both; content: ""; }
.gNaviBlock:before { display: table; content: ""; }
.gNaviBlock .gNavi { text-transform: uppercase; }

@media screen and (min-width: 769px) { #globalHeader { zoom: 1; width: 985px; margin: 0 auto; padding-bottom: 30px; box-sizing: border-box; border-bottom: 1px solid #000; }
  #globalHeader:after { display: table; clear: both; content: ""; }
  #globalHeader:before { display: table; content: ""; }
  .siteIndex #globalHeader { border: none; }
  .globalHeaderIn { zoom: 1; position: relative; margin-top: 16px; padding-top: 26px; }
  .globalHeaderIn:after { display: table; clear: both; content: ""; }
  .globalHeaderIn:before { display: table; content: ""; }
  .globalHeaderIn .fb-like { top: 0; right: 180px; }
  .siteTitle { display: inline-block; }
  .siteLogo { position: relative; z-index: 120; }
  .siteLogo a { display: inline-block; }
  .siteLogo a img { vertical-align: bottom; }
  .siteLogo a:hover path { fill: pink; }
  .navBlockBtn { display: none; }
  .gNaviBox-1 { position: absolute; bottom: 0; right: 0; width: 100%; text-align: right; letter-spacing: -0.4em; }
  .gNaviBox-1 .gNavi:not(:nth-child(2)) { margin-left: 8px; padding-left: 8px; border-left: 1px solid #000; }
  .gNaviBox-2 { position: absolute; top: 0; right: 0; width: 100%; letter-spacing: -0.4em; }
  .gNavi { display: inline-block; color: #221815; font-family: 'proxima_nova_rgregular', sans-serif; font-size: 16px; font-size: 1.6rem; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: normal; }
  .gNavi a { margin-top: -8px; padding: 8px 6px; color: #221815; }
  .gNavi a:link, .gNavi a:visited { text-decoration: none; }
  .gNavi a:hover { color: #fff; background-color: #221815; }
  #gNav00, #gNav06 { display: none; }
  #gNav08 { position: absolute; top: 0; right: 0; font-size: 14px; font-size: 1.4rem; line-height: 1; }
  #gNav08 a { display: inline-block; padding: 8px 12px; color: #fff; background-color: #221815; border: 1px solid #221815; border-radius: 4px; }
  #gNav08 a:hover { background-color: #fff; color: #000; }
  #gNav08 .name-02 { display: none; } }
@media screen and (max-width: 768px) { #globalHeader { position: relative; width: 100%; }
  .globalHeaderIn { position: fixed; top: 0; width: 100%; padding: 12px 0 22px; background-color: rgba(255, 255, 255, 0.9); z-index: 125; box-sizing: border-box; }
  .globalHeaderIn .fb-like { top: 20px; right: 66px; }
  .siteLogo { padding: 0 160px 0 10px; }
  .siteLogo a { display: block; }
  .siteLogo img { max-width: 100%; height: auto; vertical-align: bottom; }
  .navBlockBtn > span:before, .navBlockBtn > span:after, .navBlockBtn > span > span:before, .navBlockBtn > span > span:after { position: absolute; content: ""; display: block; width: 28px; height: 4px; border-radius: 1px; background-color: #fff; -webkit-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); -moz-transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); transition: all 0.4s cubic-bezier(0.86, 0, 0.07, 1); }
  .navBlockBtn { position: absolute; top: 10px; right: 6px; padding: 9px 6px; background-color: #000; border-radius: 4px; overflow: hidden; }
  .navBlockBtn > span { position: relative; display: block; }
  .navBlockBtn > span:before { top: 0; }
  .navBlockBtn > span:after { bottom: 0; }
  .navBlockBtn > span > span { display: block; width: 28px; height: 22px; text-indent: 100%; white-space: nowrap; overflow: hidden; }
  .navBlockBtn > span > span:before { top: 9px; }
  .navBlockBtn > span > span:after { top: 9px; }
  .navBlockBtn.is-close > span:before { -webkit-transform: translateX(200%); -moz-transform: translateX(200%); -ms-transform: translateX(200%); -o-transform: translateX(200%); transform: translateX(200%); }
  .navBlockBtn.is-close > span:after { -webkit-transform: translateX(-200%); -moz-transform: translateX(-200%); -ms-transform: translateX(-200%); -o-transform: translateX(-200%); transform: translateX(-200%); }
  .navBlockBtn.is-close > span > span:before { -webkit-transform: rotate(315deg); -moz-transform: rotate(315deg); -ms-transform: rotate(315deg); -o-transform: rotate(315deg); transform: rotate(315deg); }
  .navBlockBtn.is-close > span > span:after { -webkit-transform: rotate(-315deg); -moz-transform: rotate(-315deg); -ms-transform: rotate(-315deg); -o-transform: rotate(-315deg); transform: rotate(-315deg); }
  .navBlock { position: fixed; top: 74px; right: 0; width: 85%; height: 100%; z-index: 150; box-shadow: 0 0 0 0 rgba(0, 0, 0, 0.3); overflow: auto; -webkit-transform: translateX(100%); -moz-transform: translateX(100%); -ms-transform: translateX(100%); -o-transform: translateX(100%); transform: translateX(100%); -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; }
  .navBlock.is-active { -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); }
  .gNaviBlock { height: 100%; }
  .gNaviBlockIn { height: 100%; background-color: #000; }
  .gNaviBox-1 .gNavi > a, .gNaviBox-2 .gNavi > a { position: relative; display: block; padding: 14px 20px 12px; color: #fff; font-family: "proxima_nova_ltsemibold", sans-serif; text-decoration: none; }
  .gNaviBox-1 .gNavi > a:after, .gNaviBox-2 .gNavi > a:after { position: absolute; top: 50%; right: 15px; content: "\e819"; display: block; margin-top: -10px; font-family: "w-evo", sans-serif; font-size: 20px; font-size: 2rem; line-height: 1; }
  .gNaviBox-1 .gNavi:not(:nth-child(1)), .gNaviBox-2 .gNavi:not(:nth-child(1)) { border-top: 1px solid #fff; }
  .gNaviBox-2 { border-top: 1px solid #fff; }
  .gNaviBox-2 .name-01 { display: none; } }
.gotoTop { margin: 15px auto; text-align: right; }
.gotoTop > a { display: inline-block; text-decoration: none; }
.gotoTop > a > span { display: block; padding: 2px; font-size: 14px; font-size: 1.4rem; line-height: 1; }
.gotoTop > a > span:before { content: "\e810"; display: inline-block; margin: 0 5px 5px 0; font-family: "w-evo", sans-serif; font-size: 24px; font-size: 2.4rem; line-height: 1; vertical-align: middle; }

@media screen and (min-width: 769px) { .gotoTop { width: 985px; } }
@media screen and (max-width: 768px) { .gotoTop { margin-left: 20px; margin-right: 20px; } }
/*==========================================================================================

//　グローバルフッター

==========================================================================================*/
.fNaviBox .fNavi { color: #221815; font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: normal; }
.fNaviBox .fNavi a { color: #221815; }
.fNaviBox .fNavi a:link, .fNaviBox .fNavi a:visited { text-decoration: none; }
.fNaviBox .fNavi a:hover { color: #d81e5b; }

.fbUnit { font-family: "proxima_nova_ltsemibold", sans-serif; font-size: 12px; font-size: 1.2rem; line-height: 1; text-transform: uppercase; }
.fbUnit > a { display: block; background-color: #ccc; color: #221815; text-decoration: none; }
.fbUnit > a:hover { background-color: #999; }
.fbUnit > a > span { margin-top: 1px; }
.fbUnit > a > span:after { display: inline-block; content: "\e80c"; margin-left: 12px; font-family: "w-evo", sans-serif; font-size: 24px; font-size: 2.4rem; line-height: 1; vertical-align: middle; }

.poweredByBox, .sbmBox { margin-top: 16px; color: #221815; font-size: 12px; font-size: 1.2rem; line-height: 1; text-transform: uppercase; }
.poweredByBox .head, .sbmBox .head { line-height: 30px; }
.poweredByBox .body a:link, .sbmBox .body a:link { text-decoration: none; }

.icoTW, .icoFB, .icoGP { position: relative; display: block; width: 30px; height: 30px; text-decoration: none; }
.icoTW span, .icoFB span, .icoGP span { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.icoTW:before, .icoFB:before, .icoGP:before { position: absolute; display: inline-block; color: #5d5d5d; font-family: "w-evo", sans-serif; font-size: 30px; font-size: 3rem; line-height: 1; vertical-align: middle; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.icoTW:hover:before, .icoFB:hover:before, .icoGP:hover:before { color: #ccc; }

.icoTW:before { content: "\e81c"; }

.icoFB:before { content: "\e81d"; }

.icoGP:before { content: "\e81e"; }

.poweredByBox { margin-top: 50px; }

.copyRight { padding: 0 0 16px; color: #848282; font-size: 12px; font-size: 1.2rem; line-height: 1; }

@media screen and (min-width: 769px) { #globalFooter { width: 985px; margin: 0 auto; margin-top: 24px; box-sizing: border-box; z-index: 10; }
  .globalFooterIn { position: relative; width: 100%; max-width: 1600px; min-width: 985px; margin: 0 auto; color: #ccc; }
  .footerBlock-01 { zoom: 1; margin: 24px 0 0; }
  .footerBlock-01:after { display: table; clear: both; content: ""; }
  .footerBlock-01:before { display: table; content: ""; }
  .footerBlock-02 { zoom: 1; padding-top: 12px; }
  .footerBlock-02:after { display: table; clear: both; content: ""; }
  .footerBlock-02:before { display: table; content: ""; }
  .shortcutListIn { padding: 52px 0; border-top: 1px solid #000; border-bottom: 1px solid #000; }
  .fNaviBox { letter-spacing: -0.4em; }
  .fNaviBox .fNavi { display: inline-block; }
  .fNaviBox .fNavi a { margin-top: -8px; padding: 8px 6px; color: #221815; }
  .fNaviBox .fNavi a:link, .fNaviBox .fNavi a:visited { text-decoration: none; }
  .fNaviBox .fNavi a:hover { color: #fff; background-color: #221815; }
  .fNaviBox .fNavi:not(:nth-child(1)) { margin-left: 14px; padding-left: 14px; border-left: 1px solid #000; }
  .fbUnit { float: right; }
  .fbUnit > a { padding: 18px 10px 18px 14px; }
  .poweredByBox, .sbmBox { color: #221815; font-size: 12px; font-size: 1.2rem; line-height: 1; text-transform: uppercase; }
  .poweredByBox .head, .sbmBox .head { display: inline-block; margin-right: 14px; }
  .poweredByBox .body, .sbmBox .body { display: inline-block; vertical-align: middle; }
  .poweredByBox .body > .unit, .sbmBox .body > .unit { display: inline-block; margin-right: 10px; }
  .sbmBox { margin-top: 16px; }
  .poweredByBox { margin-top: 50px; }
  .copyRight { margin-top: 80px; padding: 0 0 16px; text-align: right; } }
@media screen and (max-width: 768px) { #globalFooter { width: 100%; }
  .shortcutListIn { border-top: 8px solid #000; }
  .fNaviBox .fNavi { display: block; color: #221815; font-size: 12px; font-size: 1.2rem; line-height: 1; text-transform: uppercase; font-weight: normal; letter-spacing: normal; border-bottom: 1px solid #000; }
  .fNaviBox .fNavi a { position: relative; display: block; padding: 16px 8px 12px; }
  .fNaviBox .fNavi a:after { position: absolute; top: 50%; right: 15px; content: "\e819"; display: block; margin-top: -10px; font-family: "w-evo", sans-serif; font-size: 20px; font-size: 2rem; line-height: 1; }
  .fNaviBox .fNavi > span { position: relative; display: block; }
  .fbUnit > a { padding: 15px 12px; }
  .poweredByBox, .sbmBox { padding: 0 10px; color: #221815; font-size: 12px; font-size: 1.2rem; line-height: 1; text-transform: uppercase; }
  .poweredByBox .head, .sbmBox .head { display: inline-block; margin-right: 14px; }
  .poweredByBox .body, .sbmBox .body { display: inline-block; vertical-align: middle; }
  .poweredByBox .body > .unit, .sbmBox .body > .unit { display: inline-block; margin-right: 20px; }
  .sbmBox { margin-top: 18px; }
  .poweredByBox { margin-top: 18px; }
  .poweredByBox .head { display: block; }
  .poweredByBox .body { margin-top: 5px; }
  .poweredByBox .body > .unit { margin-top: 10px; margin-right: 10px; }
  .copyRight { margin-top: 30px; padding-bottom: 30px; text-align: center; } }
/*==========================================================================================

// メインブロック

==========================================================================================*/
/* メインコンテンツ全体
==========================================================================================*/
@media screen and (min-width: 769px) { #contents { width: 100%; min-height: 100%; padding: 0 35px; box-sizing: border-box; }
  .contentsIn { zoom: 1; width: 985px; margin: 0 auto; height: 100%; margin: 0 auto; }
  .contentsIn:after { display: table; clear: both; content: ""; }
  .contentsIn:before { display: table; content: ""; } }
@media screen and (max-width: 768px) { #data-contents { position: relative; }
  #data-contents.is-over:before { content: ""; position: absolute; top: 0; left: 0; display: block; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); z-index: 100; }
  #contents { width: 100%; padding-top: 80px; } }
/* ページヘッダー
==========================================================================================*/
.pageHeader { margin: 40px 0 50px; padding: 0 35px; box-sizing: border-box; }
.pageHeader > .title { color: #221815; font-size: 28px; font-size: 2.8rem; line-height: 1; font-weight: bold; text-align: center; text-transform: uppercase; }
.pageHeader > .text { margin-top: 24px; color: #5d5d5d; font-size: 14px; font-size: 1.4rem; line-height: 1; text-align: center; }
.pageHeader .link { display: table-cell; text-align: right; vertical-align: middle; }
.pageHeader .link a { display: inline-block; padding: 8px 16px; background-color: #f00000; color: #fff; font-size: 18px; font-size: 1.8rem; line-height: 1; text-align: center; text-decoration: none; }
.pageHeader .link a:hover { background-color: #ff3e3e; }
.pageHeader .link a span:after { display: inline-block; content: "ú"; margin-top: -6px; margin-left: 8px; color: #fff; font-family: "CONDENSEicon"; font-size: 18px; font-size: 1.8rem; line-height: 1; text-align: center; vertical-align: middle; }

/*==========================================================================================

// パネル

==========================================================================================*/
#mainPanel { overflow: hidden; }
#mainPanel .mainPanelIn { max-height: 580px; }

.sliderBox .unit { position: relative; }
.sliderBox .unit > a { position: relative; display: block; color: #fff; }
.sliderBox .caption { position: absolute; bottom: 0; width: 100%; padding: 80px 20px 20px; background-color: transparent; background-image: -webkit-linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 50%); background-image: linear-gradient(transparent 0%, rgba(0, 0, 0, 0.8) 50%); box-sizing: border-box; color: #fff; }
.sliderBox .caption .title { font-size: 25px; font-size: 2.5rem; line-height: 1.25; font-weight: bold; opacity: 0; }
.sliderBox .caption .exp { margin-top: 14px; font-size: 18px; font-size: 1.8rem; line-height: 1; opacity: 0; }

@-webkit-keyframes fadeSlideIn { 0% { opacity: 0; -webkit-transform: translateX(-100px); }
  100% { opacity: 1; -webkit-transform: translateX(0); } }
@-moz-keyframes fadeSlideIn { 0% { opacity: 0; -moz-transform: translateX(-100px); }
  100% { opacity: 1; -moz-transform: translateX(0); } }
@keyframes fadeSlideIn { 0% { opacity: 0; -webkit-transform: translateX(-100px); -moz-transform: translateX(-100px); -ms-transform: translateX(-100px); -o-transform: translateX(-100px); transform: translateX(-100px); }
  100% { opacity: 1; -webkit-transform: translateX(0); -moz-transform: translateX(0); -ms-transform: translateX(0); -o-transform: translateX(0); transform: translateX(0); } }
.slick-center { position: relative; z-index: 100; }

.slick-active .caption .title { -webkit-animation: fadeSlideIn 0.6s ease; -moz-animation: fadeSlideIn 0.6s ease; animation: fadeSlideIn 0.6s ease; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.3s; -moz-animation-delay: 0.3s; animation-delay: 0.3s; }
.slick-active .caption .exp { -webkit-animation: fadeSlideIn 0.6s ease; -moz-animation: fadeSlideIn 0.6s ease; animation: fadeSlideIn 0.6s ease; -webkit-animation-fill-mode: forwards; -moz-animation-fill-mode: forwards; animation-fill-mode: forwards; -webkit-animation-delay: 0.6s; -moz-animation-delay: 0.6s; animation-delay: 0.6s; }

@media screen and (min-width: 769px) { #mainPanel { min-width: 100%; }
  .mainPanelIn { width: 995px; margin: 0 auto; padding: 0 5px; box-sizing: border-box; } }
@media screen and (max-width: 768px) { #mainPanel { display: none; } }
/*==========================================================================================

// ニュース

==========================================================================================*/
@media screen and (min-width: 769px) { .newsTicker { margin: 20px 0; text-align: center; }
  .newsTicker > p { display: inline-block; min-width: 60%; }
  .newsTicker > p > a { min-width: 50%; display: block; padding: 12px 30px; background-color: #f1f1f1; color: #5d5d5d; font-size: 13px; font-size: 1.3rem; line-height: 1; text-decoration: none; }
  .newsTicker > p > a:hover { text-decoration: underline; }
  .newsTicker > p .date { margin-right: 10px; } }
@media screen and (max-width: 768px) { .newsTicker { display: none; } }
/*==========================================================================================

	// ページ送り

==========================================================================================*/
* + .pagingNavBox { margin-top: 35px; }

.pagingNavBox { display: inline-block; }

.pagingNav { zoom: 1; padding: 2px; background-color: #f2f2f2; }
.pagingNav:after { display: table; clear: both; content: ""; }
.pagingNav:before { display: table; content: ""; }
.pagingNav > a, .pagingNav strong { display: inline-block; float: left; width: 30px; margin: 0 1px; font-family: 'proxima_nova_rgregular',sans-serif; letter-spacing: normal; text-align: center; }
.pagingNav .curPage { background-color: #3e8fc5; color: #fff; font-size: 14px; font-size: 1.4rem; line-height: 30px; }
.pagingNav .linkPage { background-color: #686868; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-decoration: none; -webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease; }
.pagingNav .linkPage:hover { background-color: #3e8fc5; }
.pagingNav .firstLink, .pagingNav .lastLink, .pagingNav .nextLink, .pagingNav .prevLink { position: relative; background-color: #686868; color: #fff; font-size: 16px; font-size: 1.6rem; line-height: 30px; text-transform: uppercase; text-decoration: none; }
.pagingNav .firstLink > span, .pagingNav .lastLink > span, .pagingNav .nextLink > span, .pagingNav .prevLink > span { display: block; text-indent: 100%; white-space: nowrap; overflow: hidden; }
.pagingNav .firstLink:before, .pagingNav .lastLink:before, .pagingNav .nextLink:before, .pagingNav .prevLink:before { position: absolute; top: 0; display: block; width: 30px; height: 30px; font-family: "w-evo", sans-serif; color: #fff; font-size: 22px; font-size: 2.2rem; line-height: 30px; }
.pagingNav .firstLink:hover, .pagingNav .lastLink:hover, .pagingNav .nextLink:hover, .pagingNav .prevLink:hover { background-color: #3e8fc5; }
.pagingNav .prevLink:before { content: "\e805"; }
.pagingNav .nextLink:before { content: "\e806"; }
.pagingNav .firstLink:before { content: "\e804"; }
.pagingNav .lastLink:before { content: "\e803"; }

/*==========================================================================================

	// FB

==========================================================================================*/
.FBPageBox { text-align: center; }