@charset "UTF-8";
/*
Theme Name:Pokke NEW Design202204
Theme URI:
Description: Original Template
Version: 1.0
Author:
Author URI:
*/

/*************************************************/

html {
    height: -webkit-fill-available;
    background-image: none;
    background-color: #FFF;
}

body {
    min-height: 100vh;
    min-height: -webkit-fill-available;
    background:no-repeat url(images/bg_sky.jpg);
    background-position: top center;
    background-size:100%;
    color: #333;
}
body#page{background-attachment: fixed;}

.videoIframeWrap {
  position: relative;
  padding-top: calc( 100% * 3 / 4);
}
.videoIframeWrap>iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}




.wrapper_top {
    position: relative;
    width: 100%;
    display: block;
}

main{z-index: 1;}

body {
    font-family:'M PLUS 1p', sans-serif;
    font-weight: 400;
    min-width: 320px;
    margin: 0 auto;
    font-size: 14px;
    overflow-x: hidden;
    overflow-y: scroll;
    position: relative;
}

:focus {
    outline: none;
}

a {
    outline: none;
}

a:focus {
    outline: none !important;
    outline-style: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border-color: transparent;
}


/** header
*******************************************************************/

#top_page header{background-color: transparent;border-top: none;
background:repeat-x url(images/lines_top.svg);    background-size: 100%;
background-position: top center;height: 220px;padding-top: 140px;min-width: inherit;}
#page header{background-color: transparent;border-top: none;
background:repeat-x url(images/lines_top.svg);    background-size: 100%;
background-position: top center;padding-top: 140px;min-width: inherit;border-bottom: none;height:207px;}

.hd_left{width: 300px;height:145px; position: absolute;top: 20px;left: 0;padding-left: 8px;background: url(images/flag_left.svg) no-repeat;z-index:1;}
.hd_left img{max-width: 230px;}
.hd_right{width: 354px;height:156px;position: absolute;top: 20px;right: 0;background: url(images/flag_right.svg) no-repeat;padding-right: 32px;text-align: right;z-index: 1;}

/**pages kotei 調整**/
#page header {padding-top:40px;min-width: 960px;height: 113px;background-color:rgb(255 255 255 / 82%);padding-bottom: 8px;position: fixed;z-index: 10;}
#page header .hd_left{background: none;padding-top: 20px;width: 20%;max-width: 280px;}
#page header .hd_left img{width: 100%;height: auto;}
#page header .hd_right{background: none;font-size: .9em;display: block;padding-top: 0px;height: 20px;}
#page header .hd_right img{display: none;}
#page header .hd_right a{display: inline-block;margin-top: -4px;}

#page_top{padding-top: 120px;margin-top: 0;}


.hd_inner_menu{z-index:10; width:100%; max-width:881px; margin: auto;z-index: 11;}
.hd_navigation{display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-pack: center;-ms-flex-pack: center;justify-content: center;-ms-flex-wrap: wrap;flex-wrap: wrap;}
.hd_navigation li {width: 10%; text-align: center;min-width: 116px;font-size: 19px;background-image: url(images/menu_v_line.svg);background-repeat: no-repeat;background-position: right top;}
.hd_navigation li:first-child{width: 180px;}
.hd_navigation li a{padding:2.8%; display: block;line-height: 1.5;font-weight: 600;}
.hd_navigation li a.first{background-image: url(images/menu_v_line.svg);background-repeat: no-repeat;background-position:left top;}
.hd_navigation li span{display: block;}

/**pages kotei 調整**/
#page .hd_inner_menu{margin-left: 20%;}
#page .hd_navigation{height: 68px;margin-bottom: 8px;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;}
@media screen and (max-width:1100px) {
#page .hd_navigation li{min-width: 105px;}
    #page header .hd_left {width: 16%;}
}
@media screen and (max-width:1030px) {
    #page .hd_inner_menu{width: 80%;}
    #page .hd_inner_menu{width: 83%;margin-left: 17%;}
}
@media screen and (max-width:980px) {
    #page .hd_navigation li{min-width: 100px;}
#page .hd_navigation{
    
}
}

#pankuzu{margin-top: 24px;}

