@charset "utf-8";
/*----------------------------------
　コンテンツレイアウト用CSS
------------------------------------*/
/* ------ reset ------ */


body .cur {
    color: #233838;
    line-height: 1.8;
}

.cur article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
    display: block;
}

.cur blockquote, q {
    quotes: none;
}

.cur blockquote::before, blockquote::after, q::before, q::after {
    content: '';
    content: none;
}

.cur table {
    border-collapse: collapse;
    border-spacing: 0;
}

.cur hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #EEE;
    margin: 1em 0;
    padding: 0;
}

.cur input, select {
    vertical-align: middle;
}

.cur h1, h2, h3, h4, h5, h6 {
    font-weight: normal;
}

.cur img, abbr, acronym, fieldset {
    border: 0;
}

.cur img {
    vertical-align: top;
    -ms-interpolation-mode: bicubic;
}

.cur ul li {
    list-style-type: none;
}

.cur .clear {
    clear: both;
}

.cur .clearfix::after {
    content: "";
    display: block;
}

.cur .clearfix::after {
    clear: both;
}

.cur .clearfix {
    zoom: 1;
}

.cur .contents {
    font-family: 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
    color: #666;
    font-size: 12px;
    line-height: 160%;
}

.cur a {
    color: #233838;
    margin: 0;
    padding: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
    text-decoration: none;
}

.cur a:hover {
    text-decoration: underline;
    opacity: .8;
}

.cur a:visited {
    text-decoration: underline;
    color: #233838;
}

.cur input:focus,
.cur textarea:focus,
.cur select:focus,
.cur button:focus {
    outline: 0;
}

.cur input,
.cur textarea,
.cur select{
    font-size: 12px;
    color: #666;
}

/* ------ Utility ------ */
.cur .right {
    float: right;
}

.cur .left {
    float: left;
}

.cur .none {
    display: none;
}

/*-form-*/
.cur .style_input {
    padding: 8px;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cur .style_input:focus {
    -webkit-box-shadow: inset 0 1px 3px -1px #CCC;
    box-shadow: inset 0 1px 3px 0 #CCC;
}

.cur textarea.style_textarea {
    padding: 8px;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}

.cur .style_textarea:focus {
    -webkit-box-shadow: inset 0 1px 5px -1px #CCC;
    box-shadow: inset 0 1px 5px -1px #CCC;
}

.cur span.customSelect {
    width:auto;
    height: 33px;
    line-height: 33px;
    padding: 0 26px 0 10px;
    border: 1px solid#DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #fff url(../img/arrow_down.png) 93% 8px no-repeat;
    background-size: 14px auto;
}

/*-Orange button-*/
.cur .btn_o {
    color: rgba(255,255,255, .87);
    background: #424242;
    border: none;
    font-weight: bold;
    text-align: center;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none !important;
}

.cur .btn_o:hover {
    text-decoration: none;
    background: #757575;
}

/*-White button-*/
.cur .btn_w {
    background: #FFF;
    font-weight: bold;
    border: 1px solid #CCC;
    border-radius: 2px;
    cursor: pointer;
    text-decoration: none !important;
}

.cur .btn_w:hover{
    text-decoration: none;
    background: #FAFAFA;
}

/*-preset button-*/
.cur .btn_p{
    background: #FFF;
    text-decoration: none !important;
    border: 1px solid #DDD;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.cur .btn_p:hover {
    background: #F5F5F5;
}

/*-preset button-*/
.cur .btn_g{
    color:#FFF;
    background: #666;
    text-decoration: none !important;
    border: 1px solid #666;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
}

.cur .btn_g:hover {
    background: #555;
}

/*----------------------------------
　Basic layout
------------------------------------*/
/*-contents-*/
.cur #contents {
    margin: 0 auto 40px;
    overflow: hidden;
}

/*-contents_m・main-*/
.cur .c1 .contents_m {
    width: 1010px;
    margin-bottom: 10px;
}

.cur .c1 .contents_m h2 {
    font-size: 24px;
    line-height: 1.1;
    font-weight: normal;
    float: none;
}

.cur .c1 .contents_m h2 a {
    color: #666;
}

.cur .c1 .contents_m > p {
    margin-bottom: 20px;
}

