@charset "utf-8";
/* CSS Document */

/**************************************
 * 全体
**************************************/
*{
  margin:0;
  padding:0;
}

body{
    text-align: center;
    overflow-x: hidden;
    color:#333333;
    font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
}

body#all{
    background-color: #eff2f9;
    background-image: url(../../cms/img/analy/bg.png);
    padding-top: 300px;
}

body[data-mode-userview="1"] .pankuzu a:has(.sydeAdminIcon),
body[data-mode-userview="1"] .date_pager:has(.sydeAdminIcon) .selectTitle,
body[data-mode-userview="1"] .date_pager:has(.sydeAdminIcon) select[name="id"],
body[data-mode-userview="1"] .aceessAnalyTabOuter
{
    display: none;
}

a img, img, table{border:0;}
ul{list-style:none;}
table {
    border-collapse:collapse;
    font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3";
}

#wrapper {
    background: #fff;
    box-sizing: border-box;
    clear: both;
    width: 100%;
    max-width: 1280px;
    min-width: 960px;
    margin: 0 auto;
    padding: 0;
    text-align:center;
    border-radius: 0 0 5px 5px;
    position: relative;
}

#all #wrapper{
    margin-bottom: 50px;
    box-shadow: 2px 2px 15px rgba(0,0,0,.2);
}

body#all #mask{
    position: absolute;
    top: 0;
    bottom: 0;
    width: 100%; 
    background-color: rgba(255, 255, 255, 0.8);
}

body#all[data-iframe-loaded="1"] #mask{
    display: none;
}

body#all[data-iframe-loaded="0"] #mask{
    display: block;
}

body#all[data-iframe-loaded="0"] #mask:before{
  content: '';
  position: fixed;
  top: 50%;
  left: 50%;
  width: 40px;
  height: 40px;
  background: url("/cms/img/ajax-loader.svg") no-repeat center center;
  background-size: contain;
  transform: translate(-50%, -50%);
  z-index: 100;
  pointer-events: none;
}

#shop_content {
    clear: both;
    width: 960px;
    margin-right: auto;
    margin-left: auto;
    background-color: #FFFFFF;
}

.pankuzu {
    position: absolute;
    top: -270px;
    display: flex;
    flex-direction: column;
    width: 250px;
}

.pankuzu a{
    background: url(../../cms/img/analy/arrow_top_white.png)  no-repeat center right 15px,
    url(../../cms/img/analy/btn_Bg.png) repeat,url(../../cms/img/analy/btn_grass.png) no-repeat #333;
    background-size: auto,auto,100%;
    box-sizing: border-box;
    box-shadow: 0 3px 3px 0 rgba(0,0,0,.1);
    border: 1px solid #f0f0f0;
    border-radius: 5px;
    color: #FFF;
    float: left;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    padding: 15px 45px;
    margin: 5px 0 0 0;
    text-decoration: none;
    position: relative;
    transition: all .2s;
}

.pankuzu a:hover{
    background: url(../../cms/img/analy/arrow_top_block.png)  no-repeat center right 15px,
    url(../../cms/img/analy/btn_Bg.png) repeat,url(../../cms/img/analy/btn_grass.png) no-repeat #ccc;
    background-size: auto,auto,100%;
    color: #333;
}

.pankuzu a.current{
    background: url(../../cms/img/analy/arrow_top_white.png)  no-repeat center right 15px,
    url(../../cms/img/analy/btn_Bg.png) repeat,url(../../cms/img/analy/btn_grass.png) no-repeat #36f;
    background-size: auto,auto,100%;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
    color: #fff;
    cursor: default;
}

.pankuzu a:first-of-type{
    margin:0;
}

.pankuzu a:nth-of-type(2){
    margin-bottom: 10px;
}

.pankuzu .separateString {
    font-size: 12px;
    position: absolute;
    top: calc(50% - 9px);
    left: 5px;
}

.sydeAdminIcon{
    position: absolute;
    cursor: pointer;
    background-color: #FF9800;
    border-radius: 2px;
    width: 17px;
    height: 17px;
    z-index: 2;
    color: #fff;
    font-family: 'Noto Sans JP' !important;
    font-size: 10px;
    line-height: 1;
    text-shadow: 0.5px 0.5px 0px rgba(0, 0, 0, 0.5);
}


.pankuzu a .sydeAdminIcon{
    top: -5px;
    right: -20px;
}

.maxAdBlock{
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    position: absolute;
    top: -270px;
    left: calc(50% - 340px);
}

.maxAdMovie iframe{
    width: 340px;
    height: 185px;
}

.device_category{
    width:60% !important;
}

.released_page_link a{
    background: #c8d5fd url(../../cms/img/analy/analy_out_link.png) no-repeat center right 15px;
    border-radius: 15px;
    color: #333;
    font-size: 12px;
    padding: 2px 35px 2px 15px;
    transition: all .2s;
}

.released_page_link a:hover{
    text-decoration: none;
}

.analyPeriodOuter {
    margin-bottom: 10px;
}

.analy_prev_m,.analy_next_m{
    border-radius: 3px;
    color: #FFF;
    display: inline-block;
    font-size: 10px;
    position: relative;
    text-decoration: none;
}