/*** TOP contents
************************************************************/
.top-visual__area{position: relative;min-height: 640px;max-width: 1200px;margin: auto;background-image: url(images/rainbow.svg) ;background-repeat: no-repeat;background-size: contain;overflow: hidden;}
.top-visual{position: absolute;}

.slider_01{
    /*width: 31.6666666%;max-width:380px ;*/
    width: 33.6666666%;max-width:400px ;
    height: auto;
    left:0;
    top:0;
}
.slider_02{
    width: 24%;
    max-width:280px ;/*width: 22%;
    max-width:265px ;*/
    height: auto;
    left: 35%;
    top:25%;
}
.slider_03{
    width: 32.33333333%;
    max-width:388px ;
    height: auto;
    top: 56%;
    left: 10%;
}
#top_info{
    width: 40.5%;
    max-width:487px;
    height: 500px;
    top: 40px;
    right: 0;
    background-image: url(images/info_board2.svg);
    background-repeat: no-repeat;
    background-size: contain;
}
#top_info.ver2{
    background-image: url(images/info_board3.svg);
}
.pin_info{
    max-width: 320px;
    margin:24px auto 0;
    text-align: center;
}
.pin_info p{font-size: 120%;display: inline-block;}
.pin_info img{width:10%;max-width: 40px; }

#top_info dl{display: -webkit-box;display: -ms-flexbox;display: flex;-ms-flex-wrap: wrap;flex-wrap: wrap;width: 74%;
margin:17% auto 4%;}
#top_info dt{width: 30%;}
#top_info dd{width:69%;}

/*** SNS label
************************************************************/

.sns_label{
    position: fixed;
    right:-1px;
    bottom:10%;
    width:52px;
}
.sns_label a{display: block; padding: 4px 0 4px 4px;margin-bottom: 2px;}


.sns_label_sp{
    position: fixed;
    bottom: 0;
    width: 100%;
    z-index: 2;
}
.sns_label_sp nav{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    
}
.sns_label_sp nav a{width:25%;}
.sns_label_sp nav a img{width: 99%;}

/*** TOP main 
************************************************************/


.btn__area{
    width:100%;
    max-width: 1160px;
    margin:24px auto 80px;
}
.btn__area ul{display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
}


/**board list**/
.lists__area{width: 100%;max-width: 1040px;margin: auto;}
.lists__area ul{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: distribute;
    justify-content: space-around;
}

.lists__area li{
    width: 22%;
    min-width: 244px;
    text-align: center;
    padding:1% 0;
    font-size: 120%;
    position: relative;
    font-weight: 700;
}
.lists__area li span{display: block;line-height: 1.5;margin-top:11%;font-size: 90%;font-weight: 400;}

.lists__area li.small_bg{
    padding-bottom: 4%
}

.lists__area li a{z-index: 10;display: block;}


/**board list illustration**/

.illust{
    position: absolute;
    z-index: 1;
}

.ill_01{top:-20px;left:-10px;}
.ill_02{top:-10px;right:20%;}
.ill_03{top:-30px;right:8%;}
.ill_04{right:5.5%;top:16px;}
.ill_05{left:0;top:16px;}
.ill_06{right:8%;top:16px;}
.ill_07{left:16%;top:5px;}
.ill_08{right:5%;top:36%;}
.ill_09{right:-2%;top:0px;z-index: 1;text-align: right;}
.ill_10{right:5.5%;top:45%;}
.ill_11{right:5.5%;top:20%;}
.ill_12{right:10%;top:28%;}
.ill_13{right:0%;top:48%;}
.ill_14{right:43%;bottom:28%;}
.ill_15{right:20%;bottom:10%;}
.ill_16{right:6%;top:44%;}

/*** TOP bottom
************************************************************/

/**bottom gallery　**/

.obi__area{width: 100%; display: -webkit-box;display: -ms-flexbox;display: flex;-webkit-box-align: start;-ms-flex-align: start;align-items: flex-start;-ms-flex-line-pack: start;align-content: flex-start;-ms-flex-pack: distribute;justify-content: space-around;}
.obi__area img{width:19.6%;height: auto;}
.obi__area img:nth-child(even){margin-top: -32px;}


