/*
	.sectionColumn
-------------------------------------------------------*/

.c-raw-html .sectionColumn{
    max-width: 806px;
    margin-left: auto;
    margin-right: auto;
    background-color: #fff;
}

.c-raw-html .sectionColumn .modColumn .title {
    margin-bottom: 20px;
}

.c-raw-html .sectionColumn .modColumn .strong {
    font-weight: bold;
}

.c-raw-html .sectionColumn .modColumn .lead {
    font-size: 16px;
    font-weight: bold;
}

.c-raw-html .columnLead span{
    background: linear-gradient(transparent 75%, rgba(255,214,101,0.45) 0%);
}

.c-raw-html .sectionColumn .modColumn .image {
    width: 900px;
    margin: 50px auto;
}

.c-raw-html .sectionColumn .modColumn .text .columnTxt .txt {
    font-size: 15px;
}

.c-raw-html .sectionColumn .modColumn .text .columnTxt .txt>strong {
    color: #e30019;
    font-weight: bold;
}

.c-raw-html .sectionColumn .modColumn .text .columnBox {
    border: 1px solid #e6e6e6;
    margin-top: 27px;
    padding: 20px 40px;
}

.c-raw-html .sectionColumn .modColumn .text .columnBox .ttl {
    font-weight: bold;
}

.c-raw-html .sectionColumn .modColumn .text .columnBox .txt {
    margin-top: 10px;
}

.c-raw-html .wrpContents {
    color: #404040;
}

.c-raw-html .wrpContents img {
    vertical-align: bottom;
}

.c-raw-html .dib {
    display: inline-block;
}

.c-raw-html .db {
    display: block;
}

.c-raw-html .wrpContents sup {
    font-size: 0.5em;
}

.c-raw-html .wrpContents sup.moreSmall {
    font-size: 0.3em;
    vertical-align: top;
}

.c-raw-html .wrpContents strong:not([class]) {
    font-size: 1.2em;
}

.c-raw-html .wrpContents .modVideo {
    max-width: 100%;
}

.c-raw-html .wrpContents .modVideo .video {
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.c-raw-html .wrpContents .modVideo .video iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}

.c-raw-html .bg_white {
    background-color: #fff;
}

.c-raw-html .c_white {
    color: #fff;
}

.c-raw-html .c_deepGray {
    color: #54565a;
}

.c-raw-html .c_purple {
    color: #d29ade;
}

.c-raw-html .lh_small::before,.c-raw-html 
.lh_small::after,.c-raw-html 
.lh_normal::before,.c-raw-html 
.lh_normal::after {
    content: '';
    display: block;
    width: 0;
    height: 0
}

.c-raw-html .mincho {
    font-family: "游明朝", "YuMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
}

.c-raw-html .c-vividPink {
    color: #DE0067;
}

.c-raw-html .c-white {
    color: #fff;
}

.c-raw-html .boder {
    border: 1px solid #DE0067;
}

.c-raw-html .text_narrow {
    transform: scale(.75, .9);
    margin-left: -2.3em;
    margin-right: -2.3em;
    font-size: 1.3em;
}

.c-raw-html .ls_0 {
    letter-spacing: 0;
}

.c-raw-html .ls_0 * {
    letter-spacing: inherit;
}

.c-raw-html .ls_narrow {
    letter-spacing: -.1em;
}

.c-raw-html .ls_narrow * {
    letter-spacing: inherit;
}

.c-raw-html .tips {
    border: 1px solid #54565a;
    padding: 0.2em;
    line-height: 1;
    letter-spacing: 0.2em;
    font-size: 0.8em;
}

.c-raw-html .fukidashi {
    position: relative;
}

.c-raw-html .fukidashi::before,.c-raw-html 
.fukidashi::after {
    content: '';
    position: absolute;
    width: 1px;
    height: 80%;
    top: 10%;
    background: #333d;
}

.c-raw-html .fukidashi::before {
    transform: rotate(-40deg);
    left: -5%;
}

.c-raw-html .fukidashi::after {
    transform: rotate(40deg);
    right: -5%;
}

.c-raw-html .kakko_left {
    width: 0.4em;
    text-indent: -0.4em;
}

.c-raw-html .kakko_right {
    width: 0.3em;
    text-indent: -0.2em;
}

.c-raw-html .indent {
    text-indent: -1.8em;
    padding-left: 1.8em;
}

/*--------------------------------------
text
--------------------------------------*/
.c-raw-html .text_left {
    text-align: left !important;
    -webkit-box-pack: start !important;
    -ms-flex-pack: start !important;
    justify-content: flex-start !important
}

.c-raw-html .text_center {
    text-align: center
}

.c-raw-html .text_right {
    text-align: right
}

.c-raw-html .text_bold {
    font-weight: bold
}



/*--------------------------------------
displayFlex
--------------------------------------*/
.c-raw-html .displayFlex {
    display: -ms-flex;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex
}

