@charset "utf-8";

.article-main {position: relative; }
.article-main .content-head {border-bottom: 1px solid #e4e4e4;}
.article-main .content-head .title {
    font-size: 24px;
    vertical-align: middle;
}
/* メインタイトル内タグ */
.article-main .content-head .tag-box{ margin-top: 10px;}
.article-main .content-head .tag-box li{
    display: inline-block;
    margin: 0 6px 3px 0;
}
.article-main .content-head .tag-box li:last-child{ margin-right: 0;}
.article-main .content-head .tag-box li a{
    color: #757575;
    font-size: 69%;
    text-decoration: underline;
}
.article-main .date { color: #909090; font-size: 77%; margin: 12px 10px 0 0;}
.writer-box { margin: 10px; min-height: 48px; }
.writer-box-pre { margin: 5px 10px; min-height: 48px; }
.writer-box .name-box,
.writer-box-pre .name-box {
    font-size: 93%;
    font-style: normal;
    margin-left: 55px;
    padding: 3px 0 0;
}
.writer-box .writer,
.writer-box-pre .writer { margin-bottom: 4px; }
.writer-box .g-thum,
.writer-box-pre .g-thum {
    width: 40px;
    height: 40px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    background:#fff;
    border: 1px solid #dedede;
    padding: 2px;
    box-shadow: 1px 1px 2px #ccc;
    -webkit-box-shadow: 1px 1px 2px #ccc;
}
.writer-box .g-thum div.pic,
.writer-box-pre .g-thum div.pic {
    width: 40px;
    height: 40px;
    line-height: 40px;
    display: block;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
}
.writer-box .g-thum img,
.writer-box-pre .g-thum img {
    max-width: 40px;
    max-height: 40px;
    line-height: 40px;
    vertical-align: middle;
    display:inline;
}
.writer-box .g-thum span.centering,
.writer-box-pre .g-thum span.centering {
    height: 40px;
    line-height: 40px;
    visibility: hidden;
    overflow: hidden;
    vertical-align: middle;
}
.writer-box .name,
.writer-box-pre .name {
    font-size: 93%;
    font-style: normal;
    height: 15px;
    margin-left: 55px;
    padding: 15px 0;
}
.writer-box a .name,
.writer-box-pre a .name { color: #04c; text-decoration: underline; }
.writer-box .name-box .name { font-size: 100%; height: auto; margin: 0; padding: 0; }
.content-article {
    line-height: 1.6em;
    margin: 10px auto 12px;
    width: 92%;
    word-break: break-all;
}
.content-article, .content-article * {
    font-size: 16px;
}
.content-article.article-sns h3 {
	border-left: 4px solid #c00;
	margin: 1rem 0;
	padding-left: 0.5rem;
	font-size: 20px;
}
.content-article.article-sns .article-sns-img {
    margin: 0 auto 2rem auto;
	text-align: center;
}
.content-article.article-sns .article-sns-img img {
	width: 400px;
	height: auto;
	object-fit: contain;
}
/* 記事下著者名 */
.write-guide-box { margin: 0 2% 30px; }
.write-guide-box .guide-name { font-style: normal; text-align: right; }

.guide-profile {
	margin: 1.5rem auto;
	width: 92%;
	font-size: 16px;
}
.guide-profile .guide-name {
	font-weight: bold;
	padding: 0.5rem 0;
}
.guide-profile .profile-info {
	line-height: 1.7;
}

/* ビューティ用　question */
.r_beauty .content-article .question {
    border: 1px dashed #dc6b7c;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    padding: 5px;
    margin-top: 15px;
}
/* for pre-article */
.writer-box-pre .name {
    font-size: 100%;
    height: 1.5em;
    padding: 3px 0 0;
}
.writer-box-pre .text {
    font-size: 77%;
    font-style: normal;
    line-height: 1.3;
    margin-left: 55px;
}
.content-article ol li { list-style: decimal inside none; }
.content-article ul li { list-style: disc inside none; }
.content-article a { color: #04c; display: inline; }
.content-article .article-title {
    border-left: 6px solid #c00;
    font-size: 21px;
    padding: 2px 1px 2px 10px;
    margin: 15px 0 5px;
}
.content-article .btn-cmn a { color: #c00; display: block; }
.content-article blockquote {
    background: #F6F6F6;
    padding: 30px;
    position: relative;
    margin: 15px 0;
}
.content-article blockquote:before {
    content:"“";
    position: absolute;
    top: 15px;
    left: 5px;
    color: #999;
    font-size: 40px;
}
.content-article blockquote:after {
    content:"”";
    position: absolute;
    bottom: -5px;
    right: 5px;
    color: #999;
    font-size: 40px;
}
.content-article iframe{
    display: block;
    margin: 0px auto;
    width: 80%;
    height: auto;
}
.point-box { width: 94%; margin: 10px auto 20px; }
.point-of-view {
    background: #ebebeb;
    border-radius: 5px;
    padding: 15px;
    position: relative;
}
.point-of-view:after {
    bottom: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.point-of-view:after {
    border-color: rgba(244, 244, 244, 0);
    border-bottom-color: #ebebeb;
    border-width: 10px;
    left: 30%;
    margin-left: -10px;
}
.point-of-view .point {
    background-position: 0 -302px;
    display: block;
    width: 248px;
    height: 17px;
    margin-bottom: 10px;
}
.point-of-view .writer-comment {
    font-size: 93%;
    line-height: 1.2;
    word-break: break-all;
}
/* pre-article */
.pre .pre-thum { width: 150px; margin: 0 0 10px 10px; }
/* good-box */
.good-box { margin: 0px auto 10px; padding: 0; width: 215px; }
.good-box .text { margin-bottom: 5px; font-size: 77%; }
.good-box .btn {
    width: 140px;
    height: 30px;
    border: 1px solid #c4970e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f9d35f;
    box-shadow: 2px 2px 3px #b3b3b3;
    -webkit-box-shadow: 2px 2px 3px #b3b3b3;
}
.good-box .btn a {
    display: block;
    width: 92px;
    height: 23px;
    padding: 2px 0px 0px 19px;
    line-height: 28px;
    font-weight: bold;
    color: #583c03;
    font-size: 93%;
}
.good-box .btn .icon { float: left; height: 25px; width: 30px; }
.good { background-position: -183px -269px; }
.good-box .number {
    width: 50px;
    height: 31px;
    border: 1px solid #CCC;
    background: #FFF;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    margin-left: 10px;
    line-height: 33px;
    text-align: center;
    position: relative;
}
.good-box .number:after, .good-box .number:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.good-box .number:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #FFF;
    border-width: 5px;
    top: 50%;
    margin-top: -5px;
}
.good-box .number:before {
    border-color: rgba(204, 204, 204, 0);
    border-right-color: #CCC;
    border-width: 6px;
    top: 50%;
    margin-top: -6px;
}
.good-box .settled {
    width: 92px;
    height: 23px;
    padding: 2px 29px 6px 19px;
    line-height: 28px;
    color: #777777;
    font-size: 93%;
    font-weight: bold;
    border: 1px solid #999;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #CCC;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
}
.good-box .settled .icon { float: left;  height: 25px; width: 30px; }
.settled .good { background-position: -212px -269px; }

/************************
 Brightcove動画
 ************************/
.movie-wrapper,
.movie-wrapper02 {
    width: 100%;
    max-width: 100%;
    margin: 20px auto;
}
/* 4:3 デフォルト */
.movie-container {
    position: relative;
    padding-bottom: 75%;
    height: 0;
    overflow: hidden;
}
/* 16:9 イレギュラー */
.movie-container02 {
    position: relative;
    padding-bottom: 56.25%;
    height: 0;
    overflow: hidden;
}
.movie-container object,
.movie-container embed,
.movie-container .video-js,
.movie-container02 object,
.movie-container02 embed,
.movie-container02 .video-js {
    position: absolute;
    top: 0;
    left: 0;
    width: 100% !important;
    height: 100% !important;
}
.movie-container iframe,
.movie-container02 iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
/* 埋め込み Google Maps用スタイル */
.article-gmap-container {
    position: relative;
    padding-bottom: 47.5%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}
.article-gmap-container iframe,
.article-gmap-container object,
.article-gmap-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

/***********************************
旧記事スタイル移植
***********************************/
.article_image_box,
.instructions .instruction,
#setleft,
#setright {
    margin: 15px auto 20px;
    text-align: center;
}
.article_image_box img,
.instructions .instruction img,
#setleft img,
#setright img {
    margin: 0 auto 5px;
}
.article_image_box .cap,
.article_image_box .img-auth,
.instructions .instruction .writingRight,
#setleft .vari21,
#setright .vari21 {
    color: #999;
    font-size: 93%;
    line-height: 1.2;
    margin: 0 auto;
    text-align: left;
    width: 100%;
}
.article_image_box .img-auth {
    margin: 3px 0 0 0;
    font-size: 77%
}
.article_image_box .img-auth span {
    background:none;
    background-size:0;
    display: inline;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height: auto;
    position: static;
    right: 0;
    top: 0;
    width: auto;
}
.article_image_box .img-auth .label {padding-right:7px;}
.article_image_box .img-auth .auth-url {padding-left:7px;}

/*
.article_image_box .img-auth a {display:inline;}
.article_image_box a {display: inline-block; position: relative; min-width: 1%; height: 100%;}
.article_image_box span {
    background: transparent url(http://img.aacdn.jp/touch/aa/icon_sprite.png) no-repeat -210px -479px;
    background-size: 250px auto;
    display: inline-block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
    height: 24px;
    position: absolute;
    right: 0;
    top: 0;
    width: 24px;
}
*/
.article_image_box.h100 { display: block; width: 100%; }
/* table */
table { max-width: 100%; margin: 0 auto; }
table thead { background: #DEDCA8; padding: 3px; }
table th, table td { border-bottom: 1px solid #DEDCA8; padding: 3px; }
table th { text-align: left; border-right: 1px solid #DEDCA8;}
/* Point of View */
.mod-view-box { margin: 10px 0; }
.mod-view-box .hd { margin-bottom: 5px; }
.mod-view-box .media { margin-bottom: 10px; }
.mod-view-box .img { border: 1px solid #CCCDCE; }
.mod-view-box .point-comment {
    position: relative;
    background: #ffffff;
    border: 1px solid #CCCDCE;
    border-radius: 5px;
    font-size: 14px;
    margin-left: 3px;
    padding: 10px;
    zoom: 1;
}
.mod-view-box .point-comment:after,
.mod-view-box .point-comment:before {
    right: 100%;
    border: solid transparent;
    content: " ";
    height: 0;
    width: 0;
    position: absolute;
    pointer-events: none;
}
.mod-view-box .point-comment:after {
    border-color: rgba(255, 255, 255, 0);
    border-right-color: #fff;
    border-width: 6px;
    top: 20%;
    margin-top: -6px;
}
.mod-view-box .point-comment:before {
    border-color: rgba(204, 205, 206, 0);
    border-right-color: #CCCDCE;
    border-width: 8px;
    top: 20%;
    margin-top: -8px;
}
.mod-view-box .point-comment .text { margin-bottom: 5px; }

/***********************************
 photo-gallery
***********************************/
.article-main .photo-gallery,
.article-main .gallery-list {margin-bottom: 20px;}
.article-main .photo-gallery .main-photo {
    width: 94%;
    display: block;
    margin: 0 auto;
    background:#fff;
}
.article-main .photo-gallery .main-photo img {max-width: auto;}
.gallery-list .photo-menu {margin: 0 auto;}
.other-gallery-list {padding: 20px 10px;}
.other-gallery-list .heading {
    border-left: 8px solid #c00;
    font-size: 138.5%;
    margin-bottom: 10px;
    padding: 2px 7px;
}
.gallery-list .photo-menu li,
.other-gallery-list .photo-menu li {
    display: inline-block;
    height: 84px;
    letter-spacing: normal;
    margin: 0 5px;
    vertical-align: top;
    width: 84px;
}
@media all and (orientation:landscape) {
    .other-gallery-list .photo-menu li{
        height: 64px;
        width: 64px;
    }
}
.other-gallery-list .photo-menu li {margin: 5px;}
.gallery-list .photo-menu li .thum,
.other-gallery-list .photo-menu li .thum {
    background: none repeat scroll 0 0 #eee;
    border: 2px solid #ddd;
    display: block;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80px;
}
@media all and (orientation:landscape) {
    .other-gallery-list .photo-menu li .thum{
        height: 60px;
        width: 60px;
    }
}
.gallery-list .photo-menu li .thum img,
.other-gallery-list .photo-menu li .thum img {
    background: #eee;
    border: medium none;
    display: inline;
    line-height: 80px;
    max-height: 80px;
    max-width: 80px;
    vertical-align: middle;
}
@media all and (orientation:landscape) {
    .other-gallery-list .photo-menu li .thum img{
    line-height: 60px;
    max-width: 60px;
    }
}
.gallery-list .photo-menu li .current {
    background: none repeat scroll 0 0 #eee;
    border: 2px solid #f07070;
    display: block;
    height: 80px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    width: 80px;
}
@media all and (orientation:landscape) {
    .other-gallery-list .photo-menu li .current{
        height: 60px;
        width: 60px;
    }
}
.gallery-list .photo-menu li .thum-img,
.other-gallery-list .photo-menu li .thum-img {
    line-height: 0;
    overflow: hidden;
}
.gallery-list .photo-menu li .thum div.pic,
.other-gallery-list .photo-menu li .thum div.pic {
    display: table-cell;
    height: 80px;
    line-height: 80px;
    margin: auto;
    text-align: center;
    vertical-align: middle;
    width: 80px;
}
@media all and (orientation:landscape) {
    .other-gallery-list .photo-menu li .thum div.pic{
        height: 60px;
        line-height: 60px;
        width: 60px;
    }
}
.photo-expand-box {
    overflow: hidden;
    background-color: #fff;
    border:1px solid #d1d1d1;
    height: 100%;
    margin: 0 auto;
    overflow: hidden;
    padding: 10px;
    width: 94%;
    z-index: 1000;
}
.photo-expand-box .photo {margin-bottom: 10px;}
.photo-expand-box .box-bottom {position: relative;}
.photo-expand-box .box-bottom .cap {width: 90%;}
.photo-expand-box .box-bottom .box-close {
    background-position: -211px -445px;
    height: 21px;
    position: absolute;
    right: 0;
    bottom: 0;
    width: 21px;
    z-index: 1100;
}
/* next_control */
.article-main .next_control {
    position: fixed;
    z-index: 99999;
    top: 50%;
    right: -32.5px;
}
.article-main .container {
    position: relative;
    top: -32.5px;
    height: 65px;
    width: 65px;
}
.article-main .container a {
    display: block;
    height: 65px;
    width: 65px;
}
.article-main .arrow{
    position:absolute;z-index:2;left:15px;top:22px;cursor:pointer;width:0;height:0;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:10px solid #fff
}
.article-main .circle{
    position:absolute;z-index:1;-webkit-border-radius:50%;-moz-border-radius:50%;border-radius:50%;width:65px;height:65px;background-color:#069efc;opacity:.8;cursor:pointer
}
/*******************************
    アマゾンカセット
*******************************/
/* パターン1 */
.amzn-box p {
    font-size: 85%;
    margin: 0 0 3px;
}
.amzn-box .discount {
    color: #CC0000;
    font-weight: bold;
}
.amzn-box .through {
    text-decoration:line-through;
}
.amzn-box img {
    padding: 0;
}
/* パターン2 */
.amzn-area p {
    font-size: 85%;
    margin: 0 0 3px;
}
.amzn-area .discount {
    color: #CC0000;
    font-weight: bold;
}
.amzn-area .through {
    text-decoration:line-through;
}
.amzn-area img {
    padding: 0;
}
.amzn-area .bt {
    text-align: center;
}
/* パターン3 */
.amzn-wrap .bt {
    text-align: center;
}
/* ディスクレーマー用 */
.disclaimer {
    color: #999;
    margin: 30px 0 20px;
    font-size: 93%;
}
/*******************************
    初回公開日
*******************************/
.release {
    color: #aaa;
    font-size: 77%;
    margin-right: -8px;
    margin-top: 3px;
}
time + .release {
    margin-top: 6px;
}
.button-area {
    margin: 0 auto 30px;
    padding: 0;
    width: 100%;
}
/* 良かった */
.good-button {
    width: 100%;
    margin-bottom: 10px;
}
.good-button .text {
    text-align:center;
    margin-bottom: 5px;
    font-size: 77%;
}
.good-button .btn {
    font-size: 93%;
    font-weight: bold;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    height: 30px;
    width: 185px;
    margin: 0 auto;
    border: 1px solid #c4970e;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    background: #f9d35f;
    box-shadow: 2px 2px 3px #b3b3b3;
    -webkit-box-shadow: 2px 2px 3px #b3b3b3;
}
.good-button .btn a {
    color: #583C03;
    display: block;
    font-size: 93%;
    font-weight: bold;
    height: 23px;
    line-height: 28px;
    padding: 0;
    width: 100%;
    height: 30px;
    text-align: center;
    cursor: pointer;
}
.good-button .btn .icon {
    float: none;
    height: 20px;
    width: 16px;
    margin: 5px 5px 0 0;
}
.good-button .good {
    background-position: -194px -272px;
}
.good-button .btn .item {
    vertical-align: top;
    line-height: 32px;
    font-size: 93%;
}
.good-button .settled {
    color: #777777;
    border: 1px solid #999;
    background: #CCC;
    box-shadow: none!important;
    -webkit-box-shadow: none!important;
    text-align: center;
    padding: 0;
}
.good-button .settled .icon { height: 17px; width: 16px; margin-top: 7px; }
.good-button .settled .good { background-position: -222px -274px; }

/************************
アンケート
 ************************/
.pickup-box {
    border: 1px solid #CCC;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    padding: 10px 10px 5px;
    margin-bottom: 20px;
    background-color: lemonchiffon;
}

.pickup-box .h-area {
    border-bottom: 1px solid #CCC;
    padding-bottom: 5px;
    margin-left: 10px;
    font-weight: bold;
    margin-top: 8px;
}

#gsArticle .pickup-box li{
    margin: 0 5px 6px 10px;
    padding: 0 0 0 10px;
    background: transparent url(http://img.aacdn.jp/img/cmn/dot_gray.gif)
    no-repeat scroll 0 0.5em;
    list-style: none;
}
/************************
テーブルギャラリー
 ************************/
.posCenter{text-align: center;}

.tableGalleryWire{
    width: 270px;
    border: 1px solid #777;
    border-radius: 5px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    margin: 30px auto;
}

.tableGalleryBottom{
    width: 270px;
    padding: 15px 0 0;
}
.yesnoTitle {
    padding: 0 10px;
    margin-bottom: 5px;
}
.tableGalleryTitle{
    width: 270px;
    text-align: left;
    margin: 0 0 5px 0;
    border: 0;
    font-size: 123.1%;
    font-weight: bold;
    padding: 0 10px;
}

.tableYesNo {
    width: 240px;
    text-align: center;
    margin: 10px auto;
}
.tableYesNo td {
    padding: 0;
    border: none;
}
.tableYesNo td a img {
   width: 70px;
   padding-top: 10px;
}

/************************
前の記事・次の記事
 ************************/
.article-pagenation-box {
    border: 1px solid #d7d7d7;
    margin: 0 10px 20px;
    position: relative;
}
.article-pagenation-box > a {
    display: block;
    padding: 36px 10px 10px;
}
.article-pagenation-box .label {
    position: absolute;
    top: 0;
    left: 0;
    height: 16px;
    padding: 4px 5px 6px;
    color: #fff;
    background: #888;
    font-weight: bold;

}
.article-pagenation-box .label:after {
    border: 13px solid transparent;
    border-left: 13px solid #888;
    position: absolute;
    top: 0;
    right: -26px;
    width:0;
    height:0;
    content: '';
    display: block;
}
.article-pagenation-box .thumb {
    width:60px;
    float: left;
}
.article-pagenation-box .title {
    padding-left: 70px;
    color: #04c;
}

/* スポンサードコンテンツ ラベル表示 */
.ad-article-label {
    width: 55px;
    height: 16px;
    background: #d6d6d6;
    color: #fff;
    font-size: 69%;
    font-weight: normal;
    text-align: center;
    margin: 5px 0 0 3px;
}
.gray-article-label{
    background: transparent url(http://img.aacdn.jp/allabout/common/g_label.gif) no-repeat 0 0;
    background-size: 55px auto;
    width: 55px;
    height: 15px;
    margin: 6px 0 0 3px;
}

/* おすすめタグ */
.recommend-tag .heading {
    background: #fcfcfc;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #c00;
    color: #000;
    font-size: 108%;
    font-weight: bold;
    padding: 10px;
}
.recommend-tag ul{ margin: 10px 10px 0;}
.recommend-tag ul li{
    display: inline-block;
    border: 1px solid #ccc;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    margin: 0 3px 7px 0;
}
.recommend-tag ul li a{
    display: block;
    padding: 5px 9px;
    border-radius: 4px;
    background: none;
    background-color: #eee;
    border-bottom: none;
}
.recommend-tag ul li a:hover{ display: block;}


/** チビタス調整 **/
.article-chibitus .read1 {
    line-height: 1.6;
}
.article-chibitus .cap1 {
    line-height: 1.6;
}
.article-chibitus table td {
    vertical-align: top;
}
.article-chibitus #feature #mainBlock {
    width: 100%;
}
.article-chibitus #feature .lead_txt {
    padding: 10px 0;
}
.article-chibitus #feature .sp_lead {
    width: 100%;
    height: auto;
}
.article-chibitus div#feature div#index {
    width: 100%;
}
.article-chibitus div#feature div#head p.credit {
    width: 100%;
}
.article-chibitus  div#feature div#lead {
    float: none;
    width: 100%;
}
.article-chibitus  div#feature div#lead div.lead_txt {
    width: 100%;
    float: none;
}
.article-chibitus #feature .lead_img {
    padding: 10px 0;
}
.article-chibitus #feature #mainBlock .text {
    position: static;
    padding: 10px 0;
    width: 100%;
}
.article-chibitus #feature td {
    display: block;
}
.article-chibitus #feature #snavigation ul.page3 {
    width: 100%;
    text-align: center;
}
.article-chibitus #feature #snavigation ul.page3 li {
    float: none;
    display: block;
    width: auto;
    margin: 0 auto 10px;
    list-style: none;
    background: none;
}
.article-chibitus #feature #snavigation ul.page4 {
    width: 100%;
    text-align: center;
}
.article-chibitus #feature #snavigation ul.page4 li {
    float: none;
    margin: 0 auto 10px;
    list-style: none;
    background: none;
}
.article-chibitus #feature #snavigation ul.page4 li.last {
    margin: 0 auto 10px;
}
.article-chibitus div#feature p.chi_mark {
    width: 100%;
}
.article-chibitus div#feature div.chi {
    width: 100%;
}
.article-chibitus #feature ul.clm_02 {
    text-align: center;
}
.article-chibitus #feature ul.clm_03 {
    text-align: center;
}
.article-chibitus #feature ul.clm_02 li {
    margin: 0 auto 10px;
    list-style-type: none;
}
.article-chibitus #feature ul.clm_03 li {
    margin: 0 auto 10px;
    list-style-type: none;
}
.article-chibitus  div#feature div#index ul.clm_03 li {
    float: none;
    margin: 0 auto 10px;
}
.article-chibitus table th,
.article-chibitus table td {
    border: none;
}
.article-main .article-chibitus .arrow {
    position: static;
    display: block;
    width: auto;
    height: auto;
    border: none;
}
.article-chibitus tr.child-td-block-sp > td {
    display: block;
}
.article-chibitus #feature #mainBlock .credit {
    position: static;
    width: 100%;
}
.article-chibitus div#guideText {
    width: 100%;
}

.article-chibitus .left,
.article-chibitus .right {
    float: none;
    margin: 0 auto 20px;
    display: block;
}
.article-chibitus .small {
    font-size: 93%;
}
.article-chibitus h4 {
    font-weight: bold;
    font-size: 100%;
}
.article-chibitus img {
    max-width: 100%;
}
/* bookmark */
.bookmark-area {
	text-align: center;
	font-size: 120%;
}
.btn-bookmark span {
	display: inline-block;
	vertical-align: middle;
	width: 41%;
	margin: 10px 4% 15px;
}
.btn-bookmark .submit input[type="image"], .btn-bookmark a img {
	width: 100%;
	max-width: 240px;
	text-align: center;
}

/* fix inline specified style. */
.content-article div {
	width: 92% !important;
}
.content-article table {
	width: 100% !important;
}