section {
    width: 100%;
    padding:24px 0;
    display: block;
    position: relative;
}



@media screen and (max-width:768px) {
    section {
        padding: 48px 0;
    }
}

.page_inner {
    max-width: 1080px;
    margin: 40px auto;
    min-height: 400px;
    z-index: 1;
    position: relative;
}

@media screen and (max-width: 1024px) {
    .page_inner {
        padding: 0 40px;
        min-height: 240px;
    }
    .hd_navigation li {font-size: 16px;width: auto;min-width: 100px;}
}

@media screen and (max-width:768px) {
    .page_inner {
        padding: 0 5%;
    }
}



/** footer
***************************************************************/

.bttom_bg1{width: 100%;}
.bttom_bg2{margin-top: 8px; height:36px;width: 100%;background-image: url(images/lines_bottom.svg);background-repeat: repeat-x;background-position: top left;}

@media screen and (max-width:766px) {
    body{padding-bottom: 8px;}
    .bttom_bg2{margin-bottom:120px;}
}
@media screen and (max-width:640px) {
    .bttom_bg2{margin-bottom:14%;}
}
@media screen and (max-width:540px) {
    .bttom_bg2{margin-bottom:13%;}
}
@media screen and (max-width:425px) {
    .bttom_bg2{margin-bottom:11%;}
}

address{background-color: transparent;color: #333;padding: 0;line-height: 1;min-width: inherit;}
footer {
    background:url(images/sitemap_bg.svg);
    background-size:100%;
    background-repeat: no-repeat;
    background-position:top center;
    width:98%;
    margin: auto;
    height: auto;
    min-height: 308px;
    padding: 30px 0 0;
    max-width: 1167px;
}


.footer_area {
    max-width: 1080px;
    margin: 70px auto;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    padding-left:16%;
}

@media screen and (max-width: 1100px) {
    .footer_area {
        margin: 40px auto 0;}
}

@media screen and (max-width: 1024px) {
    .footer_area {
        margin: 38px auto 0;
        padding: 0 40px;
        -webkit-box-pack: center;
        -ms-flex-pack: center;
        justify-content: center;
    }
}
@media screen and (max-width: 900px) {
    
    .footer_area >* {font-size: 90%;
    margin: 10px auto 0;}   
}

@media screen and (max-width: 768px) {
    .footer_area {
        padding: 0 5%;
    }
}




.footer__menu {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    justify-content: space-between;
    line-height: 1.5;
    max-width: 640px;
    padding-left: 3%;
}

@media screen and (max-width: 900px) {
    .footer__menu {
        max-width: 530px;
    }
    .footer_area h3{
        padding-left: 5%;
    }
}

footer ul{padding: 0;}
footer .ft_list{width: auto;display: inline-block;padding-left: 0;}
.ill_17{display: none;}
.pin_info_sp{display: none;}
.sp_contents__area{display: none;}

.footer__bottom {
    width: 100%;
    max-width: 1080px;
    padding: 24px 0;
    font-size: 9px;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-line-pack: start;
    align-content: flex-start;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
    -webkit-box-pack: end;
    -ms-flex-pack: end;
    justify-content: flex-end;
}

.footer__bottom a {
    margin-right: 24px;
}

@media screen and (max-width:768px) {
    .footer__bottom a {
        margin-right: 0;
        margin-left: 24px;
    }
    .footer_area{margin: 8px auto 0; }
    .ft_list li{width: 100%;font-size: 9px;line-height: 1.2;margin-bottom: 4px;}
    .footer__menu{line-height: 1.2;}
    footer{    min-height: 218px;}

}



@media screen and (max-width: 1200px) {
    #top_page {
        font-size: 90%;
    }
    .pin_info p {
    font-size: 108%;
    }
}

@media screen and (max-width: 1024px) {
    #top_page {
        font-size: 80%;
    }
    #top_info dl{width: 76%;margin: 16% auto 1%;}
    .lists__area li {min-width: inherit;}
    .lists__area >*{font-size: 90%;}
    .illust img{width: 70%;}
}


