@charset "utf-8";

/* reset */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}

/*----------------------------------------------------
 elements
----------------------------------------------------*/
html {overflow-x: hidden; overflow-y: scroll;}
body {background: #ddd; color: #444; width: 100%; height:100%; -webkit-text-size-adjust: none; margin:0; font: 16px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;}

/*
53.9%
10px = 77%
11px = 85%
12px = 93%
13px = 100%
14px = 108%
15px = 116%
16px = 123.1%
17px = 131%
18px = 138.5%
19px = 146.5%
20px = 153.9%
21px = 161.6%
22px = 167%
23px = 174%
24px = 182%
25px = 189%
26px = 197%
*/
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;}
.icon {
    background: transparent url(https://aa-sgt.jp/images/icon_sprite.png) no-repeat 0 0;
    background-size: 250px auto;
    display: inline-block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
/*----------------------------------------------------
 common
----------------------------------------------------*/
.page-body {background: #fff; overflow-x:hidden;}
.has-grid,
ul.has-grid {
    word-spacing: -1em;
    display: table;
    width: 100%;
}
.has-grid li span, .has-grid > span, .has-grid > div, .has-grid > ul, .has-grid > li {
    display: inline-block;
    word-spacing: normal;
    vertical-align: top;
}
.has-table {
    display: block;
    display: table;
}
.has-table > span, .has-table > div, .has-table > li {
    display: inline-block;
    *display: inline;
    *zoom: 1;
    display: table-cell;
    vertical-align: middle;
}
.mb-0 { margin-bottom: 0 !important; }
.mt-20 { margin-top: -20px; }
/* header parts */
.global-header {
    background: #fff;
    border-top: 6px solid #c00;
    box-shadow: 0 3px 3px #e7e7e7;
    -webkit-box-shadow: 0 3px 3px #e7e7e7;
    margin-bottom: 3px;
    padding: 10px;
    position: relative;
}
.global-header .logo-hd-area {
	margin: 5px auto;
	width: 140px;
}

/* add20140822 */
.global-header .header-menu {margin-left: 150px; position: relative;}
.global-header .header-menu .menu-left {
    position: absolute;
    top: -1px;
    right: 50px;
}
.global-header .header-menu .menu-right {
    position: absolute;
    top: -55px;
    right: -11px;
}
.global-header .header-menu .bookmark {
    position: absolute;
    top: -50px;
    right: 50px;
    width: 45px;
    margin: 10px 0 16px;
}
.global-header .btn-search {
    background-position: -202px -733px;
    height: 44px;
    width: 45px;
}
.global-header .btn-menu {
    background-position: -200px -783px;
    height: 52px;
    width: 51px;
    margin: 9px 0 16px;
}

/* sns-btn */
.sns-btn li {display: inline-block; float: left; vertical-align: middle;}
.sns-btn iframe {margin: 0 !important;}
.sns-btn .tw {width: 105px;}
.sns-btn .fb {width: 115px;}
.sns-btn .gp {width: 80px;}
/* breadcolumn */
.breadcolumn-box {
    background: none;
    border-bottom: none;
    border-top: none;
    height: 32px;
    width: 100%;
    overflow: hidden;
    position: relative;
}
.breadcolumn-list {
    height: 32px;
    position: absolute;
    z-index: 0;
}
.breadcolumn-list ul {position: absolute; width: 2000em;}
.breadcolumn-list li {
    line-height: 32px;
    display: inline-block;
    float: left;
}
.breadcolumn-list li a {
    float: left;
    font-size: 85%;
    display: block;
    padding: 0 10px 0 22px;
    min-width: 1.2em;
    background: #f1f1f1;
}
.breadcolumn-list li:first-child a {padding: 0 7px 0 9px;}
.breadcolumn-list li:last-child a {color: #333; background: #dcdcdc;}
.breadcolumn-list li a:after,
.breadcolumn-list li a:before {
    display: block;
    margin-left: auto;
    margin-right: -17px;
    height: 16px;
    width: 12px;
    content: " ";
    background: #f1f1f1;
    border-right: 1px solid #dcdcdc;
}
.breadcolumn-list li:last-child a:after,
.breadcolumn-list li:last-child a:before {background: #dcdcdc; border-right:none; }
.breadcolumn-list li a:after {
    position: relative;
    margin-top: -16px;
    -webkit-transform: skew(-20deg);
}
.breadcolumn-list li a:before {
    float: right;
    margin-bottom: -16px;
    -webkit-transform: skew(20deg);
}
/* ad */
.ad {margin: 0 auto; padding: 10px 0; width: 92%;}
.ad-bnr {padding: 3px 0; width: 100%;}
.fixed_bottom_ad{
    z-index: 998;
    position: fixed;
    bottom: 0;
    width: 100%;
    height: 50px;
    text-align: center;
}
.fixed_bottom_ad > div {background-color: #000;}
/* yahoo-im */
.yahoo-im li {margin-bottom: 7px;}
.yahoo-im li:last-child { margin-bottom: 0;}
.yahoo-im a.item {margin-bottom: 10px;}
.yahoo-im a.item:last-child {margin: 0;}
.yahoo-im .hgroup {display: inline-block; margin-bottom: 3px;}
.yahoo-im .title-im {color: #04c; font-size: 108%; }
.yahoo-im .copyright a {color: #b4b4b4; display: inline; font-size: 70%;}
.yahoo-im .url {color: #390; font-size: 77%;}
.yahoo-im .description {color: #444; font-size: 77%;}
#yahoo-im-head .title-im,#yahoo-im-bottom .title-im {color: #7a7a7a; display: inline;font-size: 77%;}
#yahoo-im-head .url,#yahoo-im-bottom .url {font-size: 100%;}
#yahoo-im-head .description,#yahoo-im-bottom .description {color: #949494;}
#yahoo-im-head .title-im .description,#yahoo-im-bottom .title-im .description {font-size: 100%;}
#yahoo-im-bottom {border-bottom: 1px dashed #d7d7d7; border-top: 1px dashed #d7d7d7; margin-bottom: 10px;padding: 3% 1%;}
.free {margin: 0 auto;}
.product-info {
    border: 1px solid #e1e1e1;
    margin: 10px auto;
    width: 80%;
}
.product-info .title {background: #f5f5f5; padding: 10px;}
.product-info .title a {color: #04c;}
.product-info .content-box {padding: 10px;}
.product-info .content-box .thum {width: 80px;}
.product-info .content-box .spec {margin-left: 90px;}
.product-info .content-box .spec dt {margin-bottom: 5px;}
.product-info .credit {color: #ccc; font-size: 77%;padding:5px 10px 10px;}
/* main-box-parts */
.content-box-cmn {margin-bottom: 20px;}
/* tab default*/
.content-box-cmn .tab {
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    margin-bottom: -1px;
    position: relative;
}
.content-box-cmn .tab li {
    display: inline-block;
    letter-spacing: normal; /* 文字間を通常に戻す */
    margin: 0;
    vertical-align: bottom;
}
.content-box-cmn .tab li a {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEE), color-stop(0.00, #FFF));
    background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: linear-gradient(top, #FFF 0%, #EEE 100%);
    border-color: #D7D7D7;
    border-style: solid;
    border-width: 1px 1px 0;
    border-radius: 5px 5px 0 0;
    display: table-cell;
    font-size: 85%;
    line-height: 1.2;
    height: 40px;
    padding: 2px 5px;
    width: 10em;
    vertical-align: middle;
}
.content-box-cmn .tab .on a {
    background: #fcfcfc;
    border-bottom: 1px solid #fcfcfc;
    border-top: 2px solid #c00;
    color: #000;
}
.content-box-cmn .tab .off a {
    background: #e9e9e9;
    color: #404040;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEE), color-stop(0.00, #FFF));
    background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: linear-gradient(top, #FFF 0%, #EEE 100%);
 }
.content-box-cmn .tab > ul.tab-three li a {width: 90px;}
.content-box-cmn .heading {
    background: #fcfcfc;
    border-top: 1px solid #d7d7d7;
    border-bottom: 4px solid #c00;
    color: #000;
    font-size: 138.5%;
    padding: 10px;
}
.content-box-cmn li {
	//background: #fcfcfc url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_red.png) no-repeat 96% 50%;
	background-size: 8px auto;
    border-bottom: 1px solid #d7d7d7;
}
.content-box-cmn li a {
    font-size: 100%;
    line-height: 1.4;
    padding: 10px 45px 10px 10px;
    position: relative;
}
/* tab-four */
.content-box-cmn .tab .tab-four{
    display: table;
    table-layout: fixed;
    width: 100%;
}
.content-box-cmn .tab .tab-four:after {
    display:none;
}
.content-box-cmn .tab .tab-four li{
    display: table-cell;
    background-color: #aaa;
    border-radius: 0;
    height: 40px;
    vertical-align: middle;
}
.content-box-cmn .tab .tab-four li a {
    display: block;
    border: none;
    border-radius: 0;
    border-right: 1px solid #fff;
    box-sizing: border-box;
    color: #fff;
    font-size: 85%;
    line-height: 1.2;
    padding: 13px 2px 2px;
    height: 40px;
    width: 100%;
}
.content-box-cmn .tab .tab-four li:last-child a {
    border: none;
}
.content-box-cmn .tab .tab-four .on a {
    background: #e02528;
    font-weight: bold;
}
.content-box-cmn .tab .tab-four .off a {
    background: #aaa;
}
/* ss&native ad */
.content-box-cmn li a.ss {border-top: 4px double #d7d7d7; margin-top: -1px;}
.label-pr {
    color: #888;
    display: inline-block;
    font-size: 77%;
    margin-left: 5px;
}
/* //ss&native ad */
.content-box-cmn .photo-list a {padding: 10px 30px 15px 10px; min-height: 63px;}
.content-box-cmn .photo-list .thum {
    width: 120px;
    height: 90px;
    text-align: center;
    display: block;
    margin-left: auto;
    margin-right: auto;
    /* background:#fff; */
}
.content-box-cmn .photo-list .thum .pic {
    width: 120px;
    height: 90px;
    /* display: table-cell; */
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
}
.content-box-cmn .photo-list .thum img {
    width: 100px;
    max-height: 70px;
    object-fit: cover;
    vertical-align: middle;
}
.content-box-cmn .photo-list .text {margin-left: 95px;}
.content-box-cmn .photo-list .guide {
	text-align: right;
	margin-right: 4%;
	font-size: 80%;
}
.content-box-cmn .photo-list .guide img {
	width: 30px;
	margin-left: 10px;
	border-radius: 50%;
}
.new .photo-list,
.new .text-list {
    border-top: 1px solid #d7d7d7;
}
.content-box-cmn .even-list {
    margin-bottom: 10px;
}
.content-box-cmn .photo-list .btn-cmn a {min-height: 24px; padding: 5px 10px;}

/* レコメンドにサムネ表示の施策にかかるCSS 15.02.18 */
.more-read .photo-list a {
    min-height: 45px;
    padding: 10px 30px 10px 10px;
}
.more-read .photo-list .text {
    margin-left: 70px;
}
.more-read .photo-list .thum {
    width: 60px;
    height: 45px;
}
.more-read .photo-list .thum img {
    max-width: 60px;
    max-height: 45px;
}

/* トップの文字サイズ及びタブのデザイン変更時のCSS */
.photo-list.list-area .thum {
    width: 120px;
    height: 90px;
}
.photo-list.list-area .thum .pic {
    width: 120px;
    height: 90px;
}

.photo-list.list-area .text {
    margin-left: 130px;
}
.photo-list.list-area a {
    min-height: 90px;
    padding: 10px 30px 10px 10px;
}

.content-box-cmn .even-list li {
    background: #fcfcfc;
    display: table-cell;
    float: left;
    width: 50%;
}
.content-box-cmn .even-list li:nth-child(odd) a {border-right: 1px solid #d7d7d7;}
.content-box-cmn .even-list li a {
    background: #fcfcfc url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_red.png) no-repeat 94% 50%;
    background-size: 8px auto;
    font-size: 93%;
    height: 4.6em;
    padding: 2px 25px 0 10px;
}
.content-box-cmn .even-list li a .link {
    display: table-cell;
    height: 4.6em;
    line-height: 1.2;
    vertical-align: middle;
}
.kisetsu-sp {background: #fcfcfc;　border-bottom: 1px solid #d7d7d7;}
.content-box-cmn .sp-photo-list a {
    font-size: 108%;
    min-height: 50px;
    padding: 10px 30px 10px 10px;
}
.content-box-cmn .sp-photo-list .thum {width: 50px;}
.content-box-cmn .sp-photo-list .text {margin-left: 55px;}
.content-box-cmn .sp-list {
    background: #fff;
    border: 1px solid #eaeaea;
    border-radius: 7px;
    margin: 10px;
    padding: 5px 0;
}
.content-box-cmn .sp-list li {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/l_y_red.png) no-repeat 8px 10px;
    background-size: 8px auto;
    display: inline-block;
    float: left;
    width: 100%;
}
.content-box-cmn .sp-list li a {
    background: none;
    border: none;
    color: #04c;
    font-size: 93%;
    min-height: 0;
    padding: 5px 10px 5px 21px;
}

.official-account .even-list li a {background: none; height: 75px; padding: 5px 10px; position: relative;}
@media all and (orientation:landscape) {
    .official-account .even-list li a{
        height: 60px;
    }
}
/* special */
.sp-contents .main-title {margin: 0!important;}
.sp-contents .content-box-cmn {
    background: #ededed;
}
.sp-contents .content-box-cmn a {
    background: #ededed url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_red.png) no-repeat 96% 50%;
    background-size: 12px auto;
}
.sp-contents .content-box-cmn .heading {
    background: none;
    border-top: 4px solid #c00;
    border-bottom: none;
    font-size: 123.1%;
    padding: 10px 30px 10px 10px;
}
.sp-contents .content-box-cmn .text-list {border-top: 1px solid #d7d7d7;}
.sp-contents .content-box-cmn .text-list a {
    background: #fcfcfc url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_gray.png) no-repeat 96% 50%;
    background-size: 12px auto;
}
.sp-contents .sp-read {
    font-size: 77%;
    line-height: 1.4;
    padding: 0 0 10px 10px;
}
.sp-contents .content-box-cmn .sp-read {padding: 0 30px 10px 10px;}
.sp-contents .content-box-cmn .btn-cmn a {
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
}
.article-list .sp-read {padding: 10px;}
.sp-contents .photo-list {border-top: 1px solid #d7d7d7;}
.sp-contents .photo-list .thum {width: 60px; height: 45px;}
.sp-contents .photo-list .thum .pic {width: 60px; height: 45px;}
.sp-contents .photo-list .thum img {max-width: 60px; max-height: 45px;}
.sp-contents .photo-list .text {margin-left: 70px;}
.sp-contents li a {font-size: 93%;}
.sp-contents .photo-list a {min-height: 45px; padding: 10px 30px 10px 10px;}
.sp-contents .photo-list-2column {border-top: 1px solid #d7d7d7;}
.sp-contents .photo-list-2column li {display: table-cell; float: left; width: 50%; }
.sp-contents .photo-list-2column .thum {width: 90px; height: 67px;  margin: 0 auto 3px;}
.sp-contents .photo-list-2column .thum img {max-height: 67px; max-width: 90px;}
.sp-contents .photo-list-2column a {
    border-right: 1px solid #d7d7d7;
    background: none #fcfcfc;
    min-height: 135px;
    padding: 10px;
}
@media all and (orientation:landscape) {
    .sp-contents .photo-list-2column a{
        min-height: 115px;
        text-align: center;
    }
}
.sp-contents .photo-list-2column a:nth-child(even) {border-right: none;}
.sp-contents .content-box-cmn .text-list {border-top: 1px solid #d7d7d7;}
.text-list.disnon{display: none;}

/* special end */
.official-account .even-list .tw .text,
.official-account .even-list .fb .text,
.official-account .even-list .gp .text{margin-right: 43px;}
.official-account .even-list .yt .text{margin-right: 67px;}
.official-account .even-list .title {font-size: 123.1%; margin-bottom: 3px;}
.official-account .even-list .lead {color: #888; font-size: 77%;}
.official-account .even-list .logo {position: absolute; top: 7px; right: 7px;}
.official-account .even-list .logo-tw {background-position: 0 -333px; height: 41px; width: 41px;}
.official-account .even-list .logo-fb {background-position: -50px -333px; height: 41px; width: 41px;}
.official-account .even-list .logo-gp {background-position: -100px -333px; height: 41px; width: 41px;}
.official-account .even-list .logo-yt {background-position: -150px -333px; height: 41px; width: 67px;}
.more-read {margin: 0;}
/* ランキング */
.ranking li { position: relative;  }
.ranking li a {
    border-bottom: 1px solid #d7d7d7;
    font-size: 93%;
    line-height: 1.4;
    min-height: 100px;
    padding: 7px 30px 0px 7px;
    position: relative;
}
.ranking .num {
    width: 20px;
    height: 20px;
    line-height: 20px;
    float: left;
    font-size: 12px;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    margin: 7px 5px 0 0;
    background: #777;
    vertical-align: top;
    border-radius: 13px;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
}
.ranking li .num.rank1 { background: #dac724; }
.ranking li .num.rank2 { background: #b3b2ae; }
.ranking li .num.rank3 { background: #b39d46; }
.ranking-list .title {
    padding-left: 27px;
    margin-top: 2px;
    line-height: 1.4em;
}
.ranking li a img {
	max-height: 90px;
}
#hide-list li:first-child  .num,
#hide-list li:nth-child(2) .num,
#hide-list li:nth-child(3) .num { background: #777; }
/* ランキング ここまで */

.btn-cmn a,
.btn-cmn .btn-inner {
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    border: 1px solid #c7c7c7;
    border-radius: 5px;
    box-shadow: 2px 2px 3px #e2e2e2;
    -webkit-box-shadow: 2px 2px 3px #e2e2e2;
    color: #c00;
    display: block;
    font-size: 123.1%;
    font-weight: bold;
    margin: 3% 4%;
    padding: 5px 10px;
    text-align: center;
}
.btn-cmn .y-more {background-position: 0 -46px; width: 18px; height: 13px;}
.btn-cmn .y-series {background-position: -3px -62px; width: 15px; height: 13px;}
.btn-cmn .y-return {
    background-position: 5px -62px;
    width: 15px;
    height: 13px;
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.ss-credit {font-size: 85%; margin: 10px auto 20px; width: 96%;}
/* footer-common-menu */
.common-service-box {
    background: #ececec;
    padding: 7px;
    margin-bottom: 20px;
}
.common-service-box .menu-list,
.common-service-box .service-list {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
}
.common-service-box .menu-list {margin-bottom: 10px;}
.common-service-box .menu-list .title,
.common-service-box .service-list .title {
    color: #000;
    border-bottom: 3px solid #a5a5a5;
    font-size: 123.1%;
    padding: 10px 8px 8px;
}
.common-service-box .menu-list li {
    display: table-cell;
    float: left;
    width: 50%;
}
.common-service-box .menu-list li a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_gray.png) no-repeat 96% 50%;
    background-size: 8px auto;
    border-bottom: 1px solid #bfbfbf;
    font-size: 93%;
    padding: 15px 15px 15px 5px;
}
.common-service-box .menu-list li:nth-child(odd) a,
.common-service-box .service-list li a {
    border-right: 1px solid #bfbfbf;
}
.common-service-box .menu-list li:last-child a,
.common-service-box .menu-list li:nth-last-child(2) a,
.common-service-box .service-list li:nth-child(4) a,
.common-service-box .service-list li:nth-child(5) a,
.common-service-box .service-list li:nth-child(6) a {
    border-bottom: none;
}
.common-service-box .service-list li:nth-child(3) a,
.common-service-box .service-list li:nth-child(6) a {
    border-right: none;
}
.common-service-box .menu-list li .label {
    display: table-cell;
    padding-left: 28px;
    vertical-align: middle;
}
.common-service-box .service-list li {
    display: table-cell;
    float: left;
    width: 33.3%;
}
.common-service-box .service-list li a {
    border-bottom: 1px solid #bfbfbf;
    font-size: 85%;
    min-height: 100px;
    padding-bottom: 5px;
}

/* icon-list */
.common-service-box .menu-list .icon {float: left; width: 26px; height: 26px;}
.common-service-box .service-list .logo,
.common-service-box .service-list .label {margin: 0 auto;}
.common-service-box .service-list .logo {
    line-height: 58px;
    width: 93px;
    height: 58px;
    margin-bottom: 10px;
    text-align: center;
}
.common-service-box .service-list .logo .icon {vertical-align: middle;}
.common-service-box .service-list .label {width: 90%;}
.side-service-catalog li .icon { margin-top: -1px; }
.hair-catalog {background-position: -22px -49px;}
.konkatsu {background-position: -53px -49px;}
.sumai {background-position: -84px -49px;}
.tenshoku {background-position: -116px -50px;}
.yubiwa {background-position: -148px -50px;}
.e-books {background-position:-174px -51px;}
.jscatalogue { background-position: -228px -112px; }
.haircatalog {background-position: -171px -661px; }
.makecatalog {background-position: -103px -662px; }
.nailcatalog {background-position: -137px -663px; }
.matome {background-position: -212px -662px;}

.creditcard { background-position: -228px -577px; }
.child-seat { background-position: 5px -615px; }
.love {background-position: -203px -50px;}
.health {background-position: -230px -48px;}
.kurashi {background-position: 0 -80px;}
.kaji {background-position: -24px -79px;}
.ikuji {background-position: -52px -80px;}
.beauty {background-position: -84px -80px;}
.diet {background-position: -116px -79px;}
.money {background-position: -147px -79px;}
.hobby {background-position: -177px -79px;}
.house {background-position: -203px -79px;}
.gourmet {background-position: -229px -79px;}
.recipe {background-position: 2px -113px;}
.digital {background-position: -147px -113px;}
.business {background-position: -26px -113px;}
.travel {background-position: -54px -113px;}
.mens {background-position: -82px -113px;}
.fashion {background-position: -115px -113px;}
.auto {background-position: -176px -113px;}
.forf {background-position: 0 -146px; width: 50px; height: 39px;}
.form {background-position: -70px -153px; width: 74px; height:23px;}
.mico {background-position: -166px -154px; width: 76px; height: 22px;}
.ga {background-position: 0 -202px; width: 86px; height: 25px;}
.dig {background-position: -107px -201px; width: 86px; height: 27px;}
.books {background-position: 0 -244px; width: 84px; height:42px;}
.shikkan {background-position: -160px -270px;}
.hair-catalog {background-position: -22px -49px;}
.konkatsu {background-position: -53px -49px;}
.sumai {background-position: -84px -49px;}
.tenshoku {background-position: -116px -50px;}
.yubiwa {background-position: -148px -50px;}
.e-books {background-position:-174px -51px;}
.tips {background-position: 4px -478px; width: 82px; height: 25px;}
.books {background-position: 0 -244px; width: 84px; height:42px;}
.douga {background-position: -100px -478px; width: 87px; height: 36px;}
.sample {background-position: 3px -514px; width: 81px; height: 40px;}
.mono { background-position: -100px -520px; height: 40px; width: 85px; }

/* footer-common-menu 0620反映分　service-list削除 */
.common-service-box {
    background: #ececec;
    padding: 7px;
    margin-bottom: 20px;
}
.common-service-box .menu-list,
.common-service-box .other-list {
    background: #fff;
    border: 1px solid #bfbfbf;
    border-radius: 5px;
}
.common-service-box .other-list,
.common-service-box .menu-list {margin-bottom: 10px;}
.common-service-box .menu-list .title,
.common-service-box .other-list .title,
.common-service-box .official-account-section > .title {
    color: #000;
    border-bottom: 3px solid #a5a5a5;
    font-size: 108%;
    padding: 10px 8px 8px;
}
.common-service-box .menu-list li {
    display: table-cell;
    float: left;
    width: 50%;
}
.common-service-box .menu-list li a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_gray.png) no-repeat 96% 50%;
    background-size: 8px auto;
    border-bottom: 1px solid #bfbfbf;
    font-size: 93%;
    padding: 15px 15px 15px 5px;
}
.common-service-box .menu-list li:nth-child(odd) a,
.common-service-box .other-list li a {
    border-right: 1px solid #bfbfbf;
}
.common-service-box .menu-list li:nth-last-child(2) a {
    border-bottom: none;
}
.common-service-box .other-list li:last-child a,
.common-service-box .other-list li:nth-last-child(2) a,
.common-service-box .other-list li:nth-last-child(3) a {
    border-bottom: none;
}
.common-service-box .other-list li:nth-child(3n) a {
    border-right: none;
}
.common-service-box .menu-list li a.border-bottom {
    border-bottom: 1px solid #bfbfbf;
}
.common-service-box .menu-list li .label {
    display: table-cell;
    padding-left: 28px;
    vertical-align: middle;
}
.common-service-box .other-list li {
    display: table-cell;
    float: left;
    width: 33.3%;
}
.common-service-box .other-list li a {
    border-bottom: 1px solid #bfbfbf;
    font-size: 85%;
    min-height: 66px;
    padding-bottom: 5px;
}
.common-service-box .menu-list .child-seat + span { font-size: 88%; }
.menu-list-section .child-seat + span { font-size: 62%!important; margin-top: 1px; letter-spacing: -0.2em; }


/* icon-list */
.common-service-box .menu-list .icon {float: left; width: 26px; height: 26px;}
.common-service-box .other-list .logo,
.common-service-box .other-list .label {margin: 0 auto; font-size: 77%;}
.common-service-box .other-list .logo {
    line-height: 50px;
    width: 93px;
    height: 44px;
    margin-bottom: 10px;
    text-align: center;
}
.common-service-box .other-list .logo .icon {vertical-align: middle;}
.common-service-box .other-list .label {width: 90%;}

/* プロが選ぶ おすすめランキング */
.content-box-cmn.pro-ranking .container ul {
    display: table;
    width: 100%;
    text-align: center;
    margin-left: 1%;
}
.content-box-cmn.pro-ranking .container li {
    display: table-cell;
    width: 33%;
    padding: 10px 1%;
    vertical-align: top;
    border-bottom: 1px solid #D7D7D7;
    border-right: 1px dotted #D7D7D7;
}
.content-box-cmn.pro-ranking .container li:last-child {
    border-right: none;
}
.content-box-cmn.pro-ranking .container .thum {
    text-align: center;
    height: auto;
    margin-bottom: 10px;
}
.content-box-cmn.pro-ranking .container .thum img {
    width: 60px;
    height: auto;
}
.content-box-cmn.pro-ranking .container .text {
    text-align: center;
}
.content-box-cmn.pro-ranking .container .num {
    display: block;
    height: 25px;
    line-height: 25px;
    font-size: 100%;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    margin: 0 0 10px 0;
    background: #FFF;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.content-box-cmn.pro-ranking .container li:first-child  .num{ background: #dac724; }
.content-box-cmn.pro-ranking .container li:nth-child(2) .num { background: #b3b2ae; }
.content-box-cmn.pro-ranking .container li:nth-child(3) .num { background: #b39d46; }

/* official-account-section */
.official-account-section {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #BFBFBF;
    border-radius: 5px;
}
.official-account-section .official-account-list h1 {
    border-bottom: 3px solid #A5A5A5;
    color: #000000;
    font-size: 123.1%;
    padding: 10px 8px 8px;
}

.official-account-section .official-account-list li {
    display: table-cell;
    float: left;
    width: 33.3333%;
}
.official-account-section .official-account-list li:first-child a,
.official-account-section .official-account-list li:nth-child(2) a {border-right: 1px solid #d7d7d7;}
.official-account-section .official-account-list li a {
    background: #fcfcfc url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_red.png) no-repeat 94% 50%;
    background-size: 8px auto;
    font-size: 93%;
    height: 4.6em;
    padding: 2px 25px 0 10px;
}
.official-account-section .official-account-list li a .link {
    display: table-cell;
    height: 4.6em;
    line-height: 1.2;
    vertical-align: middle;
}
.common-service-box .official-account-list li a {background: none; height: 70px; padding: 5px; position: relative;}

@media all and (orientation:landscape) {
    .common-service-box .official-account-list li a{
        height: 60px;
    }
}
/* special end */

.common-service-box .official-account-list .title {
    font-size: 77%;
    font-weight: bold;
    margin: 0 0 5px;
    paddings: 0px;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
}
.common-service-box .official-account-list .lead { color: #888; font-size: 77%; }
.common-service-box .official-account-list .logo { height: 28px; width: 28px; margin-bottom: 3px; }
.common-service-box .official-account-list .logo-tw {background-position: 0 -655px; }
.common-service-box .official-account-list .logo-fb {background-position: -34px -655px; }
.common-service-box .official-account-list .logo-gp {background-position: -68px -655px; }
.common-service-box .official-account-list .logo-r_beauty {background-position: 0 -693px; }
.common-service-box .official-account-list .logo-beautydiet {background-position: -37px -693px; }
.common-service-box .official-account-list .logo-r_gourmet {background-position: -75px -693px; }
.common-service-box .official-account-list .logo-children {background-position: -111px -693px; }
.common-service-box .official-account-list .logo-r_kurashi {background-position: -148px -693px;}
.common-service-box .official-account-list .logo-r_relationship {background-position: -186px -693px; }
.common-service-box .official-account-list .logo-r_finance {background-position: -223px -693px; }

/* ----- navitell、じぶん学校、はてなブログ導線 ----- */
.centering a {
    text-align: center;
}

.navitell-btn,
.jibun-btn,
.blog-btn {
    margin-top: 3px;
}
.navitell-btn + .jibun-btn,
.navitell-btn + .blog-btn,
.jibun-btn + .blog-btn {
    margin-top: 0px;
}
.navitell-btn a,
.jibun-btn a,
.blog-btn a {
        display: inline-block;
    padding: 5px;
    height: 20px;
    line-height: 15px;
    color: #0044cc;
}
.navitell-btn .item,
.jibun-btn .item,
.blog-btn .item { font-size: 85%; margin-top: 3px; font-style: normal; color: #0044cc; font-weight: bold; text-align: left; text-decoration: underline; }

.navitell-icon { width: 22px; height: 22px; margin-right: 5px; background-position: -183px -616px; }
.jibun-icon { width: 25px; height: 20px; margin-right: 5px; background-position: -222px -616px; }
.blog-icon { width: 20px; height: 20px; margin-right: 5px; background-position: -0px -756px; }

/* footer */
.gotop {padding-top: 10px;}
.gotop a {display: inline-block; font-size: 93%; padding: 7px;}
.gotop .top {
   background-position: -207px -112px;
   width: 16px;
   height: 16px;
   margin-right: 5px;
}
.search-box {background: #f8f8f8; padding: 15px 7px;}
.search-box-area { padding: 5px 7px; }
.search-box .search-form {
    display: table;
    overflow-x: hidden;
    width: 100%;
}
.search-box .text-search {
    display: table-cell;
    background: #fff url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/icon_search.png) no-repeat 5px 50%;
    border: 1px solid #d4d4d4;
    border-radius: 5px;
    box-sizing: border-box;
    font-size: 108%;
    margin-right: 5px;
    padding: 3px 5px 3px 29px;
    width: 76%;
    height: 36px;
}
.search-box .submit-search {
    display: table-cell;
    vertical-align: middle;
    height: 36px;
    width: 22%;
    padding: 5px;
    background: #888;
    border: 1px solid #888;
    border-radius: 5px;
    box-shadow: 0 0 1px 0 #fff inset;
    -webkit-box-shadow: 0 0 1px 0 #fff inset;
    color: #fff;
}
.footer-link-box {background: #ececec; padding: 7px 0;}
.footer-link-box .ft-navi {
    border-bottom: 1px solid #d7d7d7;
    letter-spacing: -.40em; /* 文字間を詰めて隙間を削除する */
    padding: 0 7px 7px;
    margin-bottom: 7px;
}
.footer-link-box .ft-navi li {
    display: inline-block;
    border-right: 1px solid #9c9c9c;
    letter-spacing: normal; /* 文字間を通常に戻す */
    margin-bottom: 3px;
}
.footer-link-box .ft-navi li:last-child { border-right: none; }
.footer-link-box .ft-navi li a { font-size: 77%; padding: 0 12px; }
.footer-link-box .ft-btn { padding: 0 7px 10px; }
.ft-btn .navi-btn a {
    border: 1px solid #ccc;
    border-radius: 5px;
    background: #fff;
    display: inline-block;
    font-size: 93%;
    padding: 7px 10px;
    vertical-align: middle;
}
.ft-btn .navi-btn .icon {width: 19px; height: 17px; margin-right: 5px;}
.aa-home {background-position: -191px -247px;}
.aa-pc {background-position: -219px -247px;}
.footer-link-box .ft-logo {padding: 0 7px;}
.footer-link-box .ft-logo .logo-ft-area {margin-right: 10px;}
.footer-link-box .ft-logo .logo-ft-area .logo-s {background-position: -105px -246px; height: 17px;  width: 74px;}
.footer-link-box .ft-logo .copyright {
    color: #7b7b7b;
    font-size: 77%;
    padding-top: 3px;
    vertical-align: middle;
}
/* pagination */
.pagination-box {margin: 20px auto; width: 92%;}
.pagination-box .page-turn {font-size: 108%; position: relative;}
.pagination-box .pageback,
.pagination-box .pagenext {
    position: absolute;
}
.pagination-box .pageback {top: 0; left: 0;}
.pagination-box .pagenext {top: 0; right: 0;}
.pagination-box .pageback a,
.pagination-box .pagenext a {
    display: inline-block;
}
.pagination-box .pageback a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/bg_back.png) no-repeat 0 0;
    -webkit-background-size: 11px 30px;
    background-size: 11px 30px;
    padding: 0 0 0 11px!important;
    min-height: 0!important;
}
.pagination-box .pagenext a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/bg_next.png) no-repeat right 0;
    -webkit-background-size: 11px 30px;
    background-size: 11px 30px;
    padding: 0 11px 0 0!important;
    min-height: 0!important;
}
.pagination-box .pageback .previous,
.pagination-box .pagenext .next {
    background-color: #c00;
    color: #fff;
    display: inline-block;
    height: 30px;
    line-height: 32px;
}
.pagination-box .pageback .previous {
    border-radius: 0 5px 5px 0;
    box-shadow: 2px 2px 3px #b3b3b3;
    -webkit-box-shadow: 2px 2px 3px #b3b3b3;
    padding: 0 17px 0 13px;
}
.pagination-box .pagenext .next {
    border-radius: 5px 0 0 5px;
    box-shadow: -2px 2px 3px #b3b3b3;
    -webkit-box-shadow: -2px 2px 3px #b3b3b3;
    padding: 0 13px 0 17px;
}
.pagination-box .page-count {
    display: inline-block;
    font-size: 77%;
    line-height: 26px;
}
/* pagination-navi */
.pagination-navi {margin: 20px auto; width: 92%;}

.pagination-navi .page-turn {font-size: 108%; position: relative;}

.pagination-navi .pageback,
.pagination-navi .pagenext {
    position: absolute;
}
.pagination-navi .pageback {top: 0; left: 0;}

.pagination-navi .pagenext {top: 0; right: 0;}

.pagination-navi .pageback a,
.pagination-navi .pagenext a {
    display: inline-block;
}
.pagination-navi .pageback .previous,
.pagination-navi .pagenext .next {
    background-color: #c00;
    color: #fff;
    font-weight: bold;
    display: inline-block;
    height: 35px;
    line-height: 35px;
    font-size: 65%;
}
.pagination-navi .pageback .previous {
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    box-shadow: 2px 2px 3px #b3b3b3;
    -webkit-box-shadow: 2px 2px 3px #b3b3b3;
    padding: 0 5px 0 3px;
}
.pagination-navi .pageback a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/bt-back.png) no-repeat 0 0;
    -webkit-background-size: 11px 34px;
    background-size: 11px 34px;
    padding: 0 0 0 11px;
    min-height: 0;
    border-bottom: none;
}
.pagination-navi .pagenext .next {
    border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    box-shadow: -2px 2px 3px #b3b3b3;
    -webkit-box-shadow: -2px 2px 3px #b3b3b3;
    padding: 0 3px 0 5px;
}
.pagination-navi .pagenext a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/bg_next.png) no-repeat right 0;
    -webkit-background-size: 11px 34px;
    background-size: 11px 34px;
    padding: 0 11px 0 0;
    min-height: 0;
    border-bottom: none;
}
.pagination-navi .page-count {
    display: inline-block;
    font-size: 77%;
    line-height: 26px;
}
.pagination-navi .page-number li {
    border-top: #ccc 1px solid;
    border-right: #ccc 1px solid;
    border-bottom: #ccc 1px solid;
    background: #e9e9e9;
    color: #404040;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #EEE), color-stop(0.00, #FFF));
    background: -webkit-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: -moz-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: -o-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: -ms-linear-gradient(top, #FFF 0%, #EEE 100%);
    background: linear-gradient(top, #FFF 0%, #EEE 100%);
    margin: 0;
    box-shadow: 2px 2px 3px #b3b3b3;
    -webkit-box-shadow: 2px 2px 3px #b3b3b3;
}
.pagination-navi .page-number li.current {
    border-top: #777 1px solid;
    border-right: #777 1px solid;
    border-bottom: #777 1px solid;
    background: #777;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #777), color-stop(0.00, #777));
    background: -webkit-linear-gradient(top, #777 0%, #777 100%);
    background: -moz-linear-gradient(top, #777 0%, #777 100%);
    background: -o-linear-gradient(top, #777 0%, #777 100%);
    background: -ms-linear-gradient(top, #777 0%, #777 100%);
    background: linear-gradient(top, #777 0%, #777 100%);
    margin: 0;
    box-shadow: 2px 2px 3px #b3b3b3;
    -webkit-box-shadow: 2px 2px 3px #b3b3b3;
}
.pagination-navi .page-number li:first-child {
    border-top-left-radius: 5px;
    -webkit-border-top-left-radius: 5px;
    -moz-border-top-left-radius: 5px;
    border-bottom-left-radius: 5px;
    -webkit-border-bottom-left-radius: 5px;
    -moz-border-bottom-left-radius: 5px;
    border-left: #ccc 1px solid;
}
.pagination-navi .page-number li:last-child {
    border-top-right-radius: 5px;
    -webkit-border-top-right-radius: 5px;
    -moz-border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    -webkit-border-bottom-right-radius: 5px;
    -moz-border-bottom-right-radius: 5px;
    border-left: #ccc 1px solid;
    border-left: none;
}
.pagination-navi .page-number li a {
    display: block;
    height: 33px;
    line-height: 33px;
    width: 28px;
    text-align: center;
    padding: 0 3px;
    font-size: 65%;
    color: #404040;
    font-weight: bold;
    background: none;
    border-bottom: none;
    min-height: 0;
    position: static;
}
.pagination-navi-ranking .page-number li a {
    width: 52px;
    padding: 0 2px;
    font-size: 9px;
}
.pagination-navi .page-number li.current a { color:#FFF; }
/* pagenation-test */
.pagenation {
    overflow: hidden;
    padding: 27px 7px 20px;
    position: relative;
    text-align: center;
}
.pagenation a {
    background: #fff!important;
    background: -moz-linear-gradient(top, #fff 0%, #f4f4f4 100%)!important;
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fff), color-stop(100%,#f4f4f4))!important;
    border: 1px solid #ccc;
    -webkit-border-radius: 5px;
    border-radius: 5px;
    font-size: 18px;
    font-weight: bold;
    margin: 0;
    padding: 9px 18px 7px;
}
.pagenation .prev, .pagenation .next .pagenation .pager {display: inline-block;}
.pagenation .prev {float: left;}
.pagenation .next {float: right;}
.pagenation .pager {
    font-size: 12px;
    left: 50%;
    margin-left: -43px;
    padding: 14px 0 0;
    position: absolute;
    width: 90px;
}

/* pagination-navi 改修テスト1412　別タイプとして実装 */
.pagination-navi-type-a {
    position: relative;
    width: 100%;
    height: 60px;
    margin: 0 0 20px 0;
    background: #efefef;
    line-height: 1;
}
.pagination-navi-type-a .pageprev {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 35%;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    padding: 0;
}
.pagination-navi-type-a .pageprev .icon {
    position: absolute;
    top: 15px;
    left: 18px;
    display: block;
    text-indent: -9999px;
    width: 13px;
    height: 30px;
    background-position: -119px -411px;
}
.pagination-navi-type-a .pagenext {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    width: 35%;
    height: 60px;
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    padding: 0;
}
.pagination-navi-type-a .pagenext .icon {
    position: absolute;
    top: 15px;
    right: 18px;
    display: block;
    text-indent: -9999px;
    width: 13px;
    height: 30px;
    background-position: -143px -411px;
}
.pagination-navi-type-a .page-number {
    display: inline-block;
    text-align: center;
    margin: 0 auto;
    padding: 22px 0 0;
}
.pagination-navi-type-a .page-number .current {
    font-weight: bold;
}

.triangle-prev {
    border-bottom: 8px solid transparent;
    border-right: 11px solid #f5882f;
    border-top: 8px solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
    margin-right: 8px;
}
.triangle-next {
    border-bottom: 8px solid transparent;
    border-left: 11px solid #f5882f;
    border-top: 8px solid transparent;
    display: inline-block;
    height: 0;
    width: 0;
    margin-left: 8px;
}
.pagenation li, .pagenation a {display: inline-block;}
.content-box-cmn .photo-list .pagination-box li a { border-bottom: none; padding: 0 11px 0 11px; }
/* global-menu */
#modal {display: none;}
#pageslide {
    background: #ddd;
    display: none;
    position: absolute;
    top: 0;
    min-height: 100%;
    z-index: 999999;
    padding: 15px 10px;
    width: 215px;
}
.global-menu .menu-header {position: relative;}
.global-menu .menu-header .close-btn a {position: absolute; top: 0; right: 0;}
.global-menu .main-title {font-size: 138.5%; margin-bottom: 15px;}
.global-menu .close-btn a {
    background: #ddd;
    border: 1px solid #bdbdbd;
    border-radius: 5px;
    box-shadow: 0 0 2px 0 #fff inset;
    -webkit-box-shadow: 0 0 2px 0 #fff inset;
    color: #000;
    display: inline-block;
    font-size: 85%;
    padding: 6px 10px;
}
.global-menu .close {
    background-position: -210px -208px;
    width: 14px;
    height: 14px;
    margin-right: 5px;
}
.global-menu .menu-list {background: #efefef; border-radius: 5px; margin-bottom: 10px;}
.global-menu .menu-list li {border-bottom: 1px solid #ddd;}
.global-menu .menu-list li:last-child {border: none;}
.global-menu .menu-list .menu-title {
    border-bottom: 2px solid #ddd;
    font-size: 108%;
    padding: 12px 10px 10px;
}
.global-menu .menu-list a {font-size: 93%; padding: 12px 25px 12px 7px;}
.global-menu .theme a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_b_gray.png) no-repeat 96% 50%;
    background-size: 12px auto;
}
.global-menu .home a,
.global-menu .service a,
.global-menu .other a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_gray.png) no-repeat 96% 50%;
    background-size: 8px auto;
}
.global-menu .menu-list .open a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_t_gray.png) no-repeat 96% 50%;
    background-size: 12px auto;
}
.global-menu .menu-list .menu-open {letter-spacing: -.40em; margin-left: 10px;}
.global-menu .menu-list .menu-open li {border: none; display: inline-block;}
.global-menu .menu-list .menu-open a {
    background: #fff;
    border: none;
    border-radius: 5px;
    display: inline-block;
    font-size: 93%;
    letter-spacing: normal;
    margin: 0 7px 5px 0;
    padding: 7px;
}
.global-menu .menu-list .menu-open .all-list a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_gray.png) no-repeat 99% 50%;
    background-size: 8px auto;
    border-radius: 0;
    display: block;
    font-size: 93%;
    padding: 6px 20px 6px 0;
}
.global-menu .menu-list .icon {float: left; margin-right: 5px;}
.global-menu .home .icon,
.global-menu .theme .icon,
.global-menu .service .icon {
    height: 26px;
    width: 26px;
}
.global-menu .other .icon {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/icon_sprite.png) no-repeat 0 0;
    background-size: 166px auto;
    margin-top: -4px;
    height: 28px;
    width: 57px;
}
.global-menu .home .aa-home {background-position: -187px -246px;}
.global-menu .menu-list .home a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_gray.png) no-repeat 96% 50%;
    background-size: 8px auto;
}
.global-menu .other .tips {background-position: 2px -311px;}
.global-menu .other .forf {background-position: 10px -96px;}
.global-menu .other .form {background-position: -46px -99px;}
.global-menu .other .mico {background-position: -110px -99px;}
.global-menu .other .ga {background-position: 0 -130px; }
.global-menu .other .dig {background-position: -71px -128px;}
.global-menu .other .books {background-position: 0 -162px;}
.global-menu .other .douga {background-position: -66px -315px;}
.global-menu .other .sample {background-position: 4px -342px;}
.global-menu .other .mono { background-position: -66px -346px; }
.global-menu .other .navitell { background-position: 0px -482px; height: 14px; margin-top: 1px; }
.global-menu .other .aanavi { background-position: -69px -484px; height: 18px; margin-top: -2px; }
.global-menu .other .aaf { background-position: 0 -499px; }
.global-menu .other .carconmarket { background-position: -62px -504px; }
.global-menu .other .cafesnap {background-position: -65px -319px; height: 16px; margin: 0 5px 0 0;}

.global-menu .menu-list.special {
	margin-bottom: 10px;
}
.global-menu .menu-list.special a {
	padding: 1px;
}

/* article-list */
.article-list .main-title {
    background: #c00;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c00),color-stop(100%,#ad0101));
    border-bottom: 1px solid #6a0000;
    color: #fff;
    font-size: 138.5%;
    margin-bottom: 10px;
    padding: 7px 10px 4px;
    word-break: break-all;
}

/* r-navi */
.ch-nav {margin-bottom: 15px;}
.ch-nav ul {margin-top: -10px;}
.ch-nav a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_red.png) no-repeat 96% 50%;
    background-size: 8px auto;
    border-bottom: 1px solid #d7d7d7;
    font-size: 108%;
    line-height: 1.4;
    padding: 10px 25px 10px 10px;
}
/* gstop/guide */
.guide-box {
    margin: 0 10px 15px 10px;
    overflow: hidden;
    position: relative;
}
.guide-box .guide-list {margin: 0 10%; width: 80%;}
.guide-box .one {margin: 0; width: 100%;}
.guide-box .writer-box {
    min-height: 68px;
    margin: 0 auto;
    pverflow: hidden;
    position: relative;
}
.guide-box .guide-list .writer-box ul {position: absolute; width: 20000em;}
.guide-box .writer-box .detail {display: table-cell;}
.guide-box .writer-box .profile {color: #04C; font-size: 85%;}
.guide-box .writer-box .g-thum {
    width: 60px;
    height: 60px;
    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;
}
.guide-box .writer-box .g-thum div.pic {
    width: 60px;
    height: 60px;
    line-height: 60px;
    display: block;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
}
.guide-box .writer-box .g-thum img {
    max-width: 60px;
    max-height: 60px;
    line-height: 60px;
    vertical-align: middle;
    display:inline;
}
.guide-box .writer-box .g-thum span.centering{
    height: 60px;
    line-height: 60px;
    visibility: hidden;
    overflow: hidden;
    vertical-align: middle;
}
.guide-box .writer-box .name-box {margin-left: 75px;}
.guide-box .writer-box .gs {margin-bottom: 10px;}
.guide-box .writer-box .name {
    font-size: 93%;
    font-size: 123.1%;
    height: 15px;
    margin: 0;
    padding: 0;
}
.guide-box .box-navi .y-previous,
.guide-box .box-navi .y-next {position: absolute; top: 0;}
.guide-box .box-navi .y-previous {left: 0;}
.guide-box .box-navi .y-next {right: 0;}
.guide-box .box-navi .y-previous a,
.guide-box .box-navi .y-next a {
    display: table-cell;
    vertical-align: middle;
    height: 68px;
}
.guide-box .box-navi .y-previous .previous,
.guide-box .box-navi .y-next .next {
    background-position: -229px -192px;
    width: 20px;
    height: 36px;
}
.guide-box .box-navi .y-previous .previous {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
/* home-menu */
.navi-ch {margin-bottom: 10px;}
.nav-list {border-bottom: 1px solid #6a0000;}
.nav-list ul {
    background: #c00;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c00),color-stop(100%,#ad0101));
    display: table;
    table-layout: fixed;
    width: 100%;
}
.nav-list li {
    display: table-cell;
    border-right: 1px solid #fff;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 28%;
}
.nav-list li:last-child { border-right: none; width: 16%; }
.nav-list li a,
.more-list li a {
    color: #fff;
    font-size: 100%;
    padding: 14px 0;
    white-space: nowrap;
}
.nav-list .more-btn a {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_b_white.png) no-repeat 50% 50%;
    background-size: 12px auto;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.nav-list .more-btn .open {
    -webkit-transform: rotate(180deg);
    -moz-transform: rotate(180deg);
}
.more-list li {
    background: #c00;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#c00),color-stop(100%,#ad0101));
    display: table-cell;
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    vertical-align: middle;
    width: 50%;
}
.more-list li a {border-bottom: 1px solid #6a0000; border-right: 1px solid #fff;}
.more-list li:nth-child(even) a {border-right: none;}
/* search */
.search-area {margin: 10px auto; width: 94%;}
/* add-icon-home */
.add-icon-home {
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -145px;
    height: 110px;
    width: 290px;
}
/* マイナビ用CSSスタート */
.mn-box {margin-bottom: 20px; overflow-x: hidden;}
.mn-box .secTtl, .mn-box .statTtl {
    position: relative;
    margin: 0;
    padding: 5px 10px;
    color: #fff;
    font-size: 15px;
    line-height: 1.13333;
    text-shadow: 0 1px 0 rgba(0, 0, 0, 0.4);
}
.mn-box .secTtl {
    background: -webkit-gradient(linear, left bottom, left top, from(#ea5353), color-stop(95%, #e42626), to(#f5aeae)), #e42626;
    background: -moz-linear-gradient(90deg, #ea5353 0%, #e42626 95%, #f5aeae 100%), #e42626;
    border-top-color: #ef8181;
    border-top: 1px solid #bf1818;
    border-bottom: 1px solid #921212;
}
.mn-box .secTtl .sub {
    float: right;
    font-size: 12px;
    line-height: 1.41667;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    background-color: #fff;
    color: #000;
    text-shadow: none;
    padding: 0px 5px;
}
.mn-box .linkListBlock {border-top: 1px solid #ccc; border-bottom: 1px solid #ccc;}
.mn-box .linkListBlock > li, .mn-box .linkListBlock > .ttl {
    position: relative;
    color: black;
    background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.8)), to(rgba(255, 255, 255, 0))), #e3e3e3;
    background: -moz-linear-gradient(90deg, rgba(255, 255, 255, 0.8) 0%, rgba(255, 255, 255, 0) 100%), #e3e3e3;
    border-top-color: white;
    border-top: 1px solid #fff;
    font-size: 14px;
    line-height: 1.42857;
}
.mn-box .linkListBlock.more > .content { display: none;}
.mn-box .linkListBlock.open > .content, .mn-box .linkListBlock.form-error > .content {display: block;}
.mn-box .linkListBlock.more.open > .ttl > a {
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/free/icon_arrow_gray_up.png) no-repeat 100% 50%;
    background-size: 44px 50px;
    -webkit-background-size: 44px 50px;
    -moz-background-size: 44px 50px;
}
.mn-box .linkList ul, .linkListTop ul {margin: 0; border-bottom: 1px solid #b7b7b7;}
.mn-box .linkListTop.count ul li { padding: 0;}
.mn-box .linkList.count ul li, .mn-box .count.linkListTop ul li {display: table; width: 100%; padding: 0;}
.mn-box .linkListTop ul li {padding: 0; border-bottom: 1px dotted #b2b2b2;}
.mn-box .linkList ul li, .linkListTop ul li {padding: 10px; border-bottom: 1px dotted #b2b2b2;}
.mn-box .linkListTop.count ul li > a {display: table; width: 100%; padding: 0 35px 0 0;}
.mn-box .linkListTop ul li a {
    display: block;
    padding: 10px 35px 10px 10px;
    color: black;
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/free/icon_arrow_gray_right.png) no-repeat 100% 50%;
    background-size: 44px 50px;
    -webkit-background-size: 44px 50px;
    -moz-background-size: 44px 50px;
    text-decoration: none;
    font-size: 85%;
}
.mn-box .linkListTop.count ul li > a > span {display: table-cell; padding: 10px; vertical-align: middle;}
.mn-box .linkListTop ul li a {color: black;}
.mn-box .linkListTop.count ul li > a > span.num {
    width: 0.1%;
    padding-left: 0;
    padding-right: 0;
    white-space: nowrap;
    color: #ff7200;
}
.mn-box .linkListTop.count ul li > a > span {display: table-cell; padding: 10px; vertical-align: middle;}
.mn-box .linkListBlock > li > a > span.mynavi-icon,
.mn-box .linkListBlock > li > span > span.mynavi-icon,
.mn-box .linkListBlock > .ttl > a > span.mynavi-icon,
.mn-box .linkListBlock > .ttl > span > span.mynavi-icon {
    padding: 0 0 0 9px;
    width: 0.1%;
    white-space: nowrap;
}
.mn-box .col2.linkListTop ul {overflow: hidden;}
.mn-box .linkList.col2 ul li:nth-child(2n-1),
.mn-box .col2.linkListTop ul li:nth-child(2n-1) {
    border-right: 1px dotted #b2b2b2;
}
.mn-box .linkList.col2 ul li, .mn-box .col2.linkListTop ul li {
    float: left;
    width: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mn-box .linkListTop ul li {padding: 0; border-bottom: 1px dotted #b2b2b2;}
.mn-box .linkListTop ul li a {
    display: block;
    padding: 10px 35px 10px 10px;
    color: black;
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/free/icon_arrow_gray_right.png) no-repeat 100% 50%;
    background-size: 44px 50px;
    -webkit-background-size: 44px 50px;
    -moz-background-size: 44px 50px;
    text-decoration: none;
}
.mn-box .linkListBlock > .content {border-top: 1px solid #ccc;}
.mn-box .linkListBlock > li > a > span.txt, .mn-box .linkListBlock > li > span > span.txt, .mn-box .linkListBlock > .ttl > a > span.txt, .mn-box .linkListBlock > .ttl > span > span.txt {
    text-align: left;
    padding-right: 0;
}
.mn-box .linkListBlock > li > a > span, .linkListBlock > .ttl > a > span {
    padding: 15px 10px 15px 10px;
}
.mn-box .linkListBlock > li > a > span, .mn-box .linkListBlock > li > span > span, .mn-box .linkListBlock > .ttl > a > span, .mn-box .linkListBlock > .ttl > span > span {
    display: table-cell;
    padding: 10px;
    vertical-align: middle;
}
.mn-box .linkListBlock > li > a, .mn-box .linkListBlock > li > span, .mn-box .linkListBlock > .ttl > a, .mn-box .linkListBlock > .ttl > span {
    color: black;
}
.mn-box .linkListTop.count ul li > a > span.txt > span {display: block; font-size: 85%;}
.mn-box .linkListTop.count ul li > a > span.txt > span:last-child {
    color: #777;
    font-size: 12px;
    line-height: 1.25;
    margin-top: 2px;
}
.mn-box .linkListBlock.next > .ttl > a {
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/free/icon_arrow_gray_right.png) no-repeat 100% 50%;
    background-size: 44px 50px;
    -webkit-background-size: 44px 50px;
    -moz-background-size: 44px 50px;
}
.mn-box .linkListBlock.more.open > .ttl > a {
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/free/icon_arrow_gray_up.png) no-repeat 100% 50%;
    background-size: 44px 50px;
    -webkit-background-size: 44px 50px;
    -moz-background-size: 44px 50px;
}
.mn-box .linkListBlock.more > .ttl > a {
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/free/icon_arrow_gray_down.png) no-repeat 100% 50%;
    background-size: 44px 50px;
    -webkit-background-size: 44px 50px;
    -moz-background-size: 44px 50px;
}
.mn-box .linkListBlock02:last-child {border-bottom: 1px solid #D0D0D0;}
.mn-box .linkListBlock02 {
    padding: 15px 10px;
    border-top: 1px solid #D0D0D0;
    position: relative;
}
.mn-box .linkListBlock02 a {
    display: block;
    margin: -15px -10px;
    padding: 15px 30px 15px 10px;
    color: black;
    text-decoration: none;
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/free/icon_arrow_gray_right.png) no-repeat right center;
    background-size: 44px 50px;
    overflow: hidden;
}
.mn-box .linkListBlock02 p.jobtxt {font-size: 14px; color: #464646; padding-right: 12px;}
.mn-box .section, .mn-box .mn-box .section2 {margin: 1em 10px; font-size: 85%;}
.mn-box .section, .mn-box .mn-box .section2 a {text-decoration: underline;}
.mn-box .alR {text-align: right;}
.mn-box .keywordSearch {
    display: table;
    width: 100%;
    padding: 10px 25px;
    background: #dad3c1;
    border-top: 1px solid #fff;
    border-bottom: 3px solid #e12a2d;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mn-box .keywordSearch .input {padding-right: 6px;}
.mn-box .keywordSearch > span {display: table-cell;}
.mn-box .keywordSearch .input input {
    width: 100%;
    background: #fff;
    border-color: #ccc;
    -webkit-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
    box-shadow: inset 0 0 8px rgba(0, 0, 0, 0.2);
}
.mn-box input.form-text {
    background: none;
    border: none;
    display: inline-block;
    -webkit-appearance: none;
    -moz-appearance: none;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    box-shadow: inset 0 1px 4px rgba(0, 0, 0, 0.3);
    padding: 8px;
    border: 1px solid #6e6e6e;
}
.mn-box .keywordSearch .btn {width: 0.1%;}
.mn-box .keywordSearch .btn a {
    white-space: nowrap;
    display: inline-block;
    padding: 5px 10px;
    font-size: 15px;
    text-decoration: none;
    line-height: 1.33333;
    display: inline-block;
    color: #fff;
    background: none, -webkit-gradient(linear, left bottom, left top, from(#1b1a17), to(#7e7e7e));
    background: none, -moz-linear-gradient(90deg, #1b1a17 0%, #7e7e7e 100%);
    background-repeat: repeat, repeat;
    background-position: 0 0, 0 0, 0 0;
    -webkit-background-size: auto, auto;
    -moz-background-size: auto, auto;
    text-decoration: none;
    border: 1px solid #8b877b;
    border-bottom-color: #1b1a17;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 0 rgba(0, 0, 0, 0.1);
}
/* マイナビ用CSSエンド */

/* compi */
.matome .photo-list .thum {width: 60px; height: 45px;}
.matome .photo-list .thum .pic {width: 60px; height: 45px;}
.matome .photo-list .thum img {max-width: 60px; max-height: 45px;}
.matome .photo-list .text {margin-left: 70px;}
.matome li a { font-size: 93%; }
.matome .photo-list a {min-height: 45px; padding: 10px 30px 10px 10px;}
.photo-list.disnon{display: none;}

/* おすすめ情報 */
.recommend .photo-list .thum {width: 60px; height: 45px;}
.recommend .photo-list .thum .pic {width: 60px; height: 45px;}
.recommend .photo-list .thum img {max-width: 60px; max-height: 45px;}
.recommend .photo-list .text {margin-left: 70px;}
.recommend li a {font-size: 93%;}
.recommend .photo-list a {min-height: 45px; padding: 10px 30px 10px 10px;}

/* 薬検索 */
.medicine-search {margin-bottom: 15px;}
.medicine-search .sp-read {font-size: 93%;}
.medicine-search .search-box {
    background: #fff;
    border: 4px solid #b3b3b3;
    border-radius: 5px;
    margin: 10px;
    padding: 0;
}
.medicine-search .search-box .title {
    background: #efefef;
    font-size: 123.1%;
    padding: 10px;
}
.medicine-search .search-box .text {font-size: 77%;margin: 10px;}
.search-box .search-form {
    display: table;
    overflow-x: hidden;
    width: 100%;
}
.search-box-medicine {padding: 5px 10px 10px;}
.search-box-medicine .word {
    background: url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/icon_search.png) no-repeat scroll 5px 50% #FFF;
    border-radius: 2px;
    border: 1px solid #D4D4D4;
    display: table-cell;
    font-size: 108%;
    height: 36px;
    margin-right: 5px;
    padding: 3px 5px 3px 29px;
    width: 75%;
}
.search-box-medicine .submit {
    background: none repeat scroll 0 0 #2982C9;
    border: 1px solid #1473AD;
    border-radius: 2px;
    box-shadow: 0 0 1px 0 #FFF inset;
    color: #FFF;
    display: table-cell;
    height: 34px;
    padding: 5px;
    width: 23%;
}
.syllabary-list {margin: 0 10px 15px;}
.syllabary-list .heading {
    border-left: 8px solid #C00;
    font-size: 138.5%;
    margin-bottom: 10px;
    padding: 2px 7px;
}
.syllabary-list .text {font-size: 93%; margin-bottom: 10px;}
.japanese-syllabary li {display: inline-block; margin: 4px;}
.japanese-syllabary li a {
    border: 1px solid #ddd;
    border-radius: 3px;
    display: block;
    font-size: 138.5%;
    padding: 4px 8px;
}
.medicine-content .caution {color: #666; margin: 10px;}
.medicine-content .caution .title {font-size: 93%;}
.medicine-content .caution li {
    font-size: 77%;
    list-style: disc inside none;
    margin: 8px 0;
}
.medicine-name-box .caution {margin: 0 10px;}
.medicine-detail-box .caution {
    background: #FFFEDE;
    font-size: 85%;
    margin: 0 10px 10px;
    padding: 10px;
}
.medicine-detail {
    border-top: 3px solid #c00;
    padding-top: 12px;
}
.medicine-name {margin: 0 10px 7px;}
.medicine-name .thum {
    background:#fff;
    border: 1px solid #dfdfdf;
    display: block;
    height: 120px;
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    padding: 5px;
    width: 120px;
}
.medicine-name .thum .pic {
    width: 120px;
    height: 120px;
    display: table-cell;
    vertical-align: middle;
    margin: auto;
    text-align: center;
    text-decoration: none;
}
.medicine-name .thum img {
    max-width: 120px;
    max-height: 120px;
    vertical-align: middle;
    display:inline;
}
.medicine-name .detail-box {margin-left: 140px;}
.medicine-name .detail-box .name {font-size: 138.5%; font-weight: bold; margin-bottom: 5px;}
.medicine-name .detail-box .company {font-size: 85%;}
.madicine-list {margin: 0 10px;}
.madicine-list dl {font-size: 85%; margin-bottom: 7px;}
.madicine-list dt,.madicine-list dd {display: inline-block; vertical-align: top;}
.madicine-list dt {font-weight: bold; width: 15%;}
.madicine-list dd {width: 85%;}
.medicine-menu .menu-list {border-top: 1px solid #D7D7D7;}
.medicine-menu .menu-list .list-title {
    background: #f4f4f4 url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_b_red.png) no-repeat scroll 96% 50%;
    background-size: 18px auto;
    border-bottom: 1px solid #D7D7D7;
    cursor: pointer;
    font-size: 123.1%;
    line-height: 1.4;
    padding: 12px 40px 12px 10px;
}
.medicine-menu .menu-list .open {
    background: #f4f4f4 url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_t_red.png) no-repeat scroll 96% 50%;
    background-size: 18px auto;
}
.medicine-menu .menu-list .list-detail {
    border-bottom: 1px solid #D7D7D7;
    padding: 10px;
}
.medicine-menu .menu-list .list-detail li {
    font-size: 93%;
    list-style: disc inside none;
    line-height: 1.4;
    margin-bottom: 7px;
}
.medicine-menu .menu-list .list-detail .nolistmarker li {list-style: none;}
.medicine-menu .menu-list .list-detail .nolistmarker li ul li {
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/dot_gray.png) no-repeat 10px 0.5em;
    display: inline;
    padding-left: 20px;
}
.medicine-menu .menu-list .list-detail .nolistmarker li ul li.side-effect-name {
    background: none ;
    color: #B31A1A;
    font-weight: bold;
    padding-left: 10px;
}
/* 20140401用 */
.page-wrap .common-service-box {
    padding: 0;
    background: none;
}
.page-wrap .content-box-cmn .heading {
    font-size: 108%;
    font-weight: normal;
    background: #fcfcfc;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #c00;
    color: #000;
    font-size: 108%;
    font-weight: bold;
    padding: 10px;
}
.page-wrap .content-box-cmn > a > .heading {
    border-bottom: none;
    background: none;
    border-top: 4px solid #c00;
}
.page-wrap .bottom-contents-section .glay-bk-area { background: #f1f1f1; padding: 7px; }
.page-wrap .kisetsu-sp .text { font-size: 93%; }
/* 下部メニュー */
.page-wrap .menu-list-section { margin-bottom: 20px; }
.page-wrap .bottom-contents-section .menu-list ul {
    width: 300px; margin: 0 auto;
}
.page-wrap .bottom-contents-section .menu-list, .page-wrap .common-service-box .other-list {
    background: none;
    border: none;
}
.page-wrap .bottom-contents-section .menu-list .title,
.page-wrap .common-service-box .other-list .title,
.page-wrap .menu-list-section .title {
    border-bottom: 1px solid #CC0000;
    color: #000000;
    font-weight: bold;
    font-size: 108%;
    padding: 10px 8px 8px;
    margin-bottom: 10px;
}
/* マガジンリスト */
.page-wrap .magazine-wrap {
    background: #FFF;
    padding: 5px 0 0;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.page-wrap .menu-list .magazine-list li { width: 144px; margin-bottom: 5px; float: left; }
.page-wrap .menu-list .magazine-list li:nth-child(odd) { float: left; margin-right: 5px; }
.page-wrap .menu-list .magazine-list li img {
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

.page-wrap .common-service-box .menu-list .magazine-list { margin: 0 auto; width: 293px; }
.page-wrap .common-service-box .menu-list .magazine-list li a { padding: 0; background: none; border: none; position: relative; }
.page-wrap .magazine-list .magazine-label {
    position: absolute;
    top: 0px;
    left: 0px;
    font-size: 77%;
    width: 70px;
    height: 15px;
    line-height: 17px;
    color: #FFF;
    text-align: center;
    border-top-left-radius: 3px;
    -webkit-border-top-left-radius: 3px;
    -moz-border-top-left-radius: 3px;
    opacity: 0.7;
}
.page-wrap .magazine-list .magazine-label.form {background: #000;}
.page-wrap .magazine-list .magazine-label.forf {background: #f6aa00;}
.page-wrap .magazine-list .magazine-label.mico {background: #dc6b7c;}
.page-wrap .magazine-list .magazine-label.football {background: #29a9f2;}
.page-wrap .magazine-list .magazine-label.tips {background: #66BE96; margin: 0;}
.page-wrap .magazine-list .magazine-label.newsdig {background: #333;}
.page-wrap .lead-box {
    background: #000;
    opacity: 0.40;
    width: 138px;
    padding: 3px;
    border-bottom-left-radius: 3px;
    -webkit-border-bottom-left-radius: 3px;
    -moz-border-bottom-left-radius: 3px;
    border-bottom-right-radius: 3px;
    -webkit-border-bottom-right-radius: 3px;
    -moz-border-bottom-right-radius: 3px;
}
.page-wrap .lead-box .text {
    line-height: 1.2;
    font-size: 85%;
    font-weight: bold;
    color: #FFF;
}
.page-wrap .menu-list-section {
    border: none;
}
/* カテゴリナビ */
.page-wrap .list-wrap {
    margin: 0 auto;
    width: 98%;
}
/* four-list */
.page-wrap .bottom-contents-section .four-list {
    width: 100%;
    margin-left: 0.5%;
}
.page-wrap .bottom-contents-section .four-list li {
    width: 25%;
    height: 61px;
    margin-bottom: 1%;
}
.page-wrap .bottom-contents-section .four-list li a {
    display: block;
    background: #FFF;
    width: 96%;
    height: 54px;
    margin: 0 2%;
    text-align: center;
    padding-top: 5px;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.page-wrap .bottom-contents-section .four-list li a .item {
    font-size: 69%;
}
.page-wrap .bottom-contents-section .four-list li a .item.small {
    font-size: 60%;
}
.page-wrap .bottom-contents-section .four-list li.all .text {
    font-size: 108%;
    vertical-align: middle;
    line-height: 62px;
}
.page-wrap .bottom-contents-section .four-list li .icon {
    width: 30px;
    height: 30px;
    margin: 0px auto 5px;
    display: block;
}
.page-wrap .bottom-contents-section .category-navi li.r_house .icon { background-position: -27px -42px; }
.page-wrap .bottom-contents-section .category-navi li.r_finance .icon { background-position: -59px -42px; }
.page-wrap .bottom-contents-section .category-navi li.r_health .icon { background-position: -87px -42px; }
.page-wrap .bottom-contents-section .category-navi li.r_beauty .icon { background-position: -119px -42px; }
.page-wrap .bottom-contents-section .category-navi li.r_itdigital .icon { background-position: -150px -42px; }
.page-wrap .bottom-contents-section .category-navi li.r_kurashi .icon { background-position: -182px -44px; }
.page-wrap .bottom-contents-section .category-navi li.r_relationship .icon { background-position: -213px -42px; }
.page-wrap .bottom-contents-section .category-navi li.r_business .icon { background-position: 5px -71px; }
.page-wrap .bottom-contents-section .category-navi li.r_mensstyle .icon { background-position: -27px -71px; }
.page-wrap .bottom-contents-section .category-navi li.r_travel .icon { background-position: -58px -71px; }
.page-wrap .bottom-contents-section .category-navi li.r_hobby .icon { background-position: -85px -74px; }
.page-wrap .bottom-contents-section .category-navi li.r_fashion .icon { background-position: -119px -76px; }
.page-wrap .bottom-contents-section .category-navi li.r_gourmet .icon { background-position: -151px -71px; }
.page-wrap .bottom-contents-section .category-navi li.r_auto .icon { background-position: -182px -71px; }
.page-wrap .bottom-contents-section .category-navi li.recipe .icon { background-position: -214px -71px; }
.page-wrap .bottom-contents-section .category-navi li.ranking .icon { background-position: 5px -42px;}

.page-wrap .bottom-contents-section .four-list .hair-catalog {background-position: -22px -43px;}
.page-wrap .bottom-contents-section .four-list .konkatsu {background-position: -50px -45px;}
.page-wrap .bottom-contents-section .four-list .sumai {background-position: -83px -45px;}
.page-wrap .bottom-contents-section .four-list .tenshoku {background-position: -113px -46px;}
.page-wrap .bottom-contents-section .four-list .yubiwa {background-position: -145px -45px;}
.page-wrap .bottom-contents-section .four-list .e-books {background-position:-173px -46px;}
.page-wrap .bottom-contents-section .four-list .jscatalogue { background-position: -227px -105px; }
.page-wrap .bottom-contents-section .four-list .creditcard { background-position: -226px -569px; }
.page-wrap .bottom-contents-section .four-list .child-seat { background-position: 7px -610px; }
.page-wrap .bottom-contents-section .four-list .love {background-position: -199px -42px;}
.page-wrap .bottom-contents-section .four-list .health {background-position: -226px -41px;}
.page-wrap .bottom-contents-section .four-list .kurashi {background-position: 3px -74px;}
.page-wrap .bottom-contents-section .four-list .kaji {background-position: -22px -72px;}
.page-wrap .bottom-contents-section .four-list .ikuji {background-position: -48px -72px;}
.page-wrap .bottom-contents-section .four-list .beauty {background-position: -80px -72px;}
.page-wrap .bottom-contents-section .four-list .diet {background-position: -112px -72px;}
.page-wrap .bottom-contents-section .four-list .money {background-position: -145px -72px;}
.page-wrap .bottom-contents-section .four-list .hobby {background-position: -172px -72px;}
.page-wrap .bottom-contents-section .four-list .house {background-position: -200px -71px;}
.page-wrap .bottom-contents-section .four-list .gourmet {background-position: -225px -72px;}
.page-wrap .bottom-contents-section .four-list .recipe {background-position: 6px -104px;}
.page-wrap .bottom-contents-section .four-list .digital {background-position: -144px -104px;}
.page-wrap .bottom-contents-section .four-list .business {background-position: -22px -105px;}
.page-wrap .bottom-contents-section .four-list .travel {background-position: -50px -105px;}
.page-wrap .bottom-contents-section .four-list .mens {background-position: -80px -105px;}
.page-wrap .bottom-contents-section .four-list .fashion {background-position: -112px -106px;}
.page-wrap .bottom-contents-section .four-list .auto {background-position: -173px -105px;}
.page-wrap .bottom-contents-section .four-list .matome {background-position: -210px -655px;}
.page-wrap .bottom-contents-section .four-list .haircatalog {background-position: -170px -655px;}
.page-wrap .bottom-contents-section .four-list .nailcatalog {background-position: -137px -656px;}
.page-wrap .bottom-contents-section .four-list .makecatalog {background-position: -103px -656px;}
.page-wrap .bottom-contents-section .four-list .shikkan {background-position: -159px -266px;}
.page-wrap .forf {background-position: 0 -146px; width: 50px; height: 39px;}
.page-wrap .form {background-position: -70px -153px; width: 74px; height:23px;}
.page-wrap .mico {background-position: -166px -154px; width: 76px; height: 22px;}
.page-wrap .ga {background-position: 0 -202px; width: 86px; height: 25px;  margin-top: 10px;}
.page-wrap .dig {background-position: -107px -201px; width: 86px; height: 27px; margin-top: 10px;}
.page-wrap .books {background-position: 0 -244px; width: 84px; height:42px;}
.page-wrap .tips {background-position: 4px -478px; height: 25px; width: 82px; margin-top: 7px;}
.page-wrap .navitell {
    background-position: 0 -730px;
    height: 17px;
    width: 84px;
    margin-top: 15px;
}
.page-wrap .aanavi {
    background-position: -105px -730px;
    height: 26px;
    margin-top: 10px;
    width: 85px;
}
.page-wrap .carconmarket {
    background-position: -105px -763px;
    height: 33px;
    margin-top: 6px;
    width: 63px;
}
.page-wrap .cafesnap {
    background-position: -99px -480px;
    height: 26px;
    margin-top: 10px;
    width: 83px;
}
.page-wrap .font-m { font-size: 82%; }
/* three-list */
.page-wrap .bottom-contents-section .three-list {
    margin: 0 auto;
    width: 100%;
}
.page-wrap .bottom-contents-section .three-list li {
    width: 33.3333%;
    height: 71px;
    margin-bottom: 1%;
}
.page-wrap .bottom-contents-section .three-list li a {
    display: block;
    background: #FFF;
    width: 96%;
    height: 64px;
    text-align: center;
    padding-top: 5px;
    border: 1px solid #D7D7D7;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    margin: 0 2%;
    position: relative;
}
.page-wrap .bottom-contents-section .three-list .item {
    font-size: 69%;
    display: block;
    text-align: center;
    position: absolute;
    bottom: 3px;
    width: 100%;
}
/* official-account-section */
.page-wrap .bottom-contents-section .official-sns-list .three-list li {
    height: 37px;

}
.page-wrap .bottom-contents-section .official-sns-list .three-list a {
    height: 34px;
}
.page-wrap .bottom-contents-section .official-sns-list .three-list .title {
    font-weight: bold;
    margin: 0 0 5px;
    padding: 0 0 0 5%;
    overflow: hidden;
    height: auto;
    word-wrap: break-word;
    border-bottom: none;
    color: #000000;
    font-size: 69%;
    margin-bottom: 0;
    text-align: left;
}
.page-wrap .bottom-contents-section .official-sns-list .three-list .lead { color: #888; font-size: 69%; text-align: left; padding: 0 5% 5%; }
.page-wrap .bottom-contents-section .official-sns-list .three-list .logo { height: 28px; width: 28px; margin: 0 5% 3px 0; }
.page-wrap .bottom-contents-section .official-sns-list .logo-tw {background-position: 0 -655px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-fb {background-position: -34px -655px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-gp {background-position: -68px -655px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-r_beauty {background-position: 0 -693px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-beautydiet {background-position: -37px -693px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-r_gourmet {background-position: -75px -693px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-children {background-position: -111px -693px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-r_kurashi {background-position: -148px -693px;}
.page-wrap .bottom-contents-section .official-sns-list .logo-r_relationship {background-position: -186px -693px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-r_finance {background-position: -223px -693px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-r_health {background-position: -64px -755px; }
.page-wrap .bottom-contents-section .official-sns-list .logo-aalist {background-position: -27px -755px; }

/* veltra用 */
.veltra-box .heading {
    position: relative;
}
.veltra-logo { position: absolute; right: 10px; top: 7px; }
.veltra-box .hd {
    margin: 0 10px;
}
.veltra-box .hd .text-box {
    margin: 10px 0;
}
.veltra-box .hd .text-box .number { text-align: center; margin-bottom: 5px; }
.veltra-box .hd .text-box .number li { width: 143px; font-size: 85%;  }
.veltra-box .hd .text-box .number li:first-child { margin-right: 10px; }
.veltra-box .hd .text-box .number .red {
    color: #C00;
    font-weight: bold;
}
.veltra-box .hd .text-box .lead {
    font-size: 85%;
    line-height: 1.3;
    color: #da8602;
    background: #f1f1f1;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    padding: 10px 10px;
}
.veltra-box .hd .bt-box {
    text-align: center;
    margin-bottom: 5px;
}
.veltra-box .hd .bt-box li {
    width: 130px;
    margin: 0;
}
.veltra-box .hd .bt-box li:first-child { margin-right: 25px; }
.veltra-box .hd .bt-box li a {
    border: 1px solid #CCC;
    background: #ffffff; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 1%, #efefef 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#ffffff), color-stop(100%,#efefef)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #ffffff 1%,#efefef 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #ffffff 1%,#efefef 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#efefef',GradientType=0 ); /* IE6-9 */
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    height: 30px;
    line-height: 30px;
    display: block;
    font-size: 12px;
    padding: 0;
}
.veltra-box .hd .bt-box li a:hover {
    background: #eeeeee; /* Old browsers */
    background: -moz-linear-gradient(top,  #eeeeee 1%, #cecece 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#eeeeee), color-stop(100%,#cecece)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #eeeeee 1%,#cecece 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #eeeeee 1%,#cecece 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#cecece',GradientType=0 ); /* IE6-9 */
    text-decoration: none;
    cursor: pointer;
}
.veltra-button .glay-arrow {
    background: #fcfcfc url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_gray.png) no-repeat 0 0;
    background-size: 8px auto;
    width: 8px;
    height: 12px;
    margin: 9px 0 0 6px;
}
/*----------------------------------------------------
 font
----------------------------------------------------*/
/* 全体　*/
body {background: #ddd; color: #444; width: 100%; height:100%; -webkit-text-size-adjust: none; margin:0; font: 15px/1.231 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic", Osaka, "ＭＳ Ｐゴシック", Arial, sans-serif;}

/* 広告 */
#yahoo-im-head,
#yahoo-im-middle-target,
#yahoo-im-bottom-target,
.ad {font-size: 16px;}
/* 大見出し */
.article-main .content-head {
    padding: 5px 10px;
    border-top: 2px solid #C00;
}
.article-main .content-head .title-box .title {
    font-weight: bold;
}
/* 更新日 */
.article-main .date {
    display: block;
}
/* 記事内小見出し */
.content-article .article-title {
    font-size: 116%;
    font-weight: bold;
}
/* 小見出し */
.content-box-cmn .heading {
    font-size: 108%;
    font-weight: bold;
}
/* 日付 */
.content-box-cmn .date {
    font-size: 80%;
    font-weight: normal;
    text-align: right;
    margin: 0 10px 0 0;
}
/* 下部の要素小見出し */
.common-service-box .menu-list .title, .common-service-box .other-list .title {
    font-size: 108%;
}
/* ボタン */
.btn-cmn a {
    font-size: 108%;
    line-height: 24px;
}
.detail-bnr {
border: 0;
height: auto;
max-width: 100%;
vertical-align: bottom;
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 16px;
}

/* 住設カタログ、栄養素で健康管理共通アイコン */
.search-glass {
    background-position: -221px -538px;
    height: 25px;
    margin: -1px 5px 0 0;
    width: 21px;
}

/* SNS */
/***********************************
新snsボタン
***********************************/
/* sns btns */
.share-button {
    width: 300px;
    margin: 10px auto 0;
    display: block;
}
.share-button .btn {
    background: none;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
    display: block;
    margin-left: 0x;
    padding: 0;
    text-align: center;
    height: 35px;
    width: 300px;
    margin: 0 auto;
    display: block;
    background: #FFF;
    letter-spacing: -.40em;
}
.share-button a .sns-icon {
    width: 206px;
    height: 36px;
    display: inline-block;
    letter-spacing: normal;
    background-position: 0 -571px;
    vertical-align: top;
}
.share-button a .text {
    width: 94px;
    height: 35px;
    line-height: 37px;
    display: inline-block;
    letter-spacing: normal;
    vertical-align: top;
    font-size: 108%;
    font-weight: bold;
    text-align: left;
}
.sns-overlay{
    opacity: 0.6;
    position: fixed;
    left:0;
    top:0;
    width:100%;
    height:100%;
    background-color:#000;
    z-index: 900;
}
.sns-area{
    z-index: 950;
    width:100%;
    position: fixed;
    top:32%;
}

/* open */
.sns-share-open {
    background: #f7f7f7;
    border: 1px solid #d6d6d6;
    border-radius: 5px;
    box-shadow: 0 0 4px #d6d6d6;
    -webkit-box-shadow: 0 0 4px #d6d6d6;
    margin: 0 auto;
    padding: 10px 10px 0;
    width: 225px;
    height: 205px;
    z-index: 1000;
}
.sns-share-open .title {
    border-bottom: 1px solid #c2c2c2;
    padding: 0 0 10px 5px;
    position: relative;
}
.sns-share-open .sns-close {
    background-position: -211px -445px;
    position: absolute;
    top: 0;
    right: 5px;
    height: 21px;
    width: 21px;
    z-index: 1100;
}
.sns-share-open .sns-btn-vertical {
    border-top: 1px solid #fff;
    padding: 10px 0 0 10px;
    margin: 0 auto;
}
.sns-share-open .sns-btn-vertical li {
    display: inline-block;
    text-align :center;
    vertical-align: top;
}
.sns-share-open .sns-btn-vertical .tw,
.sns-share-open .sns-btn-vertical .fb { margin: 0 10px 15px; width: 80px; }
.sns-share-open .sns-btn-vertical .line,
.sns-share-open .sns-btn-vertical .gp { margin: 0 3px 15px; width: 50px; }
.sns-share-open .sns-btn-vertical .hb { margin: 0 3px 15px; width: 80px; }

/* はてなブログ掲載用 */
#guide-blog{background: #fff;}
#guide-blog .site-logo{
    background-position: -102px -246px;
    width: 81px;
    height: 20px;
    position: relative;
    top: 4px;
    margin-right: 5px;
}
#guide-blog .site-logo a{
    width: 81px;
    height: 20px;
}
#guide-blog .ranking li a{
    display: block;
    height: 40px;
    min-height: 40px;
    overflow: hidden;
}
/* 公式SNSアカウント */
.official-sns-list .h1-title{
    display: table;
    height: 38px;
    margin-bottom: 10px;
}
.official-sns-list .h1-title h1,
.official-sns-list .h1-title span{
    display:table-cell;
}
.official-sns-list .h1-title h1{
    width: 100%;
    height: 18px;
}
.official-sns-list .h1-title span{
    display: inline-block;
    text-align: right;
    font-size: 93%;
    padding: 10px 8px 8px;
    border-bottom: 1px solid #CC0000;
    width: 35px;
    height: 18px;
}
.official-sns-list .h1-title .arrow {
  display: inline-block;
  position: relative;
  margin-top: 3px;
}
.official-sns-list .h1-title .arrow a:after {
  content: "";
  display: inline-block;
  border: 4px solid transparent;
  border-left-color: #c00;
  position: absolute;
  left: 0;
  top: 50%;
  margin: -3px 6px 0;
}
/* おすすめタグ */
.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;}

/* add 15.04.03 google検索画面 */
.cse .gsc-control-cse, .gsc-control-cse {
    padding: 0 !important;
}
.gsc-results .gsc-cursor-box {
    margin: 15px 0 10px !important;
    text-align: center !important;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
    display: inline-block !important;
    padding: 3px 5px;
    margin: 0 4px 5px !important;
    border: 1px solid  #eee;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
    background: #f5f5f5;
}
img.gcsc-branding-img-noclear{
    width: 51px !important;
    max-width: 51px !important;
}

/* AA特集への導線 */
.aasp-border-red a {
    margin-bottom: 5px;
    min-height: 60px;
    border-top: 2px solid #c00;
    border-bottom: 2px solid #c00;
}
.aasp-border-red .sp-main-title {
    display: table;
    position: relative;
    width: 100%;
}
.aasp-border-red .label-running {
    display: inline-block;
    min-width: 4.5em;
    height: 60px;
    line-height: 17px;
    padding: 0 5px;
    background: #c00;
    color: #fff;
    font-size: 77%;
}
.aasp-border-red .label-running.label-running:after,
.aasp-border-red .label-running:before {
    display: block;
    margin-left: auto;
    margin-right: -13px;
    height: 30px;
    width: 12px;
    content: " ";
    background: #c00;
    border-right: 5px solid #c00;
}
.aasp-border-red .label-running:last-child a:after,
.aasp-border-red .label-running:last-child a:before {background: #c00; border-left:none;}
.aasp-border-red .label-running:after {
    position: relative;
    margin-top: -18px;
    -webkit-transform: skew(-30deg);
}
.aasp-border-red .label-running:before {
    margin-bottom: -17px;
    -webkit-transform: skew(30deg);
}
.aasp-border-red .label-running .label-sp {
    font-size: 150%;
    font-weight: bold;
}
.aasp-border-red .title-text {
    width: 85%;
    display: table-cell;
    vertical-align: middle;
    padding: 5px 22% 5px 6%;
    font-size: 131%;
    font-weight: bold;
}
.aasp-border-red .right-img {
    position: absolute;
    top: 4px;
    right: 4px;
    width: 70px;
    height: auto;
}
/* 記事下 */
.article-main .aasp-border-red a {
    margin: 7px 0;
    background: transparent url(https://dtbwp9kfigt3n.cloudfront.net/touch/aa/cmn_y_red.png) no-repeat 96% 50%;
    background-size: 8px auto;
}
.article-main .aasp-border-red .title-text {padding: 5px 7% 5px 6%;}
/* 横向き時 */
@media all and (orientation: landscape) {
.aasp-border-red .title-text {
    width: 90%;
    padding: 5px 20% 5px 4%;
   }
   .aasp-border-red .right-img {
    right: 5%;
}
}

.rankingTab {
    margin: 15px 0 0;
    text-align: center;
    border-bottom: 1px solid #c7c7c7;
}
.rankingTab li {
    display: inline-block;
    width: 48%;
    height: 60px;
}
.rankingTab li a {
    min-height: auto;
    margin: 0 0 -1px;
    padding: 15px 0;
    background-image: none;
    background: -moz-linear-gradient(top, #fff 0%, #efefef 100%);
    background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(100%,#efefef));
    border: 1px solid #c7c7c7;
    border-bottom: none;
    border-radius: 5px 5px 0 0;
    border-bottom: 1px solid #c7c7c7;
}
.rankingTab li a.act,
.rankingTab li a:hover {
    background: none;
    background-color: #fff;
    border-bottom: 1px solid #fff;
}
.ranking li {
	background: #fff;
}
.ranking li .text {
	margin-left: 155px;
	width: 50%;
}

/* bookmark list */
.content-box-cmn.bookmark img {
	width: 100%;
}
.bookmark-list.list-area input[type='checkbox'] {
	min-height: 45px;
    margin: 20px 10px;
	vertical-align: middle;
	width: 16px;
}
.bookmark-list.list-area a {
    min-height: 45px;
    max-width: 70%;
    display: inline-block;
    vertical-align: middle;
}
.bookmark-list.list-area .thum {
    width: 60px;
    height: 45px;
}
.bookmark-list.list-area .text {
    margin-left: 70px;
}
#icon-delete {
	display: none;
	position: fixed !important;
	position: absolute;
	background: #ffffff;
	width: 100%;
	height: 60px;
	bottom: 0;
}
#icon-delete .submit input[type="image"] {
	position: absolute;
	width: 30px;
	margin: 10px 46%;
}
/* special contents */
.special-banners {
	margin: 15px 20px;
}
.special-banners img {
	width: 100%;
	margin: 1px 0;
}
.special-header .description {
	margin: 5px 20px 15px;
}
.special-header img {
	text-align: center;
	width: 96%;
	margin: 15px 2%;
}

/* banner */
.bn_top img {
	text-align: center;
	width: 96%;
	margin: 15px 2%;
}

/**
 * 	daily quiz
 */
.quiz {
	margin: 15px auto;
	text-align: center;
}
#quiz-header img, #quiz-footer img {
	width: 100%;
}
#quiz-body {
	margin: 0 5%;
	background-image:
		url("https://d2eajte44wgt7j.cloudfront.net/allabout/static/img/quizzes/line_y_top.png"),
		url("https://d2eajte44wgt7j.cloudfront.net/allabout/static/img/quizzes/line_y_btm.png");
	background-repeat:
		no-repeat,
		no-repeat;
	background-position:
		top right,
		bottom right;
}
#quiz-guide {
	position: relative;
	width: 92%;
	max-width: 480px;
	vertical-align: bottom;
	background: url("https://d2eajte44wgt7j.cloudfront.net/allabout/static/img/quizzes/line_x.png") no-repeat bottom center;
	margin: 0 auto 10px;
}
#quiz-guide span {
	display: inline-block;
}
#quiz-guide .guide-name {
	text-align: left;
	padding: 0 4px 2px 12px;
	line-height: 22px;
	width: 52%;
}
#quiz-guide .guide-name .guide-title {
	font-size: 0.9em;
}
#quiz-guide .guide-image {
	position: relative;
	bottom: 2px;
	left: 4%;
}
#quiz-guide .guide-image img {
	width: 45px;
	height: 50px;
	border: solid 1px #f5f5f5;
	border-radius: 50%;
	margin-bottom: 2px;
}
.quiz-logo {
	text-align: left;
	position: relative;
	top: -10px;
	left: -36%;
}
.quiz-logo img {
	width: 120px;
}

.balloon {
	position: relative;
	width: 92%;
	max-width: 480px;
	height: 200px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	background: #1a1a1a;
	border-radius: 3%;
}
.triangle {
	position: absolute;
	top: -12px;
	left: 80%;
	width: 0;
	height: 0;
	border-bottom: 12px solid #1a1a1a;
	border-left: 12px solid transparent;
	border-right: 12px solid transparent;
}
.quiz-contents {
	margin: 5px 0;
}
.quiz-contents p {
	padding: 0 6%;
	line-height: 22px;
}
.quiz-contents .answer {
	font-size: 200%;
	font-weight: bold;
	margin: 0 0 10px;
	line-height: 35px;
}
#btn-answer img, #btn-detail img {
	width: 90%;
	margin: 10px 0;
}
#btn-answer img {
	margin: 40px 0 10px;
}

/* buttons */
.btn {
	display: block;
	width: 94%;
	max-width: 640px;
	border: 1px solid #d7d7d7;
	border-radius: 6px;
	margin: 10px auto;
	text-align: center;
	background: #fff;
	box-shadow: 0 0 4px #888;
}
.btn a {
	font-size: 16px;
	font-weight: bold;
	min-height: 24px;
	padding: 10px 20px;
}
.btn-pink {
	background: #e76181;
	border: 1px solid #e76181;
}
.btn-pink a {
	color: #fff;
}

.top-notice {
  margin: 35px 20px 15px;
  border: solid 1px #e80021;
  border-radius: 5px;
  padding: 10px;
}
.top-notice-ttl {
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 10px;
}
.top-notice-txt {
  font-size: 13px;
  line-height: 1.5;
}

.dpoint-float{
  position: fixed;
  top: 122px;
  right: 6px;
  padding: 8px;
  z-index:100;
  width:70px;
}

/*----------------------------------------------------
 規約
----------------------------------------------------*/
#rulesWrap{
    width:100%;
}
.rules{
    padding:20px 10px 0;
    box-sizing:border-box;
    margin:0 auto;
    line-height: 1.4;
}
.rules h2{
    font-weight:bold;
    font-size: 138.5%;
    line-height: 1.2;
    margin:0 0 6px;
}
.rulesCont{
    margin:12px auto 24px;
    padding:10px 0;
    border-top: 1px solid #d7d7d7;
    border-bottom: 1px solid #d7d7d7;
}
.rulesCont dl{
    width:100%;
    display: flex;
    flex-wrap: wrap;
    justify-content: start;
}
.rulesCont dl dt{
    width:100px;
    padding:4px 4px 0 0;
    box-sizing:border-box;
}
.rulesCont dl dd{
    flex:1;
    padding:4px 0;
    box-sizing:border-box;
}