.c-raw-html .displayFlex.justify_center {
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

.c-raw-html .displayFlex.justify_end {
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end
}

.c-raw-html .displayFlex.justify_sb {
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between
}

.c-raw-html .displayFlex.justify_sa {
    -ms-flex-pack: distribute;
    justify-content: space-around
}

.c-raw-html .displayFlex.align_start {
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: start
}

.c-raw-html .displayFlex.align_center {
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center
}

.c-raw-html .displayFlex.align_end {
    -webkit-box-align: end;
    -ms-flex-align: end;
    align-items: flex-end
}

.c-raw-html .displayFlex.stretch {
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    align-items: stretch
}

.c-raw-html .displayFlex.flow_rowRe {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: reverse;
    -ms-flex-flow: row-reverse;
    flex-flow: row-reverse
}

.c-raw-html .displayFlex.flow_col {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
    -ms-flex-flow: column;
    flex-flow: column
}

.c-raw-html .displayFlex.flow_colRe {
    -webkit-box-orient: vertical;
    -webkit-box-direction: reverse;
    -ms-flex-flow: column-reverse;
    flex-flow: column-reverse
}

.c-raw-html .displayFlex.flow_wrap {
    -ms-flex-flow: wrap;
    flex-flow: wrap
}

.c-raw-html .displayFlex.inlineFlex {
    display: -ms-inline-flex;
    display: -webkit-inline-box;
    display: -ms-inline-flexbox;
    display: inline-flex
}

.c-raw-html .dfc {
    display: -webkit-box !important;
    display: -ms-flexbox !important;
    display: flex !important;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center
}

/*--------------------------------------
anm
--------------------------------------*/

.c-raw-html .anm_tate {
    transition: transform .8s ease-out, opacity .8s ease-out;
    opacity: 1;
    -webkit-transform: none;
    transform: none;
}

.c-raw-html .anm_tate.off {
    -webkit-transform: translateY(8%);
    transform: translateY(8%);
    opacity: 0;
}

.c-raw-html .anm_opacity {
    opacity: 1;
    -webkit-transition: opacity .6s ease-out;
    transition: opacity .6s ease-out
}

.c-raw-html .anm_opacity.off {
    opacity: 0
}

.c-raw-html .anm_yoko {
    -webkit-transition: opacity 1.1s .4s, -webkit-transform 1.5s;
    transition: opacity 1.1s .4s, -webkit-transform 1.5s;
    transition: transform 1.5s, opacity 1.1s .4s;
    transition: transform 1.5s, opacity 1.1s .4s, -webkit-transform 1.5s;
    opacity: 1;
    -webkit-transform: translateX(0);
    transform: translateX(0);
    position: relative;
    z-index: 1
}

.c-raw-html .anm_yoko.off {
    opacity: 0;
    -webkit-transform: translateX(-50px);
    transform: translateX(-50px)
}

.c-raw-html .anm_yoko_re.off {
    opacity: 0;
    -webkit-transform: translateX(50px);
    transform: translateX(50px)
}

.c-raw-html .anm_opacity.anm_delay_01 {
    transition-delay: .4s
}

.c-raw-html .anm_opacity.anm_delay_02 {
    transition-delay: .6s
}

.c-raw-html .anm_opacity.anm_delay_03 {
    transition-delay: .8s
}

.c-raw-html .anm_opacity.anm_delay_04 {
    transition-delay: 1s
}

.c-raw-html .anm_opacity.anm_delay_05 {
    transition-delay: 1.2s
}

.c-raw-html .anm_opacity.anm_delay_06 {
    transition-delay: 1.4s
}

.c-raw-html .anm_opacity.anm_delay_07 {
    transition-delay: 1.6s
}

.c-raw-html .anm_opacity.anm_delay_08 {
    transition-delay: 1.8s
}

.c-raw-html .anm_opacity.anm_delay_09 {
    transition-delay: 2s
}

.c-raw-html .anm_opacity.anm_delay_10 {
    transition-delay: 2.2s
}

.c-raw-html .anm_opacity.anm_delay_11 {
    transition-delay: 2.4s
}

.c-raw-html .anm_opacity.anm_delay_12 {
    transition-delay: 2.6s
}

.c-raw-html .anm_opacity.anm_delay_13 {
    transition-delay: 2.8s
}

.c-raw-html .anm_opacity.anm_delay_14 {
    transition-delay: 3s
}

.c-raw-html .anm_opacity.anm_delay_15 {
    transition-delay: 3.2s
}

.c-raw-html .anm_opacity.anm_delay_16 {
    transition-delay: 3.4s
}

.c-raw-html .anm_tate.anm_delay_01 {
    transition-delay: .4s, .4s;
}

.c-raw-html .anm_tate.anm_delay_02 {
    transition-delay: .8s, .8s;
}


/*--------------------------------------
main
--------------------------------------*/
.c-raw-html .main {
    position: relative;
}

.c-raw-html .main_buy>* {
    width: 32%;
}

.c-raw-html .main_img {
    position: relative;
    z-index: 0;
}

.c-raw-html .main_anno02 {
    display: flex;
    align-items: center;
    justify-content: space-between;
}

/*--------------------------------------
sec01
--------------------------------------*/
.c-raw-html .sec01 {
    background-repeat: no-repeat, no-repeat;
    background-size: 100% auto, 100% auto;
    background-position: left top, left bottom;
}

.c-raw-html .sec01 h2,.c-raw-html 
.sec01_prod,.c-raw-html 
.sec01_name,.c-raw-html 
.sec01 p {
    position: relative;
}

.c-raw-html .sec01 h2,.c-raw-html 
.sec01_name,.c-raw-html 
.sec01 p {
    z-index: 1;
}

.c-raw-html .sec01_prod {
    z-index: 0;
}

/*--------------------------------------
tvcm
--------------------------------------*/
.c-raw-html .tvcm h3 {
    position: relative;
}

.c-raw-html .tvcm h3 span {
    position: relative;
    z-index: 1;
}

.c-raw-html .tvcm div {
    max-width: 860px;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    z-index: 1;
}

/*--------------------------------------
secNav
--------------------------------------*/
.c-raw-html .secNav{
    background-color: #fff;
}

/*--------------------------------------
sec02
--------------------------------------*/
.c-raw-html .sec02 {
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center top;
}

.c-raw-html .sec02_ttl {
    position: relative;
    z-index: 1;
}

.c-raw-html .sec02_par01,.c-raw-html 
.sec02_par02 {
    position: absolute;
    z-index: 0;
}

.c-raw-html .sec02_img {
    position: relative;
    z-index: 1;
}

.c-raw-html .sec02_fukidashi01,.c-raw-html 
.sec02_fukidashi02,.c-raw-html 
.sec02_fukidashi03 {
    position: absolute;
}

.c-raw-html .sec02 .bg_white {
    box-shadow: 1.118px 1.658px 2px 0px rgba(153, 146, 146, 0.16);
}


/*--------------------------------------
sec03
--------------------------------------*/
.c-raw-html .sec03 h2 img {
    vertical-align: -.3em;
    margin-right: 0.2em;
}

/*--------------------------------------
sec04
--------------------------------------*/
.c-raw-html .sec04 {
    background-repeat: no-repeat;
    background-size: cover;
}

.c-raw-html .sec04 a {
    display: block;
}

.c-raw-html .sec04>div{
    position: relative;
}
.c-raw-html .sec04 .sec03 {
    position: static;
}

.c-raw-html .sec04>div>* {
    position: relative;
    z-index: 1;
}

.c-raw-html .sec04_prod {
    z-index: 0 !important;
}


/*--------------------------------------
sec05
--------------------------------------*/
.c-raw-html .sec05>h2,.c-raw-html 
.sec05>h3+*,.c-raw-html 
.sec05_bottom>* {
    position: relative;
    z-index: 1;
}

.c-raw-html .sec05>h3,.c-raw-html 
.sec05_bottom>*:first-child+* {
    z-index: 0;
}

.c-raw-html .sec05>h3 {
    position: relative;
}

.c-raw-html .sec05>h3 img {
    position: relative;
    z-index: 0;
}

.c-raw-html .sec05>h3 span {
    position: relative;
    z-index: 1;
}

.c-raw-html .sec05_point,.c-raw-html 
.sec05_point02 .dib {
    position: relative;
}

.c-raw-html .sec05 h3 img {
    vertical-align: middle;
}

.c-raw-html .sec05_point>div {
    position: absolute;
    line-height: 1.3;
}

.c-raw-html .sec05_point>div span {
    display: block;
}

/*--------------------------------------
sec06
--------------------------------------*/
.c-raw-html .sec06{
    background-color: #fff;
}



/*--------------------------------------
floating_btn
--------------------------------------*/
.c-raw-html .floating_btn {
    position: fixed;
    z-index: 99;
}

.c-raw-html .floating_btn>span {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    bottom: 0;
}

.c-raw-html .floating_btn>span span {
    letter-spacing: 0.1em;
}

.c-raw-html .show_hide {
    opacity: 0;
    pointer-events: none;
    transition: opacity .3s;
}

.c-raw-html .show_hide.show {
    opacity: 1;
    pointer-events: auto;
}


/*--------------------------------------
modal
--------------------------------------*/
.c-raw-html .modal_wrap {
    z-index: 100;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.c-raw-html .modal {
    width: 100%;
    box-shadow: 4.243px 4.243px 5.64px 0.36px rgba(206, 206, 206, 0.4);
    position: relative;
}

.c-raw-html .modal_btn {
    margin-left: auto;
    margin-right: auto;
}

.c-raw-html .modal_close {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
}


/*---
sub
--*/

.c-raw-html .sec05_bottom sub {
    font-size: 1.1em;
    vertical-align: bottom;
    position: relative;
    top: 0.4em;
}

.c-raw-html .sec05_bottom h4 span {
    white-space: nowrap;
}

.c-raw-html .sec05_bottom h4 sub {
    font-size: 1em;
}

/*--------------------------------------
modEcModal
--------------------------------------*/
.c-raw-html .modEcModal .title{
    border-bottom: 2px solid #DE0067;
}

.c-raw-html .modEcModal a i[class^=icon]{
    color: #DE0067;
}

.c-raw-html .modEcModal .close:hover i::before{
    color: #DE0067;
}