@media screen and (max-width: 900px) {
    #top_info dl{width: 80%;margin: 16% auto 1%;}
     .lists__area >*{font-size: 80%;}
}

@media screen and (max-width: 768px) {
    body{background-size: 160%;}
    body#page{background-size: 100%;background-attachment: fixed;}
    
    body#page::before {
    position:fixed;
    top:0;
    left:0;
    z-index:-1;
    width:100vw;
    height:100vh;
    background:url("images/bg_sky.jpg)") no-repeat;
    background-size:contain;
    content:"";
}
    /* #top_page,#page */
    
    #top_page{
        font-size: 70%;
        overflow-x: hidden;
    }
    
    .hd_inner_menu{display: none;}
    
    #top_page header{height:164px;
    padding-top: 0;}
    .top-visual__area{padding-top: 40px;background-size: 120%;
    background-position: top;}
    .slider_04 {width:60%;margin: 10% auto 0;}
    .hd_right{padding-right: 64px;width: 46%;
    height: 160px;background-size: 100%;}
    .hd_right img{width: 72%;}
    #page .hd_right{background: none;width: auto;padding-top: 0;}
    #page header .hd_left{background: none;width: inherit;padding-top: 0;}
    #page header .hd_left img{height: 56px;width: auto;}
    #page header{padding-top: 0;height: 72px;position: inherit;min-width: auto;}
    #page_top{margin: 8px auto 0;padding-top: 0;}
    
    
    .pin_info{
        margin: 2.4% auto 0;
        font-size: 80%;
    }
    
    #top_info{height: 310px;}
    #top_info dl{
        width: 81%;
        font-size: 88%;
    }
    .top-visual p.tac a{background: #FFF;border-radius: 8px;}
    #top_event_sp {
    width: 90%;
    margin: 0 auto 16px;
    height: 80px;
    background-size: contain;
    background-repeat: no-repeat;
    position: relative;
    padding:16px 8px 8px;
    border-top: 1px dashed #ffffff;
    border-bottom: 1px dashed #ffffff;
    border-left: 1px dashed #ffffff;
    background-color: #ffcc00;
    border-right: 1px dashed #ffffff;
    -webkit-box-shadow: 0 0 3px 3px #ffcc00;
    box-shadow: 0 0 3px 3px #ffcc00;font-size: 100%!important;
    }
    #top_event_sp h4 {
    margin-bottom:0;
    margin-top:0;
    font-size: 1.2em;
    }
    .oshirase.u-sponly {
        width: 92%;}
    
    .sp_top__info dd {
    width: 27%;
    font-size: 14px;
    }
    .sp_top__info dt {
        width: 72%;font-size: 13px;}
    
    section.pages {
    width: 100%;
    }
    #main img {
    margin-bottom: 16px;
    }
    .side_nav ul{margin-left: 10px;}
}


@media screen and (max-width: 640px) {
    .drawer-menu-item {
    font-size: .9rem;
    padding: 0.75rem 0 0 0.75rem;
    }
    .nomal__text {
    font-size: 11px;
    padding: 16px;}
    body {
    background-size: 300%;
        padding-bottom: 8px;
    }
    #top_page header{height:80px;
    padding-top: 0;}
    #page header{height:80px;
    padding-top: 0;min-width: 320px;}
    .top-visual__area{padding-top: 40px;background-size: 160%;
    background-position: top;height:auto;min-height: 460px;}
    #top_info dl{display: none;}
    #top_info{display: none;}
     #top_info_sp{
         display: inherit;
        background: none;
        border: 2px solid #ffc107;
        background-color: rgb(255 255 255 / 70%);
        border-radius: 8px;
        top: 12%;
        right:-3px;
        width: 64%;
        height: auto;
    }
    .pin_info  {
    max-width: 320px;
    margin: auto;
    padding-top: 1%;
    text-align: left;
    padding-left: 4%;
    }
    .slider_04 {width:100%;margin: 10% auto 0;max-width: 360px;padding: 3%;position: inherit;}
    #top_info dl {
    width: 73%;
    margin: 23% auto 3%;
    }
    #top_info p.tac{display: none;}
    
    section.side_nav{min-height:auto;}
    
    .ill_14 {
    right: 48%;
    bottom: 17%;
    }
    .ill_15 {
    right: 10%;
    bottom:28%;
    }
    .ill_16 {
    right: 1%;
    top:10%;
    }
    .btn__area{margin: 24px auto 40px;}
    
    .btn__area ul{-ms-flex-wrap: wrap;flex-wrap: wrap;-ms-flex-pack: distribute;justify-content: space-around;}
    .btn__area ul li{width:44%;margin-bottom: 1%;}
    .btn__area ul.list3 li{width:32%;margin-bottom: 1%;}
    .lists__area li{
        width: 32%;
        margin-bottom: 2%;
        padding:0;
        font-size: 100%;
    }
    .obi__area img:nth-child(even) {
    margin-top: 32px;
}
    .ill_09 {
        right: 0%;
    top: -10%;}
    .sp_contents__area{
        display: block;
        margin-top: -8%;
    }
    main{overflow: hidden;}
    footer{
        position: relative;
        background-image: none;
        background: #eefcff;
    }
    .footer_area h3 {
    padding-left: 0;
    }
    footer ul {
        width: 83%;}
    .ill_17{
        top:-2%;
    }
    .sns_label {
    position:absolute;
    right: -1px;
    bottom:inherit;
        top: 8%;
    width: 52px;
}
}