.analy_prev_m{
    background: #444 url(../../cms/img/analy/prev_arrow.png) no-repeat center left 7px;
    padding: 0px 8px 0 16px;
}

.analy_next_m{
    background: #444 url(../../cms/img/analy/next_arrow.png) no-repeat center right 7px;
    padding: 0px 16px 0 8px;
}

#analytics{}

#analytcs, .analyticsTable,
#selfAnalytcs {
    width: 100%;
    background: linear-gradient(180deg, rgba(255, 255, 255, .1) 0%, rgba(240, 240, 240, 1) 100%);
    clear: both;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 0 20px;
    position: relative;
}

#selfAnalytcs {
    margin-bottom: 60px;
}




#analytcs tr, .analyticsTable tr,
#selfAnalytcs tr{
    transition: background .2s;
}

#analytcs tr:hover, .analyticsTable tr:hover,
#selfAnalytcs tr:hover{
    background: #fff3c1;
}

.schedule, .dammyTd{
    background-color: #fff !important;
}

#analytcs th, .analyticsTable th,
#selfAnalytcs th  {
    background-image: url(../../cms/img/analy/btn_Bg.png),url(../../cms/img/analy/btn_grass.png);
    background-color: #333;
    background-repeat: repeat,no-repeat;
    background-size: auto,100%;
    border-right: 1px solid #666;
    color: #FFF;
    font-family: 'Noto Sans JP', sans-serif;
    font-size: 14px;
    font-weight: normal;
    padding: 15px 5px;
    text-align: center;
}

#analytcs th:first-of-type {
    border-radius: 5px 0 0 0;
}

#analytcs th:last-of-type {
    border-radius: 0 5px 0 0;
    border: none;
}

#analytcs th.rankTh{
    width: 100px;
}

#analytcs th.shopNameTh, #selfAnalytcs th.shopNameTh {
    width: 440px;
}

#analytcs th.countTh{
    width: 100px;
}

#analytcs th.compareTh{
    width: 150px;
}

#analytcs td , .analyticsTable td,
#selfAnalytcs td {
    padding: 10px;
    border: 1px solid #f0f0f0;
    font-size: 12px;
    word-break: break-word;
    height: 37px;
    box-sizing: border-box;
}

#analytcs td,
#selfAnalytcs td {
    padding: 10px 5px;
}

.rankingPage td {
    width: 10%;
}

#ranking th.compareTh{
    width: 80px;
}

#ranking #analytcs tr.topRank .page_view{
    font-weight: bold;
}

#ranking td .planMax,
#ranking td .planSeo,
#ranking td .planEditDuptize{
    display: none;
}

#ranking .notJoined td .planMax,
#ranking .editDuptize td .planMax,
#ranking .seo td .planMax{
    display: block;
    position: absolute;
    width: 80px;
    height: 20px;
    background-image: url(https://dekiteru.jp/max/img/dekiteru_max_logo.png);
    background-color: #051247;
    background-repeat: no-repeat;
    background-size: 80px auto;
    background-position: top -5px center;
    border-radius: 2px;
    top: calc(50% - 10px);
    right: 5px;
    text-decoration: none;
}

#ranking .notJoined td .planSeo{
    width: 80px;
    display: block;
    position: absolute;
    color: #fcfcfc;
    background-color: #777;
    border-radius: 2px;
    padding: 5px;
    top: calc(50%);
    right: 5px;
    transform: translateY(-50%);
    text-align: center;
    line-height: 1;
    letter-spacing: 0.5px;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.2);
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
}

#ranking .notJoined td .planEditDuptize{
    width: 100px;
    display: block;
    position: absolute;
    color: #fcfcfc;
    background-color: #777;
    border-radius: 2px;
    padding: 5px;
    top: calc(50%);
    right: 5px;
    transform: translateY(-50%);
    text-align: center;
    line-height: 1.2;
    letter-spacing: 0.5px;
    text-shadow: 1px 0 0 rgba(0, 0, 0, 0.2);
    font-weight: bold;
    text-decoration: none;
    box-sizing: border-box;
}

#analytcs td .nonOpenedStr{
    display: block;
    color: #999;
}

#ranking #analytcs .countTh a,
#ranking #analytcs .editedNumTh a,
#ranking #analytcs .pageCntTh a{
    color: #fff;
    text-decoration: none;
}


#analytcs tr.analy_sum_tr, .analyticsTable tr.analy_sum_tr,
#selfAnalytcs tr.analy_sum_tr{
    background:#ddd;
}

#analytcs tr.analy_sum_tr td.analytic_sum, .analyticsTable tr.analy_sum_tr td.analytic_sum,
#selfAnalytcs tr.analy_sum_tr td.analytic_sum{
    font-size: 110%;
    font-weight: bold;
}


#analytcs td.increase,
#selfAnalytcs td.increase{
    color: #C00;
}

#analytcs td.increase span:before,
#selfAnalytcs td.increase span:before{
    content: "↑";
}

#analytcs td.decrease,
#selfAnalytcs td.decrease{
    color: #39F;
}

#analytcs td.decrease span:before,
#selfAnalytcs td.decrease span:before{
    content: "↓";
}