.cur .c3 .contents_m {
    width: 710px;
    height: 100%;
    float: left;
    overflow: hidden;
}

.cur .c3 #main {
    /* トップとカテゴリページのmain */
    width: 560px;
    min-height: 600px;
    float: left;
    padding: 0 20px;
    overflow: hidden;
    border-left: 1px solid #EEE;
    border-right: 1px solid #EEE;
}

.cur .c2 .contents_m {
    width: 635px;
    min-height: 600px;
    overflow: hidden;
}

.cur .contents_m h1 {
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-bottom: 5px;
}

.cur .contents_m .h1rep {
    font-size: 16px;
    font-weight: bold;
    float: left;
    margin-bottom: 10px;
}
.cur .contents_m .h1rep img {
    width: 100%;
}
.cur .contents_m .relate .postlist {
    /* 関連まとめ */
    margin-bottom: 20px;
}

/*-List of articles-*/
.cur .postlist {
    clear: both;
    border-top: 1px solid #EEE;
}

.cur .postlist .column {
    color: #999;
    padding: 10px 0;
    border-bottom: 1px solid #EEE;
    clear: both;
    overflow: hidden;
}

.cur .postlist .column img {
    width: 80px;
    height: 80px;
    float: left;
    margin-right: 10px;
}

.cur .postlist .column h3 {
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 3px;
    padding-left: 90px;
}

.cur .postlist .column p {
    padding-left: 90px;
}

.cur .postlist .taglist {
    margin: 5px 0;
    overflow: hidden;
    margin-left: 90px;
}

.cur .postlist .column .taglist li {
    float: left;
    margin-right: 8px;
}

.cur .postlist .column .taglist a {
    color: #999;
    font-size: 10px;
    display: block;
    border: 1px solid #EEE;
    padding: 0 5px;
    line-height: 14px;
}

.cur .postlist .column .taglist a:hover {
    background: #F8F6F6;
    text-decoration: none;
}

.cur .postlist .column .info {
    font-size: 12px;
    line-height: 10px;
    padding-left: 90px;
    margin-top: 13px;
}

.cur .postlist .column .info img {
    width: 20px;
    height: 20px;
    margin: -10px 3px 0 0;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}

.cur .postlist .column .info span {}
.cur .postlist .column .info span::before {}

.cur p.sub {
    /* 見出し右のサブタイトル、見出しの下部分など */
    color: #999;
    font-size: 12px;
    padding-left: 5px;
    float: right;
}

/* pager
--------------------------------------*/
.cur .pagenav {
    display: flex;
    justify-content: center;
    column-gap: 14px;
    margin: 48px 0 40px;
    font-family: Arial;
}

.cur .pagenav a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    font-size: 16px;
}

.cur .pagenav a:hover {
    background: #f3f4f4;
    text-decoration: none;
    border-radius: 50%;
}

.cur .pagenav .active {
    background: #dbf1f0;
    border-radius: 50%;
    font-weight: bold;
}

.cur .count {
    float: right;
    margin-top: 25px;
}