@media screen and (max-width:520px) {
    .top-visual__area{
        min-height: 440px;
    }
    .hd_left{width: 240px;background-size:contain;}
    .hd_left img {
    max-width: 180px;}
    .hd_right{display: none;}
    #page header .hd_right{display: none;}
    .obi__area{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .obi__area img{width: 33%;}
    .obi__area img:nth-child(even) {
    margin-top: 24px;
    }

}

@media screen and (max-width:414px) {
    body {
        background-size: cover;}
 .lists__area li{
     width: 48%;
     font-size: 140%;
     padding:1% 0;
    }
    .sns_label{
        top:6%;
       z-index:2;
    }
    .top-visual__area{
        min-height: 440px;
    }
    .lists__area li.small_bg{padding: 1% 0;}
    .obi__area img{width: 40%;}
    .obi__area img:nth-child(even) {
    margin-top: 24px;
    }
    .ill_16 {
    right: 14%;
    top: 6%;}
    .footer_area{-ms-flex-wrap: wrap;flex-wrap: wrap;}
    .footer_area h3 {width: 100%;}
}

@media screen and (max-width:374px) {
.sp_top__info dd {
    width: 28%;
    font-size: 12px;
    }
    .sp_top__info dt {
        width: 70%;
     font-size: 11px;}
}

/** Utility
***************************************************************/

bold,strong{font-weight: 700;}

.u-fs-2em {
    font-size: 2em;
}

.u-fs-1_9em {
    font-size: 1.9em;
}

.u-fs-1_8em {
    font-size: 1.8em;
}

.u-fs-1_7em {
    font-size: 1.7em;
}

.u-fs-1_6em {
    font-size: 1.6em;
}

.u-fs-1_5em {
    font-size: 1.5em;
}

.u-fs-1_4em {
    font-size: 1.4em;
}

.u-fs-1_3em {
    font-size: 1.3em;
}

.u-fs-1_2em {
    font-size: 1.2em;
}

.u-fs-1_1em {
    font-size: 1.1em;
}

.u-fs-1em {
    font-size: 1em;
}

.u-fs-09em {
    font-size: .9em;
}

.u-fs-08em {
    font-size: .8em;
}

.u-fs-07em {
    font-size: .7em;
}

.u-fs-06em {
    font-size: .6em;
}

.u-fs-05em {
    font-size: .5em;
}

.u-lh--2 {
    line-height: 2;
}

.u-mt-80 {
    margin-top: 80px;
}

.u-mt-63 {
    margin-top: 63px;
}

.u-mt-56 {
    margin-top: 56px;
}

.u-mt-48 {
    margin-top: 48px;
}

.u-mt-40 {
    margin-top: 40px;
}

.u-mt-24 {
    margin-top: 24px;
}

.u-mt-20 {
    margin-top: 20px;
}

.u-mt-24 {
    margin-top: 24px;
}

.u-mt-16 {
    margin-top: 16px;
}
.u-mt-16 {
    margin-top: 16px;
}
.u-mt-8 {
    margin-top: 8px;
}

.u-mt-0 {
    margin-top: 0;
}

.u-mb-32 {
    margin-bottom: 32px;
}

.u-mb-64 {
    margin-bottom: 64px;
}

.u-mb-80 {
    margin-bottom: 80px;
}

.u-mb-0 {
    margin-bottom: 0px;
}

.u-pd_0 {
    padding-bottom: 0;
}

.u-pt_0 {
    padding-top: 0;
}

.u-min-h-200 {
    min-height: 200px;
}

.u-over__hidden {
    overflow: hidden;
}

.text__center {
    text-align: center;
}

.text__left {
    text-align: left;
}

.text__right {
    text-align: right;
}

.dash {
    letter-spacing: -2px;
    margin-right: 4px;
}

.bold {
    font-weight: 700;
}

.u-c-red {
    color: #d7003a;
}

.u-c-blue{
    color: #425a70;
}

.u-c-fff {
    color: #fff;
}


.ds_frame {
    padding: 2%;
    background: #FFF;
    text-align: left;
    -webkit-box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
    box-shadow: 0 5px 10px 0 rgb(0 0 0 / 10%);
}


.u-min-h120{ min-height: 120px;}

/* media Query
========================================================= 
@media screen and (max-width:768px) {
    .u-pconly {
        display: none !important;
    }
}

@media screen and (min-width:769px) {
    .u-sponly {
        display: none !important;
    }

}
*/


a.link{width: 160px;text-align: center;}
a.link2 {width: 120px;}

.btn_follow a{height: auto;width: 40%;}

@media screen and (max-width: 414px){
.btn_follow a {width: 60%!important;}
}

@media screen and (max-width: 400px){
.btn_follow a {width: 96%!important;}
}


/** カラー調整 **/
h2.green , h2.cat_info ,h2.cat_cafe,h2.cat_kitchen,h2.cat_comcafe{
    background-color: #83d867;
    -webkit-box-shadow: 0 0 3px 3px #84d866;
    box-shadow: 0 0 3px 3px #84d866;
}

.side_nav dl.green dt,.side_nav dl.cat_cafe dt,.side_nav dl.cat_comcafe dt,.side_nav dl.cat_kitchen dt,.side_nav dl.cat_info dt{
    background-color: #86d967;}

h2.orange, h2.cat_hiroba {
    background-color: #ffd74d;
    -webkit-box-shadow: 0 0 3px 3px #ffd74d;
    box-shadow: 0 0 3px 3px #ffd74d;
}
.side_nav dl.orange dt,.side_nav dl.cat_hiroba dt{
    background-color: #ffd74d;}

h2.bluegreen, h2.cat_hoiku {
    background-color: #59dbc1;
    -webkit-box-shadow: 0 0 3px 3px #59dbc1;
    box-shadow: 0 0 3px 3px #59dbc1;
}

.side_nav dl.bluegreen dt,.side_nav dl.cat_hoiku dt{background-color: #59dbc1;}

.box_area .btn_follow a {
    background-color:#59dbc1;}


h2.pink, h2.cat_maternity {
    background-color: #f1a0a6;
    -webkit-box-shadow: 0 0 3px 3px #f1a0a6;
    box-shadow: 0 0 3px 3px #f1a0a6;
}

.side_nav dl.pink dt, .side_nav dl.cat_maternity dt {
    background-color: #f1a0a6;
}

h2.wblue, h2.cat_kenko {
    background-color: #93e4e4;
    -webkit-box-shadow: 0 0 3px 3px #93e4e4;
    box-shadow: 0 0 3px 3px #93e4e4;
}

.side_nav dl.wblue dt, .side_nav dl.cat_kenko dt {
    background-color: #93e4e4;}

h2.purple, h2.cat_event {
    background-color: #c56abb;
-webkit-box-shadow: 0 0 3px 3px #c56abb;
box-shadow: 0 0 3px 3px #c56abb;}

.side_nav dl.purple dt, .side_nav dl.cat_event dt {
	background-color:#c56abb;}