.analy_h2_block{
    background: #fff;
    margin: 0 0 40px;
    padding: 45px 20px 25px;
    position: relative;
    border-bottom: 1px solid #dddddd;
}

.analy_h2_attention{
    font-size: 12px;
    color: #999;
    margin-bottom: 15px;
    display: inline-block;
}

#analytcs .pageTitleOuter,
#selfAnalytcs .pageTitleOuter {
    padding: 15px 30px;
    position: relative;
    text-align: left;
}

.rankingPageContents #analytcs .pageTitleOuter .labelWrapper,
.rankingPageContents #selfAnalytcs .pageTitleOuter .labelWrapper{
    margin: 5px 0 0;
    text-align: center;
}

.rankingPageContents #selfAnalytcs .accessingShop,
.rankingPageContents #analytcs .accessingShop {
    background-color: #fff8db;
}

.rankingPageContents #analytcs .accessingShop.accessingShopBottom {
    border-bottom: 4px double #ccc;
}

.rankingPageContents .datePagerOuter {
    display: flex;
    flex-direction: row;
    justify-content: center;
    align-items: flex-start;
    margin-bottom: 30px;
}

.rankingPageContents .date_pager {
    margin-bottom: 30px;
}

.rankingPageContents .date_pager.limitSelectOuter {
    margin: 0 20px 10px 0;
    margin-bottom: 10px;
}

.rankingPageContents .date_pager .selectTitle,
.date_pager .selectTitle
 {
    display: block;
    text-align: left;
    color: #999;
    position: relative;
}

.aceessAnalyTabOuter .sydeAdminIcon{
    top: -8px;
    right: 0;
    cursor: pointer;
    width: 17px;
    height: 17px;
    border-radius: 2px;
    padding: 0;
    line-height: 17px;
}

body[data-mode-userview="1"] .aceessAnalyTabOuter  .sydeAdminIcon {
    display: none;
}

#shop_menu li .aceessAnalyTabOuter[ data-admin-icon-hover="1"] a:hover {
    background: #36F;
    color: #fff;
}


#shop_menu li .aceessAnalyTabOuter a {
    position: relative;
}

.date_pager .selectTitle .sydeAdminIcon{
    top: 0px;
    left: -22px;
    cursor: pointer;
}

.rankingPageContents .date_pager select[name="id"] {
    width: 360px;
}

.pageTitleOuter .urlText {
    margin: 7px 0 0;
    color: #999;
}

.pageTitleIframeOuter iframe {
    border: none;
}

.pageTitleOuter[data-previewable = "1"]:hover:after {
    content: "プレビューを作成中です...";
    width: 180px;
    box-sizing: border-box;
    position: absolute;
    top: calc( 50% + 16px );
    left: -185px;
    background-color: #fff;
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-position: center right 5px;
    background-size: 24px auto;
    border: 4px solid #fc3;
    border-radius: 2px;
    padding: 4px 30px 6px 10px;
    font-size: 12px;
    z-index: 2;
}

@media screen and (max-width:1750px) {
    .pageTitleOuter[data-previewable = "1"]:hover:after{
        left: 390px;
        top: calc( 50% + 16px );
    }
}


.pageTitleOuter.notExists:hover:after {
    width: 180px;
    box-sizing: border-box;
    content: "ページが削除されています";
    background-image: none;
    padding: 4px 10px 6px;
}

.pageTitleIframeOuter {
    display: none;
}

.pageTitleIframeOuter span {
    position: absolute;
    font-size: 30px;
    background: #fc3;
    padding: 10px 90px;
    font-weight: bold;
    border-radius: 55px;
    top: -35px;
    right: calc(50% - 165px);
}



.pageTitleOuter .pageTitleIframeOuter.show {
    position: absolute;
    display: block;
    top: -30px;
    border: 15px solid #fc4;
    border-radius: 10px;
    padding: 28px;
    box-sizing: border-box;
    left: -546px;
    z-index: 3;
    transform: scale(0.4);
    transform-origin: left top;
    background-color: #fff;
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px auto;
}

.pageTitleOuter .pageTitleIframeOuter.show.bottomBase {
    top: -30px;
}

@media screen and (max-width:1750px) {
    .pageTitleOuter .pageTitleIframeOuter.show,
    .pageTitleOuter .pageTitleIframeOuter.show.bottomBase{
        left: 390px;
        top: calc( 50% + 16px );
    }
 
}

/*編集ページへのリンクにホバーしたらプレビューは消す*/
.notDisplayPreview.pageTitleOuter[data-previewable = "1"]:hover:after {
    display: none;
}

.notDisplayPreview .pageTitleIframeOuter.show,
.notDisplayPreview .pageTitleIframeOuter .iframeCaption,
.notDisplayPreview .pageTitleIframeOuter .iframeContent{
    display: none;
}

h2 {
    color: #333;
    font-family: 'Noto Sans JP', sans-serif;
    font-weight: bold;
    line-height: 1em;
    text-align: center;
    font-size: 32px;
    margin:0 0 15px;
}

h2 span{
    display:block;
}


h2 b{
    font-weight: normal;
}

h2 .shopName{
    font-size: 18px;
    margin:0 0 10px;
}