/* まとめページ
--------------------------------------*/
.cur #article {
    /* width: 630px; */
    overflow: hidden;
    margin-bottom: 48px;
}
.cur #article header {
    /* まとめ上部 */
    overflow: hidden;
    margin-bottom: 24px;
    border-bottom: 1px solid #e6e9e9;
}
.cur #article header .article-pr-wrap {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 10px;
}
.cur #article header time {
    /* アップデート時間 */
    color: #999;
    font-size: 10px;
    line-height: 1;
}
.cur #article header .article-pr-icon {
    /* PR表記 */
    margin-left: auto;
    padding: 3px 5px;
    background-color: #f0f0f0;
    color: #666;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
}
.cur #article header .tags {
    float: right;
}
.cur #article header .tags li {
    float: left;
    margin-left: 10px;
}
.cur #article header .tags li a {
    color: #999;
    font-size: 10px;
    padding: 3px;
    border: 1px solid #EEE;
}
.cur #article header .tags li a:hover {
    background: #F8F6F6;
    text-decoration: none;
}
.cur #article header > h1 {
    /*まとめタイトル*/
    clear: both;
    float: left;
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0;
}
.cur #article header > .tb img {
    display: block;
    float: left;
    max-width: 70px;
    margin: 0 16px 16px 0;
}
.cur #article header > .h1rep {
    min-height: 70px;
    float: inherit;
    font-size: 26px;
    line-height: 1.5;
    margin-bottom: 24px;
}
.cur #article header > h2 {
    /*まとめタイトル*/
    clear: both;
    float: left;
    font-size: 26px;
    line-height: 30px;
    margin: 10px 0;
}
.cur #article header p {
    /*まとめ概要*/
    clear: both;
    margin-bottom: 24px;
    font-size: 16px;
    line-height: 2;
}
.cur #article .snsbtn {
    height: 30px;
    float: left;
}
.cur #article .snsbtn img {
    width: 30px;
    height: 30px;
    margin-right: 5px;
}
.cur #article .view {
    /*ビュー数*/
    margin: 10px 0 0;
    width: 370px;
    font-size: 18px;
    text-align: right;
    float: left;
}
.cur #article .view span {
    font-size: 12px;
    color: #999;
    margin-left: 3px;
}
.cur #article .favorite {
    display: block;
    width: 150px;
    height: 30px;
    padding: 5px 0 0 36px;
    border: 1px solid #DDD;
    background: url(../img/favorite_bg.png) repeat-x;
    float: right;
    position: relative;
    font-weight: bold;
    color: #666;
}
.cur #article .favorite:hover {
    text-decoration: none;
    color: #888;
}
.cur #article .favorite::before {
    content: '\e635';
    font-family: 'icomoon';
    font-size: 20px;
    color: #FFB33B;
    position: absolute;
    top: 4px;
    left: 10px
}
.cur #article .favorite:hover::before {
    color: #FFD600;
}

