@charset "utf-8";

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
フレーム部分のリンク色
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
#footer .addr th,
a.simpleLink:after,
.sideMenu li:before,
.list01 li:before,
ol.list02 > li:after,
.pagingArea > p.single a:before,
.pagingArea > p.single a:after{
	color: #e95589;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラー
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ◆背景色 */
.toPageTop a,
body.sp #copyArea,
/*body.pc #copyFrame*/
body.pc #titleFrame,
body.pc #copyFrame,
#gNaviFrame2 ul.gnavi ul,
#subArea .menuHeader,
ol.list02 > li:before{
    background-color: #e95589;
}
/* ◆ボーダー色 */
.catAreaWrap,
body.sp #headerArea{
	border-color: #e95589;
}
div#sideInfo{
	border-top-color: #e95589;
	border-bottom-color: #e95589;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
メインカラー（透過）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
/* ◆ボーダー色 */
.list02 > li{
	border-color: rgba(233,85,137,0.4);
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
１カラム表現を行うためのCSS
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
body.pc div#mainArea {
    background: #fff;
    padding: 0 15px;
}
#gNaviWrap,
#titleFrame,
#headerFrame,
#promoFrame,
#promoArea,
#breadNav,
#frontHeaderSection,
.yarpp-related,
#footer,
#footerFrame,
#footerFrame2,
#copyArea{
    display: none!important;
}
#mainArea .articleInner{
    border: 0!important;
    padding: 0!important;
    background: transparent!important;
}

body.pc{background-color: FFFFFF;}
#mainArea{
    float: none!important;
    width: auto!important;
}
.pc #subArea,/* スマホ時はサイドバーを表示させたいので「.pc」は必須 */
.articleTitle,
.articleDetailArea,
.snsShare {
    display: none!important;
}

/* ━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━
カスタマイザー（テスト段階）
━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━━ */
//body.pc{background-color: ;}