.analy_h2_block h2 {
   font-family: 'Noto Serif', serif; 
}

.analy_h2_block .q_and_a_btn{
    position: absolute;
    right: 30px;
    top: 10px;
}

.analy_h2_block .q_and_a_info_seo{
    right: 10px;
    top: 11px;
}

#analytcs caption,
#selfAnalytcs caption,
.analyticsTable caption {
    clear: both;
    font-size: 12px;
    font-weight: bold;
    position: absolute;
    right: 0;
    top: -1.75em;
}



h3 {
    width: 960px;
    font-size: 18px;
    font-family: 'Noto Serif JP', serif;
    margin: 0 auto 5px;
    text-align: left;
}

#shop_menu {
    clear: both;
    width: 960px;
    margin: 0 auto 30px;
}

[data-ready-search-ranking = "1"] #shop_menu{
    margin: 0 auto 40px;
}

#shop_menu:after{
    content:"";
    clear: both;
    display: block;
}

#shop_menu li a, .search_word_menu a {
    background: #36F;
    border: 1px solid #FFF;
    box-sizing: border-box;
    font-size: 12px;
    font-family: 'Noto Sans JP', sans-serif;
    display: block;
    float: left;
    padding: 10px;
    transition: background-color .3s;
    width: 137px;
}

#shop_menu li a.current, .search_word_menu a[data-current = "1"] {
    background: #fc0;
    color: #fff;
    font-weight: bold !important;
    text-shadow: none;
}

#shop_menu li a:link,#shop_menu li a:visited {
    border-radius: 5px;
    color: #FFF;
    text-decoration: none;
}

#shop_menu li a.current:link,
#shop_menu li a.current:visited{
    color: #333;
}

#shop_menu li a:hover,
#shop_menu li a:active,
.keyword_registed:hover {
    background: #ccc;
    color: #333;
}

.date_pager {
    font-size: 12px;
    line-height: 160%;
    clear: both;
    margin-bottom: 40px;
    display: flex;
    align-items: center;
    justify-content: center;
}

.date_pager select{
    margin: 0 0 5px;
    padding: 5px;
}

.date {
    text-align: center;
    width: 150px;
}

.time .date {
    width: 50%;
}

/* アクセスランキング */
.left_cell{
    text-align:left;
}
.own_rank{
    color:#EC726C;
}
.page_view{
  font-size: 16px;
  line-height: 180%;
  margin: 0 0 15px 0;
}

.status_rank_up{
    color:#f00;
}

.status_rank_dowm{
    color:#06f;
}

/* アクセスランキング ここまで */

.shop_info .error_message {
    color: #ec726c;
    clear: both;
    font-family: 'Noto Sans JP', sans-serif;
    margin-bottom: 20px;
}

.align-r{text-align:right;}
.align-c{text-align:center;}
.align-l{text-align:left;}
.align-m{vertical-align:middle;}
.float-l{float:left;}
.float-r{float:right;}


#footer p {
    font-size: 12px;
    clear: both;
    color: #666666;
}

.titleTh{
    width:300px;
}

.titleTd{
    position:relative
}

.titleTd span{
    float: left;
    width: 250px;
    text-align: left;
    line-height: 20px;
    text-decoration: underline;
}

.titleTd a:hover span{
    text-decoration: none;
}

.menuTh{
    width:120px;
}

.countTh{
    width:60px;
}

.stringIcon.mainMenu{
    color: #333;
    background: #fc0;
    font-size: 10px;
    border-radius: 3px;
    height: 20px;
    line-height: 18px;
    width: 35px;
    padding: 0;
    text-align: center;
    position: absolute;
    right: 10px;
    top: calc( 50% - 10px );
    text-decoration: none;
}

#tTWndw{
    display:none;
    opacity:0.92;
    position:absolute;
    z-index:2147483647;
    font-size:14px;
    line-height:150%;
    font-weight:normal;
    font-family:'Meiryo', 'メイリオ','Lucida Grande','Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', 'sans-serif' !important;
    text-align:left;
}

#tTWndw p{
    position:relative;
    width:200px;
    height:100px;
    padding:30px 20px 20px 20px ;
    background:#000 url(/cms/img/usedcar/ttBg.png) no-repeat 20px 10px;
    border-radius: 10px;
    box-shadow: 4px 4px 20px rgba(0,0,0,0.8);
    border:2px solid #fc0;
}

#tTWndw .clTtArrow{
    position:absolute;
    bottom:-11px;
    left:50%;
    margin:0 0 0 -12px;
}

#tTWndw .clTtArrowU{
    position:absolute;
    top:-11px;
    left:50%;
    margin:0 0 0 -12px;
    display:none;
}

.analy_seo_banner{
    margin: 0;
    background:url(../../cms/img/analy/analy_footer.png) no-repeat bottom left calc(50% - 400px) ;
}






[data-ready-search-ranking = "1"] .pankuzu,
[data-ready-search-ranking = "1"] #wrapper{
    width: 720px;
}

.contents_outer{
    display: flex;
    position: relative;
    padding: 0 20px;
    justify-content: center;
}

.contents_left,
.contents_right{
    width: 320px;
    position: relative;
}