/*================================
	まとめアイテム

	見出し
	div.item_list.item_headline > h3

	テキスト
	div.item_list.item_text > p.text-title

	リンク
	div.item_list.item_link > div.title.link_title > p > a[target="_blank"]
	div.item_list.item_link > div.tb > a[target="_blank"] > img
	div.item_list.item_link > div.description.link_description
	div.item_list.item_link > div.source.link_source > p
	div.item_list.item_link > div.comment.link_comment

	画像
	div.item_list.item_picture > a > img
	div.item_list.item_picture > div.title.image_title > p
	div.item_list.item_picture > div.comment.image_comment > p
	div.item_list.item_picture > div.source.image_source > p > a[target="_blank"]

	動画
	div.item_list.item_movie > div.youtube > iframe
	div.item_list.item_movie > div.title.movie_title > p
	div.item_list.item_movie > div.source.movie_source > p
	div.item_list.item_movie > div.comment.movie_comment > p

	Twitter
	div.item_list.item_twitter > iframe

	引用
	div.item_list.item_blockquote > div > blockquote
	div.item_list.item_blockquote > div.source.quote_source > p > a[target="_blank"]
	div.item_list.item_blockquote > div.comment.quote_comment > p

	商品
	div.item_list.item_goods > div > p > img
	div.item_list.item_goods > div.title.goods_title > p > a
	div.item_list.item_goods > div.source.goods_price > p
	div.item_list.item_goods > div.comment.goods_comment
	div.item_list.item_goods > div.goods_link.goods_url > p > a[target="_blank"]

	商品情報
	div.item_list.item_products > div > p > img
	div.item_list.item_products > div.title.products_title > p > a
	div.item_list.item_products > div.source.products_price > p
	div.item_list.item_products > div.comment.products_comment
	div.item_list.item_products > div.products_link.products_url > p > a[target="_blank"]
================================*/
.cur #article .post {
    clear: both;
    line-height: 2;
}
.cur #article .post:after {
    display: block;
    clear: both;
    content: '';
}
.cur #article .post .item_list {
    clear: both;
    margin-bottom: 24px;
}
/* 20150726 AddStyle */
.cur .item_link {
    border-bottom: solid 1px #e6e9e9;
}
.cur .item_movie {
    padding-bottom: 16px;
    border-bottom: solid 1px #e6e9e9;
}
/* [アイテム]見出し */
.cur .item_headline h2 {
    padding: 24px 0 15px;
    border-bottom: 1px solid #e6e9e9;
    font-size: 26px;
    font-weight: bold;
    line-height: 1.5;
}
.cur .item_headline h3 {
    padding-top: 16px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
.cur .item_headline p {
    padding-top: 16px;
    font-size: 18px;
    font-weight: bold;
    line-height: 1.5;
}
/* [アイテム]テキスト */
.cur .item_text p {
    font-size: 16px;
}
/* [アイテム]リンク */
.cur .item_link .tb img {
    max-width: 345px;
    max-height: 345px;
    margin-bottom: 16px;
}
.cur .item_link .title {
    margin-bottom: 24px;
}
.cur .item_link .title p {
    font-size: 16px;
}
.cur .item_link .title a {
    position: relative;
    text-decoration: underline;
}
.cur .item_link .title a:hover {
    text-decoration: none;
}

/*
.item_link .title a:after {
    content: ' \e653';
    font-family: 'icomoon';
    font-size: 14px;
    color: #000;
}
*/
/*
.cur #article .post .item_list.item_link {
    margin-bottom: 10px;
}*/
.cur .item_link .description {
    color: #666;
    font-size: 12px;
    line-height: 1.5em;
    margin-bottom: 10px;
}
.cur .item_link .description:empty {
    display: none;
}
.cur .item_link .source {
    margin-bottom: 16px;
    clear: both;
    font-size: 12px;
    color: #798989;
    line-height: 1.5em;
}
.cur .item_link .source a {
    color: #798989;
}
.cur .item_link .source a:hover {
    text-decoration: underline;
}
.cur .item_link .source span:first-of-type {
    float: left;
}
.cur .item_link .source span:last-of-type {
    display: block;
    margin-left: 3em;
    word-wrap: break-word;
}
.cur .item_link .source:empty {
    display: none;
}
.cur .item_link .comment {
    margin-top: 16px;
    padding: 13px 16px;
    background: #f3f4f4;
    font-size: 15px;
    line-height: 2;
}
/* [アイテム]動画 */
.cur .item_movie .youtube {
    margin-bottom: 16px;
    line-height: 1;
}
.cur .item_movie .title p {
    margin-bottom: 16px;
    font-size: 15px;
}
.cur .item_movie .source {
    margin-bottom: 10px;
    clear: both;
    font-size: 12px;
    color: #999;
    line-height: 1.5em;
}
.cur .item_movie .source:empty {
    display: none;
}
.cur .item_movie .comment {
    padding: 13px 16px;
    background: #f3f4f4;
}
.cur .item_movie .comment p {
    color: #798989;
    font-size: 15px;
}

.cur video {
    width: 100%;
    border: none;
}

@media screen and (min-width: 421px) {
    .cur video{
        width: 284px;
        height: 504px;
        border: none;
    }
}

@media screen and (min-width: 768px) {
    .cur video{
        width: 284px;
        height: 504px;
        border: none;
    }
}

/* [アイテム]Twitter */

.cur .item_twitter .twitter-tweet {
    width: 100% !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    border: none !important;
    margin: 0 !important;
    padding: 0!important;
    background: #fff!important;
}
/* [アイテム]引用 */
.cur .item_blockquote {
    padding: 16px 24px 16px 17px;
    border-left: 5px solid #d9dddd;
}
.cur .item_blockquote blockquote {
    margin-bottom: 16px;
    font-size: 15px;
}
.cur .item_blockquote .source {
    margin-bottom: 16px;
    clear: both;
    color: #798989;
    line-height: 1.5em;
}
.cur .item_blockquote .source:empty {
    display: none;
}
.cur .item_blockquote .source a {
    color: #798989;
}
.cur .item_blockquote .quote_comment {
    padding: 13px 16px;
    background: #f3f4f4;
}
.cur .item_blockquote .quote_comment p {
    color: #798989;
    font-size: 15px;
}
.cur .item_blockquote .quote_source span {
    float: left;
}
.cur .item_blockquote .quote_source a {
    display: block;
    margin-left: 3em;
    word-wrap: break-word;
    color: #999;
}
/* [アイテム]画像 */
.cur .item_picture {
    overflow: hidden;
}
.cur .item_picture img {
    max-width: 100%;
    margin: 0 20px 10px 0;
    display: block;
    float: left;
}
.cur .item_picture .pic img {
    max-width: 635px;
}
.cur .item_picture .title p {
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
    color: #333;
}
.cur .item_picture .comment {
    padding: 0;
    margin-bottom: 10px;
}
.cur .item_picture .comment p {
    font-size: 14px;
    /*font-weight: bold;*/
    overflow: hidden;
    word-wrap: break-word;
}
.cur .item_picture .source {
    margin-bottom: 10px;
    clear: both;
    font-size: 12px;
    color: #999;
    line-height: 1;
}
.cur .item_picture .source a {
    color: #999;
}
.cur .item_picture .source.image_source {
    margin-bottom: 10px;
    clear: both;
    font-size: 12px;
    color: #999;
    line-height: 1.5;
}
.cur .item_picture .source.image_source span {
    float: left;
}
.cur .item_picture .source.image_source a {
    display: block;
    margin-left: 3em;
    word-wrap: break-word;
    color: #999;
}
.cur .item_picture .images_title_wrap {
    overflow: auto;
    min-width: 165px;
}

/* [アイテム]商品 */

.cur .item_goods {
    overflow: hidden;
    padding-bottom: 20px;
    border-bottom: solid 1px #e6e9e9;
}
.cur .item_goods img {
    max-width: 300px;
    max-height: 300px;
    margin: 0 20px 20px 0;
    display: block;
    float: left;
}
.cur .item_goods .goods_brand {
    margin-bottom: 8px;
    font-size: 15px;
    color: #798989;
    line-height: 1.5;
}
.cur .item_goods .title {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
}
.cur .item_goods .title a {
    font-weight: bold;
    position: relative;
    text-decoration: underline;
}
.cur .item_goods .title a:hover {
    text-decoration: none;
}
.cur .item_goods .comment {
    margin-bottom: 16px;
    color: #798989;
    font-size: 15px;
    line-height: 1.5;
}
.cur .item_goods .comment a {
    color: #798989;
}
.cur .item_goods .goods_price {
    margin-bottom: 8px;
    color: #798989;
    font-size: 15px;
    line-height: 1.5;
}
.cur .item_goods .goods_link {
    margin-top: 17px;
    text-align: right;
}
.cur .item_goods .goods_link a {
    display: inline-block;
    position: relative;
    padding-right: 18px;
    color: #566;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
}
.cur .item_goods .goods_link a::before,
.cur .item_goods .goods_link a::after {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 10px;
    height: 2px;
    background-color: #99a3a3;
    transform-origin: calc(100% - 1px) 50%;
    content: '';
}
.cur .item_goods .goods_link a::before {
    transform: rotate(45deg);
}
.cur .item_goods .goods_link a::after {
    transform: rotate(-45deg);
}

/* [アイテム]商品情報 */
/*.cur .item_products {
    overflow: hidden;
    border-bottom: dotted 1px #ccc;
}*/
.cur .item_products img {
    max-width: 300px;
    max-height: 300px;
    margin: 0 20px 20px 0;
    display: block;
    float: left;
}
.cur .item_products .products_brand {
    margin-bottom: 8px;
    font-size: 15px;
    color: #798989;
    line-height: 1.5;
}
.cur .item_products .title {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: bold;
    line-height: 1.5;
}
.cur .item_products .title a {
    font-weight: bold;
    position: relative;
    text-decoration: underline;
}
.cur .item_products .title a:hover {
    text-decoration: none;
}
.cur .item_products .comment {
    margin-bottom: 16px;
    color: #798989;
    font-size: 15px;
    line-height: 1.5;
}
.cur .item_products .comment a {
    color: #798989;
}
.cur .item_products .products_price {
    margin-bottom: 8px;
    font-size: 15px;
    color: #798989;
    line-height: 1.5;
}
.cur .item_products .products_link {
    clear: both;
    margin-bottom: 20px;
    text-align: right;
}

.cur .item_products .products_link a {
    font-size: 14px;
    display: inline;
    width: 195px;
    color: #fff;
    background:#b48b6d;
    margin-top: 5px;
    padding: 8px 12px;
    position: relative;
    text-decoration: none;
    -webkit-transition: background-color 0.3s linear, color 1s linear, border-color 0.1s linear;
    -moz-transition: background-color 0.3s linear, color 1s linear, border-color 0.1s linear;
    -ms-transition: background-color 0.3s linear, color 1s linear, border-color 0.1s linear;
    -o-transition: background-color 0.3s linear, color 1s linear, border-color 0.1s linear;
    transition: background-color 0.3s linear, color 1s linear, border-color 0.1s linear;
    margin: 0 auto;
    text-align: center;
}

/*
.item_products .products_link a:before {
    content: '\e61f';
    font-family: 'icomoon';
    font-size: 20px;
    color: #666;
    position: absolute;
    top: 8px;
    left: 8px;
}
*/
.cur .item_products .products_link a:hover {
    background: #caac96;
    color: #fff;
}
.cur .item_products .products_link a:hover::before {
    color: #FFF;
}
.cur .item_products .products_link p{
    display: inline;
    padding: 8px;
    margin: 0;
    text-align: center;
}

/* 商品Likeボタン @cosme shopping導線 */
.cur .item_products .act-wrap {
    display: flex;
}
/* 商品Likeボタンと他要素(@cosme shopping導線)混在時 */
.cur .item_products .act-wrap .like_btn:not(:only-child) {
    margin-right: 10px;
}
.cur .item_products .act-wrap .act-button {
    display: flex;
    flex-direction: column;
    width: 74px;
    height: 40px;
    padding: 0 4px 0 20px;
}
.cur .item_products .act-wrap .act-button .act-button-icon {
    position: absolute;
    left: 5px !important;
}
.cur .item_products .act-wrap .act-button[data-activated='true'] .act-button-icon-activated {
    position: absolute;
}
.cur .item_products .act-wrap .act-button[data-icon='heart'][data-size='medium'] .act-button-text,
.cur .item_products .act-wrap .act-button[data-icon='heart'][data-activated='true'][data-size='medium'] .act-button-text {
    padding-left: 0;
}
.cur .item_products .act-wrap .act-button[data-icon='heart'][data-size='medium'] .act-counter,
.cur .item_products .act-wrap .act-button[data-icon='heart'][data-activated='true'][data-size='medium'] .act-counter {
    margin-left: 0;
}
/* 商品Likeボタン単体時 */
.cur .item_products .act-wrap .like_btn:only-child .act-button {
    width: 90px;
    padding: 0 13px 0 27px;
}
.cur .item_products .act-wrap .like_btn:only-child .act-button .act-button-icon {
    left: 10px !important;
}
.cur .item_products .act-wrap .like_btn:only-child .act-button-icon-activated {
    left: 5px !important;
}
.cur .item_products .act-wrap .products_shopping_link,
.cur .item_products .act-wrap .products_affiliate_link {
    flex: 1;
}
.cur .item_products .act-wrap .products_shopping_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 260px;
    height: 40px;
    margin: 0;
    padding: 0;
    border-radius: 20px;
    background:#233838;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
}
.cur .item_products .act-wrap .products_affiliate_link a {
    display: flex;
    justify-content: center;
    align-items: center;
    width: auto;
    max-width: 260px;
    height: 40px;
    border: 2px solid #233838;
    border-radius: 20px;
    box-sizing: border-box;
    color: #233838;
    font-size: 14px;
    font-weight: bold;
}
.cur .item_products .act-wrap .products_shopping_link a:hover,
.cur .item_products .act-wrap .products_affiliate_link a:hover  {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
    text-decoration: none;
}
.cur .item_products .act-wrap .products_shopping_link a .ico_cart img {
    margin: 0 2px 0 0;
    width: 24px;
    height: 24px;
    float: none;
}
.cur .item_products .act-wrap .products_affiliate_link a .ico_cart img {
    margin: 0 6px 0 0;
    width: 24px;
    height: 24px;
}
.cur .item_products .act-wrap .products_shopping_link a .shopping_text {
    font-size: 14px;
}
/* 2020/09/18 .act-wrap　追加対応以前の .products_shopping_link　キャッシュ対策のためスタイル残し */
.cur .item_products .products_shopping_link {
    text-align: right;
}
.cur .item_products .products_shopping_link a {
    display: inline-block;
    width: 314px;
    margin-top: 5px;
    padding: 8px 0;
    border-radius: 30px;
    background:#233838;
    color: #fff;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.cur .item_products .products_shopping_link a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
    text-decoration: none;
}
.cur .item_products .products_shopping_link a .ico_cart img {
    display: inline-block;
    float: inherit;
    margin: 0 5px 0 0;
    width: 24px;
    height: 24px;
    vertical-align: middle;
}
.cur .item_products .products_shopping_link a .shopping_text {
    font-size: 17px;
    vertical-align: middle;
}

