@charset "utf-8";
/* CSS Document */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
    margin: 0;
    padding: 0;
    border: 0;
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}
body {
    line-height: 1;
    min-width: 1000px
}
ol,
ul {
    list-style: none;
}
blockquote,
q {
    quotes: none;
}
blockquote:before,
blockquote:after,
q:before,
q:after {
    content: '';
    content: none;
}
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* end
http://meyerweb.com/eric/tools/css/reset/ 
*/
/* clearfix */
.clearfix:after {
    content: "";
    display: block;
    clear: both;
}
/* common */
html,
body,
#stage,
.ip #stage {
    background: #fff;
}
#stage {
    overflow: hidden;
    padding: 70px 0 0;
}
.for-sp,
.for-mobile,
html.lay-mobile .for-desktop {
    display: none !important;
}
.global-navigation,
.foot-navigation,
.footer-row {
    display: none;
}
html.lay-mobile .for-mobile {
    display: block !important;
}
html.lay-mobile .mq-device {
    visibility: hidden;
}
.popup-cts,
#contents,
#footer,
body.ppw,
.drap-menu {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
.lay-megumi {
    font-family: "游ゴシック体", YuGothic, "游ゴシック Medium", "Yu Gothic Medium", 'Open Sans', "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif";
}
a {
    text-decoration: none;
    color: inherit;
}
body {
    -webkit-text-size-adjust: 100%;
}
/* font */
@font-face {
    font-family: icon;
    src: url(/img_c/fonts/icon.ttf) format('truetype'), url(/img_c/fonts/icon.woff) format('woff');
}
/*============================ #header ============================*/
#header {
    position: relative;
    z-index: 10;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    min-width: 1000px;
}
#header .wrap-header {
    position: relative;
    z-index: 2;
    background: #fff;
}
#header img {
    display: block;
}
#header .wrap-gnav-list>ul {
    max-width: 1000px;
    margin: 0 auto;
    padding: 0 0 0 260px;
    padding-right: 0;
}
#header .inner {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
    padding: 0 190px;
}
#header .logo-megumi {
    float: left;
    width: 6.3%;
    height: 70px;
    box-sizing: border-box;
    padding: 1% 0 0 0;
    position: relative;
    z-index: 2;
}
#header .logo-megumi img {
    margin: 0 auto;
}
#header .gnav {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 1;
    text-align: center;
}
#header .gnav .li-gaseri {
    padding-right: 2.2%;
    padding-left: 2.6%;
}
#header .gnav .li-nature {
    padding-left: 1.5%;
    padding-right: 1.5%;
    width: 8.3%;
}
#header .gnav .li-bifidus {
    padding-left: 2%;
    padding-right: 2%;
    width: 21%;
}
#header .gnav .li-products {
    padding-left: 1.7%;
    padding-right: 1.7%;
    width: 5.8%;
}
#header .gnav .li-enjoy {
    padding-left: 1.9%;
    padding-right: 1.9%;
    width: 12.3%;
}
#header .gnav .li-promotion {
    padding-left: 1.9%;
    padding-right: 1.9%;
    width: 4.6%;
    margin-right: -5%;
}
#header .gnav .li-enjoy>a {
    cursor: default;
}
#header .wrap-gnav-list>ul>li {
    padding: 24px 0 22px;
    display: inline-block;
}
#header .wrap-gnav-list>ul>li>a {
    display: block;
    position: relative;
    height: 24px;
}
#header .gnav .ov {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
}
#header .wrap-gnav-list>ul>li>a:after {
    content: "";
    border: solid 1em transparent;
    border-bottom: solid 1em #fff;
    position: absolute;
    left: 50%;
    top: 118%;
    -ms-transform: translateX(-50%) scale(0);
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    display: block;
    width: 0;
    opacity: 0;
}
#header .bg-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    background: rgba(0, 0, 0, 0.5);
    height: 100%;
    z-index: 1;
    opacity: 0;
    -webkit-transform: scale(0);
    transform: scale(0);
}
/* drap-menu */
.drap-menu {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 70px 0 0;
    padding: 10px 0 0 0;
    z-index: 1;
    font-size: 0.875em;
    max-width: 1020px;
    box-sizing: border-box;
    -ms-transform: translateX(-50%) scale(0);
    -webkit-transform: translateX(-50%) scale(0);
    transform: translateX(-50%) scale(0);
    width: 102%;
    height: 620px;
    overflow: hidden;
    opacity: 0;
}
.cts-drap-menu {
    position: relative;
    text-align: left;
}
.inner-drop-menu {
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    position: relative;
    z-index: 1;
}
.bg-drop-menu {
    background: #fff;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    -ms-transform-origin: 50% 0;
    -webkit-transform-origin: 50% 0;
    transform-origin: 50% 0;
    max-height: 610px;
}
.btn-close-drap-menu {
    font-family: icon;
    position: absolute;
    top: 0;
    right: 0;
    margin: 1em;
    z-index: 1;
}
.drap-menu li {
    float: left;
    margin-bottom: 2.6em;
}
.drap-menu .txt {
    padding: 0.8em 0 0;
    display: inline-block;
}
.drap-menu .wrap-logo {
    position: relative;
    display: inline-block;
    width: 1.5em;
    height: 1em;
    margin-right: 0.4em;
    vertical-align: top;
}
.drap-menu .wrap-logo.lay-sr {
    margin-right: 0;
    margin-left: 0.4em;
}
.drap-menu .wrap-logo img {
    position: absolute;
    top: -0.35em;
    left: 0;
    width: 100%;
    height: auto;
}
.li-enjoy .stl-drop-menu {
    text-align: center;
    display: inline-block;
    width: 100%;
    color: #e60012;
    font-size: 1.715em;
    padding: 5.1% 0 6.2% 0px;
}
.li-enjoy .stl-drop-menu .wrap-logo {
    margin-right: 0.1em;
    margin-left: 0.3em;
}
.li-enjoy .stl-drop-menu .wrap-logo img {
    top: -0.3em;
}
.li-enjoy .inner-drop-menu {
    padding: 6.476% 3.738% 17.511%;
}
.li-enjoy .drap-menu li {
    width: 31.78%;
    margin-right: 2.2%;
}
.li-enjoy .drap-menu li:nth-child(3) {
    float: right;
    margin-right: 0;
}
.li-enjoy .drap-menu li:nth-child(3) {
    /* width: 100%; */
}
.li-promotion .inner-drop-menu {
    padding: 8.776% 18.138% 5.511%;
}
.li-promotion .drap-menu li {
    width: 46.013%;
    margin-bottom: 5.0em;
}
.li-promotion .drap-menu li:nth-child(even) {
    float: right;
}
.li-promotion .drap-menu .lay-md,
.li-promotion .drap-menu .lay-md:nth-child(even) {
    width: 37.731%;
    float: left;
    margin-right: 5.982%;
}
.li-promotion .drap-menu .lay-md:nth-child(3) {
    margin-left: -12.577%;
}
.li-promotion .drap-menu .lay-md:nth-child(5) {
    margin-right: -20%;
}
.li-promotion .drap-menu .lay-md .txt {
    white-space: nowrap;
    letter-spacing: -0.03em;
}
.li-products .inner-drop-menu {
    padding: 6.176% 5.197% 7.411%;
}
.li-products .drap-menu .stl-drop-menu {
    clear: both;
    display: block;
    padding: 0 0 0.9em;
}
#header .li-products .drap-menu .stl-drop-menu img {
    width: auto;
}
.li-products .drap-menu ul+.stl-drop-menu {
    padding-top: 2.7em;
}
.li-products .drap-menu li {
    width: 10.613%;
    margin: 0 0.548% 0 0;
}
.li-products .drap-menu li:nth-child(9) {
    margin-right: -10%;
}
.li-products .drap-menu li img {
    width: 97px;
    height: 97px;
}
/* btn-rantaku-header */
.btn-rantaku-header {
    position: absolute;
    top: 100%;
    right: 0;
    width: 60px;
    height: 60px;
    background: #e60012;
}
#stage #header .btn-rantaku-header img {
    margin: 21% auto 0;
    width: 56.667%;
    padding-left: 10%;
}
/*============================ #megsnow-logo ============================*/
#megsnow-logo {
    float: left;
    margin: 16px 17px 0px 27px;
    position: relative;
    z-index: 2;
    position: absolute;
    top: 0;
    left: 0;
}
/* #contents */
#stage #contents {
    width: 100%;
    font-size: 16px;
    margin-top: 0;
    position: relative;
}
.bg-contents {
    position: absolute;
    top: -70px;
    min-width: 100%;
    left: 0;
    width: 100%;
}
.bg-contents img {
    position: absolute;
    top: 0;
    left: 50%;
    -ms-transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    width: 100%;
    min-width: 2560px;
    height: auto;
}
#stage #contents {
    color: #333;
    background: #f3f3f3;
    overflow: hidden;
}
#contents .inner {
    max-width: 920px;
    margin: 0 auto;
    position: relative;
}
#stage #contents .wrap-logo img {
    vertical-align: middle;
    width: 1.1em;
}
/* cts-top */
#breadcrumbs {
    font-size: 0.75em;
    position: relative;
    z-index: 1;
    max-width: 980px;
    margin: 0 auto;
    padding: 15px 10px 33px;
}
#breadcrumbs li {
    display: inline-block;
    color: #000;
}
#breadcrumbs li a {
    color: #000;
    text-decoration: none;
    margin: 0 0.5em 0 0;
    position: relative;
}
/* tl */
h1.tl {
    font-size: 1.625em;
    color: #fff;
    position: relative;
    max-width: 920px;
    margin: 0 auto;
    padding: 0 10px 14px;
}
.col-box h1.tl {
    padding-left: 0;
}
/* cts-lead */
.cts-lead {
    background: url(../img_c/bg_lead.jpg) 50% 0 no-repeat;
    color: #fff;
}
#stage .cts-lead h2 {
    padding: 0;
}
#stage .cts-lead p {
    font-size: 0.875em;
    line-height: 1.858;
    position: relative;
    text-align: justify;
}
#stage .cts-lead a {
    color: #fff;
}
#stage .cts-lead p:after {
    content: "\21d2";
    font-family: icon;
    position: absolute;
    bottom: 0;
    right: 0;
    display: block;
    font-size: 1.8em;
    line-height: 1;
    margin: 0 0 -0.05em;
}
.cts-lead .col-right {
    float: right;
    text-align: left;
}
.cts-lead .img-lead {
    float: right;
}
/* cts-body */
#stage .cts-body {
    background: #f3f3f3;
    padding: 0 0 5em;
}
#stage .cts-body .inner {
    max-width: 920px;
    width: 100%;
}
.cts-body .lay-ti {
    text-indent: -0.5em;
}
.cts-body .inner .col-box:first-child {
    float: left;
    width: 100%;
}
.cts-body .col-box {
    background: #fff;
    margin: 0 auto;
    box-sizing: border-box;
    padding: 6.6% 8.696% 8.35%;
    clear: both;
    margin: 0 0 1.196%;
}
.cts-body .col-box+.col-box {
    border-top: solid 1px #d1d1d1;
    padding-top: 7.6%;
}
.cts-body .tl-box {
    font-size: 1.625em;
    color: #e60012;
    line-height: 1.385;
    font-weight: 400;
    border-bottom: solid 1px;
    padding: 0 0 0.2em;
    margin: 0 0 0.8em;
}
#stage .cts-body .stl-box {
    color: #e60012;
    font-weight: 400;
    font-size: 1.438em;
    padding: 0 0 0.3em;
    clear: both;
}
#stage .cts-body .tl-box+.stl-box {
    padding-top: 0;
}
#stage .cts-body .stl-box {
    padding-top: 2.4em;
}
#stage .cts-body .stl-box.lay-ti,
#stage .cts-body .tl-box.lay-ti {
    text-indent: -0.5em;
}
.cts-body .txt-box {
    font-size: 0.875em;
    line-height: 2.143;
    background: url(../img_c/bg_txt_box.png) 0 0.4em;
    padding: 0.5em 0;
}
.cts-body .txt-box-dash {
    background: url(../img_c/bg_txt_box_dash.png) 0 -1.45em;
    padding: 0.5em 0;
}
#stage .cts-body .txt-box small {
    font-size: 0.858em;
}
#stage .cts-body .txt-box.lay-no-line {
    background: none;
}
/* cts-series */
#stage .cts-series h2 {
    color: #e60012;
    font-weight: 400;
    padding: 8.4% 0 2.5%;
    font-size: 1.375em;
    line-height: 1.182;
}
#stage .cts-series h2.lay-ti {
    text-indent: -0.5em;
}
.cts-series h2 .wrap-logo img {
    width: 1.182em;
}
#stage .cts-series li {
    background: #ededed;
    font-size: 0.875em;
    box-sizing: border-box;
    padding: 0.714em;
    position: relative;
}
.cts-series li a {
    color: #000;
    text-decoration: none;
}
.cts-series li:after {
    content: "\21d2";
    font-family: icon;
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 1.4em;
    margin: 0 0.6em 0.1em 0;
}
/*============================ #footer ============================*/
#footer {
    background: #fff;
    border-top: solid 1px #e0e0e0;
}
#footer li {
    float: left;
}
#footer .inner {
    max-width: 1000px;
    margin: 0 auto;
    width: 100%;
}
#footer .text1 {
    font-size: 0.75em;
    padding: 3.5% 0 0 0;
}
#footer a {
    color: inherit;
    text-decoration: none;
}
#footer a:before {
    content: ">";
    font-family: icon;
    padding: 0 0.2em 0 0.5em;
}
#footer .blank a:before {
    content: "\e900";
}
#footer .text1 li {
    margin: 0 0.8em 1.1em 0;
}
#footer .text1 li:nth-child(5) {
    margin-right: -1em;
}
#footer .copyright {
    float: right;
    font-size: 0.75em;
    padding: 0 0 4%;
}
/*============================ nav-side ============================*/
.nav-side {
    border-top: 1px dashed #d9d9d9;
    width: 636px;
    margin: 0 auto;
    padding: 51px 0 0;
}
.nav-side ul {
    font-size: 0.875em;
    letter-spacing: 0;
}
.nav-side .lay-ls {
    letter-spacing: -0.03em;
}
.nav-side li {
    float: left;
    width: 208px;
    margin: 0 6px 6px 0;
}
.nav-side li:nth-child(3n) {
    margin-right: 0;
}
.nav-side a {
    background: #f2f2f2;
    display: block;
    text-align: center;
    height: 3.286em;
    padding: 1.143em 0;
    box-sizing: border-box;
    position: relative;
}
.nav-side a:before {
    content: "";
    font-family: icon;
}
.nav-side a:after {
    content: "\2c3";
    font-family: icon;
    padding: 0 0.7em 0 0;
    position: absolute;
    top: 50%;
    right: 0;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: rgba(0, 0, 0, 0.5);
}
.nav-side a .wrap-txt {
    display: inline-block;
    text-align: left;
}
.nav-side .small {
    font-size: 0.858em;
    display: block;
    margin: -0.4em 0 0.1em;
}
.nav-side .lay-ti-side {
    text-indent: -0.5em;
}
.nav-side .current,
.nav-side .current:after {
    color: #e60012;
}
/* head-ppw */
.head-ppw {
    background: #f3f3f3;
    color: #333;
    position: relative;
    height: 3.7em;
    overflow: hidden;
}
.head-ppw #breadcrumbs {
    max-width: 100%;
    padding: 0 5em 0 1.3em;
    display: block;
    position: absolute;
    left: 0;
    top: 50%;
    -ms-transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    line-height: 1.4;
}
.lay-mobile .head-ppw {
    font-size: 0.3em;
}
.head-ppw #breadcrumbs li,
.head-ppw #breadcrumbs a {
    color: #333;
    cursor: text;
}
.btn-close-ppw-head {
    position: absolute;
    background: #d6d6d6;
    display: block;
    color: #fff;
    font-family: icon;
    top: 0;
    right: 0;
    z-index: 1;
    width: 3em;
    height: 3em;
    text-align: center;
    line-height: 3em;
    font-size: 1.25em;
}
/* #cts-sns-bottom */
#cts-sns-bottom {
    text-align: center;
    background: #fff;
}
#cts-sns-bottom img {
    width: 41px;
    background: #fff;
    border-radius: 50px;
    height: 41px;
}
#cts-sns-bottom .inner {
    max-width: 920px;
    margin: 0 auto;
    width: 100%;
}
#cts-sns-bottom li {
    display: inline-block;
    margin: 7.283% 0.979% 7.609%;
}
@media all and (max-width: 1200px) {
    #header img {
        width: 100%;
        height: auto;
    }
    #megsnow-logo {
        width: 12.084%;
        height: 36px;
        margin-top: 18px;
    }
    #megsnow-logo img,
    #header .logo-megumi img {
        position: absolute;
        top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    #header .inner {
        padding: 0;
        max-width: 1200px;
    }
    #header .logo-megumi {
        width: 3.834%;
        margin: 0 0 0 17.3%;
    }
    #header .wrap-gnav-list>ul {
        padding-right: 0;
        padding-left: 22.7%;
        max-width: 1200px;
        text-align: left;
    }
    #header .gnav .li-gaseri {
        padding-right: 2%;
        margin-left: 0;
        width: 20.16%;
    }
    #header .gnav .li-nature {
        width: 8.948%;
    }
    #header .gnav .li-bifidus {
        width: 22.639%;
        padding-left: 2%;
        padding-right: 2%;
    }
    #header .gnav .li-enjoy {
        width: 13.26%;
        padding-left: 1.8%;
        padding-right: 1.8%;
    }
    #header .gnav .li-products {
        width: 6.253%;
        padding-left: 1.7%;
        padding-right: 1.7%;
    }
    #header .gnav .li-promotion {
        width: 4.959%;
        padding-left: 1.8%;
        padding-right: 1.8%;
    }
}
@media all and (max-width: 1200px) and (min-width:737px) {
    #header .gnav .wrap-gnav-list>ul>li>a>img {
        position: absolute;
        top: 50%;
        left: 0;
        -ms-transform: translateY(-50%);
        -webkit-transform: translateY(-50%);
        transform: translateY(-50%);
    }
    .lay-mobile #megsnow-logo {
        height: auto;
        margin-top: 2.1%;
        margin-left: 2.7%;
    }
    .lay-mobile #megsnow-logo img,
    .lay-mobile #header .logo-megumi img {
        top: 0;
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        position: relative;
    }
    .lay-mobile #header .logo-megumi {
        height: 0;
        padding-bottom: 5.7%;
        padding-top: 1.3%;
    }
    .lay-mobile #header .wrap-gnav-list>ul>li {
        padding-top: 3.3%;
        padding-bottom: 1.4%;
    }
    .lay-mobile #header .gnav .wrap-gnav-list>ul>li>a>img {
        -ms-transform: translateY(0);
        -webkit-transform: translateY(0);
        transform: translateY(0);
        top: 0;
    }
    .lay-mobile #header .gnav li.current>a:before {
        margin-bottom: 0.1em;
    }
    .lay-mobile #header .wrap-gnav-list>ul>li>a.hover:after {
        top: 100%;
    }
}
@media screen and (max-width: 1000px) {
    #header .wrap-gnav-list>ul {
        margin: 0;
    }
    #header .wrap-gnav-list>ul>li>.drap-menu {
        height: 0;
        padding-bottom: 62%;
    }
}
/* lay-desltop */
.lay-desktop #header .gnav li.current>a .ov {
    opacity: 1;
}
.lay-desktop #header .gnav li.current>a:before {
    content: "";
    position: absolute;
    bottom: 0;
    border-bottom: solid #e60012 2px;
    display: block;
    left: 50%;
    margin: 0 0 -0.45em -1.59em;
    width: 3.1875em;
}
.lay-desktop #header .gnav .li-home a:hover .ov,
.lay-desktop #header .gnav li:hover .ov {
    opacity: 1;
}
.lay-desktop #header .gnav .li-home:hover .ov {
    opacity: 0;
}
.lay-desktop #header .wrap-gnav-list>ul>li>a.hover:after {
    -ms-transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