.contents_left{
    margin: 0 20px 0 0;
    padding: 0 20px 0 0;
    border-right:  1px solid #eee;
}


[data-ready-search-ranking = "1"] #shop_menu{
    width: auto;
    display: flex;
    flex-wrap: wrap;
    height: 90px;
}

[data-ready-search-ranking = "1"] #shop_menu li a{
    min-width: 100px;
    margin: 0 5px 5px 0;
}

[data-ready-search-ranking = "1"] #shop_content{
    width: auto;
}

.keyword_outer{
    margin: 0 0 25px;
}

.search_word_menu_outer{
    word-break: keep-all;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    width: 960px;
    margin: 0 auto 40px;
    position: relative;
}

.keyword_registed {
    color: #fff;
    text-decoration: none;
    width: auto !important;
    min-width: 91px;
    background-color: #ccc !important;
    padding: 2px 15px !important;
    border-radius: 30px;
    font-weight: normal !important;
    text-shadow: 1px 1px 0.15px rgb(0 0 0 / 10%);
    margin: 0 5px 5px 0;
}

.search_word_menu{
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    font-family: 'Noto Sans JP', sans-serif;
}

.keyword_registed[data-registing = "1"]:after {
    content: "反映中";
    font-size: 10px;
    background-color: #333;
    border-radius: 20px;
    padding: 0 10px;
    margin-left: 10px;
    color: #fff;
    display: inline-block;
    text-shadow: 1px 1px 0.2px rgb(0 0 0 / 10%);
}

.keyword_registed[data-current = "1"]{
    background-color: #fc0;
    color: #333;
    font-weight: bold;
}



.more_keyword{
    position: absolute;
    right: 0;
    bottom: 0;
    font-size: 12px;
    cursor: pointer;
    color: #36f;
    text-decoration: underline;
    font-weight: normal;
}

.more_keyword:hover{
    text-decoration: none;
}


[data-ready-search-ranking = "1"] .date_pager.center{
    display: inline-block;
    margin : 0 0 30px;

}

[data-ready-search-ranking = "1"] .date_pager.center select{
    margin: 0;
}

[data-ready-search-ranking = "1"] caption,
[data-ready-search-ranking = "1"] #analytcs caption,
[data-ready-search-ranking = "1"] #selfAnalytcs caption{
    position: relative;
    top: auto;
    text-align: right;
    line-height: 30px;
}



.contents_left > h3,.contents_right > h3{
    display: block;
    border-left: 5px solid #333;
    padding-left: 10px;
    margin: 0 0 20px;
    position: relative;
}

.search_word_menu_outer::-webkit-scrollbar{
  width: 7.5px;
}

.search_word_menu_outer::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 15px;
  box-shadow: inset 0 0 2px #777; 
}

.search_word_menu_outer::-webkit-scrollbar-thumb{
  background: #aaa;
  border-radius: 15px;
  box-shadow: none;
  cursor: pointer;
}


.toggleText{
    
}


.toggleTrigger{
    color: #36f;
    display: flex;
    font-size: 12px;
    position: absolute;
    right: 0;
    top: -15px;
    cursor: pointer;
    
}

[data-ready-search-ranking = "0"] .contents_right{
    display: none;
}

[data-ready-search-ranking = "0"] .contents_left{
    width: 640px;
    padding-right: 0;
    border-right: 0px;
    margin-right: 0px;
}


[data-ready-search-ranking = "1"] .overlay{
    position: absolute;
    display: none;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
}

[data-show-dammy-search-ranking = "1"] .overlay{
    display: block;
}

[data-show-dammy-search-ranking = "1"] .contents_search_ranking{
    filter: blur(3px);
    max-height: 600px;
    overflow: hidden;
}


.lead_max_outer{
    background-color: #10142e;
    color: #fff;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%);
    width: calc( 100% - 5px );
    padding: 20px 20px 30px;
    box-sizing: border-box;
    font-size: 14px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    z-index: 2;
}

.icon_outer{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:  0 0 20px;
}

.icon_outer img{
    width: 160px;
}

.icon_outer span{
    background: #fff;
    color: #333;
    border-radius: 15px;
    font-weight: bold;
    padding: 2px 10px;
    font-size: 12px;
    margin: -10px 0 0;
}

.dammyTd .leadText{
    font-family: "Lucida Grande","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro W3",Osaka,"メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",Geneva,Arial,Verdana,sans-serif;
    font-size: 16px;
}

.lead_max_outer .body{
    margin: 0 0 20px;
}

.conversion{
    display: flex;
    flex-direction: column;
    align-items: center;
    margin:20px 0 0;
}

#js-toggleTrigger{
    font-size: 12px;
    cursor: pointer;
}

.searchRankingArrow:after{
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    content: "";
    display: inline-block;
    position: absolute;
    top: 50%;
    right: 10px;
    transform: translate(50%, -50%);
}

.searchRankingArrow[data-direction = "const"]:after{
    background-image: url(/cms/img/common/line_ccc_24.png);
}

.searchRankingArrow[data-direction = "down"]:after{
    background-image: url(/cms/img/common/triangle_c00_24.png);
}