/* フッターバナー
--------------------------------------*/
.cur .cur_bottom_banner {
    margin-bottom: 70px;
    text-align: center;
}

/* 関連キーワード
--------------------------------------*/
.cur .contents_m .relate {
    overflow: hidden;
}

.cur .contents_m .relate h2 {
    margin-bottom: 8px;
    font-size: 15px;
    font-weight: bold;
}

.cur .contents_m .relate_words {
    margin-bottom: 40px;
}

.cur .contents_m .relate_words .view-usertag {
    display: flex;
    flex-wrap: wrap;
    gap: 8px;
}

.cur .contents_m .relate_words li a {
    display: block;
    padding: 6px 8px;
    border: 1px solid #233838;
    border-radius: 20px;
    font-size: 13px;
    text-decoration: none;
    line-height: 1;
}

.cur .contents_m .relate_words li a:hover {
    background: #F8F6F6;
}

/* article-action-head ---------------- */
#article-action-head {
    clear: both;
    margin: 24px 0;
    line-height: 0;
}
#article-action-head .like_btn {
    float: right;
}
#article-action-head .act-button {
    padding: 0 10px;
    background: #fff;
}
#article-action-head ul li {
    display: inline-block;
    margin-right: 10px;
}
#article-action-head ul a {
    cursor: pointer;
}