.lay-desktop #header .wrap-gnav-list>ul>li>a.hover+.drap-menu {
    -ms-transform: translateX(-50%) scale(1);
    -webkit-transform: translateX(-50%) scale(1);
    transform: translateX(-50%) scale(1);
    opacity: 1;
}
@media screen and (min-width: 1400px) {
    #header .wrap-gnav-list>ul {
        padding-right: 188px;
    }
}
@media screen and (min-width: 737px) {
    #header .wrap-gnav-list>ul {
        opacity: 1 !important;
        display: block !important;
    }
    #header {
        box-shadow: 0px 0px 5px 3px rgba(0, 0, 0, 0.1);
    }
    #header .gnav li.current>a .ov {
        opacity: 1 !important;
    }
    #header .gnav li.current>a:before {
        content: "";
        position: absolute;
        bottom: 0;
        border-bottom: solid #e60012 2px;
        display: block;
        left: 50%;
        margin: 0 0 -0.45em -1.59em;
        width: 3.1875em;
    }
    #header .gnav .li-home a:hover .ov,
    #header .gnav li:hover .ov {
        opacity: 1;
    }
    #header .gnav .li-home:hover .ov {
        opacity: 0;
    }
    #header .wrap-gnav-list>ul>li>a.hover:after {
        -ms-transform: translateX(-50%) scale(1);
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }
    #header .wrap-gnav-list>ul>li>a.hover+.drap-menu {
        -ms-transform: translateX(-50%) scale(1);
        -webkit-transform: translateX(-50%) scale(1);
        transform: translateX(-50%) scale(1);
        opacity: 1;
    }
    #header .gnav a .ov {
        transition: opacity 400ms ease;
    }
    #breadcrumbs a:before {
        content: "";
        position: absolute;
        bottom: 0;
        left: 0;
        width: 100%;
        display: block;
        border-top: solid 1px;
        opacity: 0;
        transition: opacity 100ms;
    }
    #breadcrumbs a:hover:before {
        opacity: 1;
    }
    #footer a {
        transition: color 200ms;
    }
    #footer a:hover {
        color: #e60012;
    }
    .drap-menu a:hover .wrap-img>img,
    #cts_area .wrap-cooking a:hover,
    .drap-menu a:hover>img,
    .drap-menu a:hover .txt,
    .drap-menu a:hover .movie-cooking,
    #stage .cts-series li a:hover h3,
    #stage .cts-series li a:hover .img,
    #stage .cts-series li a:hover .txt,
    #stage .cts-series li.hover:after,
    .nav-side a:hover {
        opacity: .6;
    }
    #cts_area a:hover h2,
    #cts_area a:hover p,
    #cts_area a:hover .img,
    #stage .cts-lead a:hover img,
    #stage .cts-lead a:hover p {
        opacity: 0.8;
    }
    #banner_area a,
    #cts_area a *,
    .drap-menu a img,
    .drap-menu a .txt,
    .drap-menu a .movie-cooking,
    #stage .cts-series h3,
    #stage .cts-series .img,
    #stage .cts-series .txt,
    #stage .cts-series li:after,
    #stage .cts-lead a img,
    #stage .cts-lead a p,
    .nav-side a {
        transition: opacity 200ms;
    }
    #cts-sns-bottom img,
    #contents .bnr-rakuten img {
        transition: opacity 200ms;
    }
    #cts-sns-bottom a:hover img,
    #contents .bnr-rakuten:hover img {
        opacity: .8;
    }
}