.searchRankingArrow[data-direction = "up"]:after{
    background-image: url(/cms/img/common/triangle_36f_24.png);
}

.searchRankingArrow[data-size="small"]:after {
    width: 8px;
    height: 8px;
}

.searchRankingArrow[data-size="big"]:after {
    width: 12px;
    height: 12px;
}

td{
    position: relative;
}

[data-transparent = "1"]{
    opacity: 0;
}

.shopSelectOuter{
    display: inline-block;
    margin: 20px 0 0;
}

.labelOuter {
    text-align: left;
    margin: 0 0 5px;
}

.labelOuter label{
    background-color: #999;
    color: #fff;
    font-size: 12px;
    padding: 0px 10px;
    display: inline-block;
    border-radius: 2px;
    text-shadow: 1px 1px 0.15px rgb(0 0 0 / 30%);
}


.analySelect{
    padding: 5px;
    border-radius: 3px;
    outline: none;
    border: 1px solid #ccc;
}

.dammyOuter{
    background-image: url(/cms/img/common/search_ranking_dammy.png);
    background-size: 320px;
    background-repeat: no-repeat;
    border-radius: 5px;
    background-position: top -2px center;
    box-shadow: 1px 1px 3px #fff inset, -1px -1px 3px #fff inset;
    height: 100%;
}

.keyword_registed_outer.nodata{
    overflow: hidden;
    font-size: 12px;
    text-align: left;
    background-color: #eee;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 3px;
    word-break: break-word;
}

.nodata .more_keyword {
    position: relative;
    text-decoration: none;
}


.registerFormOuter{
    position: absolute;
    right: 0;
    top: 15px;
    background-color: #eee;
    z-index: 2;
    padding: 30px;
    border-radius: 5px;
    box-shadow: 1px 1px 3px rgb(0 0 0 / 30%);
    opacity: 0;
    z-index: -1;
    transition: .3s;
    transform: translateY(-10px);
    text-align: center;
    font-weight: normal;
    width: 320px;
}

[data-show-keyword-form="1"] .registerFormOuter{
    opacity: 1;
    z-index: 2;
    transform: translateY(0px);
}

.registerForm{
    display: flex;
    align-items: center;
    justify-content: center;
}

.registerForm .head{
    margin: 0 0 10px;
}

.registerForm input{
    width: 240px;
    border: 1px solid #ccc;
    padding: 7.5px 10px;
    margin: 0 10px 0 0;
    font-size: 14px;
    box-sizing: border-box;
    border-radius: 3px;
}

.registerForm .submit{
    background-color: #36f;
    color: #fff;
    border-radius: 3px;
    box-sizing: border-box;
    width: 60px;
    padding: 5px;
    font-size: 14px;
    text-shadow: 1px 1px 0.15px rgb(0 0 0 / 30%);
    cursor: pointer;
}

.registerForm .submit:hover{
    opacity: 0.8;
}

[data-loading-regist = "1"] .registerFormOuter:before {
    content: "";
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.7);
    position: absolute;
    top: 0;
    left: 0;
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: 24px auto;
}

.registerFormOuter:after {
    content: "";
    position: absolute;
    width: 20px;
    height: 20px;
    background-color: #eee;
    transform: rotate(45deg);
    top: -10px;
    right: 30px;
}

.registerFormOuter .caption{
    font-size: 12px;
    color: #666;
    margin: 0 0 5px;
    text-align: left;
}

.registerFormOuter .caption .icon{
    background: #999;
    color: #fff;
    padding: 0px 10px;
    border-radius: 15px;
    font-size: 10px;
    text-shadow: 1px 1px 0.15px rgb(0 0 0 / 50%);
}


.errorMessage{
    color: #e00;
    font-size: 12px;
    text-align: left;
    margin: 5px 0 0;
    display: none;
}

[data-has-error-add-keyword-form = "1"] .errorMessage{
    display: block;
}



.registerFormOuter .finish{
    display: none;
    min-width: 300px;
    font-size: 14px;
}

.registerFormOuter .finish .head{
    font-size: 16px;
    margin: 0 0 10px;
    font-weight: bold;
}

.registerFormOuter .finish .body{
    font-size: 14px;
}

.registerFormOuter .freedial{
    margin: 20px 0 0;
    padding: 15px;
    font-size: 12px;
    border-radius: 3px;
    border: 2px solid #fc0;
    background-color: #fff;
}

.registerFormOuter .freedial span{
    display: block;
    margin: 0 0 5px;
}

[data-finish-entry-add-keyword = "1"] .registerFormOuter .register{
    display: none;
}

[data-finish-entry-add-keyword = "1"] .registerFormOuter .finish{
    display: block;
}


.float-r{
    position: absolute;
    top: 50%;
    right: 5px;
    transform: translateY(-50%);
}

h4{
    width: 960px;
    font-family: 'Noto Sans JP', sans-serif;
    margin: 0 auto 5px;
    position: relative;
    text-align: left;
}

[data-show-keyword-form = "1"] .search_word_menu{
    transition: .25s;
    opacity: .3;
}

.dammyTd{
    overflow: hidden;
}