/* article-action-foot ---------------- */
#article-action-foot {
    clear: both;
}
#article-action-foot .like_btn {
    margin-bottom: 15px;
    text-align: center;
}
#article-action-foot .act-button {
    width: 430px;
    height: 50px;
    border-width: 2px;
}
#article-action-foot .act-button[data-activated="false"] {
    background: #fff;
}
#article-action-foot .act-button .act-button-text {
    font-size: 16px;
}
#article-action-foot ul {
    display: flex;
    justify-content: center;
    column-gap: 40px;
}
#article-action-foot ul a {
    display: flex;
    align-items: center;
    text-decoration: none;
}
#article-action-foot ul a img {
    margin-right: 8px;
}

/* sns ---------------- */
.act-twitter img,
.act-facebook img {
    width: 30px;
    height: 30px;
    border-radius: 50%;
}
.act-twitter a:hover,
.act-facebook a:hover {
    filter: alpha(opacity=70);
    -moz-opacity: 0.70;
    opacity: 0.70;
}
#article-action-head .act-line,
#article-action-foot .act-line {
    display: none;
}

/* specialist profile */
.cur #article .author {
    overflow: hidden;
    margin-bottom: 20px;
    padding: 20px;
    border: 1px solid #ccc;
    border-radius: 4px;
}
.cur #article .author:last-child {
    margin-bottom: 0;
}
.cur .author_detail {
    overflow: hidden;
}
/* 共通 */
.cur #article .author_detail_img {
    float: left;
    width: 140px;
    margin-right: 20px;
}
/* ブランドは長辺に合わせて固定幅でトリミング */
.cur #article .item_brands .author_official .author_detail_img {
    position: relative;
    width: 140px;
    min-width: 140px;
    height: 140px;
    border: solid 1px #ddd;
    overflow: hidden;
}
/* サロンは横長212x160固定の画像のみでwidth: 140px;にあわせて高さはauto */
.cur #article .item_salons .author_official .author_detail_img {
    height: auto;
}
.cur #article .author_detail_img a {
    display: block;
}
/* ブランド */
.cur #article .item_brands .author_official .author_detail_img img {
    position: absolute;
    top: 50%;
    left: 50%;
    max-width: 140px;
    max-height: 140px;
    transform: translate(-50%, -50%);
    border: 0;
}
.cur #article .author_detail_img img:hover {
    opacity: 0.7;
}
.cur #article .author_detail_txt {
    display: flex;
    flex-direction: column;
    padding-top: 10px;
    word-break: break-all;
}
.cur #article .txt_career {
    display: flex;
    font-size: 12px;
    line-height: 1.5;
}
.cur #article .txt_career a {
    flex: 1;
    padding-right: 10px;
    color: #333;
}
.cur #article .author_official .act-follow-area {
    display: flex;
    align-items: center;
}
.cur #article .act-follow-area .act-button {
    display: flex;
    width: 103px;
    height: 26px;
    padding: 0;
    border-color: #d97777;
    font-size: 13px;
}
.cur #article .act-follow-area .act-button-preview {
    pointer-events: none;
}
.cur #article .act-follow-area .act-button[data-activated="true"] {
    border: none;
}
.cur #article .act-follow-area .act-button-text {
    padding-left: 6px;
    font-weight: 600;
    line-height: 26px;
}
.cur #article .act-follow-area .act-button-text-main {
    color: #d97777!important;
    font-size: 13px;
}
.cur #article .act-follow-area .act-button-icon-plus {
    fill: #d97777!important;
}
.cur #article .act-follow-area .act-button-icon-check > span {
    background-color: #d97777;
}
.cur #article .author_official .act-follow-area .brand-follow-link {
    margin-left: 10px;
}
.cur #article .author_official .act-follow-area .brand-follow-link a {
    color: #888;
    font-size: 11px;
    font-weight: normal;
    text-decoration: underline;
}
.cur #article .author_official .act-follow-area .brand-follow-link a:hover {
    opacity: .7;
}
.cur #article .txt_name {
    font-size: 16px;
    font-weight: bold;
    line-height: 1.2;
}
.cur #article .txt_name.official_name {
    display: flex;
    justify-content: space-between;
}
.cur #article .txt_name > a {
    display: inline-block;
    padding-top: 6px;
    color: #333;
}
.cur #article .txt_name .official_name_inner {
    padding-right: 6px;
    text-decoration: underline;
}
.cur #article .txt_name .official_name_inner:hover {
    text-decoration: none;
}
/* スペシャリストに上書くため */
.cur #article .txt_name.official_name > a {
    flex: 1;
    padding: 0 10px 0 0;
}
.cur #article .txt_name > a:visited {
    color: #333;
}
.cur #article .txt_name a:hover {
    text-decoration: none;
}
.cur #article .txt_name .salon_location {
    padding-right: 10px;
    font-size: 13px;
    font-weight: normal;
}
.cur #article .txt_name .txt_name_suffix {
    display: inline-block;
    padding: 0 10px 0 5px;
    color: #333;
    font-size: 14px;
}
/* 既存のcssに上書き */
.cur #article .txt_name .ico-official-bb {
    height: auto;
    margin: 0;
    padding: 0;
    background: none;
}
.cur #article .txt_name .ico-official-bb img {
    vertical-align: middle;
}
.cur #article .author_comment {
    margin-top: 15px;
    line-height: 1.5;
}
.cur .author_comment p {
    font-size: 15px;
}
.cur #article .author_comment a {
    display: block;
    text-decoration: none;
}
.cur #article .author_profile {
    margin-top: 17px;
    text-align: right;
}
.cur #article .author_profile a {
    display: inline-block;
}

.cur #article .author_profile a span {
    position: relative;
    padding-right: 18px;
    color: #566;
    font-size: 15px;
    font-weight: bold;
}
.cur #article .author_profile a span::before,
.cur #article .author_profile a span::after {
    position: absolute;
    top: calc(50% - 1px);
    right: 0;
    width: 10px;
    height: 2px;
    background-color: #99a3a3;
    transform-origin: calc(100% - 1px) 50%;
    content: '';
}
.cur #article .author_profile a span::before {
    transform: rotate(45deg);
}
.cur #article .author_profile a span::after {
    transform: rotate(-45deg);
}
/* ブランドとサロン */
.cur #article .author_official .author_detail_img img {
    display: block;
    margin: 0 auto;
    border-radius: 0;
}