@charset "utf-8";

.aa-feature {word-wrap: break-word;}
/*--------------------------------------
    既存スタイルのreset
　--------------------------------------*/
.aa-feature .share-button {margin: 0 auto; padding: 10px 0;}
.aa-feature .share-button .btn {margin-bottom: 10px; background: none;}

/*----------------------------------------------------
 elements
----------------------------------------------------*/
a {display:block; color: #444;}
a:link,a:visited,a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {color: #000; font-size: 100%; font-weight: normal; margin: 0;}
ul,li {list-style: none; padding: 0;}
img {border: 0; height: auto; max-width: 100%; vertical-align: bottom;}
ol:after,
ul:after,
dl:after,
div:after,
section:after,
nav:after,
header:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    overflow: hidden;
}

.text-left {text-align: left;}
.text-right {text-align: right;}
.text-center {text-align: center;}
.left {float: left;}
.right {float: right;}
.hide {display: none!important;}
.none {display: none;}

/*--------------------------------------
    common
　--------------------------------------*/
a {display:block; color: #444;}
a:link,a:visited,a:hover {text-decoration: none;}
h1,h2,h3,h4,h5,h6 {color: #000; font-size: 100%; font-weight: normal; margin: 0;}
ul,li {list-style: none; padding: 0;}
img {border: 0; height: auto; max-width: 100%; vertical-align: bottom;}
ol:after,
ul:after,
dl:after,
div:after,
section:after,
nav:after,
header:after {
    content:"";
    display:block;
    height:0;
    clear:both;
    overflow: hidden;
}

/*--------------------------------------
    タイトル画像
　--------------------------------------*/
.main-title {position: relative;}
.main-title .title-img {
    width: 100%;
    height: 230px;
    position: relative;
    overflow: hidden;
}
.main-title .title-img .main-img {width: 100%;}
.main-title .title-set {
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 10px;
    background: rgba(0, 0, 0, 0.4);
    color: #fff;
}
.main-title .title-set .title-text {width: 80%;}
.main-title .title-set .title-text .sub {
    line-height: 1.2;
    margin-bottom: 8px;
}
.main-title .title-set .title-text .main {
    line-height: 1;
    color: #fff;
    font-size: 180%;
    font-weight: bold;
}
.main-head-area .lead {
    padding: 10px;
    font-size: 85%;
    line-height: 1.4;
}
.main-title .title-set .label-circle {
    display: table;
    padding: 5px;
    width: 40px;
    height: 40px;
    margin-right: 10px;
    background: #c00;
    border-radius: 30px;
    -moz-border-radius: 30px;
    -webkit-border-radius: 30px;
    font-size: 77%;
}
.main-title .title-set .label-circle .sp-text {
    display: table-cell;
    vertical-align: middle;
}

/*--------------------------------------
    コーナーメニュー
　--------------------------------------*/
.select-menu {
    margin: 0 10px 10px;
}
.select-menu li {width: 100%;}
.select-menu li a {
    display: table;
    position: relative;
    background: #f7f7f7;
    margin-bottom: 5px;
    padding: 7px;
    font-weight: bold;
}
.select-menu li:last-child a {border: none;}
.select-menu .img-photo {
    position: relative;
    overflow: hidden;
    height: 50px;
    width: 50px;
    border-radius: 50px;
    -moz-border-radius: 50px;
    -webkit-border-radius: 50px;
    margin-right: 10px;
}
.select-menu .text {
    display: table-cell;
    width: 100%;
    vertical-align: middle;
    padding-right: 20px;
}

/*--------------------------------------
    メインコンテンツ
　--------------------------------------*/
.main-contents-bg {
    overflow: hidden;
    padding: 10px 0;
}
/* コンテンツ共通パーツ */
.contents-common {padding-bottom: 20px;}
.contents-common a h3 {font-weight: bold; color: #404040;}
.contents-common .heading {
    position: relative;
    background: #636363;
    padding: 7px 10px;
    margin-bottom: 18px;
    font-size: 138.5%;
    font-weight: bold;
    color: #fff;
}
.contents-common .heading:after {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(99, 99, 99, 0);
    border-top-color: #636363;
    border-width: 10px;
    margin-left: -10px;
}
.js-load-more-btn {
    display: block;
    width: 50%;
    padding: 7px;
    margin: 0 auto;
    cursor: pointer;
    background: #b5b5b5;
    -webkit-bborder-bottom-left-radius: 15px;
    -moz-border-bottom-left-radius: 15px;
    border-bottom-left-radius: 15px;
    -webkit-bborder-bottom-right-radius: 15px;  
    -moz-border-bottom-right-radius: 15px;
    border-bottom-right-radius: 15px;
    font-size: 131%;
    font-weight: bold;
    color: #fff;
}
/* js部分用 */
.js-more-content,
.is-hide {display: none;}
/* リストの矢印 */
.select-menu li a:before,
.one-column-list li a:before,
.one-column-list-thin li a:before,
.guide-list li a:before {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 14px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #636363;
}
.select-menu li a:after,
.one-column-list li a:after,
.one-column-list-thin li a:after,
.guide-list li a:after {
  display: block;
  content: "";
  position: absolute;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  top: 50%;
  right: 15px;
  width: 10px;
  height: 10px;
  margin-top: -5px;
  background: #f7f7f7;
}
.guide-list li a:after {background: #fff;}
/* 1カラム写真リスト */
.one-column-photo-list li {margin-bottom: 10px;}
.one-column-photo-list .title-img {width: 100%; height: 180px;}
.one-column-photo-list  .main-title .title-set {padding: 10px 0;}
.one-column-photo-list .title {
    padding: 0 10px;
    font-size: 116%;
    font-weight: bold;
    color: #fff;
}
/* PRラベル追加 */
.label-pr {
    background: transparent url("http://img.aacdn.jp/allabout/common/g_label.gif") no-repeat scroll 0 0 / 55px auto;
    display: inline-block;
    height: 15px;
    vertical-align: middle;
    width: 55px;
}
.one-column-photo-list .main-title .label-pr,
.two-column-photo-list .box-article .label-pr,
.one-column-list .box-article .label-pr,
.list-red-border .box-article .label-pr,
.one-column-list-thin .box-article .label-pr {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 10;
}
.one-column-list .box-article .label-pr,
.list-red-border .box-article .label-pr,
.one-column-list-thin .box-article .label-pr {
    left: -5px;
}
.one-column-list-thin .label-box {}
/* 2カラム写真リスト */
.two-column-photo-list li {
   display: table-cell;
    float: left;
    width: 50%;
}
.two-column-photo-list .box-article {
    position: relative;
    margin: 0 5px 0 10px;
    background: #fff;
}
.two-column-photo-list li:nth-child(even) .box-article {margin: 0 10px 10px 5px;}
.two-column-photo-list .box-article .img-photo {width: 100%;}
.two-column-photo-list .box-article .box-arrow {
    position: relative;
    padding: 5px;
    min-height: 3.5em;
    background: #f7f7f7;
}
.two-column-photo-list .box-article .box-arrow .text {font-size: 85%;}
.two-column-photo-list .box-article .box-arrow:after {
    bottom: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
    border-color: rgba(247, 247, 247, 0);
    border-bottom-color: #f7f7f7;
    border-width: 10px;
    margin-left: -10px;
}
/* 1カラムリスト（写真大きめ） */
.one-column-list li a {
    position: relative;
    display: block;
    margin: 10px;
    padding: 10px 30px 10px 10px;
    background: #f7f7f7;
}
.one-column-list .img-photo {
    position: relative;
    width: 100px;
    height: 75px;
    margin-right: 10px;
}
.one-column-list .box-article,
.one-column-list-thin .box-article,
.guide-list .box-guide-detail {display: table;}
.one-column-list .box-article .text,
.one-column-list-thin .box-article .text,
.guide-list .box-guide-detail .text {
    display: table-cell;
    vertical-align: middle;
    font-size: 108%;
    font-weight: bold;
}
/* 1カラムリスト（写真小さめ） */
.one-column-list-thin li a {
    display: block;
    position: relative;
    margin: 10px;
    padding-right: 25px;
    background: #f7f7f7;
}
.one-column-list-thin .img-photo {
    width: 70px;
    height: auto;
    margin-right: 10px;
}
/* スペシャル枠 */
.list-red-border {
    margin: 0 10px 30px;
    padding: 10px;
    border: 2px solid #b5b5b5;
    background: #fff;
    box-shadow:rgb(181, 181, 181) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(181, 181, 181) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(181, 181, 181) -4px 4px 0px 0px;
}
.list-red-border .ptn-border {
    padding-bottom: 4px;
    margin-bottom: 10px;
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #b5b5b5 25%, #b5b5b5 50%,
    #fff 50%, #fff 75%,
    #b5b5b5 75%, #b5b5b5
  );
  background-size: 8px 8px;/* 幅8px、高さ8pxで背景画像のサイズを指定 */
}
.list-red-border .ptn-border .heading {
    padding: 5px;
    background: #fff;
    font-size: 138.5%;
    font-weight: bold;
}

.list-red-border .img-photo {
    position: relative;
    width: 120px;
    height: 120px;
    margin-right: 10px;
}
.list-red-border .box-article .text {line-height: 1.4;}
.list-red-border .box-article .text .title {
    margin-bottom: 5px;
    font-size: 116%;
    font-weight: bold;
    color: #404040;
}
.list-red-border .box-article .text .lead {font-size: 85%;}

/* 執筆者リスト */
.guide-list {
    padding: 10px;
    margin: 0 10px 30px;
    background: #fff;
}
.guide-list .heading {
    padding: 0 0 10px;
    background: #fff;
    border-bottom: 2px solid #636363;
    color: #404040;
}
.guide-list .heading:after,
.guide-list .heading:before {
    top: 100%;
    left: 50%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.guide-list .heading:after {
    border-color: rgba(99, 99, 99, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.guide-list .heading:before {
    border-color: rgba(204, 0, 0, 0);
    border-top-color: #636363;
    border-width: 13px;
    margin-left: -13px;
}
.guide-list li　{position: relative;}
.guide-list li a {
    display: block;
    position: relative;
    padding: 7px 25px 7px 0;
    background-size: 7px auto;
    border-bottom: 1px solid #d5d5d5;
}
.guide-list .guide-photo {
    width: 60px;
    height: 60px;
    margin-right: 10px;
}
.guide-list .gs {margin-bottom: 8px;}
/* ad rec */
.aa-feature .ad-bnr {padding: 0; margin-bottom: 10px;}
.aa-feature .ad-bnr div {width: auto!important;}

/*--------------------------------------
  [pattern set]common_sp_phakchi_sp_hormonecare
　--------------------------------------*/
.sp_phakchi .two-column-photo-list .box-article .box-arrow,
.sp_hormonecare .two-column-photo-list .box-article .box-arrow {background: #fff;}
.sp_phakchi .two-column-photo-list .box-article .box-arrow:after,
.sp_hormonecare .two-column-photo-list .box-article .box-arrow:after {
    border-color: rgba(255, 255, 255, 0);
    border-bottom-color: #fff;
}
/* 1カラムリスト*/
.sp_phakchi .one-column-list li a,
.sp_phakchi .one-column-list-thin li a,
.sp_hormonecare .one-column-list li a,
.sp_hormonecare .one-column-list-thin li a {background: #fff;}
.sp_phakchi .guide-list li:last-child a,
.sp_hormonecare .guide-list li:last-child a {border: none;}
/* コーナーメニュー　*/
.sp_phakchi .select-menu li a,
.sp_hormonecare .select-menu li a {background: #fff;}

/*--------------------------------------
  [pattern set]sp_phakchi
　--------------------------------------*/
.sp_phakchi .main-contents-bg {
    background: transparent url(http://img.aacdn.jp//touch/feature/sp_phakchi/ptn_dot_red.png) repeat 0 0;
    background-size: 8px auto;
}
.sp_phakchi .contents-common .heading {background: #c00;}
.sp_phakchi .contents-common .heading:after {
    border-color: rgba(204, 0, 0, 0);
    border-top-color: #c00;
}
.sp_phakchi .select-menu li a:before,
.sp_phakchi .one-column-list li a:before,
.sp_phakchi .one-column-list-thin li a:before,
.sp_phakchi .guide-list li a:before {background: #c00;}
.sp_phakchi .select-menu li a:after,
.sp_phakchi .one-column-list li a:after,
.sp_phakchi .one-column-list-thin li a:after,
.sp_phakchi .guide-list li a:after {background: #fff;}
.sp_phakchi .js-load-more-btn {background: #ee7b7b;}
/* スペシャル枠 */
.sp_phakchi .list-red-border {
    border: 2px solid #c00;
    box-shadow:rgb(204, 0, 0) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(204, 0, 0) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(204, 0, 0) -4px 4px 0px 0px;
}
.sp_phakchi .list-red-border .ptn-border {
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #c00 25%, #c00 50%,
    #fff 50%, #fff 75%,
    #c00 75%, #c00
  );
  background-size: 8px 8px;/* 幅8px、高さ8pxで背景画像のサイズを指定 */
}
.sp_phakchi .list-red-border .ptn-border .heading {color: #c00;}
/* 執筆者リスト */
.sp_phakchi .guide-list .heading {
    background: #fff;
    border-bottom: 2px solid #c00;
    color: #c00;
}
.sp_phakchi .guide-list .heading:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.sp_phakchi .guide-list .heading:before {
    border-color: rgba(204, 0, 0, 0);
    border-top-color: #c00;
    border-width: 13px;
    margin-left: -13px;
}

/*--------------------------------------
  [pattern set]sp_hormonecare
　--------------------------------------*/
.sp_hormonecare .main-contents-bg {
    background: transparent url(http://img.aacdn.jp/touch/feature/sp_hormonecare/ptn_dot_pink.png) repeat 0 0;
    background-size: 8px auto;
}
.sp_hormonecare .contents-common .heading {background: #ea5251;}
.sp_hormonecare .contents-common .heading:after {
    border-color: rgba(204, 0, 0, 0);
    border-top-color: #ea5251;
}
.sp_hormonecare .select-menu li a:before,
.sp_hormonecare .one-column-list li a:before,
.sp_hormonecare .one-column-list-thin li a:before,
.sp_hormonecare .guide-list li a:before {background: #ea5251;}
.sp_hormonecare .select-menu li a:after,
.sp_hormonecare .one-column-list li a:after,
.sp_hormonecare .one-column-list-thin li a:after,
.sp_hormonecare .guide-list li a:after {background: #fff;}
.sp_hormonecare .js-load-more-btn {background: #ee7b7b;}
/* スペシャル枠 */
.sp_hormonecare　.list-red-border {
    border: 2px solid #ea5251;
    box-shadow:rgb(234, 82, 81) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(234, 82, 81) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(234, 82, 81) -4px 4px 0px 0px;
}
.sp_hormonecare .list-red-border .ptn-border {
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #ea5251 25%, #ea5251 50%,
    #fff 50%, #fff 75%,
    #ea5251 75%, #ea5251
  );
  background-size: 8px 8px;/* 幅8px、高さ8pxで背景画像のサイズを指定 */
}
.sp_hormonecare .list-red-border .ptn-border .heading {color: #ea5251;}
/* 執筆者リスト */
.sp_hormonecare .guide-list .heading {
    background: #fff;
    border-bottom: 2px solid #ea5251;
    color: #ea5251;
}
.sp_hormonecare .guide-list .heading:after {
    border-color: rgba(255, 255, 255, 0);
    border-top-color: #fff;
    border-width: 10px;
    margin-left: -10px;
}
.sp_hormonecare .guide-list .heading:before {
    border-color: rgba(204, 0, 0, 0);
    border-top-color: #ea5251;
    border-width: 13px;
    margin-left: -13px;
}

/*--------------------------------------
  [pattern set]sp_kadenaward2015
　--------------------------------------*/
.sp_kadenaward2015 .list-red-border {
    border: 2px solid #fb8ab7;
    box-shadow:rgb(251, 138, 183) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(251, 138, 183) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(251, 138, 183) -4px 4px 0px 0px;
}
.sp_kadenaward2015 .list-red-border .ptn-border {
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #fb8ab7 25%, #fb8ab7 50%,
    #fff 50%, #fff 75%,
    #fb8ab7 75%, #fb8ab7
  );
}
.sp_kadenaward2015 .contents-common .heading {background: #ee5f98;}
.sp_kadenaward2015 .contents-common .heading:after {
    border-color: rgba(238, 95, 152, 0);
    border-top-color: #ee5f98;
}
.sp_kadenaward2015 .select-menu li a,
.sp_kadenaward2015 .one-column-list li a,
.sp_kadenaward2015 .one-column-list-thin li a {background: #fff4f8;}
.sp_kadenaward2015 .select-menu li a:before,
.sp_kadenaward2015 .one-column-list li a:before,
.sp_kadenaward2015 .one-column-list-thin li a:before,
.sp_kadenaward2015 .guide-list li a:before {background: #ee5f98;}
.sp_kadenaward2015 .select-menu li a:after,
.sp_kadenaward2015 .one-column-list li a:after,
.sp_kadenaward2015 .one-column-list-thin li a:after,
.sp_kadenaward2015 .guide-list li a:after {background: #fff4f8;}
.sp_kadenaward2015 .guide-list .heading {background: #fff; border-bottom: 2px solid #ee5f98;}
.sp_kadenaward2015 .guide-list .heading:after {
    border-color: rgba(99, 99, 99, 0);
    border-top-color: #fff;
}
.sp_kadenaward2015 .guide-list .heading:before {
    border-color: rgba(238, 95, 152, 0);
    border-top-color: #ee5f98;
}
.sp_kadenaward2015 .guide-list li a:after {background: #fff;}

/*--------------------------------------
  [color variation]
　--------------------------------------*/
/* orange */
.sp_orange .list-red-border {
    border: 2px solid #ffad51;
    box-shadow:rgb(255, 173, 81) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(255, 173, 81) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(255, 173, 81) -4px 4px 0px 0px;
}
.sp_orange .list-red-border .ptn-border {
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #ffad51 25%, #ffad51 50%,
    #fff 50%, #fff 75%,
    #ffad51 75%, #ffad51
  );
}
.sp_orange .contents-common .heading {background: #ff9114;}
.sp_orange .contents-common .heading:after {
    border-color: rgba(255, 145, 20, 0);
    border-top-color: #ff9114;
}
.sp_orange .select-menu li a,
.sp_orange .one-column-list li a,
.sp_orange .one-column-list-thin li a {background: #fff8e7;}
.sp_orange .select-menu li a:before,
.sp_orange .one-column-list li a:before,
.sp_orange .one-column-list-thin li a:before,
.sp_orange .guide-list li a:before {background: #ff9114;}
.sp_orange .select-menu li a:after,
.sp_orange .one-column-list li a:after,
.sp_orange .one-column-list-thin li a:after,
.sp_orange .guide-list li a:after {background: #fff8e7;}
.sp_orange .guide-list .heading {background: #fff; border-bottom: 2px solid #ff9114;}
.sp_orange .guide-list .heading:after {
    border-color: rgba(99, 99, 99, 0);
    border-top-color: #fff;
}
.sp_orange .guide-list .heading:before {
    border-color: rgba(255, 145, 20, 0);
    border-top-color: #ff9114;
}
.sp_orange .guide-list li a:after {background: #fff;}

/* blue */
.sp_blue .list-red-border {
    border: 2px solid #5ea1ff;
    box-shadow:rgb(94, 161, 255) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(94, 161, 255) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(94, 161, 255) -4px 4px 0px 0px;
}
.sp_blue .list-red-border .ptn-border {
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #5ea1ff 25%, #5ea1ff 50%,
    #fff 50%, #fff 75%,
    #5ea1ff 75%, #5ea1ff
  );
}
.sp_blue .contents-common .heading {background: #0a63de;}
.sp_blue .contents-common .heading:after {
    border-color: rgba(10, 99, 222, 0);
    border-top-color: #0a63de;
}
.sp_blue .select-menu li a,
.sp_blue .one-column-list li a,
.sp_blue .one-column-list-thin li a {background: #e7f1ff;}
.sp_blue .select-menu li a:before,
.sp_blue .one-column-list li a:before,
.sp_blue .one-column-list-thin li a:before,
.sp_blue .guide-list li a:before {background: #0a63de;}
.sp_blue .select-menu li a:after,
.sp_blue .one-column-list li a:after,
.sp_blue .one-column-list-thin li a:after,
.sp_blue .guide-list li a:after {background: #e7f1ff;}
.sp_blue .guide-list .heading {background: #fff; border-bottom: 2px solid #0a63de;}
.sp_blue .guide-list .heading:after {
    border-color: rgba(99, 99, 99, 0);
    border-top-color: #fff;
}
.sp_blue .guide-list .heading:before {
    border-color: rgba(10, 99, 222, 0);
    border-top-color: #0a63de;
}
.sp_blue .guide-list li a:after {background: #fff;}

/* green */
.sp_green .list-red-border {
    border: 2px solid #b8ee59;
    box-shadow:rgb(184, 239, 89) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(184, 239, 89) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(184, 239, 89) -4px 4px 0px 0px;
}
.sp_green .list-red-border .ptn-border {
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #b8ee59 25%, #b8ee59 50%,
    #fff 50%, #fff 75%,
    #b8ee59 75%, #b8ee59
  );
}
.sp_green .contents-common .heading {background: #94cc31;}
.sp_green .contents-common .heading:after {
    border-color: rgba(148, 204, 49, 0);
    border-top-color: #94cc31;
}
.sp_green .select-menu li a,
.sp_green .one-column-list li a,
.sp_green .one-column-list-thin li a {background: #f8ffe3;}
.sp_green .select-menu li a:before,
.sp_green .one-column-list li a:before,
.sp_green .one-column-list-thin li a:before,
.sp_green .guide-list li a:before {background: #94cc31;}
.sp_green .select-menu li a:after,
.sp_green .one-column-list li a:after,
.sp_green .one-column-list-thin li a:after,
.sp_green .guide-list li a:after {background: #f8ffe3;}
.sp_green .guide-list .heading {background: #fff; border-bottom: 2px solid #94cc31;}
.sp_green .guide-list .heading:after {
    border-color: rgba(99, 99, 99, 0);
    border-top-color: #fff;
}
.sp_green .guide-list .heading:before {
    border-color: rgba(148, 204, 49, 0);
    border-top-color: #94cc31;
}
.sp_green .guide-list li a:after {background: #fff;}

/* pink */
.sp_pink .list-red-border {
    border: 2px solid #fb8ab7;
    box-shadow:rgb(251, 138, 183) -4px 4px 0px 0px;
    -webkit-box-shadow:rgb(251, 138, 183) -4px 4px 0px 0px;
    -moz-box-shadow:rgb(251, 138, 183) -4px 4px 0px 0px;
}
.sp_pink .list-red-border .ptn-border {
    background-image: linear-gradient(
    45deg,
    #fff 25%,
    #fb8ab7 25%, #fb8ab7 50%,
    #fff 50%, #fff 75%,
    #fb8ab7 75%, #fb8ab7
  );
}
.sp_pink .contents-common .heading {background: #ee5f98;}
.sp_pink .contents-common .heading:after {
    border-color: rgba(238, 95, 152, 0);
    border-top-color: #ee5f98;
}
.sp_pink .select-menu li a,
.sp_pink .one-column-list li a,
.sp_pink .one-column-list-thin li a {background: #fff4f8;}
.sp_pink .select-menu li a:before,
.sp_pink .one-column-list li a:before,
.sp_pink .one-column-list-thin li a:before,
.sp_pink .guide-list li a:before {background: #ee5f98;}
.sp_pink .select-menu li a:after,
.sp_pink .one-column-list li a:after,
.sp_pink .one-column-list-thin li a:after,
.sp_pink .guide-list li a:after {background: #fff4f8;}
.sp_pink .guide-list .heading {background: #fff; border-bottom: 2px solid #ee5f98;}
.sp_pink .guide-list .heading:after {
    border-color: rgba(99, 99, 99, 0);
    border-top-color: #fff;
}
.sp_pink .guide-list .heading:before {
    border-color: rgba(238, 95, 152, 0);
    border-top-color: #ee5f98;
}
.sp_pink .guide-list li a:after {background: #fff;}