td.dammyTd:after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 1022px;
    background-image: url(/cms/img/common/search_ranking_dammy.png);
    background-size: 208px 1145px;
    background-repeat: no-repeat;
    background-position: top left;
}

.dekiteruMaxBanner{
    width:  640px;
}

.menu-top-label {
    padding: 3px 5px 4px;
    font-size: 10px;
    background: #e5e5e5;
    color: #333;
    top: calc(50% - 9px);
    border-radius: 2px;
    display: inline-block;
}

.menu-top-label.menu-top-label--index {
    background: #FC0;
    color: #333;
    text-shadow: none;
}

.day .countTh{ width: 240px; }

/** アクセス解析 ページ **/
.page .countTh{ width: 65px; }
.page .compareTh{ width: 50px; }
.page .textCountTh{ width: 50px; }

/*20231023追加*/
/*ページの時、ローダーを出す*/
#analytcs[data-display-table="0"]{
    display: none;
}

#analytcs[data-display-table="1"]{
    display: table;
}

.analytcsLoader[data-display-loader="0"]{
    display: none;
}

.analytcsLoader[data-display-loader="1"]{
    width: 100%;
    height: 100%;
    background-color: rgba(255,255,255,0.4);
    background-image: url(/cms/img/common/loader.svg);
    background-repeat: no-repeat;
    background-size: 105px 72px;
    background-position: center;
    display: block;
    left: 0;
    margin: 0 auto;
    padding: 0;
    position: fixed;
    top: 0;
    z-index: 3;
}

.pageUrlOuter .pageUrl{
    font-style: 16px;
}

/*編集ページへのリンクのあしらい*/
.editPageUrl{
    background-color: #36f;
    border-radius: 3px;
    color: #fff;
    float: right;
    font-size: 12px;
    font-weight: 600;
    margin: 0 0 0 10px;
    padding: 2px 10px;
    text-decoration: none;
}

.editPageUrl:hover{
    text-decoration: underline;
}

.accessContents{
    padding-bottom: 30px;
}

.contentsTable{
    width: 100%;
    overflow: hidden;
    border: none;
    display: block;
}

@media screen and (max-width:1280px){
    .dekiteruMaxBanner{
        width: 100%;
        height: 100%;
    }

    .maxAdMovie iframe{
        width: 100%;
        height: 100%;
    }

    .maxAdBlock{
        left: auto;
        right: 0;
        width: calc(100% - 270px);
    }
}

@media screen and (max-width:940px){
    body#all{
        padding-top: 420px;
    }

    .maxAdBlock{
        justify-content: flex-end;
        flex-direction: column-reverse;
    }

    .analy_seo_banner{
        margin-bottom: 10px;
    }
}

@media screen and (max-width:480px) { 

    /*　画面サイズが480px以下　*/

    body {
        width: 100%;
        background: #f6f6f6;
        padding: 0;
    }

    body#all:has(.maxAdBlock){
        padding-top: 330px;
    }

    #wrapper {
        width: 100%;
        max-width: unset;
        min-width: unset;
        box-sizing: border-box;
        background: #f6f6f6;
        border: none;
        padding: 2%;
        box-shadow: none;
        border-radius: 0;
    }

    #conteiner{
        padding: 2%;
        background: #FFF;
    }

    #main_contents{
        background: #FFF;
    }

    .analy_h2_block{
        margin: 0 0 20px;
        padding: 30px 20px 20px;
    }

    h2{
        font-size: 24px;
        font-weight: bold;
    }

    h3 {
        width: 100%;
        font-size: 16px;
    }

    h4{
        width: 100%;
    }

    .pankuzu {
        position: static;
        width: 100%;
        display: block;
    }

    .pankuzu:after{
        content: "";
        clear: both;
        display: block;
    }

    .pankuzu a{
        width: 50%;
        font-size: calc(0.6875rem + ((1vw - 3.2px) * 2.5));
        margin: 0;
    }

    .pankuzu a:nth-last-of-type(1),
    .pankuzu a:nth-last-of-type(2){
        float: left;
    }

    .maxAdBlock{
        width: 100%;
        left: 0;
        display: flex;
        flex-direction: column;
        top: -330px;
    }

    .maxAdMovie{
        width: 100%;
        height: auto;
    }

    .maxAdMovie iframe{
        width: 100%;
        max-width: 640px;
    }

    #shop_content {
        width: 100%;
    }

    .titleTd span {
        float: none;
        display: block;
        width: auto;
    }

    .stringIcon.mainMenu {
        position: relative;
        top: unset;
        right: unset;
        float: none;
        display: inline-block;
        /* margin: 0 auto; */
    }

    .titleTh{
        width: calc(100% / 3);
    }

    .titleTd a.outLink {
        display: inline-block;
        position: relative;
        top: unset;
        right: unset;
        /* word-break: keep-all; // よくない */
    }

    select[name="id"] {
        width: 100%;
        margin: 10px 0;
    }

    select[name="y"],
    select[name="m"]{
        font-size: 12px;
        margin: 5px 0 0 0;
    }

    select[name="total_num"] {
        margin: 0 5px 0 0;
    }

    #shop_menu{
        width: 100%;
        margin: 0 auto 30px;
    }

    .access_graph {
        width: 100%;
    }

    .page_view{
        font-size: 12px;
        word-break: keep-all;
    }

    .date_pager {
        margin-bottom: 60px;
        padding: 0;
    }

    #shop_menu li a, .search_word_menu a {
        width: 33.3%;
        border-radius: 4px;
        padding: 5px;
        transition: all .3s;
    }

    #shop_menu li:nth-last-of-type(1) a {
        width: 33.3%;
    }

    #analytcs,
    #selfAnalytcs{
        table-layout: fixed;
    }

    #selfAnalytcs {
        margin-bottom: 60px;
    }

    #analytcs, #selfAnalytcs, .analyticsTable{
        width: auto;
        min-width: 100%;
    }

    #analytcs th,  #selfAnalytcs th, .analyticsTable th {
        font-size: 12px;
        word-break: break-all;
    }

    .analy_seo_banner img{
        max-width: 100%;
    }

    .search_word_menu_outer{
        width: 100%;
        margin: 0 auto 30px;
    }

    .search_word_menu{
        width: 100%;
    }

    .registerFormOuter{
        width: 100%;
        box-sizing: border-box;
        padding: 15px;
    }

    #analytcs .pageTitleOuter,
    #selfAnalytcs .pageTitleOuter{
        padding: 10px;
    }

    td.dammyTd:after{
        content: "";
        display: none;
    }

    /**
     * 各ページ毎のwidthを個別に定義
     */

    /** アクセス解析 日付 **/
    .day .date{ width: 20%; }
    .day .countTh{ width: 35%; }
    .day .googleRankTh{ width: 15%; }
    .day .yahooRankTh{ width: 15%; }
    .day .bingRankTh{ width: 15%; }

    /** アクセス解析 時間帯 **/
    .time .date{ width: 40%; }
    .time .countTh{ width: 60%; }

    /** アクセス解析 ページ **/
    .page .titleTh{ width: 50%; }
    .page .countTh{ width: 18%; }
    .page .compareTh{ width: 18%; }
    .page .textCountTh{ width: 16%; }

    /** アクセス解析 ホスト **/
    .host .hostTh{ width: 80%; }
    .host .countTh{ width: 20%; }

    /** アクセス解析 ブラウザ **/
    .browser .browserTh{ width: 80%; }
    .browser .countTh{ width: 20%; }

    /** アクセス解析 リンク元 **/
    .link .linkTh{ width: 80%; }
    .link .countTh{ width: 20%; }

    /** アクセス解析 モバイル比率 **/
    .device .deviceTh{ width: 35%; }
    .device .countTh{ width: 30%; }
    .device .ratioTh{ width: 35%; }

    /** 店舗別ランキング **/
    .ranking .rankTh{ width: 15%; }
    .ranking .shopNameTh{ width: 50%; }
    .ranking .countTh{ width: 20%; }
    .ranking .compareTh{ width: 15%; }

    /** ページ別ランキング **/
    .rankingPage .rankTh{ width: 15%; }
    .rankingPage .titleTh{ width: 50%; }
    .rankingPage .menuTh{ width: 20%; }
    .rankingPage .countTh{ width: 15%; }

    .rankingPageContents .datePagerOuter {
        flex-direction: column;
    }

    .rankingPageContents .date_pager select[name="id"],
    #main_contents .date_pager select[name="id"] {
        width: 100%;
        margin: 0;
    }

    .rankingPageContents .date_pager.limitSelectOuter {
        margin-bottom: 15px;
    }

    .editPageUrl{
        width: 24px;
        display: flex;
        float: none;
        margin: 10px 0 0 0;
        text-decoration: none;
    }

    .date_pager .selectTitle .sydeAdminIcon {
        top: 0px;
        left: 55px;
        cursor: pointer;
    }

    #ranking .notJoined td .planMax,
    #ranking .editDuptize td .planMax,
    #ranking .seo td .planMax{
        position: relative;
        top: 0;
        margin: 5px 0 0 auto;
    }

    #ranking .notJoined td .planSeo,
    #ranking .notJoined td .planEditDuptize{
        margin: 5px 0 0 auto;
        position: relative;
        top: auto;
        transform: translateY(0px);
        right: auto;
    }

}

@media screen and (min-width:481px) and (hover:none){
    body:has(.maxAdBlock){
        padding-top: 380px;
    }
}


/* chromeのアップデートによりフォーカスが黒枠になるので対応 */
@media screen and (-webkit-min-device-pixel-ratio:0) {
    input[type="text"]:focus,
    input[type="password"]:focus,
    textarea:focus,
    select:focus,
    input[type="text"]:active,
    input[type="password"]:focus,
    textarea:active,
    select:active {
        outline: none;
        box-shadow: 1px 1px 2px rgba(0,60,240,0.5) inset, -1px -1px 2px rgb(0,60,240,0.5) inset !important;
    }

    input[type="submit"]:focus,
    input[type="submit"]:active{
        outline: none;
        box-shadow: inset 0 0 100px rgba(0,0,0,.1), inset 1px 1px 4px rgba(163,160,38,0.5), 1px 1px rgba(0,0,0,0.05), -1px -1px rgba(0,0,0,0.2) !important;
    }
}