/* □サイトCSS */
@charset "UTF-8";
@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&display=swap");

/*CSSリセット*/
a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption, center, cite, code, dd, del, details, dfn, dialog, div, dl, dt, em, embed, fieldset, figcaption, figure, font, footer, form, h1, h2, h3, h4, h5, h6, header, hgroup, hr, html, i, iframe, ins, kbd, label, legend, li, mark, menu, meter, nav, object, ol, output, p, pre, progress, q, rp, rt, ruby, s, samp, section, small, span, strike, strong, sub, summary, sup, time,  tt, u, ul, var, video, xmp {
    border: 0 none;
    font-size: 100%;
    margin: 0;
    padding: 0;
}

.clear{
	clear: both;
	display: block;
	height: 0;
	overflow: hidden;
	visibility: hidden;
	width: 0;
}
.disnon{
	display:none;
}

html {
    min-width:1000px;
}

body {
    color: #333;
    font-family:'メイリオ',Meiryo,'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','MS Pゴシック',sans-serif;
}
img{
    image-orientation:none;
}
a{
    border:0;
    text-decoration:none;
    color:#000000;
}
a img{
    border:0;
}
li{
    list-style-type:none;
}
body{
    font-size:100%;
}
.container{
    width:100%;
    font-size:85%;
}
header{
    width:100%;
}
.topBannerWrapper{
    text-align:center;
    /*height:5px;*/
    /*background: #dadada repeat-x left bottom;*/
    padding:0;
    margin:0 auto;
    width:1000px;
}
.topBanner_right{
    width:728px;
    margin:0 auto;
    clear:right;
    float:right;
}
.topBanner_left{
    width:250px;
    margin:0 auto;
    float:left;
}
.globalNaviWrapper{
    clear:both;
    width:100%;
    margin:0 0 10px 0;
    background:repeat-x bottom left;
    /*border-top:2px solid #000;*/
}
.globalNavi{
    margin:0 auto;
    overflow:hidden;
    width:980px;
}
.globalNavi ul,.contact{
    float:left;
    position:relative;
    left:-12px;
}
.globalNavi ul{
    overflow:hidden;
    z-index: 100;
}
.globalNavi ul li{
    float:left;
    margin:0 0 0 5px;
    padding: 8px 8px 8px 8px ;
    height:19px !important;
}
.globalNavi ul li.current{
    /*border:1px solid #d6d6d6;
    border-top-left-radius: 10px;
    border-top-right-radius:10px;
    -webkit-border-top-left-radius: 10px;
    -webkit-border-top-right-radius: 10px;
    -moz-border-radius-topleft: 10px;
    -moz-border-radius-topright: 10px;
    padding-bottom: 1px;
    padding-top: 5px;
    position: relative;
    top: 8px;
    height:21px !important;*/
    border-bottom:2px solid #000000;
}
.globalNavi ul li.select{
    border-bottom: 2px solid #9a9a9a;
}
.globalNavi ul li:hover{
    border-bottom:2px solid #B31E60;
    height:19px !important;
}
.globalNavi ul li a{
    font-size:90%;
    color:#666666;
    font-weight:bold;
}
.globalNavi ul li a:hover{
    color:#888888;
}
.globalNavi li.current a{
    margin-top:5px;
    /*color:#333333;*/
}
.globalNavi ul li a img:hover{
    opacity:0.7;
}

.is--icon .home-link__logo{
    display: none;
}
.is--logo .home-link__icon{
    display: none;
}
.globalNavi .is--logo {
    padding: 0;
    height: 36px !important;
}
.globalNavi ul li.is--logo:hover{
    height: 36px !important;
}


.contact{
    margin:0 0 0 8px;
    padding: 8px 0 ;
    height:21px !important;
}
.contact:hover{
    border-bottom:2px solid #888888;
    height:19px !important;
}
.contact a{
    background-repeat: no-repeat;
    background-position:bottom 0px left 1px;
    padding:0 16px;
    display:inline-block;
    color:#666666;
    font-weight:bold;
    font-size:90%;
}
.contact a:hover{
    color:#333333;
}
.search ul li {
    display: inline;
    vertical-align: bottom;
}
.q {
    background-position: left bottom;
    background-repeat: no-repeat;
    border: 0 none;
    height: 20px;
    padding: 2px 0 0;
    width: 162px;
}
.submit {
    background-position: left bottom;
    background-repeat: no-repeat;
    border: 0 none;
    cursor: pointer;
    height: 22px;
    width: 50px;
}
.header_logo{
    text-align:center;
    margin:30px 0 10px 0;
}
.mWrapper{
    width:980px;
    margin:0 auto 4px auto;
    overflow: hidden;
    position: relative;
    /*height: 26px;*/
}
.breadCrumbs{
    float:left;
    font-size:85%;
    margin:0;
    overflow:hidden;
}
.breadCrumbs li{
    background:no-repeat left center;
    padding:4px 0 4px 20px;
    margin:0 10px 0 0;
    float:left;
}
.breadCrumbs a{
    color:#b41e5e;
    font-weight:normal;
}
.contentsMenu{
    float:right;
}
.contentsMenu span a img:hover{
    opacity:0.5;
}
.contentsMenu a{
    color:#b41e5e;
    background:no-repeat left top;
    padding:2px 0 2px 20px;
}
.contentsMenuWrapper{
    overflow:hidden;
    width:100%;
    background:repeat-x left top;
    padding:5px 0 30px 0;
    font-weight:bold;
    font-size:90%;
    display:none;
}
.contentsMenuInner{
    text-align:right;
    width:980px;
    margin:0 auto;
    overflow:hidden;
    position:relative;
}
.contentsMenuInner ul{
    float:right;
    width:300px;
    margin:0 20px 0 0;
}
.contentsMenuInner ul li{
    text-align:left;
    padding:2px 0;
}
.contentsMenuInner ul li ul{
    margin:0 0 0 20px;
}
.contentsMenuInner ul li ul li ul{
    margin:0 0 0 40px;
}
.contentsMenuInner ul li a{
    color:#b41e5e;
    padding:3px 20px;
    display:block;
}
.contentsMenuInner ul li a:hover{
    border-radius: 20px;         /* CSS3 */
    -moz-border-radius: 20px;   /* Firefox */
    -webkit-border-radius: 20px; /* Safari,Chrome */
    background-color:#d6d6d6;
}
.contentsMenuInner ul li.current a{
    border-radius: 20px;         /* CSS3 */
    -moz-border-radius: 20px;   /* Firefox */
    -webkit-border-radius: 20px; /* Safari,Chrome */
    background-color:#c8c8c8;
}
.contentsMenuInner ul li ul li{
    padding:0 0 0 20px;
}
.contentsMenuInner ul li ul li ul li{
    padding:0 0 0 40px;
}
.contentsMenuInner .closeBtn{
    width:17px;
    position:absolute;
    right:0;
    top:5px;
}
.contents{
    width:1000px;
    margin:10px auto 0 auto;
    overflow:hidden;
}
.mainContents{
    width:660px;
    padding:0 20px 0 0;
    float:left;
    /*overflow:hidden;*/
}
.group{
    margin:0 0 12px 0;
    border-left:6px solid #a6a6a6;
    padding:0 0 0 8px;
    width:240px;
    float:left;
}
.group.overview{
    width:100%;
}
.group .date,.group div{
    font-weight:bold;
    font-size:80%;
}
.group h1{
    color:#000000;
    font-weight:bold;
    font-size:170%;
    margin-bottom:6px;
}
.group h2{
    color:#000000;
    font-weight:bold;
    font-size:100%;
    float:left
}.group h3{
     color:#666666;
     font-size:100%;
     font-weight:normal;
 }
.group span{
    color:#fda305;
    font-weight:bold;
    font-size:100%;
}
.group.overview .date{
    color:#000000;
    font-size:80%;
}
.mainImage{
    margin:0 0 10px 0;
}
.articleTitle{
    margin:0;
    clear:both;
    margin:10px 0 15px 0;
}
.articleTitle h1{
    color:#000000;
    font-size:170%;
}
.articleBlock{
    border-bottom: 1px solid #D6D6D6;
    margin:0 0 15px 0;
}
.block_title{
    margin:0 0 10px 0;
}
.subTitle{
    color:#d43024;
    font-weight:bold;
    font-size:110%;
    margin:0 0 10px 0;
    line-height:1.8;
}
.sub_title{
    color:#d43024;
    font-weight:bold;
    margin:0 0 10px 0;
    font-size:110%;
}
.block_subtitle{
    margin:0 0 10px 0;
}
.block_subtitle h4{
    color: #EF8270;
    font-size: 95%;
    font-weight: normal;
}
.lead{
    clear:both;
    margin:0 0 10px 0;
}
.lead p{
    font-size:110%;
    color:#9d9d9d;
}
.articleCate{
    margin:0 0 5px 0;
    clear:both;
    font-size:85%;
}
.articleCate:after{
    content: "";
    display: block;
    clear: both;
}
.block_lead{
    color:#666666;
    font-size:80%;
    margin:0 0 6px 0;
}
.articleCate a{
    color:#818181;
}
.articleCate .category{
    display: inline-block;
    width: auto;
    color:#818181;
    border: solid 1px #9a9a9a;
    float: left;
    font-size: 11px;
    padding: 1px 8px;
}
.articleCate .tags{
    float: left;
    font-size: 11px;
    height: 19px;
    padding-left: 22px;
    padding-top: 2px;
    margin-left: 20px;
    background: url(/prefs/css/images/tag.png) no-repeat;
    -webkit-background-size: 16px 17px;
    background-size: 16px 17px;
    background-position: center left;
}
.articleCate .tags span{
    margin-left: 20px;
}
.articleCate .tags span:nth-child(1){
    margin-left: 0;
}
.articleTopText{
    margin:0 0 25px 0;
}
.fullText{
    /*display:none;*/
    height:240px;
    overflow:hidden;
}
.tieup .fullText{
    height:auto;
}
#read_more{

    width:660px;
    height:40px;
    border-top:3px solid #d6d6d6;
    padding:10px 0 0 0;
    margin: 10px 0 15px 0;
    text-align:center;
    z-index:1000;
}
#read_more button{
    border-width:1px;
    cursor:pointer;
    color : #B31E60;
    font-size:15px;
    font-weight: bold;
    height: 40px;
    width: 150px;
    -moz-user-select: none;
    -khtml-user-select: none;
    user-select: none;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 5px;
    background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc));

}
#read_more button:hover{
    border-width:1px;
    background: -moz-linear-gradient(top, #fff, #e1e1e1 1%, #e1e1e1 50%, #cfcfcf 99%, #ccc);
    background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #e1e1e1), color-stop(0.5, #e1e1e1), color-stop(0.99, #cfcfcf), to(#ccc));
    height: 40px;
    width: 150px;
}

#sb{
    display:none;
}
.articleBlock{
    position:relative;
}
.articleBlock h3{
    font-size:100%;
    color:#c3b300;
    margin:0 0 10px 0;
}
.articleBlock h2{
    font-size:140%;
    color:#888888;
    padding: 8px 12px;
    border-left: 6px solid #339966;
    margin:12px 0 16px 0;
}
.articleBlockLeft,.articleBlockRight{
    overflow:hidden;
}
.articleBlockLeft .articleBlockImage{
    float:left;
    margin:0 10px 0 0;
}
.articleBlockRight .articleBlockImage{
    float:right;
    margin:0 0 0 10px;
}
.imageText a{
    display:block;
}
.imageText .zoom{
    text-align:right;
    height:10px;
}
.imageText .zoom img{
    position:relative;
    top:-8px;
}
.articleBlock .caption{
    font-size: 90%;
    margin-bottom: 25px;
}
.articleBlockImage .zoom{
    margin:-8px 0 0 0;
}
.articleBlockLeft .articleBlockImage .caption{
    padding: 0 5px 5px;
}
.articleBlockRight .articleBlockImage .caption{
    padding: 0 0 5px 5px;
}
.articleText{
    text-justify: inter-ideograph;
    text-align:justify;
    line-height:1.8;
}
.articleText a{
    color:#2963B5;
    text-decoration:underline;

}
.relationBlock{
    margin:0 0 20px 0;
    overflow:hidden;
    clear:both;
}
.relationBlock .relationBar{
    background:repeat-x left top;
    height:26px;
    border:1px solid #cacaca;
    font-weight:bold;
    font-size:85%;
    color:#332e2b;
    padding:6px 0 0 10px;
    margin:0 0 10px 0;
}
.relationText a{
    color:#1f6cb4;
    font-weight:bold;
}
.relationProfile .relationTitle{
    color: #B31E60;
    font-weight: bold;
}
.relationProfile a{
    display:block;
}
.relationProfile a:hover{
    opacity:0.7;
    background:#dddddd;
}
.relationProfile .description{
    font-size:90%;
    line-height:1.5;
    text-align:justify;
}
.relationLink{
    margin:0 0 15px 0;
}
.relationLink a{
    color:#b31e60;
    font-weight:bold;
    background-image:none;
}
.relationBlock ul li{
    overflow:hidden;
    margin:0 0 10px 0;
    font-size:90%;
}
.relationImage{
    float: left;
    margin: 0 4px 0 0;
    width: 50px;
    padding:3px;
}
.relationText .date{
    color: #484848;
    font-weight:bold;
    line-height: 1;
    padding: 3px 0;
}
.relationList ul li h3,.playback .relationText h3{
    color:#1F6CB4;
}
.dateArea{
    overflow:hidden;
    margin:0 0 10px 0;
}
.dateArea .date{
    float:left;
    background:#f97209;
    margin:0 4px 0 0;
    padding: 5px;
    color:#ffffff;
    width:68px;
    height:68px;
}
.dateArea .date span{
    font-size:110%;
    font-weight:bold;
}
.dateArea .date .month{
    font-size:235%;
    position:relative;
    top:-5px;
    width:auto;
    height:auto;
    line-height:1.2;
}
.dateArea .place{
    float:left;
    background:#979797;
    margin:0 4px 0 0;
    padding:10px 0 0 5px;
    color:#ffffff;
    width:73px;
    height:68px;
    font-size:170%;
    line-height:1;
}
.teitenCap{
    float:left;
}
.teitenCap h4{
    font-size:80%;
    font-weight:normal;
    margin:0 0 15px 5px;
}
.mode{
    overflow:hidden;
}
.mode span{
    display:block;
    font-size:85%;
    margin:3px 10px 0 5px;
}
.mode span,.mode ul{
    float:left;
}
.mode ul{
    overflow:hidden;
}
.mode ul li{
    float:left;
    cursor:pointer;
}
.mode .selectA{
    width:36px;
    background:no-repeat left top;
}
.mode .selectB{
    width:36px;
    background:no-repeat left top;
}

.modeA{
    width:35px;
    height:25px;
    background:no-repeat left top;
}
.modeB{
    width:35px;
    height:25px;
    background:no-repeat left top;
}
.default{
    overflow:hidden;
    margin:0 0 20px 0;
}
.default .fashionImage{
    float:left;
    margin:0 19px 0 0;
}
.default .profile{
    float:left;
    width:320px;
}
.default  .profile .profileImage{
    float:right;
    padding:0 0 0 10px;
}
.expand{
    margin:0 0 20px 0;
}
.expand .fashionImage{
    text-align:center;
    margin:0 0 10px 0;
}
.expand .profile{
    overflow:hidden;
}
.expand .profile .profileImage{
    float:left;
    padding:0 15px 0 0;
}
.profileText{
    line-height:1.7;
    font-size:90%;
}
.profileID{
    color:#ec41ab;
    font-weight:bold;
}
.profileQ {
    color:#909090;
}
.profileA{
    color:#444444;
    font-weight:bold;
}
.detail{
    clear:left;
    margin:0 0 20px 0;
}
.detail a{
    margin:0 5px 0 0;
}
.detail a.rightend{
    margin:0;
}
table.ownItems{
    border-collapse: collapse;
    border-bottom:1px solid #cccccc;
    width:100%;
    margin:0 0 20px 0;
    font-size:85%;
}
table.ownItems th{
    text-align:left;
    font-weight:normal;
    padding:5px 0 5px 10px;
    color:#5e5e5e;
}
table.ownItems td{
    padding:5px 0 5px 10px;
}
table.ownItems tr{
    border-top:1px solid #cccccc;
}
table.ownItems a{
    color:#3280e5;
}
h5{
    font-size:135%;
    color:#d43024;
}
.interview{
    overflow:hidden;
}
.qaL{
    float:left;
    margin:0 20px 0 0;
}
.qaR{
    float:left;
}
.QA{
    width:320px;
    margin:0 0 10px 0;
    background:#f2f2f2;
}
.Q{
    border-bottom:1px dotted #000000;
    padding:10px 10px 5px 10px;
}
.Q img{
    padding:0 10px 0 0;
}
.A{
    padding:5px 15px 10px 10px;
}
.A img{
    padding:5px 10px 0 0;
}
.hitoTop{
    overflow:hidden;
    margin-bottom:102px;
}
.hitoTop #loading{
    height:147px;
    width:100px;
    margin:0;
    background:#444 no-repeat center;
}
.hitoTop div{
    float:left;
    margin:0 12px 12px 0;
}
.hitoTop div a{
    display:block;
    background:no-repeat center center;
}
.kakukaitopWrapper a{
    display:block;
}
.hitoTop div a:hover,.kakukaitopWrapper a:hover{
    opacity:0.7;
    background:#dddddd;
}
.hitoTop div a img{
    border:0;
}
.hitoMon{
    padding:5px 0 0 10px;
    width:90px;
    height:142px;
    background:#f97209;
    color:#ffffff;
    font-weight:bold;
}
.hitoMon span{
    font-size:120%;
}
.hitoMon div{
    font-size:310%;
    line-height:1;
}
.hitoTop .rightend{
    margin:0 0 5px 0;
}
.hitoTop a div.rightend{
    margin:0 0 11px 0;
}

/*****定点観測トップ*****/
.teiten{
    overflow:hidden;
    margin:0 0 20px 0;
}
.teiten a{
    display:block;
}
.teiten a:hover{
    opacity:0.7;
    background:#dddddd;
}
.teiten .left{
    float:left;
    width:320px;
    margin:0 20px 0 0;
}
.teiten .right{
    overflow:hidden;
    width:320px;
}
.teiten .teitenMon{
    width:140px;
    height:142px;
    padding:8px 10px 0 0;
    float:right;
    background-color:#c3c3c3;
    text-align:right;
    color: #FFFFFF;
    font-weight: bold;
}
.teitenLeft .teitenMon{
    float:left;
    margin:0 0 15px 0;
}
.latest .teitenMon{
    background-color:#f97209;
}
.teitenMon div{
    font-size:310%;
    line-height:1.0;
}
.teitenMon span{
    font-size:120%;
}
.Item{
    clear:both;
}
.Item h2, .Item h3{
    font-weight: normal;
}
.Item h3{
    font-size:90%;
}
.item h2, .item h3{
    font-weight: normal;
}
.item h3{
    font-size:90%;
}
.cItem{
    float:left;
}
.zItem{
    float:right;
}
.countItemImage{
    width:150px;
    float:left;
    margin:0 20px 10px 0;
}
.teiten .date{
    margin:0 0 10px 0;
    font-weight:bold;
}
.teitenLeft .countItemImage{
    float:right;
    width:150px;
    margin:0;
}
.teiten .right .data{
    width:150px;
    float:left;
}
.teiten .right .countData{
    clear:both;
    overflow:hidden;
}
.zoomupImage{
    float:left;
    clear:both;
}
.teiten .right .countData .zoomupImage,.teiten .left .countData .zoomupImage{
    margin:0 20px 0 0;
}
.zoomupText{
    width:150px;
    float:left;
    margin:0 0 10px 0;
}
.zoomupText .group{
    margin:0 0 10px 0;
}
.zoomupText p{
    font-size:75%;
    color:#666666;
}
.zoomupImage .image1,.zoomupImage .image2{
    margin:0 0 10px 0;
    width:150px;
}
.zoomupImage .image1 div,.zoomupImage .image2 div{
    /*font-size:90%;*/
}
.countItem{
    margin:0 0 10px 0;
}
.zoomupItem2{
    margin:0 0 15px 0;
}
.teitenWrapper .latest  .left{
    border-bottom:8px solid #f97209;
}
.countItem span{
    font-size:110%;
    font-weight:bold;
    color:#f97209;
    display:block;
}
.countItem strong{
    font-size:100%;
}
.teitenWrapper .latest .countItem span{
    color:#f97209;
}
.zoomupItem1 span,.zoomupItem2 span{
    display:block;
    font-weight:bold;
}
.teitenWrapper .latest .zoomupItem1 span,.teitenWrapper .latest .zoomupItem2 span{
    color:#f9710b;
}
.teitenLeft .right,.teitenRight .left{
    border-bottom:8px solid #c3c3c3;
}
.teitenLeft  .zoomupText span,.teitenRight  .zoomupText span{
    color:#b31c61;
}
.teiten .group span{
    color:#FDA305;
    font-weight:bold;
}
.teiten .group .date{
    line-height:1.0;
}
/****定点観測モノトップ****/
.monoTop{
    overflow:hidden;
}
.monoTop .items_block{
    width:500px;
    margin-left:10px;
    float:left;
}
.monoTop .items_block a{
    display:block;
}
.monoTop .item{
    float:left;
    margin:0 20px 10px 0;
    height:230px;
    width:150px;
    line-height:1.4;
    font-size:85%;
    color:#656565;
}
.monoTop .item:hover{
    opacity:0.7;
    background:#dddddd;
}
.monoTop .item .text{
    font-size:100%;
    border-left:6px solid #d2d2d2;
    padding:0 0 0 10px;
    margin:5px 0 0 0;
    height:65px;
}
.monoTop .rightend{
    margin:0;
}
.monoTop .monoMon{
    font-weight: bold;
    height: 217px;
    line-height: 1.2;
    padding: 8px 10px 0 0;
    text-align: right;
    width: 140px;
    background-color:#979797;
    color:#ffffff;
    float:left;
}
.monoTop .monoMon span{
    font-size:120%;
    color:#ffffff;
}
.monoMon div{
    font-size:310%;
    margin:0;
    float:none;
    color:#ffffff;
    padding:0 10px 0 0;
    width:140px;
    height:auto;
}

.monoTop div a{
    display:block;
}
.monoTop strong{
    display:block;
    font-size:110%;
}
.monoTop span{
    color:#999999;
}

/****モノカテゴリ****/
.monoCate{
    overflow:hidden;
}
.monoCate .cate{
    width:80px;
    height:127px;
    color:#ffffff;
    background:#fa7308;
    padding:10px;
}
.monoCate div{
    float:left;
    margin:0 12px 10px 0;
    height:147px;
    width:100px;
    line-height:1.4;
    font-size:85%;
    color:#656565;
}
.monoCate div.rightend{
    margin:0 0 10px 0;
}
.monoCate div.text{
    height:40px;
    overflow:hidden;
}
.monoCate div strong{
    display:block;
    color:#000000;
}
.itemTag .cate{
    width:80px;
    height:130px;
    color:#ffffff;
    background:#fa7308;
    padding:10px;
    float:left;
    margin:0 10px 0 0;
}
.categoryTag .cate{
    color:#ffffff;
    background:#fa7308;
    padding:10px;
    margin:10px  0 ;
}
.item{
    float:left;
    margin:0 12px 10px 0;
    height:150px;
    width:100px;
    line-height:1.4;
    color:#656565;
    overflow: hidden;
}
.item a{
    display:block;
}
.item a:hover{
    background:#dddddd;
    opacity:0.7;
}
.item a img{
    background-color:#000000;
}
.item .text{
    overflow:hidden;
    font-size:90%;
}
.item strong{
    color:#000000;
    font-size:100%;
    display:block;
    line-height:1.2;
}
.item span{
    color:#999999;
    font-size:90%;
}

/****カウントアイテム****/
.count,.zoomup{
    overflow:hidden;
    width:660px;
}
.itemDate{
    overflow:hidden;
    margin:0 0 5px 0;
}
.count .itemDate div{
    float:right;
}
.zoomup .itemDate div{
    float:right;
}
.itemName{
    width:160px;
    font-weight:bold;
}
.itemName h1{
    font-size:135%;
}
.itemImage{
    margin:0 15px ;
}
.itemMon{
    padding:10px;
    background-color:#979797;
    width:299px;
    height:130px;
    text-align:right;
}
.itemMon span{
    display:block;
    color:#ffffff;
    font-weight:bold;
    font-size:120%;
}
.itemMon div{
    float:none !important;
    font-size:180%;
    font-weight:bold;
    line-height:1.2;
    color:#ffffff;
}
.itemMon p{
    text-align:left;
    font-size:75%;
    font-weight:normal;
}
.zoomup .itemMon p{
    clear:both;
}
.count .define_otherimage{
    overflow:hidden;
}
.count .countDate_playback{
    overflow:hidden;
}
.count .define{
    font-size:85%;
    float:right;
    width:320px;
    margin:0 0 0  20px;
}
.count .define span{
    color:#676767;
    display:block;
}
.define span{
    font-weight:bold;
    font-size:110%;
    margin:0 0 4px;
}
.define_zoom{
    color:#676767;
    margin-top:5px;
    font-weight:normal;
    font-size:75%;
}
.define_zoom  span{
    display:block;
}

.otherImage{
    float:left;
    overflow:hidden;
    margin:0 0 10px 0;
}
.otherImage div{
    float:left;
}
.otherImage .left{
    margin:0 10px 0 0;
}
.countDate h2{
    font-size:140%;
}
.countDate span{
    display:block;
    font-size:100%;
    margin:0 0 5px 0;
    color:#676767;
}
.playback{
    width:320px;
    float:left;
}
.zoomup .playback,.count .playback{
    margin:0 0 20px 20px;
}
.playback strong{
    color:#979797;
    font-size:180%;
}
.playback ul{
    margin:6px 0 0 0;
}
.playback ul a{
    display:block;
}
.playback ul a:hover{
    background:#dddddd;
    opacity:0.7;
}
.playback ul li{
    overflow:hidden;
    font-size:85%;
    background:repeat-x left bottom;
    padding:2px 0;
}
.relationText p{
    font-size:80%;
}
.others{
    margin:auto;
}
.itemOthers{
    background-color: #c1c1c1;
    height: 80px;
    padding: 10px;
    width: 299px;
    float:left;
}
.itemTextOthers{
    float:left;
    width:210px;
}
.itemOthers span{
    color: #ffffff;
    display: block;
    font-size: 100%;
    font-weight: bold;
}

.itemOthers .itemCatOthers{
    color: #ffffff;
    float: none !important;
    font-size: 130%;
    font-weight: bold;

}
.itemOthers .itemCatOthers .itemarrow{
    margin-right:5px;
}
.itemOthers .itemNameOthers{
    font-size: 95%;
    color: #484848;
    line-height: 1.4;

}
.itemOthers .itemImageOthers{
    float: right;
}


.count .place,.zoomup .place,.bottom{
    overflow:hidden;
    width:660px;
}
.count .place a,.zoomup .place a,.bottom a{
    display:block;
}
.count .place a:hover,.zoomup .place a:hover,.bottom a:hover{
    opacity:0.7;
}
.count .place div,.zoomup .place div,.bottom div{
    float:left;
    margin:0 13px 7px 0;

}
.place{
    padding: 27px 0 0;
}
.bottom{
    margin:10px 0;
    padding: 24px 0 0;
    clear:both;
}
.count .bottom{
    position:relative;
    top:20px;
}
.bottom .detailLink{
    position:relative;
}
.count .place .rightend,.zoomup .place .rightend,.bottom .rightend{
    margin:0;
}
.subete{
    width:660px;
    margin:5px auto 10px auto !important;
    text-align:center;
    border-top:2px solid #c9c9c9;
}
.subete a,.subete a{
    color:#b41e5e !important;
    font-weight:bold !important;
    font-size:15px !important;
}
.bottomCount{
    background:#f97209;
}
.bottomZoom{
    background:#979797;
}
.bottomCount,.bottomZoom,.bottomPlace{
    color: #3D3D3F !important;
    font-size: 85%;
    height: 178px;
    line-height: 1.2;
    padding: 5px;
    width: 110px;
}
.bottomPlace{
    background:#f97209;
    font-size:170%;
    color:#ffffff !important;
}
.bottomPlace div{
    padding:2px 0 0 5px;
}
.bottomCount div,.bottomZoom div,bottomPlace div{
    float:none;
    color:#ffffff;
    font-size:150%;
    margin:0 0 10px 0;
}
.bottomCount strong,.bottomZoom strong{
    display:block;
}
.kakubasho{
    overflow:hidden;
    width:660px;
    margin:0 0 20px 0;
}
.kakubasho .left{
    width:320px;
    float:left;
    margin:0 20px 13px 0;
}
.other{
    width:660px;
    overflow:hidden;
    margin:0 0 20px 0;
}
.other .left{
    width:320px;
    float:left;
    margin:0 20px 13px 0;
}
.kakubashoRight .left,.otherRight .left{
    width:320px;
}
.kakubasho .left div,.other .left div{
    margin:0 20px 0 0;
    float:left;
    width:150px;
}
.kakubasho .left div.rightEnd,.other .left div.rightEnd{
    margin:0;
}
.kakubasho .left .bashoMon,.other .left .bashoMon{
    width:140px;
    margin:0 20px 20px 0;
}
.kakubasho .left .bashoMon h1 .basho,.other .left .bashoMon h1 .basho{
    font-size: 300%;
    color:#d6d6d6;
    margin: 65px 0 0;
    padding: 0 0 0 10px;
    text-align: left;
}
.kakubasho .left .bashoMonextra,.other .left .bashoMonextra{
    width:140px;
    margin:0 20px 20px 0;
}
.kakubasho .left .bashoMonextra h1 .basho,.other .left .bashoMonextra h1 .basho{
    font-size: 300%;
    color:#d6d6d6;
    margin: 65px 0 0;
    padding: 0 0 0 10px;
    text-align: left;
}
.kakubasho .left .bashoMonextra h1 .basho,.other .left .bashoMonextra h1 .basho .small{
    font-size: 165%;
    margin: 100px 0 0;
}

.kakubasho .left .item div,.kakubasho .left .define{
    width:320px;
    color:#5c5c5c;
}
.kakubasho .left .item div,.kakubasho .left .define span{
    display:block;
}
.kakubasho .left .item .countItem,.kakubasho .left .item .zoomupItem1,.kakubasho .left .item .zoomupItem2{
    margin:0 0 10px 0;
    color:#000000;
}
.kakubasho .left .item .zoomupItem1 span,.kakubasho .left .item .zoomupItem2 span{
    color:#f9710b;
}
.kakubasho .left .item,.other .left .item{
    width:320px;
    float:left;
}
.kakubasho .right{
    float:left;
    width:320px;
    margin:0 0 0 0;
}
.kakubashoRight .right{
    width:325px;
}
.kakubashoRight .right div{
    margin:0 20px 20px 0;
}
.kakubasho .right a{
    display:block;
}
.kakubasho .bashoMon,.other .bashoMon{
    font-weight: bold;
    height: 233px;
    line-height: 1.2;
    padding: 8px 10px 0 0;
    text-align: right;
    width: 140px;
    background-color:#979797;
    color:#ffffff;
}
.kakubasho .bashoMonextra,.other .bashoMonextra{
    font-weight: bold;
    height: 233px;
    line-height: 1.2;
    padding: 8px 10px 0 0;
    text-align: right;
    width: 140px;
    background-color:#F97209 !important;
    color:#ffffff;

}
.kakubasho .bashoMon span,.other .bashoMon span{
    font-size:120%;
}
.kakubasho .bashoMon h3,.other .bashoMon h3{
    font-size:190%;
}
.kakubasho .bashoMonextra h3,.other .bashoMonextra h3{
    font-size:160%;
}

.kakubasho .bashoMon div,.other .bashoMon div{
    font-size:310%;
    margin:0;
    width:142px;
    padding:0 10px 0 0;
    float:none;
    color:#ffffff;
    height:auto;
}
.kakubasho .bashoMonextra span,.other .bashoMonextra span{
    font-size:120%;
}
.kakubasho .bashoMonextra div,.other .bashoMonextra div{
    font-size:310%;
    margin:0;
    width:142px;
    padding:0 10px 0 0;
    float:none;
    color:#ffffff;
    height:auto;
}
.kakubasho .bashoMonextra div.small,.other .bashoMonextra div.small{
    font-size:160%;
    margin-top:6px !important;
 }

.kakukaitopWrapper .kakubasho .right div{
    width:150px;
    float:right;
    margin:0 0 13px 0;
}
.kakukaitopWrapper .kakubasho .right .countDate{
    width:150px;
    margin:0;
    float:none;
}
.kakubasho .right .countDate div{
    float:none;
    margin:0;
}
.kakubasho .right .countDate span{
    color:#5c5c5c;
}
.kakukaitopWrapper .kakubasho .right .bashoMon{
    margin:0 0 20px 20px;
    width:140px;
}

.kakubasho .right .bashoMon div{
    padding:0;
}
.kakubashoRight .right .bashoMon{
    margin:0 0 20px 0;
}
.kakukaitopWrapper .kakubasho .right .bashoMonextra{
    margin:0 0 20px 20px;
    width:140px;
}

.kakubasho .right .bashoMonextra div{
    padding:0;
}
.kakubashoRight .right .bashoMonextra{
    margin:0 0 20px 0;
}
.kakubashoRight .right .countDate{
    width:155px;
    margin:0 20px 20px 0;
}
.kakubashoRight .right .rightend{
    margin:0 0 20px 0;
}
.kakukaitopWrapper .kakubasho .countDate span,.other .countDate span{
    color:#f77209;
    font-size:110%;
    margin:0;
}
.kakubasho .left .item{
    height:auto;
    margin:10px 0;
}
.kakubasho .left .item .thum{
    width:50px;
    float:left;
    margin:0 10px 0 0;
}
.kakubasho .left  .define{
    font-size:90%;
}
.other .left a{
    display:block;
    overflow:hidden;
}
.other .left a:hover{
    background-color:#dddddd;
    opacity:0.7;
}
a.opa{
    display:block;
}
.face{
    bottom: 5px;
    position: absolute;
    right: -7%;
    top: -10%;
    z-index:1000;
}
.bottom .catch{
    width:120px;
    font-size:70%;
    margin : 0 !important;
    height: 50px;
}
.kakukaitop{
    overflow:hidden;
    margin-bottom: 20px;
}
.kakukaitop .left{
    float:left;
}
.kakukaitop .right{
    float:right;
    width:320px;
    margin:0 0 20px 0;
}
.kakukaitop .itemMon{
    background:#f97209;
    height:120px;
    margin:0 0 15px 0;
}
.kakukaitop .itemMon div{
    font-size:310%;
    font-weight:bold;
    line-height:1.0;
}
.kakukaitop .itemMon span{
    font-weight:bold;
    font-size:120%;
}
.kakukaitop .itemMon{
    font-weight:bold;
}
.kakukaitop .zoomupImage{
    width:auto;
}
.kakukaitop .zoomupImage a{
    display:block;
    float:left;
    margin:0 0 0 20px;
}
/*.kakukaitop .zoomupImage .image1,.kakukaitop .zoomupImage .image2{
    float:left;
    margin:0 20px 0 0;
    width:150px;
}*/
.kakukaitop .define{
    width:150px;
    float:left;
    font-size:75%;
    color:#5b5b5b;
}
.kakukaitop .countItemImage span,.kakukaitop .zoomupImage .image1 span,.kakukaitop .zoomupImage .image2 span{
    color:#F9710B;
}
.kakukaitopWrapper{
    clear:both;
}
.kakukaitopWrapper .relationBlock strong{
    display:block;
    font-size:200%;
}
.relationBlock h2{
    display:block;
    font-size:140%;
}

.countDate{
    color:#5c5c5c;
    font-size:85%;
    float:left;
}
.countDate h2{
    font-size:140%;
    font-weight:bold;
    margin:0 0 8px;
}
.countDate h3{
    font-size:140%;
    font-weight:bold;
    margin:0 0 8px;
}
/****インデックス****/
.categoryTag{
    width:660px;
}
.anc{
    clear:both;
    overflow:hidden;
}
.index1column .anc .index .indexText{
    width:660px;
}
.index2column .anc .index .indexText{
    width:210px;
}
.index2column{
    overflow:hidden;
    margin: 0 0 25px 0;
}
.index1column{
    margin: 0 0 25px 0;
    clear:both;
}
.index1column .index{
    width: 660px;
    /*height: 100px;*/
    margin: 0 0 12px;
}
.index1column .person{
    clear:both;
    overflow:hidden;
}
.index1column .index a{
    display:block;
    overflow:hidden;
}
.index1column .index a:hover{
    opacity:0.7;
    background:#dddddd;
}
.index2column .index{
    width:320px;
    /*height:100px;*/
    margin:0 20px 12px 0;
    overflow:hidden;
    float:left;
}
.index2column .index a{
    display:block;
    overflow:hidden;
}
.index2column .index a:hover{
    background:#dddddd;
    opacity:0.7;
}
.index2column .rightend{
    margin-right:0;
}
.indexImage{
    width:100px;
    height:100px;
    margin:0 10px 0 0;
    float:left;
    background-color:#dddddd;
}
.indexText{
    float:left;
    font-size:90%;
}
.indexText h3{
    color:#B31E60;
}
.index1column .indexText{
    width:550px;
}
.index2column .indexText{
    width:200px;
}
.indexText .date{
    font-size:80%;
    font-weight:bold;
    margin:0 0 5px 0;
}
.indexTitle{
    color:#b31e60;
    font-weight:bold;
}
.description{
    color:#454545;
    line-height:1.5;
    text-align:justify;
}
.index1column .description{
    overflow:hidden;
}
.interviewLink a{
    background-position:3px center;
    background-repeat:no-repeat;
    padding:0 0 0 18px;
    color:#2963b5;
}
.people{
    clear:both;
}
.person .group{
    float:none;
}
.people .profile{
    margin:0 0 20px 0;
    overflow:hidden;
}
.peopleImg{
    width:175px;
    float:left;
    margin:0 10px 0 0;
}
.peopleTxt p{
    font-size:90%;
}
.peopleTxt .pName h1{
    font-size:160%;
    color:#000000;
    margin:0 0 15px 0;
    display:block;
}
.peopleTxt h2{
    margin:0 0 10px 0;
    font-weight:bold;
    display:block;
}
.people h3{
    font-size:90%;
    color:#333333;
    border-bottom:2px solid #d6d6d6;
    margin:0 0 10px 0;
    padding:0 0 3px 0;
}
.people .index1column{
    margin:0 0 20px 0;
}
.people .index1column .index a{
    display:block;
    overflow:hidden;
}
.people .index1column .index a:hover{
    background:#dddddd;
    opacity:0.7;
}
.people .group{
    margin:0 0 5px 0;
}
.people .article{
    margin:0 0 15px 0;
    padding:0 0 0 10px;
    border-left:6px solid #a6a6a6;
}
.people .article:hover{
    opacity:0.7;
    background:#dddddd;
}
.people .article .date{
    font-size:80%;
    font-weight:bold;
}
.people .article h3 a{
    color:#B31E60;
    font-size:90%;
    font-weight:bold;
}
.people .article .text p{
    font-size:83%;
    line-height:1.7;
}
.people .article .text p a{
    color:#1F6CB4;
}
.people .more{
    margin:0 0 20px 0;
}
.people .more a{
    color: #B31E60;
}
.index1column .person .indexImage:hover{
    opacity:0.7;
    background:#dddddd;
}
.index1column .person .indexText a:hover{
    opacity:0.7;
    background:#dddddd;
}
.rightend{
    margin-right:0 !important;
}
.staff_info{
    color: #999999;
    font-size: 85%;
    line-height: 1.3;
    margin: 20px 0;
}

/*toppage*/

.mainArea{
    margin:0 0 20px 0;
}

.mainArea .titleArea{
    position: absolute;
    top: 390px;
    width:100%;
    /*height: 80px;*/
    padding:5px 0 0 0;

}

.mainArea .group{
    width:auto;
    border-left:0;
    float: left;
    margin: 0 0 20px;
}
.mainArea a{
    height: 485px;
    display:block;
    overflow:hidden;
}
.mainArea a:hover{
    opacity:0.7;
}
.mainTitle{
    float:left;
    width:536px;/*20150210更新*/
    border-left: 6px solid #A6A6A6;
    margin: 0 0 20px 10px;
    padding: 0 0 0 10px;
}
.mainTitle h3{
    font-size:120%;
    color:#B31E60;
    margin: 0 0 3px;
}
.mainTitle .description{
    font-size:90%;
}
.main_teiten{
    border:1px solid #d2d2d2;
    padding:10px;
    margin:0 0 20px 0;
    height:405px;
}
.top .teitenTitle{
    width:70px;
    float:left;
    font-size:360%;
    color:#FDA305;
    line-height:1.0;
    padding:0 0 0 10px;
    border-right:6px solid #a6a6a6;
}
.top .customTitle{
    width:65px;
    float:left;
    font-size:260%;
    color:#FDA305;
    line-height:1.0;
    padding:0 0 0 10px;
    border-right:6px solid #a6a6a6;
    text-align:center;
}

.panelTitle{
    width:auto;
    padding:0;
    font-size:235%;
    line-height:1.0;
    margin:0 0 10px 0;
    float:left;
    color:#FDA305;
}
.top .teitenTitle span{
    font-size:19%;
    display:block;
    margin:50px 0 0 0;
    color:#444444;
}
.top .teitenText{
    float:left;
    width:264px;
    padding:0 15px 0 15px;
    margin-top: -3px;
    min-height: 273px;
    display: flex;
    flex-direction: column;
    justify-content: center;
}
.top .teitenText .catch{
    margin:0 0 10px 0;
}
.top .teitenText .catch h3{
    font-size:130%;
    color:#B31E60;
    line-height:1.2;
    margin:0 0 10px;
}
.top .teitenText .catch .description{
    font-size:90%;
    line-height:1.5;
    color:#666666;
    text-align:justify;
}
.top .teitenText .item{
    width:auto;
    font-size:90%;
    margin:0;
    padding:0 0 10px 0;
    line-height:1.5;
    height:auto;
    color:#656565;
}
.top .main_teiten .teitenText .item{
    overflow:visible;
}
.top .main_teiten .teitenText .item .countItem,.top .main_teiten .teitenText .item .zoomupItem1 {
    margin:0 0 6px 0;
}
.top .main_teiten .teitenText .item .countItem, .top .main_teiten .teitenText .item .zoomupItem1,.top .main_teiten .teitenText .item .zoomupItem2{
    background-position: left 2.5px;
    background-repeat: no-repeat;
    padding: 0 0 0 12px;
}
.top .main_teiten .teitenText .item .countItem span,.top .main_teiten .teitenText .item .zoomupItem1 span,.top .main_teiten .teitenText .item .zoomupItem2 span{
    color:#738113;
    font-weight:bold;
    font-size:110%;
}
.top .teitenText .item .zoomupItem1{
    margin:0 0 10px 0;
}
.top .teitenText .item .zoomupItem2{
    margin:0;
}
.top .panel_teiten .teitenText .item{
    padding:0;
    float:none;
}
.top .panel_teiten a{
    padding:10px;
}
.main_teiten .teitenImg{
    float:left;
    position:relative;
}
.main_teiten .teitenImg div{
    color:#61673b;
    position:absolute;
    bottom:5px;
    right:5px;
    line-height:1;
    font-size:170%;
    font-weight:bold;
}
.main_teiten .teitenImg div span{
    font-size:240%;
}
.top .itemImage{
    clear:both;
    margin:0;
    position:relative;
    top:-140px;
}
.top .panel_teiten .itemImage{
    top:0;
    overflow:hidden;
}
.top .panel_teiten .itemImage img{
    float:left;
    display:block;
}
.top .panel_teiten .date{
    float:right;
    font-size:70%;
    font-weight:bold;
}
.top .panel_teiten .teitenText{
    width:225px;
    padding:0 0 0 10px;
    margin:0 0 10px 0;
    font-size:85%;
    border-left: 6px solid #A6A6A6;
}
.top .panel_teiten .month{
    color: #61673B;
    padding:0 10px 0 0;
    clear:both;
    float:left;
    font-size:110%;
    font-weight:bold;
    line-height:1.0;
    text-align:center;
    width:45px;
}
.top .panel_teiten .month span{
    font-size:220%;
}
.panelArea{
    overflow:hidden;
    width:660px;
}
.panelLeft{
    width:320px;
    float:left;
    margin:0 20px 0 0;
}
.panelRight{
    float:left;
    width:320px;
}
.panel{
    width:320px;
    margin:0 0 20px 0;
}
.panel_article .group{
    border:0;
    padding:0;
    margin:0;
    width:70px;
}
.panel .articleTitle{
    float:left;
    width:210px;
    border-left: 6px solid #A6A6A6;
    margin: 0 0 0 10px;
    padding: 0 0 0 10px;
    clear: inherit;
}
.articleTitle h3{
    color:#B31E60;
    font-size:90%;
    margin:0 0 3px 0;
}
.panel .description{
    font-size:90%;
    text-align:justify;
}
.panelText{
    padding:0 0 10px 8px;
    overflow:hidden;
}
.panel_index{
    width:310px;
    padding:10px 0 2px 8px;
}
.panel_index a{
    display:block;
    overflow:hidden;
    margin:0 0 10px 0;
}
.panel_index .indexImage{
    margin:0;
    background:none;
}
.panel_index .indexText{
    width:200px;
    margin:0 0 0 8px;
    font-size:100%;
}
.panel_index .group{
    border-left: 6px solid #A6A6A6;
    float:none;
    margin:0 0 5px 0;
    padding:0 0 0 8px;
}
.panel_index .indexText h3{
    font-size:90%;
}
.panel_index .group .date{
    font-size:75%;
}
.contents .mainContents .panel.panel_index{
    width: 100%;
    padding-left: 0;
}
.contents .mainContents .panel.panel_index .indexText{
    width: calc(100% - 108px);
}

/****トップ罫線追加20151015****/
.border {
    border: 1px solid #A6A6A4;
    box-sizing: border-box;
}
.border a {
    margin-top: -1px;
    margin-right: -1px;
    margin-left: -1px;
}
.border a > img {
    border: 1px solid #A6A6A4;
    box-sizing: border-box;
    border-bottom: none;
}
.panel.panel_index.border {
    width: 320px;
}
.panel_index.border a {
    width: 302px;
    margin-bottom: 5px;
}
.panel_index.border .indexText {
    width: 190px;
}

/****//トップ罫線追加20151015****/
.panel_teiten{
    width:320px;
}
.panel_shohi{
    width:300px;
    padding:10px 10px 0 10px;
}
.panel a{
    display:block;
}
.panel a:hover{
    opacity:0.7;
    background:#dddddd;
}
.panel_shohi .month{
    clear: both;
    color: #788F97;
    float: left;
    font-size: 110%;
    font-weight: bold;
    line-height: 1;
    padding: 0 10px 0 0;
    text-align: center;
    width: 45px;
}
.panel_shohi .month span{
    font-size:220%;
}
.panel_shohi .shohi{
    overflow:hidden;
    padding:0 0 6px 0;

}
.panel_shohi .shohi a{
    margin:0;
    display:block;
    overflow:hidden;
}
.panel_shohi .shohiImage{
    float:left;
}
.panel_shohi .lead{
    width:225px;
    float:left;
    padding:0 0 0 10px;
    margin:0 0 10px 0;
    border-left:6px solid #A6A6A6;
    color:#555555;
    font-weight:bold;
    font-size:90%;
    clear: inherit;
}
.panel_shohi .shohiText{
    width:220px;
    float:left;
    padding:0 0 0 10px;
    font-size:80%;
    line-height:1.8;
}
.panel_shohi .shohiText h3{
    color:#B31E60;
    font-size:110%;
    line-height:1.2;
}
.panel_shohi .shohiText span{
    color:#B31E60;
    font-size:100%;
}
.panel_shohi .latest{
    clear:both;
    margin:0 0 0 0;
}
.panel_shohi .latest .shohiText{
    width:189px;
}
.panel_shohi .today{
    color:#666666;
    line-height:1.3;
    font-size:90%;
}
.panel_shohi .today .price{
    font-weight:bold;
    font-size:180%;
    float:right;
    height:30px;
    padding: 10px 0 0 32px;
    background-repeat:no-repeat;
    background-position:left;
}
.panel_shohi .today span{
    display:block;
    color:#788f97;
    font-weight:normal;
    padding:5px 0;
    font-size:100%;
}
.panel_people{
    padding:8px 10px 0 10px;
    width:304px;
}
.panel_people .lead{
    margin:0 0 15px 0;
    font-size:85%;
    line-height:1.4;
}
.panel_people .date{
    font-size:75%;
}
.panel_people .people{
    overflow:hidden;
    padding:0 0 8px 0;
}
.panel_people .panelTitle{
    float:none;
}
.panel_people .peopleImage{
    float:left;
    margin:0 8px 0 0;
}
/*.panel_people .latest .peopleImage{
    float: right;
    margin: 0 5px 0 8px;
    width: 100px;
}
.panel_people .latest .peopleImage .caption{
    font-size:80%;
    line-height:1.4;
}*/
.panel_people .peopleText{
    float:left;
    width:190px;
}
.panel_people .peopleText p{
    font-size:75%;
}
.panel_people h3{
    font-size:90%;
    color:#B31E60;
    margin:0 0 3px 0;
}
.panel_people .peopleText .ptext{
    color:#2d677d;
    font-size:80%;
    line-height:1.4;
    font-weight:bold;
}
.gray{
    /*background-color:#f3f3f3;*/
    background-color: rgba(243,243,243, 0.7);
}
.green{
    /*background-color:#edf4ec;*/
    background-color: rgba(237,244,236, 0.7);
}
.beige{
    /*background-color:#ebe8d9;*/
    background-color: rgba(235,232,217, 0.7);
}
.blue{
    /*background-color:#edf2f6;*/
    background-color: rgba(237,242,246, 0.7);
}
.purple{
    /*background-color:#edecf1;*/
    background-color: rgba(237,236,241, 0.7);
}

.bxSlider .gray{
    /*background-color:#f3f3f3;*/
    background-color: rgba(243,243,243, 0.9);
}
.bxSlider .green{
    /*background-color:#edf4ec;*/
    background-color: rgba(237,244,236, 0.9);
}
.bxSlider .beige{
    /*background-color:#ebe8d9;*/
    background-color: rgba(235,232,217, 0.9);
}
.bxSlider .blue{
    /*background-color:#edf2f6;*/
    background-color: rgba(237,242,246, 0.9);
}
.bxSlider .purple{
    /*background-color:#edecf1;*/
    background-color: rgba(237,236,241, 0.9);
}


.shohi .group{
    float:none;
}
.shohi a{
    margin:0 0 30px 0;
    display:block;
    height: auto;
    overflow: hidden;
}
.shohi a:hover{
    opacity:0.7;
    background:#dddddd;
}
.shohi a:before{
    content: "";
    display: block;
    clear: both;
}
.shohiProfile{
    float:left;
    width:300px;
    padding:10px;
    background-color:#fcff40;
    margin:0 10px 5px 0;
    overflow:hidden;
}
.shohiText{
    font-size:90%;
    color:#444444;
}
.shohiProfile .txt{
    float:left;
    width:160px;
    padding:0 10px 0 0;
    font-size:80%;
    color:#444444;
}
.shohiProfile .txt strong{
    margin:0 0 8px 0;
    font-weight:bold;
    font-size:120%;
    display:block;
    color:#000000;
}
.pNo{
    overflow:hidden;
    color: #B41E5E;
    margin:0 0 8px 0;
}
.pNo .sharp{
    padding:0 5px 0 0;
    line-height:1.2;
    float:left;
    border-right:1px solid #a6a6a6;
}
.pNo .sharp span{
    font-size:220%;
}
.pNo .period{
    float:left;
    font-size:90%;
    font-weight:bold;
    line-height:1.2;
    padding:18px 0 0 8px;
}
.shohiImg{
    width:130px;
    float:right;
}
.from_across{
    text-align:left;
    padding:10px 10px 5px 10px;
    margin:0 0 20px 0;
}
.from_across .panelTitle{
    float:none;
    font-size:180%;
    margin:0 0 5px 0;
}
.from_across a{
    display:block;
}
.from_across a:hover{
    opacity:0.7;
    background:#dddddd;
}
.from_across .text{
    border-left: 6px solid #A6A6A6;
    padding:0 0 0 10px;
    margin:0 0 10px 0;
}
.from_across .date{
    font-size:75%;
    font-weight:bold;
}
.from_across h3{
    color: #B31E60;
    font-size:80%;
}
.from_across .lead{
    margin:0 0 15px 0;
    font-size:85%;
    line-height:1.4;
}
.from_across .description{
    font-size:90%;
    text-align:justify;
}
.ad-area{
    background:#f2f2f2;
    text-align:center;
    padding: 12px 0;
    margin-bottom:15px;
}
.AD{
    float:left;
    width:320px;
    text-align:center;
    margin:0 0 12px 0;
}
.AD .ad-area{
    margin: 0;
    padding: 12px 0 0 0;
}
.glam_widget{
    margin: 0 0 0 10px !important;
}
.tool{
    text-align:right;
    clear:both;
}
.socialBtn {
    margin: 0 0 10px 0;
    padding: 2px 0 0 4px;
    width: auto;
    border: none;
    background:none;
    float:right;
}
.socialBtn > a {
    float:left;
    margin-right:4px;
}
.socialBtn .addthis_toolbox > a {
    float:left;
}
.socialBtn .addthis_toolbox .twitter-tweet-button {
}
.socialBtn .sns_link:after{
    content: "";
    display: block;
    clear: both;
}
.socialBtn .sns_link li{
    float: left;
    margin-right: 16px;
}
.socialBtn .sns_link li:last-child{
    margin-right: 0;
}
.socialBtn .sns_link li a{
    display: inline-block;
}
.socialBtn .sns_link li a img{
    width: 30px;
}

footer{
    position:relative;
    min-width:980px;
    width : 100%;
    background:#f5f5f5;
    border-top: 1px solid #CCCCCC;
}
.footer_links{
    overflow:hidden;
    width:1000px;
    margin:10px auto;
}
.footer_links a{
    color:#666666;
}
.footer_links a:hover{
    text-decoration:underline;
}
.footer_links dl {
    float: left;
    margin: 0 15px 0 0;
    text-align: left;
    width: 15%;
}
.footer_links dl dt {
    font-size: 80%;
    font-weight: bold;
    padding: 0 0 8px;
}
.footer_links .plain li a{
    font-size:80%;
}
.footerInner{
    border-top:1px solid #cccccc;
    background-color:#f9f9f9;
    overflow:hidden;
    clear:both;
    padding:10px 15px ;
    height:30px;
}
.footerUtility{
    float:left;
}
.footerUtility a{
    float:left;
    font-size:80%;
    color:#585858;
    padding:0 10px 0 0;
    margin:0 10px 0 0;
    background-repeat:no-repeat;
    background-position:right center;
}
.footerUtility a.last{
    background:none;
}
.copy{
    float:right;
    font-size:75%;
    color:#787878;
}
.copy img{
    margin:0 0 0 25px;
}
.copy copyright,.copy img{
    vertical-align:text-bottom;
}
.gsc-input-box {
    background: none repeat scroll 0 0 #FFFFFF !important;
    border: 1px solid #cccccc !important;
    height: 18px !important;
    padding:2px;
}
table.gsc-branding, table.gcsc-branding{
    display:none;
}
input.gsc-search-button-v2, input.gsc-search-button-v2 {
    padding:4px 17px !important;
}
.cse input.gsc-search-button{
    background-color: #ABABAB !important;
    background-image: -moz-linear-gradient(center top , #B1B1B1, #A7A7A7) !important;
    background: -webkit-gradient(linear, center top,center bottom, from(#b1b1b1), to(#a7a7a7)) !important;　
border:1px solid #9d9d9d !important;
}
.gsc-search-button input.gsc-search-button {
    background-color: #ABABAB !important;
    background-image: -moz-linear-gradient(center top , #B1B1B1, #A7A7A7) !important;
    background: -webkit-gradient(linear, center top,center bottom, from(#b1b1b1), to(#a7a7a7)) !important;　
border:1px solid #9d9d9d !important;
}
.cse input.gsc-search-button, input.gsc-search-button{
    border:1px solid #9d9d9d !important;
}
.cse .gsc-control-cse, .gsc-control-cse {
    padding:0 !important;
}
table.gsc-search-box td.gsc-input{
    padding-right:2px !important;
}
.gsib_a{
    padding:0 !important;
}
input.gsc-search-button{
    margin-top:5px !important;
}
form.gsc-search-box{
    margin:0 !important;
}
.gsst_b{
    display:none;
}
.facebook,.twitter{
    text-align:left;
    margin:0;
}
.facebook {
    height:618px;
}
#facebook {
    margin-top:0 !important;
}
.twitter {
    height:606px;
}
.top .top_smartad {
    display:none !important;
}
/*--20190319追加--*/
.cse .gsc-search-button-v2, .gsc-search-button-v2 {
    padding: 6px 6px !important;
    border: 1px #999999 !important;
    background-color: #999999 !important;
}
.cse .gsc-control-wrapper-cse, .gsc-control-wrapper-cse{
    width:120px;
}
.gsc-search-button {
    margin-left: 0px !important;
}
.gsc-input-box {
    padding-top: 3px !important;
    padding-bottom: 3px !important;
    border-radius: 3px !important;
}
table.gsc-search-box {
    width: 100% !important;
}

.goog-te-gadget-simple {
    padding-top: 2px !important;
    padding-bottom: 2px !important;
    border-radius: 3px !important;
}

.search_area{
    background-color: #ffffff;
    position: absolute;
    width: 100%;
    pointer-events:all;
}

.search_area:has(.open) {
    border-bottom: solid 1px #ccc;
}

.search{
    width: 100%;
    max-width: 1000px;
    margin: 0 auto;
    padding: 20px;
    display: none;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-animation: smo 0.3s;
    animation: smo 0.3s;
}

.search table.gsc-search-box{
    margin-bottom: 0;
}

.search.open{
    display: block;
}

.search_btn{
    display: inline-block;
    width: 49px;
    height: 36px;
    padding: 8px 15px;
    margin: 0;
    float: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    cursor: pointer;
    position: absolute;
    right: 0;
}
.search_btn img{
    width: 19px;
    height: 20px;
}

.globalNavi{
    position: relative;
    overflow: visible;
    display: block;
}

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

/*#google_translate_element{*/
/*    float:right;*/
/*    margin:5px 0 0 2px;*/
/*    border-radius: 3px !important;*/
/*}*/

/*#google_translate_element{*/
/*    display: none;*/
/*    border: none;*/
/*    float: none;*/
/*    width: 100%;*/
/*    height: 27px;*/
/*    background: #fff;*/
/*    padding: 20px calc((100vw - 980px) / 2);*/
/*    margin: 0 0 0 calc(((100vw - 980px) / 2) * -1);*/
/*    position: absolute;*/
/*    top: 37px;*/
/*    left: 0;*/
/*    -webkit-animation: smo 0.3s;*/
/*    animation: smo 0.3s;*/
/*}*/
.translate_area{
    background-color: #ffffff;
    position: absolute;
    width: 100%;
}
.translate_area:has(.open) {
    border-bottom: solid 1px #ccc;
}
#google_translate_element{
    display: none;
    border: none;
    width:100%;
    max-width: 1000px;
    padding: 20px 24px;
    box-sizing: border-box;
    text-align: right;
    margin: 0 auto;
    background: #fff;
    -webkit-animation: smo 0.3s;
    animation: smo 0.3s;
}

#google_translate_element.open{
    display: block;
}

/*.goog-te-gadget{*/
/*    position: absolute;*/
/*    right: calc((100vw - 880px) / 2);*/
/*}*/

.language_btn{
    height: 100%;
    line-height: 37px;
    padding-right: 16px;
    display: inline-block;
    position: absolute;
    top: 0;
    right: 49px;
    cursor: pointer;
    background: url(/prefs/css/images/lan.png) no-repeat;
    -webkit-background-size: 8px 7px;
    background-size: 8px 7px;
    background-position: top 14px right 0;
}

@-webkit-keyframes smo {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

@keyframes smo {
    0% {
        opacity: 0;
    }
    100% {
        opacity: 1;
    }
}

.globalNaviWrapper{
    position: relative;
    z-index: 6;
    -webkit-animation: smo 0.3s;
    animation: smo 0.3s;
}

.globalNaviWrapper.navFixed{
    position: fixed;
    top: 0;
}

.navFixed .globalNaviContainer{
    background: rgba(255,255,255,0.8);
    border-bottom: 1px solid #d6d6d6;
}

.container.mask:after{
    content: "";
    top: 112px;
    left: 0;
    display: block;
    position: fixed;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,0.5);
    z-index: 5;
    -webkit-animation: smo 0.3s;
    animation: smo 0.3s;
}

.container.mask.mask2:after{
    position: fixed;
    top: 37px;
}

.add_block{
    padding: 0 19px 20px 19px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

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

.ad_banner{
    float: left;
    margin-left: 20px;
}
.ad_banner:nth-child(1){
    margin-left: 0;
}

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

.relationBlock .panel.panel_article {
    float: left;
    margin-right: 20px;
}

.relationBlock .panel.panel_article:last-child{
    margin-right: 0;
}

#teitenmini.panelTitle.teitenTitlemini{
    display: none!important;
}

/*-- メガメニュー --*/
.mega_menu {
    padding: 18px 0;
}
.mega_menu:after {
    content: "";
    display: block;
    clear: both;
}
.mega_menu .column, .mega_menu .column_wide{
    float:left;
    width: 196px;
    border-left: solid 1px #4f4f4f;
    padding: 0 12px 0 11px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mega_menu .column_wide{
    width: 391px;
}

.mega_menu .column:nth-child(1){
    width: 391px;

}
.mega_menu .column_wide:nth-child(1){
    width: 720px;
}

.mega_menu .col_head{
    font-size: 13px;
    font-weight: bold;
    color: #5c5c5c;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 4px;
    padding-bottom: 2px;
}
.mega_menu .column .grid-item{
    width: 100%;
}
.mega_menu .column .grid-item .panel_teiten{
    padding: 0;
    width: 100%;
    height: auto;
}

.mega_menu .panel_teiten .panelTitle,
.mega_menu .panel_teiten .date{
    display: none;
}

.mega_menu .month{
    clear: both;
    color: #61693a;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 16px;
    font-weight: bold;
    line-height: 1;
    padding: 0 10px 0 0;
    text-align: center;
    width: 45px;
    height: auto;
}

.mega_menu .month span {
    font-size: 34px;
}

.mega_menu .teitenText {
    height: auto;
    overflow: hidden;
    margin-left: 54px;
    border-left: solid 6px #a6a6a6;
    padding-left: 10px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}
.mega_menu .teitenText .catch h3 {
    font-size: 15px;
    color: #b51f5c;
    line-height: 1.6;
    margin-bottom: 12px;
}
.mega_menu .teitenText .catch .description {
    font-size: 11px;
    color: #707473;
    margin-bottom: 12px;
}
.mega_menu .teitenText .item {
    font-size: 11px;
    width: 100%;
    line-height: 1.6;
    height: auto;
}
.mega_menu .teitenText .item .countItem {
    margin-bottom: 12px;
}
.mega_menu .itemImage {
    margin: 10px 0 0 54px;
    letter-spacing: -0.4em;
}
.mega_menu .itemImage img{
    letter-spacing: 0.02em;
}
.mega_menu .column .grid-item .list_block{
    font-size: 12px;
}
.mega_menu .column .grid-item .list_block .sub_head{
    color: #8e8e8e;
    padding:8px 0 4px 0;
}
.mega_menu .column .grid-item .list_block .sub_head .sub_head_disp{
    width: 100%;
    display: block;
    border-top: 1px solid #e3e3e3;
    margin-top: 1px;
    padding-top: 3px;
}
.mega_menu .column .grid-item .list_block .col_head_disp{
    font-size: 13px;
    font-weight: bold;
    color: #5c5c5c;
    width: 100%;
    display: block;
    border-top: none;
    margin-top: 14px;
    padding-top: 0;
    border-bottom: 1px solid #e3e3e3;
    margin-bottom: 4px;
    padding-bottom: 2px;
}
.mega_menu .column .grid-item .list_block .menu_list li{
    color: #b51f5c;
    line-height: 1.8;
    font-weight: bold;
}
.mega_menu .grid-item{
    width:100%;
}
.mega_menu .menu_list li a{
    color: #b51f5c;
}
.mega_menu .menu_list li a:hover{
    color: #888888;
}
.mega_menu .col_comment{
    font-size: 12px;
    border-top: 1px solid #e3e3e3;
    margin-top: 4px;
    padding-top: 8px;
}

.mega_menu .menu_list li a{
    color: #b51f5c;
}
.mega_menu .panel_index{
    width:100%;
}
.mega_menu .panel_index .indexText{
    width:240px;
}
.mega_menu .panel_index .group{
    border-left: 4px solid #a6a6a6;
}
.mega_menu .panel_index .group span{
    font-size: 12px;
    float:left;
    margin-right: 8px;
}
.mega_menu .panel_index .group .date{
    font-weight: normal;
    color: #666666;
}
.mega_menu .panel_index h3{
    font-size: 80%;
}
.mega_menu .panel_index .description{
    font-size: 70%;
}
.mega_menu .panel_shohi{
    width:100%;
    background-color:transparent;
}
.mega_menu .shohi_container{
    width: 100%;
    overflow: hidden;
}
.mega_menu .panel_shohi .month, .mega_menu .panel_shohi .panelTitle{
    display: none;
}
.mega_menu .panel_shohi .latest{
    clear: none;
}
.mega_menu .panel_shohi .shohi{
    float:left;
    padding:0;
}
.mega_menu .panel_shohi .shohiText{
    width: 240px;
}
.mega_menu .panel_shohi .shohiText h3{
    font-size: 120%;
    margin-bottom:2px;
}
.mega_menu .panel_shohi .shohiText span{
    font-size: 90%;
    line-height: 1.4;
    color:#666666;
}
.mega_menu .panel_shohi .shohiImage img{
    width:60px;
    height:70px;
}
.mega_menu .panel_shohi .today .price{
    background-image:none;
    font-size: 100%;
    padding:4px 0 0 0;
    float:left;
}
.mega_menu .panel_people{
    width:400px;
    background-color:transparent;
}
.mega_menu .panel_people .panelTitle{
    display: none;
}
.mega_menu .panel_people .people{
    width:400px;
    padding-bottom:4px;
}
.mega_menu .panel_people .peopleText{
    width:250px;
}
.mega_menu .panel_people .peopleText h3{
    font-size: 80%;
}
.mega_menu .panel_people .peopleText .ptext{
    font-size: 70%;
    line-height: 1.4;
    color:#888888;
    font-weight:normal;
}
header.overlay {
    position: absolute;
    width: 100%;
    top: 0;
    z-index: 10;
    background-color: white;
}
.megaMenu_container * {
    box-sizing: border-box;
}
.megaMenu_container {
    margin-bottom: 0px;
}
.megaMenu_container.isFix {
    position: fixed;
    width: 100%;
    background-color: white;
}
.megaMenu_wrap {
    width: 980px;
    margin: 0 auto;
    position: relative;
}
.globalNavi ul li .subtop_link a,
.subtop_link a{
    color: #B31E60;
}
.mega_menu {
    display: flex;
    text-align: left;
}
.panel {
    position: relative;
}
.megamenu_overlay {
    position: absolute;
    z-index: 1;
    top: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0, 0, 0, 0.6);
}
.megamenu_btn_container {
    position: absolute;
    right: 0px;
}
.megamenu_btn {
    width: 17px;
    height: 16px;
    position: relative;
    cursor: pointer;
}
.megamenu_btn:hover {
    opacity: 0.5;
}
.megamenu_btn span {
    position: absolute;
    display: inline-block;
    width: 100%;
    height: 3px;
    background-color: #9d9d9d;
    top: 50%;
    transform: translateY(-50%) rotate(45deg);
}
.megamenu_btn span:first-child {
    transform: translateY(-50%) rotate(-45deg);
}
.globalNavi.smp ul li{
    padding: 0;
}
.globalNavi.smp ul li a{
    padding: 15px 0 15px 30px;
}
.globalNavi.smp ul li:hover {
    height: auto !important;
}
.megaMenu_wrap_smp{
    overflow: scroll;
}
.megaMenu_wrap_smp *{
    box-sizing: border-box;
}
.megaMenu_wrap_smp .mega_menu{
    padding: 0;
    padding-top: 11px;
    display: block;
    
}
.megaMenu_wrap_smp .mega_menu .column,
.megaMenu_wrap_smp .mega_menu .column_wide{
    border: none;
    width:50%;
}
.megaMenu_wrap_smp .mega_menu .column .col_comment{
    border-top: none;
}

.megaMenu_wrap_smp .mega_menu .column_wide + .column{
    width:100%;
}
.megaMenu_wrap_smp .mega_menu .column:first-child,
.megaMenu_wrap_smp .mega_menu .column_wide:first-child{
    width:100%;
}
.megaMenu_wrap_smp .mega_menu .column .grid-item,
.megaMenu_wrap_smp .mega_menu .column_wide .grid-item{
    margin: 0;
    width:100%;
}

.megaMenu_wrap_smp .mega_menu .column .grid-item .panel,
.megaMenu_wrap_smp .mega_menu .column_wide .grid-item .panel{
    padding-left:0;
    width:100%;
    min-height:auto;
}
.megaMenu_wrap_smp .mega_menu .column .grid-item .panel a{
    padding: 0;
    display: inline-block;
    width: 100%;
}
.megaMenu_wrap_smp .mega_menu .column .grid-item .panel a .itemImage{
    overflow: hidden;
    margin-left: 0;
    display:flex;
}
.megaMenu_wrap_smp .mega_menu .column .grid-item .panel a .itemImage img{
    height:auto;
    flex-basis:100%;
    margin: 0;
}
.megaMenu_wrap_smp .mega_menu .column .grid-item .list_block .menu_list{
    position: static;
    display:block;
}
.megaMenu_wrap_smp .mega_menu .column .grid-item .list_block .menu_list li{
    display: block;
    border: none;
}
.megaMenu_wrap_smp .mega_menu .column .grid-item .list_block .menu_list li a{
    padding: 0;
}
.megaMenu_wrap_smp .mega_menu .column_wide .grid-item .panel .lead{
    display:none;
}
.megaMenu_wrap_smp .mega_menu .column_wide .grid-item .panel .shohi{
    width:100%;
}
.megaMenu_wrap_smp .mega_menu .column_wide .grid-item .panel .shohi a{
    padding-left: 0;
}
.megaMenu_wrap_smp .mega_menu .column_wide .grid-item .panel .people{
    width:100%;
}
.megaMenu_wrap_smp .mega_menu .column_wide .grid-item .panel .people a{
    overflow:hidden;
    padding-left: 0;
}

/*smartphone -> pcview*/
.topBannerWrapper.smt {
    height:175px;
}
#phonelink {
    text-align:right;
    margin:0 0 15px 0;
    padding:5px 20px 1em;
    border-bottom:solid 1px #bfbfbf;
}
#phonelink .switchPCorSmpBtn {
    font-size:117.647058823529%;
    color:#333;
    padding-right:20px;
    display:inline-block;
    background-image: url("/prefs/css/images/lan.png");
    background-repeat: no-repeat;
    background-size:12px 10.5px;
    background-position: top 6px right 0;
    cursor:pointer;
}
.c-ovv-card__cnt__doc__cnt__title,
.c-ovv-card__cnt__doc__cnt__title__title,
.c-ovv-card__cnt__doc__cnt__title__sub-title,
.c-ovv-card__cnt__doc__cnt__other__term,
.c-ovv-card__cnt__doc__cnt__other__ite,
.c-ovv-card__cnt__doc__cnt__other__into__date,
.c-ovv-card__cnt__doc__cnt__other__info__weather,
.c-inv-card__cnt__doc__cnt__title,
.c-inv-card__cnt__doc__cnt__title__title,
.c-inv-card__cnt__doc__cnt__title__sub-title,
.c-inv-card__cnt__doc__cnt__other,
.c-inv-card__cnt__doc__cnt__other__term,
.c-ite-card__cnt__doc__cnt__title,
.c-ite-card__cnt__doc__cnt__title__title,
.c-ite-card__cnt__doc__cnt__title__sub-title,
.c-pla-card__cnt__doc__cnt__title,
.c-pla-card__cnt__doc__cnt__title__title,
.c-pla-card__cnt__doc__cnt__other__info__date,
.c-pla-card__cnt__doc__cnt__other__info__weather {
  margin: 0; }

.c-ovv-card img,
.c-inv-card img,
.c-ite-card img,
.c-pla-card img {
  width: 100%;
  vertical-align: bottom; }

.c-ovv-card a,
.c-inv-card a,
.c-ite-card a,
.c-pla-card a {
  text-decoration: none;
  color: inherit; }

.c-ovv-card li,
.c-inv-card li,
.c-ite-card li,
.c-pla-card li {
  list-style: none; }

.c-ovv-card__cnt *,
.c-inv-card__cnt *,
.c-ite-card__cnt *,
.c-pla-card__cnt * {
  -webkit-box-sizing: border-box;
          box-sizing: border-box; }

.c-ovv-card__cnt__thumb-wrap,
.c-inv-card__cnt__thumb-wrap,
.c-ite-card__cnt__thumb-wrap,
.c-pla-card__cnt__thumb-wrap {
  margin-right: 8px; }

.c-ovv-card__cnt__doc__cnt,
.c-inv-card__cnt__doc__cnt,
.c-ite-card__cnt__doc__cnt,
.c-pla-card__cnt__doc__cnt,
.c-ovv-card__cnt__thumb-wrap__cnt,
.c-inv-card__cnt__thumb-wrap__cnt,
.c-ite-card__cnt__thumb-wrap__cnt,
.c-pla-card__cnt__thumb-wrap__cnt {
  height: 100%; }

.c-ovv-card__cnt,
.c-inv-card__cnt,
.c-ite-card__cnt,
.c-pla-card__cnt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transition: opacity 100ms ease-in-out;
  -o-transition: opacity 100ms ease-in-out;
  transition: opacity 100ms ease-in-out; }
  .c-ovv-card__cnt:hover,
  .c-inv-card__cnt:hover,
  .c-ite-card__cnt:hover,
  .c-pla-card__cnt:hover {
    opacity: 0.6; }

.c-ovv-card__cnt__doc,
.c-ovv-card__cnt__doc__cnt__other__info,
.c-ovv-card__cnt__doc__cnt__other__ite,
.c-ovv-card__cnt__thumb-wrap,
.c-inv-card__cnt__doc,
.c-inv-card__cnt__thumb-wrap,
.c-ite-card__cnt__doc,
.c-ite-card__cnt__thumb-wrap,
.c-pla-card__cnt__doc,
.c-pla-card__cnt__doc__cnt__other__info,
.c-pla-card__cnt__thumb-wrap {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%; }

.c-ovv-card__cnt__thumb-wrap,
.c-inv-card__cnt__thumb-wrap,
.c-ite-card__cnt__thumb-wrap,
.c-pla-card__cnt__thumb-wrap {
  max-width: 150px; }

.c-ovv-card__cnt__doc__cnt__spec,
.c-ite-card__cnt__doc__cnt__spec,
.c-inv-card__cnt__doc__cnt__spec,
.c-pla-card__cnt__doc__cnt__spec {
  display: inline-block;
  padding: 4px;
  margin-bottom: 8px; }

.c-ovv-card__cnt__doc__cnt__spec__year,
.c-ovv-card__cnt__doc__cnt__spec__month,
.c-ovv-card__cnt__doc__cnt__spec__number,
.c-ite-card__cnt__doc__cnt__spec__year,
.c-ite-card__cnt__doc__cnt__spec__month,
.c-ite-card__cnt__doc__cnt__spec__number,
.c-inv-card__cnt__doc__cnt__spec__year,
.c-inv-card__cnt__doc__cnt__spec__month,
.c-inv-card__cnt__doc__cnt__spec__number,
.c-inv-card__cnt__doc__cnt__spec__pla,
.c-pla-card__cnt__doc__cnt__spec__year,
.c-pla-card__cnt__doc__cnt__spec__month,
.c-pla-card__cnt__doc__cnt__spec__number {
  padding: 4px;
  display: inline-block; }

.c-inv-card__cnt__doc__cnt__spec__pla {
  margin-left: 12px; }

.c-ovv-card__cnt__doc__cnt__spec__year,
.c-ite-card__cnt__doc__cnt__spec__year,
.c-inv-card__cnt__doc__cnt__spec__year,
.c-pla-card__cnt__doc__cnt__spec__year {
  vertical-align: top; }

.c-inv-card__cnt__doc__cnt__other__desc,
.c-inv-card__cnt__doc__cnt__other__term {
  display: inline-block; }

.c-ovv-card__cnt__doc__cnt__title,
.c-inv-card__cnt__doc__cnt__title,
.c-ite-card__cnt__doc__cnt__title,
.c-pla-card__cnt__doc__cnt__title {
  border-width: 0 0 0 8px;
  border-style: solid;
  border-color: #f97209;
  padding: 0 8px 0 8px;
  margin-bottom: 14px; }

.c-ovv-card__cnt__doc__cnt__sub-title,
.c-inv-card__cnt__doc__cnt__sub-title,
.c-ite-card__cnt__doc__cnt__sub-title,
.c-pla-card__cnt__doc__cnt__sub-title {
  margin-bottom: 8px; }

.c-ovv-card__cnt__doc__cnt__other,
.c-inv-card__cnt__doc__cnt__other,
.c-pla-card__cnt__doc__cnt__other {
  padding: 10px 0 0 0;
  margin: 0 16px 16px 16px; }
  .c-ovv-card__cnt__doc__cnt__other.is--border,
  .c-inv-card__cnt__doc__cnt__other.is--border,
  .c-pla-card__cnt__doc__cnt__other.is--border {
    border-top: 2px dotted #cecece; }

.c-ovv-card__cnt__doc__cnt__other__info,
.c-ovv-card__cnt__doc__cnt__other__ite,
.c-pla-card__cnt__doc__cnt__other__info,
.c-pla-card__cnt__doc__cnt__other__ite {
  margin-bottom: 10px; }

.c-ovv-card__cnt__doc__cnt__other__ite__desc,
.c-pla-card__cnt__doc__cnt__other__ite__desc {
  float: left;
  min-width: 140px; }

.c-ovv-card__cnt__doc__cnt__other__ite__term,
.c-pla-card__cnt__doc__cnt__other__ite__term {
  padding-left: 140px; }

.c-ovv-card,
.c-inv-card,
.c-ite-card,
.c-pla-card {
  background-color: #ffffff; }

.c-ovv-card__cnt,
.c-inv-card__cnt,
.c-ite-card__cnt,
.c-pla-card__cnt {
  background-color: #f7f7f7; }

.c-ovv-card__cnt__doc__cnt__spec,
.c-ite-card__cnt__doc__cnt__spec,
.c-inv-card__cnt__doc__cnt__spec,
.c-pla-card__cnt__doc__cnt__spec {
  background-color: #f97209; }

.c-inv-card__cnt__doc__cnt__spec__pla,
.c-pla-card__cnt__doc__cnt__spec__pla {
  background-color: #979797; }

.c-ovv-card__cnt__doc__cnt__spec__year,
.c-ovv-card__cnt__doc__cnt__spec__month,
.c-ovv-card__cnt__doc__cnt__spec__number,
.c-ite-card__cnt__doc__cnt__spec__year,
.c-ite-card__cnt__doc__cnt__spec__month,
.c-ite-card__cnt__doc__cnt__spec__number,
.c-inv-card__cnt__doc__cnt__spec__year,
.c-inv-card__cnt__doc__cnt__spec__month,
.c-inv-card__cnt__doc__cnt__spec__number,
.c-inv-card__cnt__doc__cnt__spec__pla,
.c-pla-card__cnt__doc__cnt__spec__year,
.c-pla-card__cnt__doc__cnt__spec__month,
.c-pla-card__cnt__doc__cnt__spec__number,
.c-pla-card__cnt__doc__cnt__spec__pla {
  line-height: 1;
  font-weight: bold;
  color: #ffffff; }

.c-ovv-card__cnt__doc__cnt__spec__year,
.c-ite-card__cnt__doc__cnt__spec__year,
.c-inv-card__cnt__doc__cnt__spec__year,
.c-pla-card__cnt__doc__cnt__spec__year {
  font-size: 0.875rem; }

.c-ovv-card__cnt__doc__cnt__spec__month,
.c-ovv-card__cnt__doc__cnt__spec__number,
.c-ite-card__cnt__doc__cnt__spec__month,
.c-ite-card__cnt__doc__cnt__spec__number,
.c-inv-card__cnt__doc__cnt__spec__month,
.c-inv-card__cnt__doc__cnt__spec__number,
.c-inv-card__cnt__doc__cnt__spec__pla,
.c-pla-card__cnt__doc__cnt__spec__month,
.c-pla-card__cnt__doc__cnt__spec__number,
.c-pla-card__cnt__doc__cnt__spec__pla {
  font-size: 1.25rem; }

.c-ovv-card__cnt__doc__cnt__title__title,
.c-inv-card__cnt__doc__cnt__title__title,
.c-ite-card__cnt__doc__cnt__title__title,
.c-pla-card__cnt__doc__cnt__title__title {
  font-size: 1.25rem;
  font-weight: bold; }

.c-ovv-card__cnt__doc__cnt__title__sub-title,
.c-inv-card__cnt__doc__cnt__title__sub-title,
.c-ite-card__cnt__doc__cnt__title__sub-title,
.c-pla-card__cnt__doc__cnt__title__sub-title {
  font-size: 0.8125rem;
  font-weight: normal; }

.c-ovv-card__cnt__doc__cnt__title,
.c-ovv-card__cnt__doc__cnt__sub-title,
.c-inv-card__cnt__doc__cnt__title,
.c-inv-card__cnt__doc__cnt__sub-title,
.c-ite-card__cnt__doc__cnt__title,
.c-ite-card__cnt__doc__cnt__sub-title,
.c-pla-card__cnt__doc__cnt__title,
.c-pla-card__cnt__doc__cnt__sub-title {
  color: #3e3d3d; }

.c-ovv-card__cnt__doc__cnt__other,
.c-pla-card__cnt__doc__cnt__other {
  font-size: 0.75rem;
  color: #3e3d3d; }

.c-ovv-card__cnt__doc__cnt__other__ite__desc,
.c-pla-card__cnt__doc__cnt__other__ite__desc {
  color: #b41e5e;
  font-weight: bold; }

.c-inv-card__cnt__doc__cnt__other__desc,
.c-inv-card__cnt__doc__cnt__other__term {
  line-height: 1.2;
  font-size: 0.8125rem; }

.c-inv-card__cnt__doc__cnt__other__desc {
  padding: 2px; }

.c-inv-card__cnt__doc__cnt__other__term {
  padding: 2px 8px 2px 2px; }

.c-inv-card__cnt__doc__cnt__other__term::before {
  content: "/ "; }

.c-inv-card__cnt__doc__cnt__other__desc {
  background-color: #b5b2b2;
  color: #ffffff; }

header .google-auto-placed {display:none !important;}


/* -------------------- ここからヘッダレスポンシブ -------------------- */

html{
  font-size:62.5%;
   min-width:0;
}
body{
  margin:0;
  font-family: 'Noto Sans JP', system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif !important;
  font-size: 1.6rem;
  line-height: 1.6;
  color:var(--title-black);
  background:#fff;
}
footer {
  position: static;
  min-width: 0;
}

.megaMenu_container {
    margin-top: 10px;
}
.globalNavi {
  width: auto;
  max-width: 1248px;
}
.globalNaviWrapper {
  margin: 0;
}
.topBannerWrapper,
.footer_links {
  width: auto;
}
.mWrapper {
    width: auto;
    max-width: 1248px;
    padding: 0 1.0rem;
}
.mega_menu .panel_index .group {
  border-left: 0;
  padding: 0;
}

.demo_wrap{
  /*max-width: 1100px;*/
  margin: 0;
  padding: 0;
}
.demo_note{
  background:#fff;
  border:1px solid rgba(0,0,0,.08);
  border-radius: 1.6rem;
  box-shadow: 0 .8rem 2.0rem rgba(0,0,0,.06);
  padding: 1.6rem;
  margin-bottom: 2.4rem;
}

@media (min-width: 831x) and (max-width: 1275px){
  .globalNavi {
    padding: 0 1.0rem;
  }
}

/* ---------smartphone.css--------- */
@media (max-width: 830px){
  .globalNavi ul li a {
    font-size: 100%;
  }

  html:not(.is-ua-smartphone) .topBannerWrapper {
    padding-top: 0 !important;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp{
    position: relative;
    margin: 0;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi{
    width: 100%;
    margin: 0 0 6px;
    height: 100%;
    position: static;
    box-sizing: border-box;
    padding-bottom: 1px;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul{
    display: none;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    z-index: 30;
    width: 100%;
    background: #fff;
    border-top: solid 1px #ccc;
    float: none;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp.is-vw-sp-open .globalNavi > ul,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul.open{
    display: block;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li{
    float: none;
    height: auto !important;
    line-height: 1;
    margin: 0;
    /*padding: 15px 0 15px 30px;*/
    border-bottom: solid 1px #cdcdcd;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li > a{
    display: block;
    background-position: right 19px center;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .humberger{
    pointer-events: auto;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    box-sizing: border-box;
    width: 53px;
    height: 48px;
    padding: 16px 15px;
    border: 0;
    background: transparent;
    cursor: pointer;
    z-index: 40;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger span{
    display: inline-block;
    box-sizing: border-box;
    transition: all .4s;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger{
    position: relative;
    width: 23px;
    height: 16px;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger span{
    position: absolute;
    left: 0;
    width: 100%;
    height: 2px;
    background: #404040;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger span:nth-of-type(1){ top: 0; }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger span:nth-of-type(2){ top: 50%; margin-top: -1px; }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger span:nth-of-type(3){ bottom: 0; }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger.active span:nth-of-type(1){
    transform: translateY(7px) rotate(-45deg);
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger.active span:nth-of-type(2){
    opacity: 0;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .menu-trigger.active span:nth-of-type(3){
    transform: translateY(-7px) rotate(45deg);
  }

  html:not(.is-ua-smartphone) body.is-vw-sp-menu-open{
    overflow-x: hidden;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li.contact{
    float: none;
    width: 100%;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li > .megaMenu_wrap_smp{
    display: none;
    padding: 0;
    background: #fff;
    border-top: 1px solid #e5e5e5;
    overflow: visible;
    max-height: none;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li.opend > .megaMenu_wrap_smp{
    display: block;
    padding-top: 2.4rem;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li > .megaMenu_wrap_smp .mega_menu{
    display: block;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul{
    display: none;
    position: absolute;
    top: 49px;
    left: 0;
    right: 0;
    z-index: 30;
    background: #fff;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp.is-vw-sp-open .globalNavi > ul,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul.open{
    display: block;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .js-vw-hamburger{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 60;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .search_btn,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .language_btn,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .selectLangBtn{
    position: relative;
    z-index: 61;
    pointer-events: auto;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .search_btn {
    margin: .5rem 0 0;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .language_btn {
    position: absolute;
    background-position: top 17px right 0;
  }

  html:not(.is-ua-smartphone) header {
    margin: 0;
    height: 49px;
    position: fixed;
    z-index: 4;
    background: #fff;
  }

  html:not(.is-ua-smartphone) header.navFixed {
    position: fixed;
    top: 0;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper {
    pointer-events: none;
    position: relative;
    height: 49px;
  }

  html:not(.is-ua-smartphone) .header_logo {
    position: absolute;
    margin: 0 0 0 -53px;
    height: 100%;
    display: table;
    width: auto;
    top: 0;
    left: 50%;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    padding-bottom: 1px;
  }

  html:not(.is-ua-smartphone) .header_logo a {
    display: table-cell;
    vertical-align: middle;
    line-height: 0;
    height: auto;
  }

  html:not(.is-ua-smartphone) .header_logo img {
    width: 106px;
  }

  html:not(.is-ua-smartphone) .header_logo{
    position: absolute;
    z-index: 70;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul{
    z-index: 30;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .js-vw-hamburger,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp #humberger{
    z-index: 84;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open{
    pointer-events: auto;
    z-index: 80;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .globalNavi{
    pointer-events: auto;
    position: relative;
    z-index: 81;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .globalNavi > ul{
    display: block;
    pointer-events: auto;
    z-index: 82;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .globalNavi > ul > li > .megaMenu_wrap_smp{
    pointer-events: auto;
    position: relative;
    z-index: 83;
  }

  html:not(.is-ua-smartphone) .globalNavi .home-link{
    display: none !important;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul{
    max-height: calc(100vh - 49px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .globalNavi > ul{
    max-height: calc(100vh - 49px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .globalNavi ul .contact {
    left: 0;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .globalNavi ul .contact a {
    background-image: none;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_container,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .megaMenu_container {
    display: none !important;
    visibility: hidden !important;
    pointer-events: none !important;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .menu_list,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .menu_list ul{
    display: block;
    width: 100%;
    margin: 0;
    padding: 0;
    list-style: none;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .menu_list li{
    display: block;
    float: none;
    width: 100%;
    margin: 0;
    padding: 0;
    border-bottom: 1px solid #e5e5e5;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .menu_list li a{
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding: 1.4rem 3.6rem 1.4rem 1.6rem;
    box-sizing: border-box;
    text-decoration: none;
    position: relative;
    background: none !important;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .menu_list li a::after{
    content: "";
    position: absolute;
    top: 50%;
    right: 1.2rem;
    width: .6rem;
    height: .6rem;
    border-top: 1px solid #222;
    border-right: 1px solid #222;
    transform: translateY(-50%) rotate(45deg);
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .menu_list li:hover {
    height: 19px !important;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .mega_menu .column .grid-item .list_block .sub_head {
    padding: 8px 0 8px 0;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .mega_menu .column {
    margin-top: 2.4rem;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .mega_menu .column .grid-item .list_block .menu_list {
    margin-bottom: 1.8rem;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .mega_menu .panel {
    margin: 0 0 .5rem 0;
  }
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .megaMenu_wrap_smp .mega_menu .col_head {
    padding-bottom: 6px;
  }

  html:not(.is-ua-smartphone) body.is-vw-sp-menu-open::before{
    content: "";
    position: fixed;
    inset: 49px 0 0 0; /* ヘッダ高さぶん下から */
    background: rgba(0, 0, 0, 0.45);
    z-index: 4;
    pointer-events: auto;
    -webkit-animation: smo 0.3s;
    animation: smo 0.3s;
  }

    html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open{
      position: fixed;
      top: 0;
      left: 0;
      right: 0;
      z-index: 10000;
    }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .globalNavi > ul{
    z-index: 82;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open .js-vw-hamburger,
  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp-open #humberger,
  html:not(.is-ua-smartphone) .header_logo{
    z-index: 84;
  }
}

@media (min-width: 769px){
  html:not(.is-ua-smartphone) .js-vw-hamburger{
    display: none !important;
  }
}

/* ---------SP UA判定打ち消し--------- */

@media (max-width: 978px){

  html.is-ua-smartphone .footer_layout .meta {
    gap: 1.1rem;
    font-size: 1.1rem;
  }
  html.is-ua-smartphone .footer_layout .title {
    font-size: 1.4rem;
  }
  html.is-ua-smartphone .footer_layout .desc {
    font-size: 1.2rem;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .month {
    border-right: 0;
    padding: 0;
    position: static;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .lead {
    font-size: 1rem;
    -webkit-transform: scale(1);
    transform: scale(1);
    padding-left: 1rem;
    margin: 0;
    min-height: 0;
  }
  html.is-ua-smartphone .footer_layout .grid-item .shohiImage img {
    width: 94px !important;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .today .price {
    float: none;
  }
   html.is-ua-smartphone .footer_layout .panel_shohi .shohiText h3,
   html.is-ua-smartphone .footer_layout .panel_shohi .shohiText span,
   html.is-ua-smartphone .footer_layout .panel_shohi .today span {
    width: auto;
    -webkit-transform: scale(1);
    transform: scale(1);
    font-size: 1.2rem;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .today {
    margin-top: 0;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .latest .shohiText {
    width: auto;
    padding: 0 0 0 10px;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .today .price {
    margin-top: 0;
    padding: 10px 0 0 32px;
    font-size: 1.2rem;
    text-align: right;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .month {
    font-size: 1.2rem;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .month span {
    font-size: 2.6rem;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .shohiText span {
    max-height: 100%;
  }
  html.is-ua-smartphone .top .footer_layout .side .grid-item .panel_shohi .shohiText > span {
    font-size: 1.0rem;
  }
  html.is-ua-smartphone .footer_layout .panel.panel_shohi {
    grid-template-columns: 50px minmax(0, 1fr);
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .month {
    width: 50px;
  }
  html.is-ua-smartphone .footer_layout .panel_shohi .lead {
    padding: .4rem 0;
  }
  html.is-ua-smartphone .footer_layout .shohi.latest .shohiImage{
    flex: 0 0 9.4rem;
    width: 9.4rem;
  }
}

/* =========================
   SNS 右上固定
========================= */
header {
    position: relative;
}

.header_logo {
    max-width: 1248px;
    margin: 0 auto;
    padding: 24px 20px 16px;
    display: flex;
    justify-content: center;
    align-items: center;
    box-sizing: border-box;
}

.header_logo a {
    display: inline-block;
}

.header_logo img {
    display: block;
    max-width: 100%;
    height: auto;
}

.header_sns {
    position: absolute;
    top: 24px;
    right: max(20px, calc((100vw - 1248px) / 2 + 20px));
    display: flex;
    align-items: center;
    gap: 12px;
}

.header_sns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 30px;
    height: 30px;
    color: #000;
    text-decoration: none;
}

.header_sns a:hover,
.header_sns a:focus-visible {
    opacity: 0.7;
}

.header_sns svg {
    display: block;
    width: 100%;
    height: 100%;
}

.search_area .gsib_b {
    width: auto;
    height: auto;
}

@media (max-width: 830px){
    .header_logo {
        padding: 3px 0 16px;
    }
    .translate_area {
        position: absolute;
        top: 100%;
        right: 0;
        z-index: 9999;
        pointer-events: auto;
        background: #fff;
    }

    .translate_area * {
        pointer-events: auto;
    }

    .header_sns {
        display: none;
    }

    html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li.header_sns {
        display: flex;
        position: static;
        top: auto;
        right: auto;
        width: 100%;
        height: auto !important;
        box-sizing: border-box;
        justify-content: center;
        align-items: center;
        gap: 1.6rem;
        padding: 1.2rem;
        margin: 0;
        border-bottom: solid 1px #cdcdcd;
        background: #fff;
    }

    html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li.header_sns::before {
        content: "ACROSS公式SNS";
        display: inline-block;
        margin-right: 1.2rem;
        font-size: 1.2rem;
        line-height: 1;
        color: #666;
        white-space: nowrap;
    }

    html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li.header_sns a {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.2rem;
        height: 2.2rem;
        padding: 0;
        color: #000;
    }

    html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp .globalNavi > ul > li.header_sns svg {
        width: 100%;
        height: 100%;
    }

    html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    height: 49px;
    pointer-events: auto;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp.is-vw-sp-open .globalNaviContainer {
    height: 49px;
    background: #fff;
    border-bottom: 1px solid #d6d6d6;
    position: relative;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp.is-vw-sp-open .globalNavi {
    position: relative;
    pointer-events: auto;
  }

  html:not(.is-ua-smartphone) .globalNaviWrapper.is-vw-sp.is-vw-sp-open .globalNavi > ul {
    position: fixed;
    top: 49px;
    left: 0;
    right: 0;
    width: 100%;
    max-height: calc(100dvh - 49px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    pointer-events: auto;
  }
}

@media (max-width: 978px){

  html.is-ua-smartphone .globalNavi > ul > li.header_sns {
    display: flex;
    float: none;
    position: static;
    width: 100%;
    height: auto !important;
    box-sizing: border-box;
    justify-content: center;
    align-items: center;
    gap: 1.6rem;
    padding: 1.2rem;
    margin: 0;
    border-bottom: solid 1px #cdcdcd;
    background: #fff;
  }

  html.is-ua-smartphone .globalNavi > ul > li.header_sns::before {
    content: "ACROSS公式SNS";
    display: inline-block;
    margin-right: 1.2rem;
    font-size: 1.2rem;
    line-height: 1;
    color: #333;
    white-space: nowrap;
  }

  html.is-ua-smartphone .globalNavi > ul > li.header_sns a {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 2.2rem;
    height: 2.2rem;
    padding: 0;
    color: #000;
  }

  html.is-ua-smartphone .globalNavi > ul > li.header_sns svg {
    width: 100%;
    height: 100%;
  }

  html.is-ua-smartphone .globalNavi > ul > li.contact a {
    padding: 0;
  }

}

/* -------------------- ここから追加CSS レポート -------------------- */
.contents:has(.mainImage > img) {
    width: auto;
    max-width: 1240px;
    display: grid;
    grid-template-columns: minmax(0, 1fr) 300px;
    column-gap: 50px;
    align-items: start;
    overflow: visible;
    padding: 0 15px;
}

.contents:has(.mainImage > img) .mainContents {
    width: auto;
    padding: 0;
    float: none;
    min-width: 0;
}

.contents:has(.mainImage > img) .mainImage {
    grid-column: 1 / -1;
}

.contents:has(.mainImage > img) .mainImage img {
    width: 100%;
    height: auto;
}

.contents:has(.mainImage > img) #read_more {
    width: auto;
    max-width: 890px;
}

.contents:has(.mainImage > img) .gradation {
    display: none;
}

.contents:has(.mainImage > img) .relationBlock .relationBar {
    background: none;
    height: auto;
    border: none;
    border-bottom: solid 1px #c3c3c3;
    font-weight: bold;
    font-size: 125%;
    color: #343434;
    padding: 0 0 3px;
    margin: 0 0 10px 0;
}

.contents:has(.mainImage > img) #read_more button {
    border: solid 2px #cfcfcf;
    color: #000;
    background: none;
}

.contents:has(.mainImage > img) #read_more button:hover {
    border: solid 2px #cfcfcf;
    color: #000;
    background: #eee;
}

.contents:has(.mainImage > img) .subete {
    width: auto;
    max-width: 890px;
}

.contents:has(.mainImage > img) .subete a {
    color: #000 !important;
}

.contents:has(.mainImage > img) .indexText h3 {
    color: #000;
}

.contents:has(.mainImage > img) .relationLink a {
    color: #000;
}

.contents:has(.mainImage > img) .relationBlock .relationBar {
    background-image: none !important;
}

.contents:has(.mainImage > img) .open_related,
.contents:has(.mainImage > img) .close_related {
    background-image: none !important;
}

.contents:has(.mainImage > img) .open_related::after {
    content: "全て表示";
    font-size: 85%;
}

.contents:has(.mainImage > img) .close_related::after {
    content: "閉じる";
    font-size: 85%;
}

.contents:has(.mainImage > img) .AD {
    width: auto;
    float: none;
    margin: 0;
    min-width: 0;
}

@media screen and (max-width: 999px) {
    .contents:has(.mainImage > img) {
        grid-template-columns: 1fr;
        row-gap: 20px;
        column-gap: 0;
    }

    .contents:has(.mainImage > img) .mainImage {
        grid-column: auto;
    }

    .contents:has(.mainImage > img) .AD {
        margin: 0 auto;
        max-width: 300px;
    }
}

/* ---------- レポートページ：複数画像スライダー ここから ---------- */

.articleImageSlider {
  position: relative;
  width: 100%;
  max-width: 66rem;
  margin-top: 2.4rem;
  overflow: hidden;
}

.articleImageSlider__viewport {
  width: 100%;
  overflow: hidden;
}

.articleImageSlider__track {
  display: flex;
  width: 100%;
  transition: transform 0.3s ease;
  will-change: transform;
}

.articleImageSlider__slide {
  flex: 0 0 100%;
  width: 100%;
  min-width: 0;
}

/* WebRelease側のインライン width を上書き */
.articleImageSlider__slide .imagetext,
.articleImageSlider__slide .caption {
  width: 100% !important;
}

/* 画像 */
.articleImageSlider__slide img {
  display: block;
  max-width: 100%;
  height: auto;
  margin: 0 auto !important;
}

/* キャプション */
.articleImageSlider__slide .caption {
  box-sizing: border-box;
  margin-top: 0.8rem;
  line-height: 1.6;
}

.articleBlock .articleImageSlider__slide .caption{
    margin-bottom: 0;
}

/* 送りボタンエリア：トップページの見た目に合わせる */
.articleImageSlider__navBottom {
  display: flex;
  justify-content: center;
  gap: 3.2rem;
  margin-bottom: 1.2rem;
  user-select: none;
}

/* 送りボタン：丸囲みなし */
.articleImageSlider__btn {
  width: 4.8rem;
  height: 4.8rem;
  display: grid;
  place-items: center;
  border: 0;
  background: transparent;
  cursor: pointer;
  color: rgba(0,0,0,.45);
  transition: opacity .15s ease, transform .15s ease, color .15s ease;
  padding: 0;
  appearance: none;
}

/* SVG矢印 */
.articleImageSlider__btn svg {
  width: 3.2rem;
  height: 3.2rem;
  display: block;
}

/* 押下時 */
.articleImageSlider__btn:active {
  transform: translateY(1px);
}

/* 無効時 */
.articleImageSlider__btn:disabled {
  opacity: .25;
  cursor: not-allowed;
}

/* hover可能な環境だけ */
@media (hover: hover) {
  .articleImageSlider__btn:hover:not(:disabled) {
    color: rgba(0,0,0,.75);
  }
}

.articleImageSlider__viewport {
  touch-action: pan-y;
  cursor: grab;
}

.articleImageSlider.is-dragging .articleImageSlider__viewport {
  cursor: grabbing;
}

.articleImageSlider.is-dragging .articleImageSlider__track {
  transition: none;
}

/* SP調整 */
@media screen and (max-width: 768px) {
  .articleImageSlider {
    max-width: 100%;
  }

  .articleImageSlider__navBottom {
    gap: 2.4rem;
    margin-top: 1rem;
  }

  .articleImageSlider__btn {
    width: 4.4rem;
    height: 4.4rem;
  }

  .articleImageSlider__btn svg {
    width: 3rem;
    height: 3rem;
  }
}

/* ---------- レポートページ：複数画像スライダー ここまで ---------- */

/* ---------- articleBlockLeft内の画像・スライダー中央寄せ ここから ---------- */

/* 通常の画像ブロック */
.articleBlockLeft .articleBlockImage:not(:has(+ .articleText)) {
  float: none;
  clear: both;
  width: fit-content;
  max-width: 100%;
  margin: 2.4rem auto;
}

/* WebRelease側の inline width 対策 */
.articleBlockLeft .articleBlockImage:not(:has(+ .articleText)) .imagetext,
.articleBlockLeft .articleBlockImage:not(:has(+ .articleText)) .caption {
  max-width: 100%;
  margin-left: auto;
  margin-right: auto;
}

/* 画像中央寄せ */
.articleBlockLeft .articleBlockImage:not(:has(+ .articleText)) img {
  display: block;
  max-width: 100%;
  height: auto;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* スライダー化された場合 */
.articleBlockLeft .articleBlockImage.articleImageSlider {
  width: 100%;
  max-width: 66rem;
  margin: 2.4rem auto;
}

/* スライダー内は幅100%で扱う */
.articleBlockLeft .articleImageSlider .imagetext,
.articleBlockLeft .articleImageSlider .caption {
  width: 100% !important;
  max-width: 100%;
}

/* ---------- articleBlockLeft内の画像・スライダー中央寄せ ここまで ---------- */


/* -------------------- ここから旧デザインのタイル画像上書き -------------------- */
.place > div > a.cboxElement > img {
    width: 120px;
    height: 188px;
}
.place > div > a.cboxElement > .wr-card--snap__btn {
    display: none;
}#backnumber_gauge {
    width: 110px;
    height: 576px;
    left: 0px;
    top: 290px;
    /*background: #000;*/
    /*background: rgba(0,0,0,0.7);*/
    position: absolute;
    overflow:hidden;
}
#backnumber_gauge_bg {
    width: 110px;
    height: 576px;
    position: absolute;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
#backnumber_gauge_wrap {
    width: 110px;
    height: 576px;
    position: relative;
}
#backnumber_timeline_wrap {
    height: 440px;
    width: 40px;
    top: 27px;
    overflow: hidden;
    position: relative;
}
#arrow_up, #arrow_down {
    width: 29px;
    height: 15px;
    position: absolute;
    cursor: pointer;
}
#arrow_up {
    top: 11px;
    left: 40px;
    background: url("../slideVimg/arrow_up.png") no-repeat;
}
#arrow_down {
    bottom: 15px;
    left: 40px;
    background: url("../slideVimg/arrow_down.png") no-repeat;
}
#close_button {
    width: 11px;
    height: 12px;
    padding: 10px;
    position: absolute;
    top: -5px;
    left: 85px;
    background: url("../slideVimg/gauge_close.png") no-repeat center;
    cursor: pointer;
}
#backnumber_gauge_wrap .button_open{
    width: 110px;
    height: 30px;
    padding:0px;
    top:0px;
    left:0px;
    background: url("../slideVimg/gauge_open.png") no-repeat  94px 4px;
}
.backnumber_timeline {
    height: 220px;
    width: 40px;
    background: url("../slideVimg/time_line_graph.gif") no-repeat;
    position: relative;
}
.year_v {
    width: 12px;
    height: 28px;
    position: absolute;
    top: 173px;
    left: 2px;
    background: url("../slideVimg/yv2012.gif") no-repeat;
}

.y2023 .year_v{
    background: url("../slideVimg/yv2023.gif") no-repeat;
}
.y2022 .year_v{
    background: url("../slideVimg/yv2022.gif") no-repeat;
}
.y2021 .year_v{
    background: url("../slideVimg/yv2021.gif") no-repeat;
}
.y2020 .year_v{
    background: url("../slideVimg/yv2020.gif") no-repeat;
}
.y2019 .year_v{
    background: url("../slideVimg/yv2019.gif") no-repeat;
}
.y2018 .year_v{
    background: url("../slideVimg/yv2018.gif") no-repeat;
}
.y2017 .year_v{
    background: url("../slideVimg/yv2017.gif") no-repeat;
}
.y2016 .year_v{
    background: url("../slideVimg/yv2016.gif") no-repeat;
}
.y2015 .year_v{
    background: url("../slideVimg/yv2015.gif") no-repeat;
}
.y2014 .year_v{
    background: url("../slideVimg/yv2014.gif") no-repeat;
}
.y2013 .year_v{
    background: url("../slideVimg/yv2013.gif") no-repeat;
}
.y2012 .year_v{
    background: url("../slideVimg/yv2012.gif") no-repeat;
}
.y2011 .year_v{
    background: url("../slideVimg/yv2011.gif") no-repeat;
}
.y2010 .year_v{
    background: url("../slideVimg/yv2010.gif") no-repeat;
}
.y2009 .year_v{
    background: url("../slideVimg/yv2009.gif") no-repeat;
}
.y2008 .year_v{
    background: url("../slideVimg/yv2008.gif") no-repeat;
}
.y2007 .year_v{
    background: url("../slideVimg/yv2007.gif") no-repeat;
}
.y2006 .year_v{
    background: url("../slideVimg/yv2006.gif") no-repeat;
}
.y2005 .year_v{
    background: url("../slideVimg/yv2005.gif") no-repeat;
}
.y2004 .year_v{
    background: url("../slideVimg/yv2004.gif") no-repeat;
}
.y2003 .year_v{
    background: url("../slideVimg/yv2003.gif") no-repeat;
}
.y2002 .year_v{
    background: url("../slideVimg/yv2002.gif") no-repeat;
}
.y2001 .year_v{
    background: url("../slideVimg/yv2001.gif") no-repeat;
}
.y2000 .year_v{
    background: url("../slideVimg/yv2000.gif") no-repeat;
}
.y1999 .year_v{
    background: url("../slideVimg/yv1999.gif") no-repeat;
}
.y1998 .year_v{
    background: url("../slideVimg/yv1998.gif") no-repeat;
}
.y1997 .year_v{
    background: url("../slideVimg/yv1997.gif") no-repeat;
}
.y1996 .year_v{
    background: url("../slideVimg/yv1996.gif") no-repeat;
}
.y1995 .year_v{
    background: url("../slideVimg/yv1995.gif") no-repeat;
}
.y1994 .year_v{
    background: url("../slideVimg/yv1994.gif") no-repeat;
}
.y1993 .year_v{
    background: url("../slideVimg/yv1993.gif") no-repeat;
}
.y1992 .year_v{
    background: url("../slideVimg/yv1992.gif") no-repeat;
}
.y1991 .year_v{
    background: url("../slideVimg/yv1991.gif") no-repeat;
}
.y1990 .year_v{
    background: url("../slideVimg/yv1990.gif") no-repeat;
}
.y1989 .year_v{
    background: url("../slideVimg/yv1989.gif") no-repeat;
}
.y1988 .year_v{
    background: url("../slideVimg/yv1988.gif") no-repeat;
}
.y1987 .year_v{
    background: url("../slideVimg/yv1987.gif") no-repeat;
}
.y1986 .year_v{
    background: url("../slideVimg/yv1986.gif") no-repeat;
}
.y1985 .year_v{
    background: url("../slideVimg/yv1985.gif") no-repeat;
}
.y1984 .year_v{
    background: url("../slideVimg/yv1984.gif") no-repeat;
}
.y1983 .year_v{
    background: url("../slideVimg/yv1983.gif") no-repeat;
}
.y1982 .year_v{
    background: url("../slideVimg/yv1982.gif") no-repeat;
}
.y1981 .year_v{
    background: url("../slideVimg/yv1981.gif") no-repeat;
}
.y1980 .year_v{
    background: url("../slideVimg/yv1980.gif") no-repeat;
}
.month_wrap {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 13px;
    top: 4px;
    left: 22px;
    position: absolute;
}
.month {
    margin: 0;
    padding: 0;
    width: 13px;
    height: 9px;
    margin: 0 0 8px 0;
}
.m1 {
    background: url("../slideVimg/m1_2.gif");
}
.m1_t {
    background: url("../slideVimg/m1_1.gif");
}
.m2 {
    background: url("../slideVimg/m2_2.gif");
}
.m2_t {
    background: url("../slideVimg/m2_1.gif");
}
.m3 {
    background: url("../slideVimg/m3_2.gif");
}
.m3_t {
    background: url("../slideVimg/m3_1.gif");
}
.m4 {
    background: url("../slideVimg/m4_2.gif");
}
.m4_t {
    background: url("../slideVimg/m4_1.gif");
}
.m5 {
    background: url("../slideVimg/m5_2.gif");
}
.m5_t {
    background: url("../slideVimg/m5_1.gif");
}
.m6 {
    background: url("../slideVimg/m6_2.gif");
}
.m6_t {
    background: url("../slideVimg/m6_1.gif");
}
.m7 {
    background: url("../slideVimg/m7_2.gif");
}
.m7_t {
    background: url("../slideVimg/m7_1.gif");
}
.m8 {
    background: url("../slideVimg/m8_2.gif");
}
.m8_t {
    background: url("../slideVimg/m8_1.gif");
}
.m9 {
    background: url("../slideVimg/m9_2.gif");
}
.m9_t {
    background: url("../slideVimg/m9_1.gif");
}
.m10 {
    background: url("../slideVimg/m10_2.gif");
}
.m10_t {
    background: url("../slideVimg/m10_1.gif");
}
.m11 {
    background: url("../slideVimg/m11_2.gif");
}
.m11_t {
    background: url("../slideVimg/m11_1.gif");
}
.m12 {
    background: url("../slideVimg/m12_2.gif");
}
.m12_t {
    background: url("../slideVimg/m12_1.gif");
}

#backnumber_timeline_bg {
    width: 40px;
    height: 490px;
    background: url("../slideVimg/time_line_bg.gif") no-repeat;
    float: left;
    top: 42px;
    left: 30px;
    position: relative;
}
#backnumber_slider_guide {
    width: 3px;
    height: 490px;
    background: #888;
    top: 42px;
    left: 86px;
    position: absolute;
    overflow: visible;
}
#backnumber_slider {
    top: 36px;
    width: 62px;
    height: 406px;
    position: relative;
    text-align: left;
    font-size: 0;
    left: -38px;
    line-height: 0;
    cursor: pointer;
}

#backnumber_slider a {
    display: block;
    font-size: 0;
    line-height: 0;
    background: #ccc;
    position: absolute;
    background: url("../slideVimg/handle.gif");
    border: none;
    z-index: 2;
    width: 23px;
    height: 15px;
    cursor: pointer;
    left: 22px;
    margin-left: 0;
    margin-bottom: -7.5px;
    outline: none !important; /* 選択時の枠線*/
}
#countDatagraph {
    position: relative;
    width: 320px;
    height: 312px;
    overflow: hidden;
    font-size: 9px !important;
    font-weight: normal !important;
    margin-bottom: 0px !important;
}
#countDatagraph div {
    font-size: 9px !important;
    font-weight: normal !important;
    margin-bottom: 0px !important;
}
#countDatagraph_wrapper {
    position: absolute;
    width: 320px;
    height: 342px;
    overflow: hidden;
}
#countDatagraph_base {
    /*position: absolute;*/
    width: 660px;
    height: 342px;
    background: #ffffff;
    opacity: 0.9;
}
#countDatagraph_list {
    position: absolute;
    top: 3px;
    width: 660px;
    height: 306px;
    left: -283px;
    letter-spacing: -0.4em;
}

#countDatagraph_list #cd_number {
    width: 0px;
    height: 100%;
    overflow: visible;
    display: inline-block;
    position: relative;
}
#cd_number .cd_number_index {
    width: 660px;
    height: 10px;
    background: url("../graphimg/line.gif") no-repeat right bottom;
    letter-spacing: normal;
    font-size: 10px;
}
#cd_number_wrapper {
    font-size: 10px !important;
    position: absolute;
    height: 100%;
    width: 660px;
    bottom: 0px;
}
#cd_number_wrapper div {
    font-size: 10px !important;
}
#cd_number #cd_number_index4 {
    position: absolute;
    bottom: 100%;
}
#cd_number #cd_number_index3 {
    position: absolute;
    bottom: 75%;
}
#cd_number #cd_number_index2 {
    position: absolute;
    bottom: 50%;
}
#cd_number #cd_number_index1 {
    position: absolute;
    bottom: 25%;
}

#cd_number #cd_number_unit {
    width: 70px;
    position: absolute;
    letter-spacing: normal;
    font-size: 10px;
    bottom: 0px;
}
#countDatagraph_wrapper #cd_date_unit {
    width: 42px;
    position: absolute;
    letter-spacing: normal;
    font-size: 10px !important;
    bottom: 1px;
}
#countDatagraph_list .cd_bar {
    width: 24px;
    height: 306px;
    /*float: left;*/
    margin: 0 8px;
    position: relative;
    display: inline-block;
}
#countDatagraph_list .cd_bar .man {
    background: #efefef;
    width: 24px;
    height: 100%;
    position: absolute;
    bottom: 0px;
}
#countDatagraph_list .cd_bar .woman {
    background: #e6e6e6;
    width: 24px;
    height: 50%;
    position: absolute;
    bottom: 0px;
}
#countDatagraph_list .cd_bar .skirt {

    background: #f4f4f4;
    width: 15px;
    height: 25%;
    position: absolute;
    bottom: 0;
}
#countDatagraph_list .cd_bar .man_active {
    background: #89acd1;
}
#countDatagraph_list .cd_bar .woman_active {
    background: #d02350;
}
#countDatagraph_list .cd_bar .skirt_active {
    background: #fa9aba;
}
#countDatagraph_list .cd_current {
    margin: 0 3px 0 50px;
    width: 118px;
    position: relative;
    overflow: hidden;
}
#countDatagraph_list .cd_current_open {
    margin: 0px;
    width: 24px;
    position: relative;
    overflow: hidden;
}
#countDatagraph_list .cd_bar_open {
    margin: 0 12px;
    width: 24px;
    opacity: 0.6;
}
#countDatagraph_wrapper #countDatagraph_list .cd_current {
    opacity: 1;
}
/*
 #countDatagraph_list .cd_bar_open .man_active{
 cursor: pointer;
 }
 #countDatagraph_list .cd_bar_open .woman_active{
 cursor: pointer;
 }
 #countDatagraph_list .cd_bar_open .skirt_active{
 cursor: pointer;
 }
 */
#countDatagraph_list .cd_current .man {
    background: #89acd1;
}
#countDatagraph_list .cd_current .woman {
    background: #d02350;
}
#countDatagraph_list .cd_current .skirt {
    background: #fa9aba;
}

#countDatagraph_list .cd_current .woman {

}
#countDatagraph_list .cd_current .countitem1 {
    width: 24px;
    height: 0%;
    background: #ff8b32;
    font-size: 0;
    position: absolute;
    bottom: 0px;
    left: 32px;
}
#countDatagraph_list .cd_current .countitem1_sub {
    width: 15px;
    height: 0%;
    background: #edcb65;
    position: absolute;
    bottom: 0px;
    left: 56px;
}
#countDatagraph_list .cd_current .countitem2 {
    width: 24px;
    height: 0%;
    background: #99b5cd;
    font-size: 0;
    position: absolute;
    bottom: 0px;
    left: 79px;
}
#countDatagraph_list .cd_current .countitem2_sub {
    width: 15px;
    height: 0%;
    background: #bacfd5;
    position: absolute;
    bottom: 0px;
    left: 103px;
}

#countDatagraph_thumb {
    position: absolute;
    font-size: 9px;
    top: 5px;
    left: 10px;
    width: 110px;
    height: 50px;
}
#countDatagraph_thumb_base {
    position: absolute;
    width: 100%;
    height: 100%;
    min-height: 100%;
    background: #ffffff;
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}
#countDatagraph_thumb ul {
    position: relative;
    padding: 5px;
}
#countDatagraph_thumb ul li {
    padding: 0 0 0 18px;
}

#countDatagraph_thumb .cd_m {
    background: url("../images/countdata_thumb_m.png") no-repeat;
}
#countDatagraph_thumb .cd_w {
    background: url("../images/countdata_thumb_w.png") no-repeat;
}
#countDatagraph_thumb .cd_s {
    background: url("../images/countdata_thumb_s.png") no-repeat;
}

#countDatagraph_button_wrapper {
    height: 23px;
    position: absolute;
    top: 3px;
    right: 3px;
    font-size: 12px !important;
    
}
#countData_info {
    width: 320px;
    height: 309px;
}
#info_man, #info_woman, #info_skirt, #info_zoomitem1, #info_zoomitem1_sub, #info_zoomitem2, #info_zoomitem2_sub {
    font-size: 9px;
    width: 90px;
    height: 25px;
    position: absolute;
    padding: 10px;
}
.info_bg{
    background: #ffffff;
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
}
#info_man {
    text-align: right;
    top: 120px;
    left: 10px;
}
#info_woman {
    text-align: right;
    top: 190px;
    left: 10px;
}
#info_skirt {
    text-align: right;
    bottom: 40px;
    left: 10px;
}
#info_zoomitem1, #info_zoomitem2 {
    text-align: left;
    top: 200px;
    left: 200px;
    width: 85px;
}
#info_zoomitem1_sub, #info_zoomitem2_sub {
    text-align: left;
    bottom: 40px;
    left: 210px;
}
#countDatagraph_button_base {
    position: absolute;
    width: 130px;
    height: 26px;
    background: #ffffff;
    -ms-filter: "alpha( opacity=70 )";
    filter: alpha( opacity=70 );
    opacity: 0.7;
    padding: 3px;
}
#countDatagraph_button_wrapper #countDatagraph_button {
    background: url("../images/countdata_button.png") no-repeat right bottom;
    height: 23px;
    position: relative;
    top: 0px;
    right: 0px;
    font-size: 12px !important;
    font-weight: bold !important;
    color: #f97209;
    text-align: right;
    padding: 5px 30px 0 0;
    cursor: pointer;
    line-height: 18px;
}
#countData_timeline_m {
    position: absolute;
    width: 592px;
    height: 15px;
    bottom: 15px;
    font-size: 10px;
    padding-left: 68px;
}
#countData_timeline_y {
    position: absolute;
    width: 592px;
    height: 15px;
    bottom: 0px;
    font-size: 10px;
    padding-left: 68px;
}
#countData_timeline_m .countData_m {
    float: left;
    text-align: center;
    margin: 0 18px;
    width: 12px;
}

#countData_timeline_y .countData_y {
    float: left;
    text-align: center;
    margin: 0 4px;
    width: 40px;
    height: 15px;
}
/* */
#hover_info{
font-size: 9px;
width: 90px;
height: 25px;
position: absolute;
padding: 10px;
}#monocategory_gauge {
    width: 110px;
    height: 796px;
    left: 0px;
    top: 290px;
    /*background: #000;*/
    /*background: rgba(0,0,0,0.7);*/
    position: absolute;
    overflow: hidden;
}
.monocategory_gauge_min {
    /*height: auto !important;*/
}
#monocategory_gauge_bg {
    width: 110px;
    height: 576px;
    position: absolute;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70); /* IE lt 8 */
	-ms-filter: "alpha(opacity=70)"; /* IE 8 */
}
#monocategory_gauge_wrap {
    width: 110px;
    padding-top: 20px;
    /*padding-bottom:60px;
    height:auto;*/
    height: 556px;
    position: relative;
}
#monocategory_gauge .monocategory_gauge_wrap_min{
    padding-bottom:60px;
    height:auto;
}
#monocategory_timeline_wrap {
    /*padding:15px 0px 0px;*/
    margin: 0 auto;
    height: auto;
    max-height:490px;
    width: 90px;
    top: 26px;
    overflow: hidden;
    position: relative;
    
}
#monocategory_timeline_wrap .mono_cate{
    color:#bfbfbf;
    font-size:10px;
    margin:0 0 2px 10px;
    width:80px;
    height:15px;
    cursor: pointer;
}
#arrow_up, #arrow_down {
    width: 29px;
    height: 15px;
    position: absolute;
    cursor: pointer;
}
#arrow_up {
    top: 19px;
    left: 40px;
    background: url("../slideVimg/arrow_up.png") no-repeat;
}
#arrow_down {
    bottom: 13px;
    left: 40px;
    background: url("../slideVimg/arrow_down.png") no-repeat;
}
#close_button {
    width: 11px;
    height: 12px;
    padding: 10px;
    position: absolute;
    top: -5px;
    left: 85px;
    background: url("../slideVimg/gauge_close.png") no-repeat center;
    cursor: pointer;
}
#monocategory_gauge_wrap .button_open{
    width: 110px;
    height: 30px;
    padding:0px;
    top:0px;
    left:0px;
    background: url("../slideVimg/gauge_open.png") no-repeat  94px 4px;
}
#monocategory_timeline {
    width: 90px;
    position: relative;
}
.year_v {
    width: 12px;
    height: 28px;
    position: absolute;
    top: 173px;
    left: 2px;
    background: url("../slideVimg/yv2012.gif") no-repeat;
}

.month_wrap {
    list-style-type: none;
    margin: 0;
    padding: 0;
    width: 13px;
    top: 4px;
    left: 22px;
    position: absolute;
}
.month {
    margin: 0;
    padding: 0;
    width: 13px;
    height: 9px;
    margin: 0 0 8px 0;
}
#monocategory_slider a {
    display: block;
    font-size: 0;
    line-height: 0;
    background: #ccc;
    position: absolute;
    background: url("../slideVimg/handle.gif");
    border: none;
    z-index: 2;
    width: 23px;
    height: 15px;
    cursor: pointer;
    left: 22px;
    margin-left: 0;
    margin-bottom: -7.5px;
    outline: none !important; /* 選択時の枠線*/
}
#colorbox, #cboxOverlay, #cboxWrapper {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 9999;
    overflow: hidden;
}
#cboxWrapper {
    /*overflow: visible;*/
overflow: hidden;
}
#colorbox {
    overflow: visible;
}
#cboxOverlay {
    position: fixed;
    width: 100%;
    height: 100%;
}
#cboxMiddleLeft, #cboxBottomLeft {
    clear: left;
}
#cboxContent {
    position: relative;
}
#cboxLoadedContent {
    overflow: auto;
}
#cboxTitle {
    margin-top: 5px;
    font-size: 13px;
    margin: 0;
}
#cboxLoadingOverlay, #cboxLoadingGraphic {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow {
    cursor: pointer;
    z-index: 999;
}
.cboxPhoto {
    float: left;
    margin: auto;
    border: 0;
    display: block;
    max-width: none;
}
.cboxIframe {
    width: 100%;
    height: 100%;
    display: block;
    border: 0;
}
#colorbox, #cboxContent, #cboxLoadedContent {
    box-sizing: content-box;
}

/*
 User Style:
 Change the following styles to modify the appearance of ColorBox.  They are
 ordered & tabbed in a way that represents the nesting of the generated HTML.
 */
#cboxOverlay {
    background: #000;
}
#colorbox {
}
#cboxTopLeft {
    width: 10px;
    height: 20px;
    background: #fff;
}
#cboxTopCenter {
    height: 20px;
    background: #fff;
}
#cboxTopRight {
    width: 10px;
    height: 20px;
    background: #fff;
}
#cboxBottomLeft {
    width: 10px;
    height: 10px;
    background: #fff;
}
#cboxBottomCenter {
    height: 10px;
    background: #fff;
}
#cboxBottomRight {
    width: 10px;
    height: 10px;
    background: #fff;
}
#cboxMiddleLeft {
    width: 10px;
    background: #fff;
}
#cboxMiddleRight {
    width: 10px;
    background: #fff;
}
#cboxContent {
    background: #fff;
    overflow: hidden;
}
#cboxContent {
    overflow: visible;
}
.cboxIframe {
    background: #fff;
}
#cboxError {
    padding: 50px;
    border: 1px solid #ccc;
}
#cboxLoadedContent {
    /*margin-bottom: 20px;*/
}
#cboxTitle {
    position: absolute;
    bottom: 0px;
    left: 0;
    text-align: left;
    width: 100%;#333;
}
#cboxCurrent {
    position: absolute;
    bottom: 0px;
    left: 100px;
    color: #999;
}
#cboxSlideshow {
    position: absolute;
    bottom: 0px;
    right: 42px;
    color: #444;
}
#cboxPrevious {
    position: absolute;
    top: 0px;
    left: -10px;
    color: #444;
    width: 50%;
    height: 100%;
    background: url(../colorbox_img/left_button.png) no-repeat;
}
#cboxNext {
    position: absolute;
    top: 0px;
    right: -10px;
    color: #444;
    width: 50%;
    height: 100%;
    background: url(../colorbox_img/right_button.png) no-repeat;
}
#cboxLoadingOverlay {
    background: #fff url(../colorbox_img/loading.gif) no-repeat 5px 5px;
}
#cboxClose {
    position: absolute;
    top: -24px;
    right: -12px;
    display: block;
    color: #444;
    padding: 10px;
    width: 10px;
    height: 10px;
    background: url(../colorbox_img/close_button.png) no-repeat center center;
}

#cbox_bg {
    position: absolute;
    top: 0px;
    width: 520px;
    height: 180px;
    background: #d9d9d9;
}

/*
 The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill
 when an alpha filter (opacity change) is set on the element or ancestor element.  This style is not applied to or needed in IE9.
 See: http://jacklmoore.com/notes/ie-transparency-problems/
 */
.cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight {
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);
}

/*
 The following provides PNG transparency support for IE6
 Feel free to remove this and the /ie6/ directory if you have dropped IE6 support.
 */
/*
 .cboxIE6 #cboxTopLeft {
 background: url(../images/ie6/borderTopLeft.png);
 }
 .cboxIE6 #cboxTopCenter {
 background: url(../images/ie6/borderTopCenter.png);
 }
 .cboxIE6 #cboxTopRight {
 background: url(../images/ie6/borderTopRight.png);
 }
 .cboxIE6 #cboxBottomLeft {
 background: url(../images/ie6/borderBottomLeft.png);
 }
 .cboxIE6 #cboxBottomCenter {
 background: url(../images/ie6/borderBottomCenter.png);
 }
 .cboxIE6 #cboxBottomRight {
 background: url(../images/ie6/borderBottomRight.png);
 }
 .cboxIE6 #cboxMiddleLeft {
 background: url(../images/ie6/borderMiddleLeft.png);
 }
 .cboxIE6 #cboxMiddleRight {
 background: url(../images/ie6/borderMiddleRight.png);
 }
 */
.cboxIE6 #cboxTopLeft, .cboxIE6 #cboxTopCenter, .cboxIE6 #cboxTopRight, .cboxIE6 #cboxBottomLeft, .cboxIE6 #cboxBottomCenter, .cboxIE6 #cboxBottomRight, .cboxIE6 #cboxMiddleLeft, .cboxIE6 #cboxMiddleRight {
    _behavior: expression(this.src = this.src ? this.src : this.currentStyle.backgroundImage.split('"')[1], this.style.background = "none", this.style.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src=" + this.src + ", sizingMethod='scale')");
}
/*
 * * * * * * * * * * * * * * * * * * * * * * * *
 */
.change {
    width: 50px;
    height: 50px;
    background: #ff9999;
    cursor: pointer;
}
#change2 {
    width: 50px;
    height: 50px;
    background: #99ff99;
    cursor: pointer;
}
.sns_wrap {
    position: absolute;
    float: right;
    width: 100%;
    height: 20px;
    bottom: 0px;
    right: 0px;
}
.fbox {
    width: auto;
    margin: 0 10px 0 0 !important;
    height: 30px;
}
.cb_detail_title_wrap {
    height: 155px;
    width: 260px;
    float: left;
}
.cb_detail_thumb_wrap {
    height: 155px;
    width: 100px;
    float: right;
}
.cb_detail_main_title {
    font-weight: bold;
    color: #B41E5E;
}
.detail_mode .cb_detail_main_title {
    font-weight: normal;
    color: #333333;
}
.detail_link {
    margin-top: 0px;
    color: #0070bc;
}
.detail_mode .detail_link {
    margin-top: 0px;
    color: #333333;
}
#cboxTitle .detail_link {
    overflow: hidden;
    display: block;
}
#cboxTitle .detail_link:hover {
/*
    opacity: 0.7;
    background: #DDD;
*/
}

.detail_mode .detail_link .interview_L {
    top: 50px;
    right: 100px;
    width: 124px;
    height: 103px;
    position: absolute;
}
.cb_share_text {
    float: left;
    margin-right: 10px;
    font-size: 13px;
}
.sns_wrap{
    display:-webkit-box;
    display:-ms-flexbox;
    display:flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
   -webkit-box-pack:center;
       -ms-flex-pack:center;
           justify-content:center;
}
.sns_wrap .sns_fb,
.sns_wrap .sns_tw,
.sns_wrap .sns_line,
.sns_wrap .sns_note{
    width:30px;
    display:inline-block;
    margin: 0 8px
}
.sns_wrap .sns_fb a,
.sns_wrap .sns_tw a,
.sns_wrap .sns_line a,
.sns_wrap .sns_note a,
.sns_wrap .sns_fb img,
.sns_wrap .sns_tw img,
.sns_wrap .sns_line img,
.sns_wrap .sns_note img{
    display:inline-block;
    width:100%;
    font-size:0;
}.interview_button {
    position: fixed;
    top: 45%;
}
#go_prev_wrap {
    left: 10px;
    width: 57px;
    height: 55px;
}
#go_prev {
    background: url(../images/interview_left_button.png);
    width: 57px;
    height: 55px;
    cursor: pointer;
}
#go_next_wrap {
    right: 10px;
    width: 66px;
    height: 90px;
}
#go_next {
    background: url(../images/interview_right_button.png);
    width: 57px;
    height: 55px;
    position: absolute;
    right: 0px;
    cursor: pointer;
}
#show_timeline {
    background: url(../images/interview_timeline_button.png);
    right: 10px;
    width: 66px;
    height: 26px;
    position: absolute;
    top: 67px;
    right: 0px;
    cursor: pointer;
    display:none;
}
.interview_popup {
    width: 109px;
    min-height: 222px;
    height: auto;
    position: fixed;
    overflow: visible;
}
.interview_popup_inner {
    width: 109px;
    height: 100%;
    background: #fff;
    opacity: 0.8;
    position: absolute;
}
.popup_fukiadshi {
    width: 109px;
    min-height: 71px;
    font-size: 10px;
    position: relative;
    top: 0px;
}
span.interview_id {
    color: #EC41AB;
}
.interview_title {
    color: #ffffff;
    width: 89px;
}
.popup_fukiadshi img {
    width: 85px;
    display: block;
    margin: 0 auto 10px;
}
.popup_fukiadshi_top {
    margin-top: 5px;
    background: url(../images/fukidashi_top.png) no-repeat center top;
    padding: 5px 10px 0px 10px;
}
.popup_fukiadshi_bottom {
    background: url(../images/fukidashi_bottom.png) no-repeat center top;
    width: 99px;
    height: 18px;
    padding: 0px 5px 0px 5px;
}
#left_popup {
    bottom: 53%;
    left: 50px;
}
#right_popup {
    bottom: 53%;
    right: 50px;
}
#interview_timeline_wrap {
    width: 100%;
    height: 177px;
    bottom: -177px;
    position: fixed;
    z-index:999;
}
#interview_timeline_margin {
    max-width: 100%;
    height: 177px;
    margin: 0 auto;
}

#interview_timeline {
    position: relative;
    max-width: 100%;
    height: 177px;
    margin: 0 10px;
}
#interview_timeline #interview_close_button {
    background: url(../images/interview_timeline_close_button.gif) no-repeat;
    width: 25px;
    height: 25px;
    top: 0px;
    right: 0px !important;
    position: absolute;
    cursor: pointer;
    padding: 0px;
    display:none;
}

#interview_timeline_inner_wrap {
    width: 100%;
    height: 100%;
    position: relative;
}
#interview_timeline_inner {
    height: 100%;
    margin: 0 44px;
    overflow: hidden;
}
#interview_timeline_base {
    margin: 10px 0 0 0;
    width: 2222px;
    overflow: hidden;
    height: 166px;
}
.timeline_img {
    display: block;
    width: 85px;
    border: 1px solid #1b1a18;
}
.current_interview {
    border: 1px solid #da3a1a;
}
#interview_timeline_left_button {
    z-index: 999;
    position: absolute;
    left: 8px;
    top: 25px;
    width: 36px;
    height: 125px;
    background: url(../images/interview_timeline_left_button.gif) no-repeat center center;
    cursor: pointer;
}
#interview_timeline_right_button {
    position: absolute;
    right: 8px;
    top: 25px;
    width: 36px;
    height: 125px;
    background: url(../images/interview_timeline_right_button.gif) no-repeat center center;
    cursor: pointer;
}
#interview_timeline_wrap_bg {
    position: absolute;
    height: 100%;
    width: 100%;
    top: 0px;
    background: #000;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -ms-filter: "alpha(opacity=70)";
}
#interview_timeline_base a {
    float: left;
    margin: 3px 7px;
    font-size: 0px;
    letter-spacing: -.40em;
}
#interview_timeline_base a:hover {
    opacity: 0.7;
    background: #DDD;
    color:#fff;
}
.interview_timeline_data {
    width: 87px;
    font-size: 10px;
    letter-spacing: 0em;
    height: 20px;
    overflow: hidden;
    color:#fff;
}
.interview_splitter {
    padding: 5px;
    width: 77px;
    height: 116px;
    margin: 3px 7px;
    background: #F97209;
    float: left;
    color: white;
}
.interview_splitter span {
    font-size: 110%;
    font-weight: bold;
}
.interview_splitter .sp_month {
    margin-top: -10px;
    font-size: 235%;
}
/* =========================================================
   ここから全体
   ========================================================= */
#contents {
  max-width: 128rem;
  margin: 0 auto;
  padding: 3.2rem 1.6rem 6rem;
  box-sizing: border-box;
}

.wr-teiten {
  margin-top: 0;
}

/* =========================================================
   ここからヘッダー
   ========================================================= */
.wr-teiten__head {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 2rem;
}

.wr-teiten__heading-wrap {
  flex: 1 1 auto;
  min-width: 0;
}

.wr-teiten__label {
  display: inline-block;
  padding-left: 1.2rem;
  border-left: .6rem solid #a6a6a6;
  font-size: 1.36rem;
  font-weight: 700;
  line-height: 1.4;
  color: #fda305;
}

.wr-teiten__label small {
  display: block;
  font-size: 1.088rem;
  color: #666;
}

.sns_link {
  display: flex;
  gap: 1.2rem;
  flex: 0 0 auto;
  margin-top: 1rem;
  justify-content: flex-end;
}

.sns_link a {
  display: grid;
  place-items: center;
  width: 3.0rem;
  height: 3.0rem;
}

.sns_link a img {
  width: 100%;
  height: auto;
}

.wr-teiten__title {
  margin: 1.2rem 0;
  font-size: 2.321rem;
  line-height: 1.3;
  font-weight: 700;
  letter-spacing: .02em;
}

.wr-teiten__lead {
  margin:1.2rem 0;
  font-size: 1.36rem;
  color: #666;
  font-weight: 500;
}

/* =========================================================
   ここから上段メイン
   ========================================================= */
.wr-teiten__main {
  display: block;
}
.countDate h2 {
  font-size: 1.4rem;
  margin: 0 0 0.6rem;
}
.countDate span {
  font-size: 1.2rem;
}
/* =========================================================
   左カラム
   ========================================================= */
.wr-side {
  width: 100%;
  min-width: 0;
  height: auto;
  overflow: visible;
}

/* 日付カード */
.wr-date-card {
  background: #fff;
  overflow: hidden;
}

.wr-date-card__main {
  display: flex;
  gap: 1.2rem;
  padding: 1.4rem;
  height: 121px;
  background: #f97209;
  color: #fff;
  box-sizing: border-box;
}

.wr-date-card__month {
  flex: 0 0 8.2rem;
}

.wr-date-card__year {
  display: block;
  font-size: 2.0rem;
  font-weight: 600;
  line-height: 1.1;
}

.wr-date-card__num {
  display: block;
  font-size: 4.8rem;
  line-height: .9;
  font-weight: 600;
  margin-top: .2rem;
}

.wr-date-card__info {
  flex: 1 1 auto;
  min-width: 0;
  font-size: 1.2rem;
  line-height: 1.45;
  font-weight: 500;
}

.wr-date-card__info span {
  display: block;
}

.filters{
  margin-top: 0.2rem;
  display:flex;
  flex-wrap:wrap;
  gap:.8rem;
  align-items:center;
  padding: 1.1rem;
  background: #e0e0e0;
}
.selectWrap{
  position:relative;
  display:inline-block;
}
.selectWrap::after{
  content:"";
  position:absolute;
  right:1.2rem; top:50%;
  width:.7rem; height:.7rem;
  border-right:2px solid #667085;
  border-bottom:2px solid #667085;
  transform: translateY(-60%) rotate(45deg);
  pointer-events:none;
}
.selectWrap .select{
  appearance:none;
  border:1px solid var(--softline);
  background:#fff;
  border-radius:0;
  padding: .9rem 3.0rem .8rem .8rem;
  font-size:1.3rem;
  font-weight:600;
  line-height:1;
  border-radius: 0.4rem;
}
.goBtn{
  width:3.0rem; height:3.0rem;
  border:none;
  background:#fff;
  color:#000;
  display:grid; place-items:center;
  cursor:pointer;
  font-size:2.0rem;
  line-height:1;
  border-radius: 50%;
  position: relative;
}
.goBtn::before{
  content:"";
  position:absolute;
  left:47%;
  top:50%;
  width:8px;
  height:8px;
  border-right:2px solid #000;
  border-bottom:2px solid #000;
  transform: translate(-55%, -50%) rotate(-45deg);
}

/* カウントデータ */
.wr-count-box {
  padding: 1.0rem 0 0;
}

.wr-count-box__title {
  font-size: 3rem;
  line-height: 1.3;
  font-weight: 700;
}

.wr-count-box__sub {
  margin-top: 1rem;
  font-size: 1.4rem;
  color: #666;
}

.wr-count-legend {
  display: flex;
  flex-direction: column;
  gap: .6rem;
  margin-top: 1.6rem;
}

.wr-count-legend__item {
  display: flex;
  align-items: center;
  gap: .8rem;
  font-size: 1.3rem;
  color: #555;
}

.wr-count-legend__color {
  width: 1.6rem;
  height: 1.6rem;
}

.wr-count-graph {
  display: flex;
  align-items: flex-end;
  gap: 1.6rem;
  margin-top: 2.4rem;
  min-height: 25rem;
}

.wr-count-graph__col {
  display: flex;
  align-items: flex-end;
  gap: .8rem;
}

.wr-count-graph__stack {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  width: 4rem;
  height: 23rem;
  background: #f3f3f3;
  overflow: hidden;
}

.wr-count-graph__part--male {
  background: #a9b8d9;
}

.wr-count-graph__part--female {
  background: #e84b84;
}

.wr-count-graph__part--skirt {
  background: #ffb54d;
}

.wr-count-graph__label {
  font-size: 1.2rem;
  color: #666;
  line-height: 1.5;
}

.wr-count-box__link {
  display: inline-flex;
  align-items: center;
  gap: .8rem;
  margin-top: 1.6rem;
  font-size: 1.4rem;
  font-weight: 700;
  color: #f5820f;
}

.visually-hidden {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0 0 0 0);
  white-space: nowrap;
  border: 0;
}

/* =========================================================
   右カラム スナップ
   ========================================================= */

.wr-snap-card {
  width: 100%;
  overflow: hidden;
  flex: none;
}

.wr-snap-card__media {
  position: relative;
  width: 100%;
  aspect-ratio: 236 / 369;
  overflow: hidden;
  line-height: 0;
}

.wr-snap-card__media img {
  position: absolute;
  inset: 0;
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wr-snap-card__name {
  background: #606060;
  color: #fff;
  padding: 1.6rem 2rem;
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.3;
}

/* =========================================================
   スナップカード hover
   ※カード全体は動かさず、画像と見出しだけ変化
   ========================================================= */
.wr-flow-snap {
  display: block;
  color: inherit;
  text-decoration: none;
}

.wr-flow-snap:hover {
  text-decoration: none;
}

.wr-flow-snap:hover .wr-snap-card__media img {
  transform: scale(1.06);
  filter: brightness(.9);
}

.wr-flow-snap:hover .wr-snap-card__name {
  background: #4f4f4f;
}

.wr-flow-snap:focus-visible {
  outline: 2px solid #f97209;
  outline-offset: 4px;
}

.wr-flow-snap:focus-visible .wr-snap-card__media img {
  transform: scale(1.06);
  filter: brightness(.9);
}

.wr-flow-snap:focus-visible .wr-snap-card__name {
  background: #4f4f4f;
}

/* =========================================================
   カードレイアウト
   1200px以上：通常Grid
   1199px〜641px：JSでMasonry配置
   640px以下：1カラム
   ========================================================= */

/* 1200px以上：通常のGrid表示 */
.wr-card-flow {
  --wr-card-gap: 1.6rem;
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: var(--wr-card-gap);
  align-items: stretch;
  margin-top: 1.6rem;
  position: static;
}

.wr-card-flow > .wr-side,
.wr-card-flow > a {
  position: static;
  width: auto;
  transform: none;
  box-sizing: border-box;
  min-width: 0;
}

.wr-card-flow > a {
  display: flex;
  color: inherit;
  text-decoration: none;
}

.wr-card-flow > a:hover {
  text-decoration: none;
  opacity: 0.7;
}

.wr-card-flow > a > article {
  width: 100%;
}

.wr-card-flow .wr-side,
.wr-card-flow .wr-snap-card,
.wr-card-flow .wr-info-card {
  width: 100%;
  max-width: none;
  min-width: 0;
}

/* 通常の下段カードは1カラム分 */
.wr-flow-info {
  display: flex;
  color: inherit;
  text-decoration: none;
  min-width: 0;
  grid-column: span 1;
}

/* 1つ目の下段カードだけ2カラム分 */
.wr-flow-info--wide {
  grid-column: span 2;
}

/* 1199px〜641px：Masonry用にJS配置へ切り替え */
@media (max-width: 1199px) and (min-width: 641px) {
  .wr-card-flow {
    display: block;
    position: relative;
  }

  .wr-card-flow > .wr-side,
  .wr-card-flow > a {
    position: absolute;
    box-sizing: border-box;
    min-width: 0;
  }

  .wr-flow-info,
  .wr-flow-info--wide {
    grid-column: auto;
  }
}

/* 640px以下：通常1カラム */
@media (max-width: 640px) {
  .wr-card-flow {
    display: grid;
    grid-template-columns: 1fr;
    gap: var(--wr-card-gap);
    position: static;
  }

  .wr-card-flow > .wr-side,
  .wr-card-flow > a {
    position: static;
    width: 100%;
    transform: none;
  }

  .wr-flow-info,
  .wr-flow-info--wide {
    grid-column: auto;
  }
}

/* =========================================================
   ここから下段
   ========================================================= */

/* カード本体 */
.wr-info-card {
  width: 100%;
  background: #efefef;
  overflow: hidden;
  display: flex;
  flex-direction: column;
}

/* 本文エリア */
.wr-info-card__body {
  display: flex;
  gap: 1.6rem;
  flex: 1 1 auto;
}

/* 画像 */
.wr-info-card__thumb {
  flex: 0 0 150px;
  width: 150px;
  height: 150px;
  background: #ddd;
  overflow: hidden;
}

.wr-info-card__thumb img {
  width: 150px;
  height: 150px;
  object-fit: cover;
}

/* テキスト */
.wr-info-card__content {
  flex: 1 1 auto;
  min-width: 0;
}

.wr-info-card__title {
  font-size: 1.6rem;
  font-weight: 700;
  line-height: 1.5;
  margin: 0;
  padding: 1.6rem 1.6rem 0 0;
}

.wr-info-card__text {
  font-size: 1.2rem;
  color: #444;
  padding: 1.6rem 1.6rem 1.6rem 0;
}

.wr-info-card__text p {
  margin: 0;
}

.b-title {
  margin: 0.5rem 0;
}

/* フッター */
.wr-info-card__footer {
  margin-top: auto;
  background: #808080;
  color: #fff;
  padding: 1.8rem 2rem;
  font-size: 1.8rem;
  font-weight: 700;
  line-height: 1.3;
}


/* =========================================================
   ここから下部コンテンツ
   ========================================================= */
.wr-teiten-lower {
  margin-top: 4rem;
}

.wr-teiten-lower__inner {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 300px;
  gap: 1.6rem;
  align-items: start;
}

.wr-teiten-lower__main {
  min-width: 0;
}

.wr-teiten-lower__banner {
  width: 300px;
  min-width: 300px;
}

.wr-teiten-lower__heading {
  margin: 0;
  padding-bottom: .8rem;
  border-bottom: 1px solid #9a9a9a;
  font-size: 1.5rem;
  line-height: 1.4;
  font-weight: 600;
  color: #222;
}

.wr-opinion-card {
  margin-top: 0.8rem;
}

.wr-opinion-card__link {
  display: flex;
  align-items: flex-start;
  gap: 1.4rem;
}
.wr-opinion-card__link:hover {
  opacity:0.7;
}

.wr-opinion-card__thumb {
  flex: 0 0 18.0rem;
  width: 18.0rem;
  height: 13.6rem;
  overflow: hidden;
  background: #ddd;
}

.wr-opinion-card__thumb img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.wr-opinion-card__content {
  flex: 1 1 auto;
  min-width: 0;
}

.wr-opinion-card__title {
  margin: 0;
  font-size: 1.4rem;
  line-height: 1.5;
  font-weight: 600;
  color: #b41e5e;
}

.wr-opinion-card__text {
  margin-top: 1rem;
  font-size: 1.2rem;
  line-height: 1.8;
  color: #333;
}

.wr-teiten-lower__banner {
  width: 300px;
}

.wr-teiten-lower__banner a {
  display: block;
}

.wr-teiten-lower__banner img {
  display: block;
  width: 100%;
  height: auto;
}

@media (max-width: 768px) {
  .wr-teiten-lower__inner {
    grid-template-columns: 1fr;
    gap: 2.4rem;
  }

  .wr-teiten-lower__banner {
    width: 300px;
    min-width: 0;
    max-width: 100%;
    margin-top: 4rem;
  }
}
/* ------------------------------
   グラフ上書き
------------------------------ */
#countDatagraph_wrapper {
    width: 300px;
    height: 325px;
}
#countDatagraph,
.countDate {
  width: 100%;
  max-width: 300px;
}
#countDatagraph {
  height: 290px;
}
#countDatagraph_base {
  height: 325px;
}
#countDatagraph_list {
  height: 290px;
}

#countDatagraph_list .cd_bar,
#countDatagraph_list .cd_bar_open,
#countDatagraph_list .cd_current,
#countDatagraph_list .cd_bar .man,
#countDatagraph_list .cd_bar .woman,
#countDatagraph_list .cd_bar .skirt,
#countDatagraph_list .cd_current .man,
#countDatagraph_list .cd_current .woman,
#countDatagraph_list .cd_current .skirt,
#countDatagraph_list .cd_current .countitem1,
#countDatagraph_list .cd_current .countitem1_sub,
#countDatagraph_list .cd_current .countitem2,
#countDatagraph_list .cd_current .countitem2_sub,
#countData_timeline_m .countData_m {
  box-sizing: border-box;
}
#countData_timeline_m,
#countData_timeline_y {
  width: auto;
  box-sizing: border-box;
}

#countData_timeline_m .countData_m,
#countData_timeline_y .countData_y {
  box-sizing: border-box;
}
#countDatagraph_button_wrapper #countDatagraph_button {
  box-sizing: content-box;
}

/* グラフ展開時に親カラムでマスクされないようにする */
.wr-side {
  overflow: visible;
  position: relative;
  z-index: 2;
}

.wr-count-box,
.countDate,
#countDatagraph {
  position: relative;
  z-index: 3;
}

/* =========================================================
   既存パーツ上書き
   ========================================================= */
.wr-teiten-lower__banner .AD {
  width: 300px;
  float: none;
}
.wr-teiten-lower__banner .AD a {
  margin-bottom: 0.7rem;
}
.staff_info {
  max-width: 128rem;
  padding: 0 1.6rem;
  box-sizing: border-box;
  margin: 20px auto;
}
.interview_button {
  z-index: 3;
}
.socialBtn .sns_link li {
  float: none;
  margin-right: 0 !important;
}
footer {
  background: transparent;
  border-top: 0;
}
/* =========================================================
   レスポンシブ
   ========================================================= */

@media (max-width: 992px) {
  .wr-teiten__title {
    font-size: 3.6rem;
  }
}

@media (max-width: 640px) {
  #contents {
    padding: 2rem 1.6rem 4rem;
  }

  .wr-teiten__head {
    flex-direction: column;
    align-items: flex-start;
  }

  .sns_link {
    margin-top: 0;
  }

  .wr-teiten__title {
    margin-top: 1.6rem;
    font-size: 3rem;
  }

  .wr-teiten__lead {
    font-size: 1.7rem;
  }

  .wr-teiten__main {
    justify-content: center;
  }

  .wr-side {
    width: 100%;
    max-width: none;
    margin: 0;
  }

  .wr-snap-card {
    width: 100%;
    flex: 1 1 100%;
  }

  .wr-info-card__body {
    flex-direction: column;
  }

  .wr-info-card__thumb {
    flex: 0 0 19.08vw;
    width: 19.08vw;
    height: 19.08vw;
    max-width: 150px;
    max-height: 150px;
    min-width: 75px;
    min-height: 75px;
    aspect-ratio: 1 / 1;
  }

  .wr-info-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }

  .wr-info-card__title,
  .wr-info-card__text {
    padding-left: 1.6rem;
  }
  .wr-date-card__controls {
    grid-template-columns: 1fr 1fr;
  }

  .wr-info-card__body {
    flex-direction: column;
  }

  .wr-info-card__thumb {
    flex-basis: auto;
    width: 100%;
    aspect-ratio: 16 / 10;
  }


  .wr-opinion-card__link {
    flex-direction: row;
    align-items: flex-start;
  }

  .wr-opinion-card__thumb {
    flex: 0 0 10.1rem;
    width: 10.1rem;
    height: 10.1rem;
    max-width: none;
    aspect-ratio: 1 / 1;
  }

  .wr-info-card__thumb {
    flex: 0 0 19.08vw;
    width: 19.08vw;
    height: 19.08vw;
    max-width: 150px;
    max-height: 150px;
    min-width: 75px;
    min-height: 75px;
    aspect-ratio: 1 / 1;
  }

  .wr-info-card__thumb img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .wr-teiten-lower__banner {
    margin:4.0rem auto 0;
    width: 100%;
  }
  .wr-teiten-lower__inner .AD {
    max-width: 320px;
    width: auto;
    padding: 0;
    margin: 0 auto;
  }
}

/* =========================================================
   ここからスペシャル地点
   ========================================================= */

.wr-special-place {
  margin: 0 0 2.4rem;
  width: 930px;
  max-width: 100%;
  background: #efefef;
}

.wr-special-place__link {
  display: block;
  color: inherit;
  text-decoration: none;
  background: #efefef;
  transition: opacity .2s ease;
}

.wr-special-place__link:hover {
  opacity: .75;
  text-decoration: none;
}

.wr-special-place__body {
  display: grid;
  grid-template-columns: 300px 630px;
  min-height: 210px;
  gap: 2px;
}

.wr-special-place__text {
  padding: 2.4rem 2rem;
  background: #979797;
}

.wr-special-place__label {
  margin: 0 0 1.2rem;
  font-size: 1.6rem;
  line-height: 1.4;
  font-weight: 600;
  color: #fff;
}

.wr-special-place__title {
  margin: 0 0 2rem;
  font-size: 2.4rem;
  line-height: 1.3;
  font-weight: 700;
  color: #fff;
}

.wr-special-place__meta {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.7;
  color: #fff;
}

.wr-special-place__meta div {
  display: flex;
}

.wr-special-place__meta dt,
.wr-special-place__meta dd {
  margin: 0;
}

.wr-special-place__meta dt {
  font-weight: 600;
}

/* figureの中のimgをそのまま3枚並べる */
.wr-special-place__image {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 2px;
  width: 630px;
  height: 100%;
  min-width: 0;
  margin: 0;
  overflow: hidden;
  background: #efefef;
}

.wr-special-place__image img {
  display: block;
  width: 100%;
  height: 100%;
  min-width: 0;
  object-fit: cover;
}

/* 992px以下：右広告が下に落ちるタイミングに合わせて可変 */
@media (max-width: 992px) {
  .wr-special-place {
    width: 100%;
  }

  .wr-special-place__body {
    grid-template-columns: 300px 1fr;
  }

  .wr-special-place__image {
    width: auto;
  }
}

/* SP時 */
@media (max-width: 640px) {
  .wr-special-place__body {
    grid-template-columns: 1fr;
    min-height: 0;
  }

  .wr-special-place__text {
    padding: 1.8rem 1.6rem;
  }

  .wr-special-place__title {
    font-size: 2rem;
  }

  .wr-special-place__image {
    width: 100%;
  }

  .wr-special-place__image img {
    height: 100%;
    height: auto;
    object-fit: contain;
  }
}

/* =========================================================
   UA判定SP上書き
   ========================================================= */

.is-ua-smartphone #contents {
  width: 100%;
  padding: 2rem 1.0rem 4rem;
}
.kakukaitop .itemMon,
.kakubasho .left .bashoMon,
.other .left .bashoMon {
	position:relative;
}
.y_menu_icon {
	position:absolute;
	font-size:100% !important;
	top:6px;
	left:6px;
	background-repeat:no-repeat;
	width:20px !important;
	height:15px !important;
	cursor:pointer;
}
.y_menu_icon:hover {
	opacity:0.7;
}
.y_menu {
	width:101px !important;
	overflow:hidden;
	position:absolute;
	font-size:100% !important;
	top:0;
	left:0;
	opacity:0;
	z-index:1000;
	padding:0 !important;
}
.y_menu .closebtn {
	font-size:100% !important;
	text-align:left;
	margin:7px 0 0 7px !important;
	position:absolute;
	z-index:1200;
	padding:0 !important;
	background-repeat:no-repeat;
	width:12px !important;
	height:12px !important;
	cursor:pointer;
	right:6px;
}
.y_menu .closebtn:hover {
	opacity:0.5;
}
.y_menu .upArrrow {
	font-size:100% !important;
	text-align:center;
	padding:0 !important;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
	width:auto !important;
	height:27px !important;
}
.y_menu .downArrrow {
	font-size:100% !important;
	text-align:center;
	padding:0 !important;
	cursor:pointer;
	background-repeat:no-repeat;
	background-position:center center;
	width:auto !important;
	height:27px !important;
}
.y_menu .yearList,
.kakubasho .bashoMon .y_menu .yearList {
	overflow:hidden;
	position:relative;
	width:auto !important;
	padding:0 !important;
	margin:24px 0 10px;
}
.y_menu .yearList ul.year {
	width:100%;
}
.y_menu .yearList ul.year>li {
	padding:0;
	text-align:center;
}
.y_menu .yearList ul.year>li>span {
	padding:4px 0;
}
.y_menu .yearList ul.year>li.current>span {
	background-color:#666666;
}
.y_menu .yearList ul.year>li.active {
	padding:10px 0 0;
	background-repeat:no-repeat;
	background-position:8px 8px;
}
.y_menu .yearList ul.year>li span {
	font-size:12px;
	font-weight:normal;
	cursor:pointer;
	display:block;
}
.y_menu .yearList ul.year>li span:hover {
	color:#db297e;
}
.y_menu .yearList ul.year>li.active>span {
	border-bottom:1px solid #cccccc;
	margin:0 4px;
	padding:0 0 8px;
	background-color:transparent;
}

.y_menu .yearList ul.year>li ul.month {
	display:none;
	width:100%;
	padding:8px 0 0;
	height:auto;
	
}
.y_menu .yearList ul.year>li ul.month li {
	text-align:left;
}
.y_menu .yearList ul.year>li ul.month li.current>a {
	background-color:#666666;
}
.y_menu .yearList ul.year>li ul.month a {
	font-size:12px;
	font-weight:normal;
	display:block;
	color:#fff;
	padding:4px 10px 3px;
}
.y_menu .yearList ul.year>li ul.month a:hover {
	background:none;
	color:#db297e;
}
.kakubasho .bashoMon div.mCustomScrollBox {
	height: 100%;
	width:auto;
	padding:0;
}
.kakubasho .bashoMon .mCSB_scrollTools .mCSB_draggerContainer {
	width:auto;
	padding:0;
}
.kakubasho .bashoMon .mCSB_scrollTools .mCSB_dragger {
	width:100%;
	padding:0;
}
.kakubasho .bashoMon .mCSB_scrollTools .mCSB_draggerRail {
	margin: 0 auto;
	width:2px;
	padding:0;
	height:100%;
}
.kakubasho .bashoMon .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width:4px;
	height:100%;
	padding:0;
}
.kakubasho .bashoMon .mCSB_scrollTools {
	width:16px;
	padding:0;
}
.kakubasho .bashoMon div.mCSB_container {
	width:auto;
	padding:0;
	overflow:hidden;
	margin-right:10px;
}@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@300;400;500;600;700;900&display=swap");

#contents {
  --across-observe-orange: #FDA305;
  --across-observe-text: #111;
  --across-observe-soft: #f7f7f7;
  --across-observe-date: #8a8a8a;
  --across-observe-line: #dedbd2;
  --across-observe-page-max: 128rem;
}

#contents.observe-contents {
  padding: 0;
  color: var(--across-observe-text);
  background: #fff;
  font-family: 'Noto Sans JP', system-ui, -apple-system, "Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;
  font-size: 1.4rem;
  line-height: 1.65;
  min-width: 0;
  overflow-anchor: none;
}

#contents.observe-contents,
#contents.observe-contents *,
#contents.observe-contents *::before,
#contents.observe-contents *::after {
  box-sizing: border-box;
}

#contents.observe-contents img {
  display: block;
  max-width: 100%;
}

#contents.observe-contents a {
  color: inherit;
  text-decoration: none;
}

#contents.observe-contents button,
#contents.observe-contents select {
  font-family: inherit;
}

#contents.observe-contents > .observe-page {
  width: min(var(--across-observe-page-max), calc(100vw - 4.8rem));
  margin: 5.8rem auto 9.2rem;
  margin-right: auto;
  margin-left: auto;
}

#contents.observe-contents > .observe-page.item-page {
  margin-top: 2.6rem;
  margin-bottom: 3.2rem;
}

#contents.observe-contents > .observe-page:not(.item-page) {
  margin-top: 2.6rem;
  margin-bottom: 3.2rem;
}

.sharebar-sticky-sentinel {
  height: 0;
  overflow-anchor: none;
}

.common-sharebar {
  font-size: 1.6rem;
  position: relative;
  left: auto;
  z-index: 9;
  min-height: 3em;
  border: 0.1rem solid var(--across-observe-line);
  border-radius: 0.4rem;
  background: #fff;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 0.1875em;
  padding: 0.1875em 0.875em 0.1875em;
  transition: background-color .2s, box-shadow .2s;
  overflow-anchor: none;
}

.common-sharebar.is-stuck {
  box-sizing: border-box;
  position: fixed;
  top: var(--across-observe-sharebar-sticky-top, 0);
  left: var(--across-observe-sharebar-fixed-left, 0);
  width: var(--across-observe-sharebar-fixed-width, 100%);
  justify-content: flex-end;
  min-height: 2.625em;
  border-width: 0 0 0.1rem;
  padding-left: 0.1875em;
  background: rgb(255 255 255 / 80%);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
  box-shadow: none;
  transform: translate3d(0, 0, 0);
  backface-visibility: hidden;
  will-change: transform;
}

.common-sharebar.is-stuck .shortcut.filters {
  background: transparent;
}

#contents.has-stuck-sharebar .countitems {
  top: var(--across-observe-countitems-sticky-top, calc(var(--count-items-sticky-top, 0px) + 4.2rem));
}

.common-sharebar.is-stuck h2,
#contents .common-sharebar.is-stuck .icons {
  display: none;
}

.common-sharebar h2 {
  margin: 0;
  color: var(--across-observe-orange);
  font-size: 1.125em;
  font-weight: 600;
  line-height: 1;
}

.sharebar-actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: 0.875em;
  margin-left: auto;
}

#contents .common-sharebar .icons {
  display: flex;
  align-items: center;
}

#contents .common-sharebar .sns_link {
  display: flex;
  align-items: center;
  gap: 0.4375em;
  margin: 0;
  padding: 0;
  list-style: none;
}

#contents .common-sharebar .sns_link li {
  margin: 0;
  padding: 0;
  line-height: 1;
}

#contents .common-sharebar .sns_link a {
  width: 1.875em;
  height: 1.875em;
  display: grid;
  place-items: center;
}

#contents .common-sharebar .sns_link img {
  width: 1.875em;
  height: 1.875em;
  object-fit: contain;
}

.shortcut.filters {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  gap: 0;
  margin-left: auto;
  margin-top: 0;
  padding: 0.5em 0.375em 0.375em 0.5em;
  border-radius: 0.4rem;
  background: #fcfcf4;
}

.shortcut > strong {
  color: var(--across-observe-orange);
  font-size: 0.75em;
  font-weight: 800;
  white-space: nowrap;
  margin-right: 0.6667em;
}

.visually-hidden {
  position: absolute;
  width: 0.1rem;
  height: 0.1rem;
  padding: 0;
  margin: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border: 0;
}

.shortcut .selectWrap {
  position: relative;
  display: inline-block;
}

.shortcut .selectWrap + .selectWrap {
  margin-left: 0.375em;
}

.shortcut .selectWrap + .goBtn {
  margin-left: 0.5em;
}

.shortcut .selectWrap::after {
  content: "";
  position: absolute;
  right: 0.75em;
  top: 50%;
  width: 0.4375em;
  height: 0.4375em;
  border-right: 0.125em solid #667085;
  border-bottom: 0.125em solid #667085;
  transform: translateY(-60%) rotate(45deg);
  pointer-events: none;
}

.shortcut .selectWrap .select {
  appearance: none;
  min-width: 5.5385em;
  border: 0.077em solid #d0c6ad;
  background: #fff;
  border-radius: 0.4615em;
  color: #555;
  font-size: 0.8125em;
  font-weight: 700;
  line-height: 1;
  padding: 0.6154em 2.1538em 0.5385em 0.6154em;
}

.shortcut .goBtn {
  width: 1.875em;
  height: 1.875em;
  border: 0.0625em solid #d0c6ad;
  border-radius: 50%;
  background: #fff;
  color: #000;
  display: grid;
  place-items: center;
  cursor: pointer;
  font-size: 1em;
  line-height: 1;
  position: relative;
}

.shortcut .goBtn::before {
  content: "";
  position: absolute;
  left: 47%;
  top: 50%;
  width: 0.5em;
  height: 0.5em;
  border-right: 0.125em solid #000;
  border-bottom: 0.125em solid #000;
  transform: translate(-55%, -50%) rotate(-45deg);
}

@media (min-width: 801px) {
  .common-sharebar:not(.is-stuck) h2 {
    flex: 0 0 auto;
  }

  .common-sharebar:not(.is-stuck) .sharebar-actions {
    flex: 1 1 auto;
    min-width: 0;
    justify-content: flex-start;
    margin-left: 1.25em;
  }

  .common-sharebar:not(.is-stuck) .shortcut.filters {
    justify-content: flex-start;
    margin-left: 0;
    margin-right: 0;
  }

  #contents .common-sharebar:not(.is-stuck) .icons {
    flex: 0 0 auto;
    margin-left: auto;
  }
}

.intro {
  margin: 2.6rem 0 1.8rem;
  color: #666;
  font-size: 1.36rem;
  font-weight: 600;
}

.latest-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30rem;
  gap: 2.8rem;
  align-items: start;
}

.latest-feature {
  --teiten-main-ratio: 320 / 502;
  --teiten-main-w-ratio: 0.63745;
  --latest-hero-h: 60rem;
  min-width: 0;
  display: grid;
  grid-template-columns: minmax(42rem, 1fr) calc(var(--latest-hero-h) * var(--teiten-main-w-ratio));
  gap: 0.3rem;
  align-items: stretch;
}

.latest-panel {
  display: grid;
  grid-template-rows: 1fr auto;
  height: var(--latest-hero-h);
  max-height: var(--latest-hero-h);
  min-height: 0;
  background: #fff;
}

.latest-copy {
  display: grid;
  grid-template-columns: 10.6rem minmax(0, 1fr);
  background: var(--across-observe-soft);
}

.latest-side {
  position: relative;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2.6rem 0 2.8rem;
}

.latest-side::after {
  content: "";
  position: absolute;
  top: 2.6rem;
  right: 0;
  bottom: 2.8rem;
  width: 0.1rem;
  background: var(--across-observe-line);
}

.latest-side p {
  margin: 0;
  color: var(--across-observe-orange);
  writing-mode: vertical-rl;
  font-size: 4.8rem;
  font-weight: 300;
  letter-spacing: .08em;
  line-height: 1;
}

.latest-side div {
  display: grid;
  gap: 0.4rem;
  text-align: center;
  font-weight: 600;
}

.latest-side span {
  font-size: 2.18rem;
  font-weight: 500;
  line-height: 1;
}

.latest-side strong {
  font-size: 5.25rem;
  font-weight: 600;
  line-height: .9;
}

.latest-body {
  padding: 3rem 2.8rem;
}

.latest-body time {
  display: block;
  margin-bottom: 1rem;
  color: #454545;
  font-size: 1.4rem;
  font-weight: 400;
}

.latest-body h2 {
  margin: 0 0 1.4rem;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.42;
  letter-spacing: 0;
}

.latest-body p {
  margin: 0 0 2.2rem;
  color: #454545;
  font-size: 1.6rem;
  font-weight: 400;
}

.latest-body dl {
  margin: 0;
  display: grid;
  gap: 1.2rem;
}

.latest-body dt {
  color: var(--across-observe-orange);
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.35;
}

.month-text dt {
  color: var(--across-observe-orange);
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.35;
}

.latest-body dt::before,
.month-text dt::before {
  content: "・";
}

.latest-body dd {
  margin: 0.2rem 0 0 1.4rem;
  color: #000000;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 1.45;
}

@media (max-width: 1240px) {
  .latest-side p {
    font-size: clamp(3.6rem, calc(1.5582rem + 2.6144vw), 4.8rem);
  }

  .latest-side span {
    font-size: clamp(1.635rem, calc(0.7077rem + 1.1874vw), 2.18rem);
  }

  .latest-side strong {
    font-size: clamp(3.9375rem, calc(1.7042rem + 2.8595vw), 5.25rem);
  }

  .latest-body {
    padding: clamp(2.2rem, calc(0.8388rem + 1.7429vw), 3rem) clamp(1.6rem, calc(-0.4418rem + 2.6144vw), 2.8rem);
  }

  .latest-body time {
    font-size: clamp(1.05rem, calc(0.4545rem + 0.7625vw), 1.4rem);
  }

  .latest-body h2 {
    font-size: clamp(1.65rem, calc(0.7142rem + 1.1983vw), 2.2rem);
  }

  .latest-body p,
  .latest-body dd {
    font-size: clamp(1.2rem, calc(0.5194rem + 0.8715vw), 1.6rem);
  }

  .latest-body dt {
    font-size: clamp(0.975rem, calc(0.422rem + 0.7081vw), 1.3rem);
  }
}

.month-text dd {
  margin: 0.2rem 0 0 1.4rem;
  font-size: 1.4rem;
  font-weight: 600;
  line-height: 1.45;
}

.latest-subphotos {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 0.3rem;
  overflow: hidden;
}

.latest-subphotos img {
  display: block;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.latest-hero {
  margin: 0;
  height: var(--latest-hero-h);
  max-height: var(--latest-hero-h);
  aspect-ratio: var(--teiten-main-ratio);
  min-height: 0;
  overflow: hidden;
  background: #eee;
}

.latest-hero img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--teiten-main-ratio);
  object-fit: contain;
}

.observe-side-column {
  width: 30rem;
}

.observe-side-column .AD {
  float: none;
  width: 30rem;
  margin: 0;
}

.observe-side-column .AD a {
  display: block;
  width: 30rem;
  margin-bottom: 0.7rem;
}

.observe-side-column .AD a:last-child {
  margin-bottom: 0;
}

.observe-side-column .AD img {
  width: 30rem;
  height: auto;
}

.futeiten-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30rem;
  gap: 2.8rem;
  align-items: start;
}

.futeiten-content {
  min-width: 0;
}

.futeiten-hero {
  display: block;
  container-type: inline-size;
}

.futeiten-hero__panel {
  --futeiten-hero-h: 60rem;
  --futeiten-panel-gap: 0.2rem;
  --futeiten-thumb-gap: 0.3rem;
  --futeiten-photo-ratio: 500 / 784;
  --futeiten-photo-w-ratio: 0.637755;
  --futeiten-photo-h-ratio: 1.568;
  --futeiten-hero-main-w: calc(var(--futeiten-hero-h) * var(--futeiten-photo-w-ratio));
  --futeiten-thumb-strip-w: calc(100cqw - var(--futeiten-hero-main-w) - var(--futeiten-panel-gap));
  --futeiten-thumb-w: calc((var(--futeiten-thumb-strip-w) - (var(--futeiten-thumb-gap) * 4)) / 5);
  --futeiten-thumb-h: calc(var(--futeiten-thumb-w) * var(--futeiten-photo-h-ratio));
  display: grid;
  grid-template-columns: 10.6rem minmax(0, 1fr) minmax(28.8rem, var(--futeiten-hero-main-w));
  grid-template-rows: calc(var(--futeiten-hero-h) - var(--futeiten-thumb-h) - var(--futeiten-panel-gap)) var(--futeiten-thumb-h);
  gap: var(--futeiten-panel-gap);
  background: var(--across-observe-soft);
}

.futeiten-hero__date,
.futeiten-hero__body {
  background: var(--across-observe-soft);
}

.futeiten-hero__date {
  position: relative;
  grid-column: 1;
  grid-row: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  padding: 2.8rem 0 3rem;
}

.futeiten-hero__date::after {
  content: "";
  position: absolute;
  top: 2.8rem;
  right: 0;
  bottom: 3rem;
  width: 0.1rem;
  background: var(--across-observe-line);
}

.futeiten-hero__date p {
  margin: 0;
  color: var(--across-observe-orange);
  writing-mode: vertical-rl;
  font-size: 4.8rem;
  font-weight: 300;
  letter-spacing: .08em;
  line-height: 1;
}

.futeiten-hero__date div {
  display: grid;
  gap: 0.4rem;
  text-align: center;
  font-weight: 600;
}

.futeiten-hero__date span {
  font-size: 2.18rem;
  font-weight: 500;
  line-height: 1;
}

.futeiten-hero__date strong {
  font-size: 5.25rem;
  font-weight: 600;
  line-height: .9;
}

.futeiten-hero__body {
  grid-column: 2;
  grid-row: 1;
  padding: 3.2rem 2.8rem;
  overflow: hidden;
}

.futeiten-hero__body time {
  display: block;
  margin-bottom: 1.2rem;
  color: #454545;
  font-size: 1.4rem;
  font-weight: 400;
}

.futeiten-hero__body h2 {
  margin: 0 0 1.6rem;
  font-size: 4rem;
  font-weight: 600;
  line-height: 1.05;
}

.futeiten-hero__body p {
  margin: 0 0 2.2rem;
  color: #454545;
  font-size: 1.6rem;
  font-weight: 400;
}

.futeiten-hero__body dl {
  margin: 0;
  display: grid;
  gap: 0.2rem;
  color: #333;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.45;
}

.futeiten-hero__body dl div {
  display: grid;
  grid-template-columns: 7.2rem minmax(0, 1fr);
  gap: 0.4rem;
}

.futeiten-hero__body dt,
.futeiten-hero__body dd {
  margin: 0;
}

.futeiten-hero__thumbs {
  grid-column: 1 / 3;
  grid-row: 2;
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: var(--futeiten-thumb-gap);
  align-items: stretch;
  justify-items: stretch;
  overflow: hidden;
}

.futeiten-hero__thumbs img {
  display: block;
  width: 100%;
  height: 100%;
  aspect-ratio: var(--futeiten-photo-ratio);
  object-fit: contain;
  background: #eee;
}

.futeiten-hero__main {
  grid-column: 3;
  grid-row: 1 / 3;
  display: grid;
  place-items: end center;
  margin: 0;
  box-shadow: -0.2rem 0 0 #fff;
  height: var(--futeiten-hero-h);
  aspect-ratio: var(--futeiten-photo-ratio);
  overflow: hidden;
  background: #eee;
}

.futeiten-hero__main img {
  display: block;
  width: 100%;
  height: auto;
  max-height: 100%;
  aspect-ratio: var(--futeiten-photo-ratio);
  object-fit: contain;
}

.futeiten-card-grid {
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 2.8rem;
}

.futeiten-card {
  display: block;
  container-type: inline-size;
}

.futeiten-card article {
  --futeiten-photo-ratio: 500 / 784;
  --futeiten-photo-w-ratio: 0.637755;
  --futeiten-photo-h-ratio: 1.568;
  --futeiten-card-inner-w: calc(100cqw - 0.4rem);
  --futeiten-date-col: min(18.5rem, calc(var(--futeiten-card-inner-w) * 0.298869));
  --futeiten-summary-col: min(14.4rem, calc(var(--futeiten-card-inner-w) * 0.232633));
  --futeiten-main-col: min(29rem, calc(var(--futeiten-card-inner-w) * 0.468498));
  --futeiten-top-h: calc(var(--futeiten-summary-col) * var(--futeiten-photo-h-ratio));
  display: grid;
  grid-template-columns: var(--futeiten-date-col) var(--futeiten-summary-col) var(--futeiten-main-col);
  align-items: stretch;
  gap: 0.2rem;
  background: #fff;
}

.futeiten-card__col {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  gap: 0.2rem;
}

.futeiten-card__col--date {
  grid-column: 1;
  grid-row: 1;
  width: var(--futeiten-date-col);
}

.futeiten-card__col--summary {
  grid-column: 2;
  grid-row: 1;
  width: var(--futeiten-summary-col);
}

.futeiten-card__date {
  padding: clamp(1.4rem, 2.65vw, 1.8rem) clamp(1.2rem, 2.2vw, 1.6rem);
  min-height: var(--futeiten-top-h);
  flex: 0 0 var(--futeiten-top-h);
  color: #fff;
  font-weight: 600;
  background: var(--across-observe-date);
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
}

.futeiten-card__date span {
  display: block;
  font-size: 2.18rem;
  font-weight: 500;
  line-height: 1;
}

.futeiten-card__date strong {
  display: block;
  margin-top: 0.6rem;
  font-size: 5.25rem;
  font-weight: 600;
  line-height: .9;
}

.futeiten-card__date em {
  font-style: normal;
  font-size: 3.2rem;
  font-weight: inherit;
  line-height: 1.08;
}

.futeiten-card__thumb,
.futeiten-card__main {
  display: block;
  width: 100%;
  aspect-ratio: var(--futeiten-photo-ratio);
  object-fit: contain;
  overflow: hidden;
  background: #eee;
}

.futeiten-card__thumb--a {
  width: 100%;
  height: var(--futeiten-top-h);
  flex: 0 0 var(--futeiten-top-h);
}

.futeiten-card__thumb--b {
  width: var(--futeiten-summary-col);
  min-height: 0;
  height: var(--futeiten-top-h);
  flex: 0 0 var(--futeiten-top-h);
}

.futeiten-card__text {
  width: var(--futeiten-date-col);
  min-height: 0;
  flex: 1 1 0;
  margin-left: calc(var(--futeiten-summary-col) - var(--futeiten-date-col));
  padding: 1.4rem 1.2rem;
  background: var(--across-observe-soft);
  color: #444;
  font-size: 1.2rem;
  line-height: 1.65;
  overflow: hidden;
}

.futeiten-card__main {
  grid-column: 3;
  grid-row: 1;
  align-self: start;
  aspect-ratio: var(--futeiten-photo-ratio);
  height: auto;
  max-height: none;
}

@media (min-width: 48.8125rem) {
  .futeiten-card-grid {
    align-items: stretch;
  }

  .futeiten-card {
    display: flex;
    min-height: 100%;
  }

  .futeiten-card article {
    flex: 1 1 auto;
    height: 100%;
  }
}

@media (max-width: 1280px) and (min-width: 1101px) {
  .futeiten-hero__date p {
    font-size: clamp(4rem, calc(-1.7207rem + 5.0944vw), 4.8rem);
  }

  .futeiten-card__date span {
    font-size: clamp(1.8167rem, calc(-0.4181rem + 2.0298vw), 2.18rem);
  }

  .futeiten-card__date strong {
    margin-top: clamp(0.45rem, calc(-0.4726rem + 0.838vw), 0.6rem);
    font-size: clamp(4.375rem, calc(-1.007rem + 4.8883vw), 5.25rem);
  }

  .futeiten-card__date em {
    font-size: clamp(2.6667rem, calc(-0.6138rem + 2.9795vw), 3.2rem);
  }

  .futeiten-card__text {
    font-size: clamp(1rem, calc(-0.2302rem + 1.1173vw), 1.2rem);
  }
}

@media (max-width: 1280px) and (min-width: 1170px) {
  .futeiten-hero__date p {
    font-size: clamp(3.7rem, calc(-1.6182rem + 4.5455vw), 4.2rem);
  }
}

@media (max-width: 1100px) {
  .futeiten-card article {
    --futeiten-card-inner-w: calc(100cqw - 0.2rem);
    grid-template-columns: minmax(0, 1fr) var(--futeiten-main-col);
    grid-template-rows: auto auto;
  }

  .futeiten-card__col {
    display: contents;
  }

  #contents.observe-contents .observe-page .futeiten-card article img.futeiten-card__thumb--a,
  #contents.observe-contents .observe-page .futeiten-card article img.futeiten-card__thumb--b {
    display: none;
  }

  .futeiten-card__date {
    grid-column: 1;
    grid-row: 1;
    width: 100%;
    min-height: 0;
    flex-basis: auto;
  }

  .futeiten-card__text {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    margin-left: 0;
  }

  .futeiten-card__main {
    display: block;
    grid-column: 2;
    grid-row: 1 / 3;
  }
}

@media (max-width: 1100px) and (min-width: 48.8125rem) {
  .futeiten-card__date span {
    font-size: clamp(1.6rem, calc(0.18rem + 1.8182vw), 2.18rem);
  }

  .futeiten-card__date strong {
    font-size: clamp(4rem, calc(0.9397rem + 3.9185vw), 5.25rem);
  }

  .futeiten-card__date em {
    font-size: clamp(2.2rem, calc(-0.2483rem + 3.1348vw), 3.2rem);
  }

  .futeiten-card__text {
    font-size: clamp(1rem, calc(0.5103rem + 0.627vw), 1.2rem);
  }
}

.month-grid {
  margin-top: 3.2rem;
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 4.2rem 2.8rem;
}

.month-card {
  display: block;
  container-type: inline-size;
}

.month-card article {
  --teiten-main-ratio: 320 / 502;
  --teiten-main-w-ratio: 0.63745;
  --month-date-w: 17.8rem;
  --month-grid-gap: 0.2rem;
  --month-gap-allowance: 0.6544rem;
  --month-subphoto-size: clamp(8rem, calc((100cqw - var(--month-date-w) - var(--month-gap-allowance)) * 0.343365), 15rem);
  --month-card-h: calc((var(--month-subphoto-size) * 3) + (var(--month-grid-gap) * 2));
  --month-main-w: calc(var(--month-card-h) * var(--teiten-main-w-ratio));
  display: grid;
  grid-template-columns: var(--month-date-w) var(--month-subphoto-size) var(--month-main-w);
  grid-template-rows: repeat(3, var(--month-subphoto-size));
  column-gap: var(--month-grid-gap);
  row-gap: var(--month-grid-gap);
  background: #fff;
}

.month-date {
  grid-column: 1;
  grid-row: 1;
  padding: 1.6rem 1.6rem 0;
  color: #fff;
  font-weight: 600;
  background: var(--across-observe-date);
}

.month-date span {
  display: block;
  font-size: 2.18rem;
  font-weight: 500;
  line-height: 1;
}

.month-date strong {
  display: block;
  margin-top: 0.8rem;
  font-size: 5.25rem;
  font-weight: 600;
  line-height: .85;
}

.month-text {
  grid-column: 1;
  grid-row: 2 / 4;
  padding: 1.8rem 1.2rem 0 0;
  background: #fff;
  overflow: hidden;
}

.month-text dl {
  margin: 0;
  display: grid;
  gap: 1.8rem;
}

.month-text dt {
  font-size: 1.1rem;
}

.month-text dd {
  font-size: 1.2rem;
  line-height: 1.35;
}

.month-subphotos {
  grid-column: 2;
  grid-row: 1 / 4;
  display: grid;
  grid-template-rows: repeat(3, var(--month-subphoto-size));
  gap: 0.2rem;
  overflow: hidden;
}

.month-subphotos img {
  display: block;
  width: var(--month-subphoto-size);
  height: var(--month-subphoto-size);
  aspect-ratio: 1 / 1;
  object-fit: cover;
}

.month-main {
  display: block;
  grid-column: 3;
  grid-row: 1 / 4;
  width: 100%;
  height: 100%;
  max-height: var(--month-card-h);
  aspect-ratio: var(--teiten-main-ratio);
  object-fit: contain;
}

.year-archive {
  margin-top: 5.6rem;
}

.year-archive h2 {
  margin: 0 0 0.8rem;
  font-size: 1.6rem;
  font-weight: 900;
}

.year-list {
  display: grid;
  gap: 3.2rem;
  padding-top: 1.4rem;
  border-top: 0.1rem solid #909090;
}

.year-group {
  display: grid;
  grid-template-columns: repeat(5, minmax(0, 1fr));
  gap: 1.6rem 2.2rem;
}

.year-group a {
  min-height: 3.8rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 1.4rem;
  color: #000000;
  background: #f9f9f9;
  font-size: 1.4rem;
  font-weight: 400;
}

.year-group a::after {
  content: "";
  width: 2.2rem;
  height: 2.2rem;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M7 4.5 11.5 9 7 13.5' fill='none' stroke='%23777' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.8rem 1.8rem;
}

.latest-feature:hover,
.futeiten-hero:hover,
.futeiten-card:hover,
.month-card:hover,
.year-group a:hover,
.observe-side-column a:hover {
  opacity: .75;
}

@media (max-width: 1280px) {
  #contents.observe-contents > .observe-page {
    display: flex;
    flex-direction: column;
  }

  .latest-layout,
  .futeiten-layout {
    display: contents;
  }

  .observe-side-column {
    order: 20;
    width: 30rem;
    margin: 5.6rem auto 0;
  }
}

@media (max-width: 66.6875rem) {
  .month-card article {
    --month-subphoto-size: 15rem;
    grid-template-columns: minmax(17.8rem, 1fr) var(--month-subphoto-size);
  }

  #contents.observe-contents .month-main {
    display: none;
  }

  .month-subphotos img {
    width: 100%;
  }
}

@media (max-width: 61.25rem) {
  #contents.observe-contents > .observe-page {
    width: min(100% - 2.8rem, var(--across-observe-page-max));
    margin-top: 2.8rem;
  }

  #contents.observe-contents > .observe-page {
    width: min(var(--across-observe-page-max), calc(100vw - 2.8rem));
    margin-right: auto;
    margin-left: auto;
  }

  #contents.observe-contents > .observe-page:not(.item-page) {
    margin-top: 0.8rem;
    margin-bottom: 3.2rem;
  }

  .common-sharebar {
    align-items: center;
    flex-wrap: nowrap;
  }

  .sharebar-actions {
    min-width: 0;
    align-items: center;
    flex-wrap: nowrap;
  }

  .shortcut {
    align-items: center;
    flex-wrap: nowrap;
  }

  .sharebar-actions {
    justify-content: flex-end;
  }

}

@media (max-width: 48.75rem) {
  .futeiten-hero__panel {
    --futeiten-thumb-strip-w: 100cqw;
    grid-template-columns: 11.6rem minmax(0, 1fr);
    grid-template-rows: calc(var(--futeiten-hero-h) - var(--futeiten-thumb-h) - var(--futeiten-panel-gap)) var(--futeiten-thumb-h);
  }

  .futeiten-hero__main {
    display: none;
  }

  .futeiten-hero__date p {
    font-size: 4.2rem;
  }

  .futeiten-card-grid {
    grid-template-columns: 1fr;
  }

  .futeiten-card__date {
    min-height: 12.8rem;
    padding-top: 1rem;
    padding-bottom: 1rem;
  }
}

@media (max-width: 800px) {
  .common-sharebar {
    font-size: clamp(1.2rem, calc(2.5vw - 0.4rem), 1.6rem);
  }

  .common-sharebar:not(.is-stuck) {
    flex-direction: row;
    align-items: center;
    gap: 0.1875em;
    padding-top: 0.1875em;
    padding-bottom: 0.1875em;
  }

  .common-sharebar:not(.is-stuck) .sharebar-actions {
    width: auto;
    margin-left: 0;
  }
}

@media (max-width: 52.0625rem) and (min-width: 642px) {
  .latest-feature {
    --latest-hero-h: clamp(42rem, 77vw, 60rem);
    grid-template-columns: minmax(0, 1fr) calc(var(--latest-hero-h) * var(--teiten-main-w-ratio));
  }
}

@media (max-width: 641px) {
  .latest-feature {
    grid-template-columns: 1fr;
  }

  .latest-panel {
    height: auto;
    max-height: none;
    min-height: 0;
  }

  .latest-hero {
    display: none;
  }

  .month-grid {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 42.5rem) {
  #contents.observe-contents {
    font-size: 1.3rem;
  }

  .latest-copy {
    grid-template-columns: 6.8rem 1fr;
  }

  .latest-side p {
    font-size: 2.8rem;
  }

  .latest-side span {
    font-size: 1.4rem;
  }

  .latest-side strong {
    font-size: 3.6rem;
  }

  .latest-body {
    padding: 2.2rem 1.6rem;
  }

  .latest-body h2 {
    font-size: 1.65rem;
  }

  .futeiten-hero__panel {
    --futeiten-hero-h: auto;
    grid-template-columns: 8.4rem minmax(0, 1fr);
    grid-template-rows: auto var(--futeiten-thumb-h);
  }

  .futeiten-hero__date {
    padding: 2rem 0;
  }

  .futeiten-hero__date p {
    font-size: 2.8rem;
  }

  .futeiten-hero__date span {
    font-size: 1.4rem;
  }

  .futeiten-hero__date strong {
    font-size: 3.6rem;
  }

  .futeiten-hero__body {
    padding: 2.2rem 1.6rem;
  }

  .futeiten-hero__body h2 {
    font-size: 3rem;
  }

  .futeiten-hero__body p {
    font-size: 1.3rem;
    line-height: 1.65;
  }

  .futeiten-hero__body dl div {
    grid-template-columns: 6rem minmax(0, 1fr);
  }

  .futeiten-hero__thumbs {
    grid-column: 1 / 3;
  }

  .futeiten-card article {
    --futeiten-card-main-h: auto;
    grid-template-columns: minmax(0, 1fr) var(--futeiten-main-col);
    grid-template-rows: auto auto;
  }

  .futeiten-card__col--date,
  .futeiten-card__col--summary {
    grid-column: 1;
    width: 100%;
  }

  .futeiten-card__col--summary {
    grid-row: 2;
  }

  .futeiten-card__col {
    display: contents;
  }

  .futeiten-card__date {
    padding: 1.4rem;
    min-height: 12.4rem;
    flex-basis: auto;
  }

  .futeiten-card__date span {
    font-size: 1.6rem;
  }

  .futeiten-card__date strong {
    font-size: 4rem;
  }

  .futeiten-card__date em {
    font-size: 2.2rem;
  }

  #contents.observe-contents .observe-page .futeiten-card article img.futeiten-card__thumb--a {
    display: none;
  }

  #contents.observe-contents .observe-page .futeiten-card article img.futeiten-card__thumb--b {
    display: none;
  }

  .futeiten-card__main {
    grid-column: 2;
    grid-row: 1 / 3;
    height: auto;
    max-height: none;
    aspect-ratio: 500 / 784;
  }

  .futeiten-card__text {
    grid-column: 1;
    grid-row: 2;
    width: 100%;
    min-height: 0;
    margin-left: 0;
  }

  .latest-subphotos {
    grid-template-columns: repeat(3, 1fr);
  }

  .latest-subphotos img {
    height: auto;
    aspect-ratio: 1;
  }

  .observe-side-column,
  .observe-side-column .AD,
  .observe-side-column .AD a,
  .observe-side-column .AD img {
    width: min(30rem, 100%);
  }

  .observe-side-column .AD {
    margin-inline: auto;
  }

  .month-card article {
    grid-template-columns: minmax(0, 1fr) var(--month-subphoto-size);
    grid-template-rows: repeat(3, var(--month-subphoto-size));
  }

  .month-date {
    grid-column: 1;
    grid-row: 1;
    padding: 1.2rem;
  }

  .month-date span {
    font-size: 1.6rem;
  }

  .month-date strong {
    font-size: 3.4rem;
  }

  .month-subphotos {
    grid-column: 2;
    grid-row: 1 / 4;
    grid-template-columns: 1fr;
    grid-template-rows: repeat(3, var(--month-subphoto-size));
  }

  .month-subphotos img {
    width: var(--month-subphoto-size);
    height: var(--month-subphoto-size);
    aspect-ratio: 1 / 1;
  }

  .month-text {
    grid-column: 1;
    grid-row: 2 / 4;
    padding: 1.2rem 0 0.6rem;
  }

  .month-text dl {
    gap: 1rem;
  }

  .year-archive {
    margin-top: 3.4rem;
  }

  .year-list {
    gap: 3.2rem;
  }

  .year-group {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 1rem;
  }
}

@media (max-width: 640px) {
  #contents.observe-contents > .observe-page.item-page {
    margin-top: 3.8rem;
    margin-bottom: 5.2rem;
  }

  #contents.observe-contents > .observe-page:not(.item-page) {
    margin-top: 0.8rem;
    margin-bottom: 5.2rem;
  }

  .futeiten-card__date span {
    font-size: 1.6rem;
  }

  .futeiten-card__date strong {
    font-size: 4rem;
  }

  .futeiten-card__date em {
    font-size: 2.2rem;
  }

  .common-sharebar:not(.is-stuck) {
    display: grid;
    grid-template-columns: auto minmax(0, 1fr);
    align-items: center;
    column-gap: 0.75em;
    row-gap: 0.375em;
    padding-top: 0.625em;
    padding-bottom: 0.625em;
  }

  .common-sharebar .shortcut > strong {
    font-size: 0.875em;
  }

  .common-sharebar:not(.is-stuck) h2 {
    grid-column: 1;
    grid-row: 1;
    align-self: center;
    margin-top: 0;
  }

  .common-sharebar:not(.is-stuck) .sharebar-actions {
    display: contents;
  }

  .common-sharebar:not(.is-stuck) .shortcut.filters {
    grid-column: 2;
    grid-row: 1;
    justify-self: end;
    max-width: 100%;
    flex-wrap: nowrap;
  }

  #contents .common-sharebar:not(.is-stuck) .icons {
    grid-column: 1 / -1;
    grid-row: 2;
    align-self: center;
    justify-self: center;
    align-items: center;
    justify-content: center;
    width: 100%;
    margin-left: -0.875em;
    margin-right: -0.875em;
    padding: 0.75rem 0.875em 0;
    border-top: 0.1rem solid var(--across-observe-line);
  }

  #contents .common-sharebar:not(.is-stuck) .icons .sns_link {
    justify-content: center;
    gap: 0.75em;
  }

  .shortcut.filters {
    padding: 0.5em 0.375em 0.375em 0.5em;
  }
}

@media (max-width: 400px) {
  .common-sharebar:not(.is-stuck) {
    column-gap: 0.5em;
    padding-right: 10px;
    padding-left: 10px;
  }

  #contents .common-sharebar:not(.is-stuck) .icons {
    width: calc(100% + 20px);
    margin-left: -10px;
    margin-right: -10px;
  }

  .common-sharebar:not(.is-stuck) .shortcut.filters {
    display: grid;
    grid-template-columns: repeat(4, max-content);
    align-items: center;
    justify-content: end;
    justify-items: start;
    justify-self: end;
    width: max-content;
    max-width: 100%;
    margin-left: auto;
    margin-right: 0;
  }

  .common-sharebar:not(.is-stuck) .shortcut > strong {
    grid-column: 1 / -1;
    grid-row: 1;
    margin-right: 0;
    margin-bottom: 0.375em;
    text-align: left;
  }

  .common-sharebar:not(.is-stuck) .shortcut .selectWrap {
    grid-row: 2;
  }

  .common-sharebar:not(.is-stuck) .shortcut .selectWrap:nth-of-type(1) {
    grid-column: 1;
  }

  .common-sharebar:not(.is-stuck) .shortcut .selectWrap:nth-of-type(2) {
    grid-column: 2;
  }

  .common-sharebar:not(.is-stuck) .shortcut .selectWrap:nth-of-type(3) {
    grid-column: 3;
  }

  .common-sharebar:not(.is-stuck) .shortcut .goBtn {
    grid-column: 4;
    grid-row: 2;
  }
}

@media (max-width: 26.25rem) {
  .futeiten-card__date {
    min-height: 10.8rem;
  }

  .futeiten-card__text {
    font-size: 1rem;
    line-height: 1.5;
  }
}

.item-page {
  margin-top: 5.8rem;
}

.item-main-layout {
  display: grid;
  grid-template-columns: minmax(0, 1fr) 30rem;
  gap: 2.8rem;
  align-items: start;
  margin-top: 2.4rem;
}

.item-content {
  min-width: 0;
}

.item-summary {
  display: grid;
  grid-template-columns: 30.2rem minmax(28rem, 1fr) 30.2rem;
  gap: 2.4rem;
  align-items: stretch;
}

.item-definition {
  container-type: inline-size;
  background: var(--across-observe-soft);
}

.item-definition__head {
  min-height: 28.2rem;
  padding: 1.8rem 1.6rem 2rem;
  color: #fff;
  background: var(--across-observe-date);
  display: grid;
  grid-template-columns: 11.2rem 1fr;
  grid-template-rows: 11.8rem auto auto;
  align-items: start;
}

.item-definition__head:has(> h1) {
  grid-template-rows: 11.8rem auto auto auto;
  font-size: 0;
}

.item-definition__date {
  grid-column: 1;
  grid-row: 1;
  font-weight: 600;
}

.item-definition__date span {
  display: block;
  font-size: 1.9rem;
  font-weight: inherit;
  line-height: 1;
}

.item-definition__date strong {
  display: block;
  margin-top: 0.8rem;
  font-size: 4.4rem;
  font-weight: inherit;
  line-height: .85;
}

.item-definition__head img {
  grid-column: 2;
  grid-row: 1;
  width: 15rem;
  height: 15rem;
  margin: -1.8rem -1.6rem 0 auto;
  object-fit: cover;
}

.item-definition__head p {
  grid-column: 1 / 3;
  grid-row: 2;
  margin: 2.6rem 0 1.2rem;
  font-size: 1.4rem;
  font-weight: 400;
}

.item-definition__head h1,
.item-definition__head h2 {
  grid-column: 1 / 3;
  grid-row: 3;
  margin: 0;
  padding: 0;
  color: inherit;
  background: none;
  border: 0;
  font-size: 2.2rem;
  font-weight: 600;
  line-height: 1.45;
}

.item-definition__head h1 ~ h2 {
  grid-row: 4;
  margin-top: 0.6rem;
  font-size: 1.6rem;
  line-height: 1.35;
}

.item-definition__body {
  min-height: 25.4rem;
  padding: 2rem 1.8rem 2.6rem;
  background: var(--across-observe-soft);
}

.count-panel h2,
.playback h2 {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 900;
}

.item-definition__body h3 {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 400;
}

.item-definition__body p {
  margin: 1.4rem 0 0;
  font-size: 1.3rem;
  line-height: 1.85;
}

.item-definition__body strong {
  display: block;
  margin-top: 1.4rem;
  color: #111;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.85;
}

.item-definition__body strong + br {
  display: none;
}

.item-report {
  min-width: 0;
  display: flex;
  flex-direction: column;
}

.item-photo-strip {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  align-items: start;
  gap: 0.3rem;
  max-height: none;
  overflow: visible;
}

.item-photo-strip img {
  display: block;
  width: 100%;
  aspect-ratio: 500 / 784;
  height: auto;
  object-fit: cover;
}

.item-meta {
  padding: 1.4rem 0 1.2rem;
  color: #5c5c5c;
  font-size: 1.2rem;
  line-height: 1.55;
}

.item-meta p {
  margin: 0;
}

.item-meta__title {
  font-weight: 600;
}

.item-related-list {
  display: grid;
  gap: 1rem;
  margin-top: auto;
}

.item-related-list a {
  position: relative;
  min-height: 8.6rem;
  display: grid;
  grid-template-columns: 7.2rem minmax(0, 1fr) 3rem;
  grid-template-rows: auto auto;
  column-gap: 1.2rem;
  align-items: center;
  padding: 1rem 1rem 1rem 1.2rem;
  background: #eeeeee;
}

.item-related-list a::after,
.playback-list a::after {
  content: "";
  width: 2.8rem;
  height: 2.8rem;
  border-radius: 50%;
  background-color: #fff;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M7 4.5 11.5 9 7 13.5' fill='none' stroke='%23777' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
  background-size: 1.8rem 1.8rem;
}

.item-related-list a::after {
  grid-column: 3;
  grid-row: 1 / 3;
}

.item-related-list img {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 7.2rem;
  height: 7.2rem;
  object-fit: cover;
}

.item-related-meta {
  grid-column: 2;
  grid-row: 1;
  color: #000000;
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.35;
}

.item-related-title {
  grid-column: 2;
  grid-row: 2;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.35;
}

.count-panel {
  min-height: 53.6rem;
  padding: 0;
}

.count-panel .countDate {
  position: relative;
  width: 100%;
  max-width: 30rem;
  min-height: 46.8rem;
  color: #5c5c5c;
  font-size: 1.156rem;
}

.count-panel .countDate strong {
  display: block;
  margin: 0;
  color: #111;
  font-size: 1.5rem;
  font-weight: 900;
}

.count-panel .countDate > span {
  display: block;
  margin: 2.2rem 0 0;
  color: #333;
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.55;
}

#countDatagraph {
  position: relative;
  width: 100%;
  max-width: 30rem;
  height: 42.1rem;
  overflow: hidden;
  font-size: 0.9rem;
  font-weight: 400;
}

#countDatagraph div {
  font-size: 0.9rem;
  font-weight: 400;
}

#countDatagraph_wrapper {
  position: absolute;
  top: 0;
  width: 30rem;
  height: 42.1rem;
  overflow: hidden;
}

#countDatagraph_base {
  width: 66rem;
  height: 42.1rem !important;
  background: #fff;
  opacity: .9;
}

#countDatagraph_list {
  position: absolute;
  top: 9.3rem;
  width: 66rem;
  height: 29rem;
  letter-spacing: -.4em;
}

#countDatagraph_list #cd_number {
  width: 0;
  height: 100%;
  overflow: visible;
  display: inline-block;
  position: relative;
}

#countDatagraph_list .cd_bar {
  width: 2.4rem;
  margin: 0 0.8rem;
  position: relative;
  display: inline-block;
  letter-spacing: 0;
}

#countDatagraph_list .cd_bar .man,
#countDatagraph_list .cd_bar .woman,
#countDatagraph_list .cd_bar .skirt {
  position: absolute;
  bottom: 0;
}

#countDatagraph_list .cd_bar .man {
  width: 2.4rem;
  height: 100%;
  background: #efefef;
}

#countDatagraph_list .cd_bar .woman {
  width: 2.4rem;
  background: #e6e6e6;
}

#countDatagraph_list .cd_bar .skirt {
  width: 1.5rem;
  background: #f4f4f4;
}

#countDatagraph_list .cd_bar .man_active,
#countDatagraph_list .cd_current .man {
  background: #89acd1;
}

#countDatagraph_list .cd_bar .woman_active,
#countDatagraph_list .cd_current .woman {
  background: #d02350;
}

#countDatagraph_list .cd_bar .skirt_active,
#countDatagraph_list .cd_current .skirt {
  background: #fa9aba;
}

#countDatagraph_list .cd_current {
  width: 11.8rem;
  margin: 0 0.3rem 0 5rem;
  overflow: hidden;
}

#countDatagraph_list .cd_current .countitem1 {
  width: 2.4rem;
  background: #ff8b32;
  position: absolute;
  bottom: 0;
  left: 3.2rem;
}

#countDatagraph_list .cd_current .countitem1_sub {
  width: 1.5rem;
  background: #edcb65;
  position: absolute;
  bottom: 0;
  left: 5.6rem;
}

#countDatagraph_thumb {
  position: absolute;
  top: 4rem;
  left: 1rem;
  width: 11rem;
  height: 5rem;
}

#countDatagraph_thumb_base {
  position: absolute;
  width: 100%;
  height: 100%;
  min-height: 100%;
  background: #fff;
  opacity: .7;
}

#countDatagraph_thumb ul {
  position: relative;
  margin: 0;
  padding: 0.5rem;
  list-style: none;
}

#countDatagraph_thumb ul li {
  min-height: 1.2rem;
  padding: 0 0 0 1.8rem;
  background-repeat: no-repeat;
  background-position: left center;
  background-size: 1.2rem 1.2rem;
  line-height: 1.25;
}

#countDatagraph_thumb .cd_m {
  background-image: linear-gradient(#89acd1, #89acd1);
}

#countDatagraph_thumb .cd_w {
  background-image: linear-gradient(#d02350, #d02350);
}

#countDatagraph_thumb .cd_s {
  background-image: linear-gradient(#fa9aba, #fa9aba);
}

#countDatagraph_button_wrapper {
  position: absolute;
  top: 0.3rem;
  right: 0.3rem;
  height: 2.3rem;
  font-size: 1.2rem;
}

#countDatagraph_button_base {
  position: absolute;
  width: 13rem;
  height: 2.6rem;
  background: #fff;
  opacity: .7;
  padding: 0.3rem;
}

#countDatagraph_button_wrapper #countDatagraph_button {
  position: relative;
  min-width: 11.4rem;
  height: 2.3rem;
  padding: 0.5rem 3rem 0 0;
  color: #f97209;
  cursor: pointer;
  font-size: 1.2rem;
  font-weight: 700;
  line-height: 1.8rem;
  text-align: right;
}

#countDatagraph_button_wrapper #countDatagraph_button::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0.1rem;
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: #f97209;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M5 13 13 5M13 5v7M13 5H6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

#countData_info {
  width: 32rem;
  height: 30.9rem;
}

#info_man,
#info_woman,
#info_skirt,
#info_zoomitem1,
#info_zoomitem1_sub,
#info_zoomitem2,
#info_zoomitem2_sub {
  position: absolute;
  width: 9rem;
  height: 2.5rem;
  padding: 1rem;
  font-size: 0.9rem;
  line-height: 1.35;
}

#info_man {
  top: 12rem;
  left: 1rem;
  text-align: right;
}

#info_woman {
  top: 19rem;
  left: 1rem;
  text-align: right;
}

#info_skirt {
  bottom: 4rem;
  left: 1rem;
  text-align: right;
}

#info_zoomitem1,
#info_zoomitem2 {
  top: 20rem;
  left: 20rem;
  width: 8.5rem;
  text-align: left;
}

#info_zoomitem1_sub,
#info_zoomitem2_sub {
  bottom: 4rem;
  left: 21rem;
  text-align: left;
}

#countData_timeline_m,
#countData_timeline_y,
#cd_date_unit,
#hover_info {
  display: none;
}

.count-panel p {
  margin: 2.2rem 0 0;
  color: #333;
  font-size: 1.3rem;
  font-weight: 600;
}

.count-panel__trend {
  width: max-content;
  display: flex;
  align-items: center;
  gap: 0.7rem;
  margin: 9.2rem 0 1.8rem auto;
  color: #f97300;
  font-size: 1.4rem;
  font-weight: 900;
}

.count-panel__trend::after {
  content: "";
  width: 2.6rem;
  height: 2.6rem;
  border-radius: 50%;
  background: #f97300;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 18 18'%3E%3Cpath d='M5 13 13 5M13 5v7M13 5H6' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: center;
}

.count-chart {
  display: grid;
  grid-template-columns: 12rem minmax(0, 1fr);
  gap: 1rem;
  min-height: 30rem;
}

.count-chart__legend {
  align-self: start;
  display: grid;
  gap: 0.6rem;
  color: #777;
  font-size: 1.1rem;
  font-weight: 700;
}

.count-chart__legend span {
  display: flex;
  align-items: center;
  gap: 0.5rem;
}

.count-chart__legend i {
  width: 1.2rem;
  height: 1.2rem;
  display: inline-block;
}

.legend-men {
  background: #86a9ce;
}

.legend-women {
  background: #d91c57;
}

.legend-skirt {
  background: #f45fa1;
}

.count-chart__plot {
  position: relative;
  height: 29rem;
  background:
    linear-gradient(to right, rgb(0 0 0 / 4%) 0 0.1rem, transparent 0.1rem) 0 0 / 3.4rem 100%,
    linear-gradient(to top, rgb(0 0 0 / 4%) 0 0.1rem, transparent 0.1rem) 0 0 / 100% 7.4rem;
}

.count-chart__plot .bar {
  position: absolute;
  bottom: 0;
  width: 2.4rem;
}

.bar-men {
  left: 7.8rem;
  height: 13.2rem;
  background: #86a9ce;
}

.bar-women {
  left: 7.8rem;
  height: 5.8rem;
  background: #d91c57;
}

.bar-skirt {
  left: 10.2rem;
  height: 3.8rem;
  background: #f45fa1;
}

.bar-item {
  left: 13.8rem;
  height: 7.2rem;
  background: #ff8732;
}

.bar-white {
  left: 16.4rem;
  height: 10.2rem;
  background: #f7d160;
}

.guide {
  position: absolute;
  color: #777;
  font-size: 1rem;
  font-weight: 700;
  line-height: 1.25;
  white-space: nowrap;
}

.guide-1 {
  left: 0;
  top: 5.2rem;
}

.guide-2 {
  left: 0;
  top: 12.2rem;
}

.guide-3 {
  left: 0;
  bottom: 1.4rem;
}

.guide-4 {
  right: 0;
  bottom: 1.4rem;
}

.guide-5 {
  right: 0;
  top: 13.6rem;
  width: 9.2rem;
  white-space: normal;
}

.playback {
  float: none;
  clear: both;
  width: 100%;
  margin-top: 5rem;
}

.playback h2 {
  margin-bottom: 1rem;
  color: var(--across-observe-orange);
}

.playback-list {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: 2.4rem;
}

.playback-list a {
  position: relative;
  width: 100%;
  min-width: 0;
  min-height: 7rem;
  display: grid;
  grid-template-columns: 5.8rem minmax(0, 1fr) 3rem;
  grid-template-rows: auto auto;
  column-gap: 1rem;
  align-items: center;
  padding: 0.8rem 1rem;
  background: var(--across-observe-soft);
}

.playback-list a::after {
  grid-column: 3;
  grid-row: 1 / 3;
  width: 2.6rem;
  height: 2.6rem;
}

.playback-list img {
  grid-column: 1;
  grid-row: 1 / 3;
  width: 5.2rem;
  height: 5.2rem;
  object-fit: cover;
}

.playback-list .relationText {
  grid-column: 2;
  grid-row: 1 / 3;
  min-width: 0;
  align-self: center;
}

.playback-list span {
  display: block;
  color: #000000;
  font-size: 1.1rem;
  font-weight: 400;
}

.playback-list .playback-title {
  margin-top: 0.2rem;
  color: #000000;
  font-size: 1.3rem;
  font-weight: 600;
}

#contents.observe-contents .observe-page.item-page .lower-tabs {
  position: sticky;
  top: var(--across-observe-countitems-sticky-top, 0);
  z-index: 8;
  background: #fff;
  transition: background-color .2s, border-color .2s;
}

#contents.observe-contents .observe-page.item-page .lower-tabs.is-stuck {
  background: rgb(255 255 255 / 80%);
  -webkit-backdrop-filter: blur(0.6rem);
  backdrop-filter: blur(0.6rem);
}

.lower-tabs {
  float: none;
  clear: both;
  width: 100%;
  margin-top: 5.8rem;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  align-items: end;
  border-bottom: 0.1rem solid #cfcfcf;
}

.lower-tabs a {
  position: relative;
  min-height: 4rem;
  padding: 0 1.4rem 0.8rem;
  color: #111;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1;
}

#contents.observe-contents .observe-page.item-page .lower-tabs.is-stuck a {
  min-height: 3.8rem;
  padding-top: 0.6rem;
  padding-bottom: 0.7rem;
  font-size: 2rem;
}

.lower-tabs a::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0.8rem;
  width: 0.1rem;
  background: #d9d9d9;
}

.lower-tabs a:first-child::before {
  display: none;
}

.lower-tabs .is-current {
  color: #f97300;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards {
  --across-observe-wr-gap: 1.6rem;
  --across-observe-wr-card-w: 23.6rem;
  --across-observe-wr-definition: #fff;
  --across-observe-wr-snap-ar: 236 / 369;
  --across-observe-wr-snap-caption-mt: 1rem;
  --across-observe-wr-snap-caption-fz: 1.3rem;
  --across-observe-wr-snap-caption-lh: 1.45;
  --across-observe-wr-snap-caption-lines: 3;
  background: #fff;
  float: none;
  clear: both;
  width: 100%;
  margin: var(--across-observe-wr-gap) 0;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-lower-cards__inner {
  padding: 0;
  margin: 0;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card-list {
  list-style: none;
  margin: 0 0 4rem;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(var(--across-observe-wr-card-w), 1fr));
  gap: var(--across-observe-wr-gap);
  align-items: stretch;
  scroll-margin-top: 7.2rem;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card-list__item {
  width: auto;
  min-width: 0;
  align-self: stretch;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card {
  color: #111;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card a {
  color: inherit;
  text-decoration: none;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card a:hover {
  text-decoration: none;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead {
  background: #f37000;
  color: #fff;
  padding: 0.6rem;
  position: relative;
  box-sizing: border-box;
  height: 100%;
  display: flex;
  flex-direction: column;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--area {
  position: relative;
  height: 100%;
  min-height: 27rem;
  padding: 1.25rem 1.125rem;
  color: #fff;
  background: #f97300;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  gap: 1.2rem;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__top img {
  max-width: 6rem;
  height: auto;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__title {
  margin: 0.6rem 0 0 0.6rem;
  font-size: 2rem;
  line-height: 1.05;
  font-weight: 900;
  letter-spacing: .02em;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--area h3 {
  margin: 0;
  font-size: 4.8rem;
  font-weight: 600;
  line-height: 1;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__thumb {
  width: 6rem;
  height: 6rem;
  object-fit: cover;
  background: #fff;
  flex: 0 0 auto;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__sub {
  margin: 1.2rem 0.5rem 1rem;
  font-weight: 900;
  font-size: 1.2rem;
  line-height: 1.35;
  flex: 0 0 auto;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__body {
  flex: 1 1 auto;
  min-height: 0;
  overflow: hidden;
  padding: 0 0.5rem 3.2rem;
  display: flex;
  flex-direction: column;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__label {
  margin: 0 0 0.6rem;
  font-size: 1.1rem;
  line-height: 1.4;
  flex: 0 0 auto;
  color: var(--across-observe-wr-definition);
  font-weight: 700;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__desc {
  margin: 0;
  font-size: 1.1rem;
  line-height: 1.6;
  color: var(--across-observe-wr-definition);
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 11;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__desc strong {
  font-weight: 700;
  display: block;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__body p {
  margin: 0.8rem 0 0;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__body b {
  font-weight: 900;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__more {
  position: absolute;
  right: 0.5rem;
  bottom: 0.7rem;
  width: 2.6rem;
  height: 2.6rem;
  background: #fff;
  display: grid;
  place-items: center;
  border-radius: 50%;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__moreIcon {
  width: 0.7rem;
  height: 0.7rem;
  border-right: 0.2rem solid #666;
  border-bottom: 0.2rem solid #666;
  transform: rotate(-45deg);
  display: block;
  margin-left: -0.3rem;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--snap__media {
  display: block;
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 236 / 369;
  background: #eee;
  overflow: hidden;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--snap__media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--snap__btn {
  position: absolute;
  right: 0.6rem;
  bottom: 0.6rem;
  background: rgba(220, 220, 220, .85);
  color: #111;
  font-size: 1.2rem;
  font-weight: 700;
  padding: 0.6rem 1.2rem;
  border-radius: 99.9rem;
  display: inline-flex;
  align-items: center;
  gap: 0.6rem;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--snap__caption {
  margin: var(--across-observe-wr-snap-caption-mt) 0 0;
  font-size: var(--across-observe-wr-snap-caption-fz);
  line-height: var(--across-observe-wr-snap-caption-lh);
  color: #111;
  max-height: calc(var(--across-observe-wr-snap-caption-fz) * var(--across-observe-wr-snap-caption-lh) * var(--across-observe-wr-snap-caption-lines));
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card__btnIcon {
  width: 0.7rem;
  height: 0.7rem;
  border-right: 0.2rem solid #111;
  border-bottom: 0.2rem solid #111;
  transform: rotate(-45deg);
  display: inline-block;
  margin-left: 0.2rem;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card__media,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--snap__media {
  transition: transform .18s ease, box-shadow .18s ease;
  will-change: transform;
  aspect-ratio: var(--across-observe-wr-snap-ar);
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card__media:hover,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--snap__media:hover,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card__media:focus-visible,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--snap__media:focus-visible {
  outline: none;
  transform: translateY(-0.4rem);
  box-shadow: 0 1rem 2.2rem rgba(0, 0, 0, .18);
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .iconBtn,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__more,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .goBtn {
  transition: transform .15s ease;
  transform-origin: center;
}

#contents.observe-contents .observe-page.item-page .wr-lower-cards .iconBtn:hover,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__more:hover,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .goBtn:hover,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .iconBtn:focus-visible,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .wr-card--lead__more:focus-visible,
#contents.observe-contents .observe-page.item-page .wr-lower-cards .goBtn:focus-visible {
  transform: scale(1.06);
}

.item-related-list a:hover,
.playback-list a:hover {
  opacity: .75;
}

@media (max-width: 1280px) {
  .item-main-layout {
    display: contents;
  }

  .item-content {
    margin-top: 2.4rem;
    min-width: 0;
  }

  .playback {
    align-self: stretch;
    width: 100%;
  }

  .lower-tabs,
  #contents.observe-contents .observe-page.item-page .wr-lower-cards {
    order: 10;
  }
}

@media (max-width: 70rem) {
  .item-summary {
    grid-template-columns: minmax(20.8rem, 1fr) minmax(19.2rem, 1fr) 30rem;
    gap: 1.2rem;
  }

  .count-panel {
    grid-column: auto;
    padding-left: 0;
  }

  .count-chart {
    grid-template-columns: 16rem minmax(0, 1fr);
  }

  .playback-list {
    grid-template-columns: repeat(3, minmax(0, 1fr));
  }
}

@media (max-width: 48.75rem) {
  #contents.observe-contents > .observe-page.item-page {
    display: grid;
    grid-template-columns: minmax(0, 30rem) minmax(0, 1fr);
    column-gap: 1.6rem;
    row-gap: 2.4rem;
  }

  .item-page .sharebar-sticky-sentinel,
  .item-page .common-sharebar,
  .item-page .lower-tabs,
  .item-page .wr-lower-cards,
  .item-page .observe-side-column {
    grid-column: 1 / -1;
  }

  .item-content,
  .item-summary {
    display: contents;
  }

  .item-definition {
    grid-column: 1;
  }

  .item-report {
    grid-column: 2;
  }

  .count-panel {
    grid-column: 1;
  }

  .playback {
    grid-column: 2;
    justify-self: stretch;
    clear: none;
    width: 100%;
    align-self: start;
    margin-top: 0;
  }

  .playback-list {
    grid-template-columns: 1fr;
    gap: 1.2rem;
  }

}

@media (max-width: 40rem) {
  #contents.observe-contents > .observe-page.item-page {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    column-gap: clamp(0.8rem, 2.5vw, 1.6rem);
  }

  .item-definition__head {
    --item-definition-pad-x: clamp(1rem, 4cqw, 1.6rem);
    --item-definition-pad-top: clamp(1.2rem, 4cqw, 1.8rem);
    --item-definition-thumb: clamp(6.8rem, 48cqw, 15rem);
    min-height: clamp(19.2rem, 78cqw, 25rem);
    grid-template-columns: minmax(5.6rem, 43%) minmax(0, 1fr);
    grid-template-rows: var(--item-definition-thumb) auto auto;
    padding: var(--item-definition-pad-top) var(--item-definition-pad-x) clamp(1.4rem, 4cqw, 2rem);
  }

  .item-definition__head:has(> h1) {
    grid-template-rows: var(--item-definition-thumb) auto auto auto;
  }

  .item-definition__date span {
    font-size: clamp(1.4rem, 6cqw, 1.9rem);
  }

  .item-definition__date strong {
    font-size: clamp(3rem, 14cqw, 4.4rem);
  }

  .item-definition__head img {
    width: var(--item-definition-thumb);
    height: var(--item-definition-thumb);
    margin: calc(var(--item-definition-pad-top) * -1) calc(var(--item-definition-pad-x) * -1) 0 auto;
  }

  .item-definition__head p {
    margin-top: clamp(1.4rem, 7cqw, 2.6rem);
    margin-bottom: clamp(0.8rem, 3cqw, 1.2rem);
    font-size: clamp(1.1rem, 3.75cqw, 1.4rem);
  }

  .item-definition__head h1,
  .item-definition__head h2 {
    font-size: clamp(1.5rem, 5.75cqw, 2.2rem);
    line-height: 1.45;
  }

  .item-definition__head h1 ~ h2 {
    font-size: clamp(1.2rem, 4.2cqw, 1.6rem);
  }

  .item-definition__body {
    min-height: 0;
    padding: clamp(1.4rem, 4cqw, 2rem) clamp(1rem, 3.5cqw, 1.8rem) clamp(1.6rem, 4cqw, 2.6rem);
  }

  .item-definition__body h3,
  .item-definition__body p,
  .item-definition__body strong {
    font-size: clamp(1.2rem, 3.6cqw, 1.3rem);
  }

  #contents.observe-contents .observe-page.item-page .lower-tabs a {
    font-size: clamp(1.7rem, 4.2vw, 1.9rem);
  }

  #contents.observe-contents .observe-page.item-page .lower-tabs.is-stuck a {
    min-height: 3.5rem;
    padding-top: 0.5rem;
    padding-bottom: 0.6rem;
    font-size: clamp(1.7rem, 4.2vw, 1.9rem);
  }
}

@media (max-width: 26.25rem) {
  #contents.observe-contents > .observe-page.item-page {
    grid-template-columns: minmax(0, 1fr);
  }

  .item-content {
    display: block;
    grid-column: 1;
  }

  .item-summary {
    display: grid;
    grid-template-columns: minmax(0, 1fr);
  }

  .item-definition,
  .item-report,
  .count-panel,
  .playback,
  .item-page .lower-tabs,
  .item-page .wr-lower-cards,
  .item-page .observe-side-column {
    grid-column: 1;
  }

  .playback {
    margin-top: 5rem;
  }

  #contents.observe-contents .observe-page.item-page .lower-tabs a {
    min-height: 3.4rem;
    padding-right: 1rem;
    padding-left: 1rem;
    font-size: clamp(1.5rem, 5.2vw, 1.7rem);
  }

  #contents.observe-contents .observe-page.item-page .lower-tabs.is-stuck a {
    min-height: 3.3rem;
    padding-top: 0.5rem;
    font-size: clamp(1.5rem, 5.2vw, 1.7rem);
  }
}

@media (max-width: 32.5rem) {
  .item-photo-strip {
    max-height: none;
  }

  .count-chart {
    grid-template-columns: 1fr;
  }

  .count-chart__plot {
    min-width: 26rem;
  }
}/*
== malihu jquery custom scrollbar plugin ==
Plugin URI: http://manos.malihu.gr/jquery-custom-content-scroller
*/



/*
CONTENTS: 
	1. BASIC STYLE - Plugin's basic/essential CSS properties (normally, should not be edited). 
	2. VERTICAL SCROLLBAR - Positioning and dimensions of vertical scrollbar. 
	3. HORIZONTAL SCROLLBAR - Positioning and dimensions of horizontal scrollbar.
	4. VERTICAL AND HORIZONTAL SCROLLBARS - Positioning and dimensions of 2-axis scrollbars. 
	5. TRANSITIONS - CSS3 transitions for hover events, auto-expanded and auto-hidden scrollbars. 
	6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS 
		6.1 THEMES - Scrollbar colors, opacity, dimensions, backgrounds etc. via ready-to-use themes.
*/



/* 
------------------------------------------------------------------------------------------------------------------------
1. BASIC STYLE  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCustomScrollbar{ -ms-touch-action: none; touch-action: none; /* MSPointer events - direct all pointer events to js */ }
	.mCustomScrollbar.mCS_no_scrollbar{ -ms-touch-action: auto; touch-action: auto; }
	
	.mCustomScrollBox{ /* contains plugin's markup */
		position: relative;
		overflow: hidden;
		height: 100%;
		max-width: 100%;
		outline: none;
		direction: ltr;
	}

	.mCSB_container{ /* contains the original content */
		overflow: hidden;
		width: auto;
		height: auto;
	}



/* 
------------------------------------------------------------------------------------------------------------------------
2. VERTICAL SCROLLBAR 
y-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_inside > .mCSB_container{ margin-right: 10px; }

	.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-right: 0; } /* non-visible scrollbar */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden{ margin-left: 0; } /* RTL direction/left-side scrollbar */

	.mCSB_scrollTools{ /* contains scrollbar markup (draggable element, dragger rail, buttons etc.) */
		position: absolute;
		width: 16px;
		height: auto;
		left: auto;
		top: 0;
		right: 0;
		bottom: 0;
	}

	.mCSB_outside + .mCSB_scrollTools{ right: -26px; } /* scrollbar position: outside */
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_scrollTools, 
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ /* RTL direction/left-side scrollbar */
		right: auto;
		left: 0;
	}
	
	.mCS-dir-rtl > .mCSB_outside + .mCSB_scrollTools{ left: -26px; } /* RTL direction/left-side scrollbar (scrollbar position: outside) */

	.mCSB_scrollTools .mCSB_draggerContainer{ /* contains the draggable element and dragger rail markup */
		position: absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0; 
		height: auto;
	}

	.mCSB_scrollTools a + .mCSB_draggerContainer{ margin: 20px 0; }

	.mCSB_scrollTools .mCSB_draggerRail{
		width: 2px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
	}

	.mCSB_scrollTools .mCSB_dragger{ /* the draggable element */
		cursor: pointer;
		width: 100%;
		height: 30px; /* minimum dragger height */
		z-index: 1;
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ /* the dragger element */
		position: relative;
		width: 4px;
		height: 100%;
		margin: 0 auto;
		-webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px;
		text-align: center;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{ width: 12px; /* auto-expanded scrollbar */ }
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 8px; /* auto-expanded scrollbar */ }

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown{
		display: block;
		position: absolute;
		height: 20px;
		width: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}

	.mCSB_scrollTools .mCSB_buttonDown{ bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
3. HORIZONTAL SCROLLBAR 
x-axis
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_horizontal.mCSB_inside > .mCSB_container{
		margin-right: 0;
		margin-bottom: 30px;
	}
	
	.mCSB_horizontal.mCSB_outside > .mCSB_container{ min-height: 100%; }

	.mCSB_horizontal > .mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; } /* non-visible scrollbar */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal{
		width: auto;
		height: 16px;
		top: auto;
		right: 0;
		bottom: 0;
		left: 0;
	}

	.mCustomScrollBox + .mCSB_scrollTools.mCSB_scrollTools_horizontal,
	.mCustomScrollBox + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{ bottom: -26px; } /* scrollbar position: outside */

	.mCSB_scrollTools.mCSB_scrollTools_horizontal a + .mCSB_draggerContainer{ margin: 0 20px; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 2px;
		margin: 7px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger{
		width: 30px; /* minimum dragger width */
		height: 100%;
		left: 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 12px; /* auto-expanded scrollbar */
		margin: 2px auto;
	}
	
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 8px; /* auto-expanded scrollbar */
		margin: 4px 0;
	}

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{
		display: block;
		position: absolute;
		width: 20px;
		height: 100%;
		overflow: hidden;
		margin: 0 auto;
		cursor: pointer;
	}
	
	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft{ left: 0; }

	.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight{ right: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
4. VERTICAL AND HORIZONTAL SCROLLBARS 
yx-axis 
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_container_wrapper{
		position: absolute;
		height: auto;
		width: auto;
		overflow: hidden;
		top: 0;
		left: 0;
		right: 0;
		bottom: 0;
		margin-right: 30px;
		margin-bottom: 30px;
	}
	
	.mCSB_container_wrapper > .mCSB_container{
		padding-right: 30px;
		padding-bottom: 30px;
	}
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 20px; }
	
	.mCSB_vertical_horizontal > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 20px; }
	
	/* non-visible horizontal scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden + .mCSB_scrollTools.mCSB_scrollTools_vertical{ bottom: 0; }
	
	/* non-visible vertical scrollbar/RTL direction/left-side scrollbar */
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ right: 0; }
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 20px; }
	
	/* non-visible scrollbar/RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden + .mCSB_scrollTools ~ .mCSB_scrollTools.mCSB_scrollTools_horizontal{ left: 0; }
	
	.mCS-dir-rtl > .mCSB_inside > .mCSB_container_wrapper{ /* RTL direction/left-side scrollbar */
		margin-right: 0;
		margin-left: 30px;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden > .mCSB_container{ 
		padding-right: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden > .mCSB_container{ 
		padding-bottom: 0; 
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden{
		margin-right: 0; /* non-visible scrollbar */
		margin-left: 0;
	}
	
	/* non-visible horizontal scrollbar */
	.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside > .mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden{ margin-bottom: 0; }



/* 
------------------------------------------------------------------------------------------------------------------------
5. TRANSITIONS  
------------------------------------------------------------------------------------------------------------------------
*/

	.mCSB_scrollTools, 
	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
		transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	}
	
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, /* auto-expanded scrollbar */
	.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar, 
	.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail{
		-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
		transition: width .2s ease-out .2s, height .2s ease-out .2s, 
					margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, 
					margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s,
					opacity .2s ease-in-out, background-color .2s ease-in-out; 
	}



/* 
------------------------------------------------------------------------------------------------------------------------
6. SCROLLBAR COLORS, OPACITY AND BACKGROUNDS  
------------------------------------------------------------------------------------------------------------------------
*/

	/* 
	----------------------------------------
	6.1 THEMES 
	----------------------------------------
	*/
	
	/* default theme ("light") */

	.mCSB_scrollTools{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }
	
	.mCS-autoHide > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 0; filter: "alpha(opacity=0)"; -ms-filter: "alpha(opacity=0)"; }
	
	.mCustomScrollbar > .mCustomScrollBox > .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollbar > .mCustomScrollBox ~ .mCSB_scrollTools.mCSB_scrollTools_onDrag,
	.mCustomScrollBox:hover > .mCSB_scrollTools,
	.mCustomScrollBox:hover ~ .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox > .mCSB_scrollTools,
	.mCS-autoHide:hover > .mCustomScrollBox ~ .mCSB_scrollTools{ opacity: 1; filter: "alpha(opacity=100)"; -ms-filter: "alpha(opacity=100)"; }

	.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.4);
		filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; 
	}

	.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.85);
		filter: "alpha(opacity=85)"; -ms-filter: "alpha(opacity=85)"; 
	}
	.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.9);
		filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp,
	.mCSB_scrollTools .mCSB_buttonDown,
	.mCSB_scrollTools .mCSB_buttonLeft,
	.mCSB_scrollTools .mCSB_buttonRight{
		background-image: url(mCSB_buttons.png); /* css sprites */
		background-repeat: no-repeat;
		opacity: 0.4; filter: "alpha(opacity=40)"; -ms-filter: "alpha(opacity=40)"; 
	}

	.mCSB_scrollTools .mCSB_buttonUp{
		background-position: 0 0;
		/* 
		sprites locations 
		light: 0 0, -16px 0, -32px 0, -48px 0, 0 -72px, -16px -72px, -32px -72px
		dark: -80px 0, -96px 0, -112px 0, -128px 0, -80px -72px, -96px -72px, -112px -72px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonDown{
		background-position: 0 -20px;
		/* 
		sprites locations
		light: 0 -20px, -16px -20px, -32px -20px, -48px -20px, 0 -92px, -16px -92px, -32px -92px
		dark: -80px -20px, -96px -20px, -112px -20px, -128px -20px, -80px -92px, -96px -92px, -112 -92px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonLeft{
		background-position: 0 -40px;
		/* 
		sprites locations 
		light: 0 -40px, -20px -40px, -40px -40px, -60px -40px, 0 -112px, -20px -112px, -40px -112px
		dark: -80px -40px, -100px -40px, -120px -40px, -140px -40px, -80px -112px, -100px -112px, -120px -112px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonRight{
		background-position: 0 -56px;
		/* 
		sprites locations 
		light: 0 -56px, -20px -56px, -40px -56px, -60px -56px, 0 -128px, -20px -128px, -40px -128px
		dark: -80px -56px, -100px -56px, -120px -56px, -140px -56px, -80px -128px, -100px -128px, -120px -128px
		*/
	}

	.mCSB_scrollTools .mCSB_buttonUp:hover,
	.mCSB_scrollTools .mCSB_buttonDown:hover,
	.mCSB_scrollTools .mCSB_buttonLeft:hover,
	.mCSB_scrollTools .mCSB_buttonRight:hover{ opacity: 0.75; filter: "alpha(opacity=75)"; -ms-filter: "alpha(opacity=75)"; }

	.mCSB_scrollTools .mCSB_buttonUp:active,
	.mCSB_scrollTools .mCSB_buttonDown:active,
	.mCSB_scrollTools .mCSB_buttonLeft:active,
	.mCSB_scrollTools .mCSB_buttonRight:active{ opacity: 0.9; filter: "alpha(opacity=90)"; -ms-filter: "alpha(opacity=90)"; }
	

	/* theme: "dark" */

	.mCS-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.85); }

	.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: rgba(0,0,0,0.9); }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px 0; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-2", "dark-2" */

	.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 4px;
		margin: 6px auto;
	}

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px 0; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown{	background-position: -32px -20px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -40px -40px; }

	.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -56px; }
	
	
	/* theme: "dark-2" */

	.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 1px; -moz-border-radius: 1px; border-radius: 1px;
	}

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px 0; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -20px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -40px; }

	.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thick", "dark-thick" */

	.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		width: 4px;
		background-color: #fff; background-color: rgba(255,255,255,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 6px;
		background-color: #fff; background-color: rgba(255,255,255,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 4px;
		margin: 6px 0;
	}

	.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 6px;
		margin: 5px auto;
	}

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px 0; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown{	background-position: -16px -20px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft{	background-position: -20px -40px; }

	.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -56px; }


	/* theme: "dark-thick" */
	
	.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.75);
		-webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px;
	}

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px 0; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -20px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -40px; }

	.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -100px -56px; }
	
	/* ---------------------------------------- */
	


	/* theme: "light-thin", "dark-thin" */
	
	.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.1); }

	.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 2px; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail{ width: 100%; }

	.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 2px;
		margin: 7px auto;
	}


	/* theme "dark-thin" */
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp{	background-position: -80px 0; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -20px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -40px; }

	.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -56px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "rounded", "rounded-dark", "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.15); }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger{ height: 14px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		width: 14px;
		margin: 0 1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 14px; }
	
	.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 14px;
		margin: 1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		width: 16px; /* auto-expanded scrollbar */
		height: 16px;
		margin: -1px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{ width: 4px; /* auto-expanded scrollbar */ }
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar{
		height: 16px; /* auto-expanded scrollbar */
		width: 16px;
		margin: 0 -1px;
	}
	
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 4px; /* auto-expanded scrollbar */
		margin: 6px 0;
	}
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp{ background-position: 0 -72px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown{ background-position: 0 -92px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft{ background-position: 0 -112px; }
	
	.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight{ background-position: 0 -128px; }
	
	
	/* theme "rounded-dark", "rounded-dots-dark" */
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.15); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -80px -72px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -80px -92px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -80px -112px; }
	
	.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -80px -128px; }
	
	
	/* theme "rounded-dots", "rounded-dots-dark" */
	
	.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail{ width: 4px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		background-color: transparent;
		background-position: center;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAANElEQVQYV2NkIAAYiVbw//9/Y6DiM1ANJoyMjGdBbLgJQAX/kU0DKgDLkaQAvxW4HEvQFwCRcxIJK1XznAAAAABJRU5ErkJggg==");
		background-repeat: repeat-y;
		opacity: 0.3;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		height: 4px;
		margin: 6px 0;
		background-repeat: repeat-x;
	}
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp{ background-position: -16px -72px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown{ background-position: -16px -92px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -20px -112px; }
	
	.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight{ background-position: -20px -128px; }
	
	
	/* theme "rounded-dots-dark" */
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAYAAADED76LAAAALElEQVQYV2NkIAAYSVFgDFR8BqrBBEifBbGRTfiPZhpYjiQFBK3A6l6CvgAAE9kGCd1mvgEAAAAASUVORK5CYII=");
	}
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -96px -72px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -96px -92px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -100px -112px; }
	
	.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight{ background-position: -100px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "3d", "3d-dark", "3d-thick", "3d-thick-dark" */
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-y;
		background-image: -moz-linear-gradient(left, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(left, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to right, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		background-repeat: repeat-x;
		background-image: -moz-linear-gradient(top, rgba(255,255,255,0.5) 0%, rgba(255,255,255,0) 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,0.5)), color-stop(100%,rgba(255,255,255,0)));
		background-image: -webkit-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -o-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: -ms-linear-gradient(top, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
		background-image: linear-gradient(to bottom, rgba(255,255,255,0.5) 0%,rgba(255,255,255,0) 100%);
	}
	
	
	/* theme "3d", "3d-dark" */
	
	.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 70px; }
	
	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 70px; }
	
	.mCS-3d.mCSB_scrollTools, 
	.mCS-3d-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 16px; -moz-border-radius: 16px; border-radius: 16px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 8px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.5), inset -1px 0 1px rgba(255,255,255,0.2);
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 	 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }

	.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 8px; }

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 8px;
		margin: 4px 0;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.5), inset 0 -1px 1px rgba(255,255,255,0.2);
	}

	.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		width: 100%;
		height: 8px;
		margin: 4px auto;
	}
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-3d.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "3d-dark" */
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: #000; background-color: rgba(0,0,0,0.1);
		box-shadow: inset 1px 0 1px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1); }
	
	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "3d-thick", "3d-thick-dark" */
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools{
		opacity: 1;
		filter: "alpha(opacity=30)"; -ms-filter: "alpha(opacity=30)"; 
	}
	
	.mCS-3d-thick.mCSB_scrollTools, 
	.mCS-3d-thick-dark.mCSB_scrollTools, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{ -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }
	
	.mCSB_inside + .mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCSB_inside + .mCS-3d-thick-dark.mCSB_scrollTools_vertical{ right: 1px; }
	
	.mCS-3d-thick.mCSB_scrollTools_vertical, 
	.mCS-3d-thick-dark.mCSB_scrollTools_vertical{ box-shadow: inset 1px 0 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5); }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{
		bottom: 1px;
		box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.5);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		box-shadow: inset 1px 0 0 rgba(255,255,255,0.4);
		width: 12px;
		margin: 2px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4); }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #555; }
	
	.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 12px;
		width: auto;
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #000; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }

	.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight{	background-position: -40px -128px; }
	
	
	/* theme: "3d-thick-dark" */
	
	.mCS-3d-thick-dark.mCSB_scrollTools{ box-shadow: inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal{ box-shadow: inset 0 1px 1px rgba(0,0,0,0.1), inset 0 0 14px rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 1px 0 0 rgba(255,255,255,0.4), inset -1px 0 0 rgba(0,0,0,0.2); }
	 
	.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{ box-shadow: inset 0 1px 0 rgba(255,255,255,0.4), inset 0 -1px 0 rgba(0,0,0,0.2); }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,  
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #777; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer{
		background-color: #fff; background-color: rgba(0,0,0,0.05);
		box-shadow: inset 1px 1px 16px rgba(0,0,0,0.1);
	}
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }
	
	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme: "minimal", "minimal-dark" */
	
	.mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		right: 0; 
		margin: 12px 0; 
	}
	
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools.mCSB_scrollTools_horizontal, 
	.mCustomScrollBox.mCS-minimal-dark + .mCSB_scrollTools + .mCSB_scrollTools.mCSB_scrollTools_horizontal{
		bottom: 0; 
		margin: 0 12px; 
	}
	
	/* RTL direction/left-side scrollbar */
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal.mCSB_scrollTools_vertical, 
	.mCS-dir-rtl > .mCSB_outside + .mCS-minimal-dark.mCSB_scrollTools_vertical{
		left: 0; 
		right: auto;
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: transparent; }
	
	.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger{ height: 50px; }
	
	.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger, 
	.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger{ width: 50px; }
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #fff; background-color: rgba(255,255,255,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	
	/* theme: "minimal-dark" */
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.2);
		filter: "alpha(opacity=20)"; -ms-filter: "alpha(opacity=20)"; 
	}
	
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{
		background-color: #000; background-color: rgba(0,0,0,0.5);
		filter: "alpha(opacity=50)"; -ms-filter: "alpha(opacity=50)"; 
	}
	
	/* ---------------------------------------- */
	
	
	
	/* theme "light-3", "dark-3" */
	
	.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{
		width: 6px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ width: 6px; }

	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 6px;
		margin: 5px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		width: 12px;
	}
	
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded + .mCSB_draggerRail, 
	.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail{
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "dark-3" */
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	/* ---------------------------------------- */
	
	
	
	/* theme "inset", "inset-dark", "inset-2", "inset-2-dark", "inset-3", "inset-3-dark" */
	
	.mCS-inset.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{
		width: 12px;
		background-color: #000; background-color: rgba(0,0,0,0.2);
	}

	.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ 
		width: 6px;
		margin: 3px 5px;
		position: absolute;
		height: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}

	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar{
		height: 6px;
		margin: 5px 3px;
		position: absolute;
		width: auto;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	
	.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail{
		width: 100%;
		height: 12px;
		margin: 2px 0;
	}
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp{ background-position: -32px -72px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown{ background-position: -32px -92px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -40px -112px; }
	
	.mCS-inset.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight{ background-position: -40px -128px; }
	
	
	/* theme "inset-dark", "inset-2-dark", "inset-3-dark" */
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.1); }
	
	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp{ background-position: -112px -72px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown{ background-position: -112px -92px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft{ background-position: -120px -112px; }

	.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight, 
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight{	background-position: -120px -128px; }
	
	
	/* theme "inset-2", "inset-2-dark" */
	
	.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail, 
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{
		background-color: transparent;
		border-width: 1px;
		border-style: solid;
		border-color: #fff;
		border-color: rgba(255,255,255,0.2);
		-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;
	}
	
	.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail{ border-color: #000; border-color: rgba(0,0,0,0.2); }
	
	
	/* theme "inset-3", "inset-3-dark" */
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail{ background-color: #fff; background-color: rgba(255,255,255,0.6); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail{ background-color: #000; background-color: rgba(0,0,0,0.6); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.75); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.85); }
	
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #000; background-color: rgba(0,0,0,0.9); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.75); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.85); }
	
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
	.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar{ background-color: #fff; background-color: rgba(255,255,255,0.9); }
	
	/* ---------------------------------------- */
.topBannerWrapper*{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4xs.gif");
}
.globalNaviWrapper{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4xz.gif");
}
.contact a{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4y6.gif");
}
.breadCrumbs li{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4yd.gif");
}
.modeA{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4yk.gif");
}
.hitoTop div a{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4yr.gif");
}
.modeB{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4yy.gif");
}
#loading{
height: 30px;
width: 660px;
margin: 0;
background: #444 no-repeat center;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4z5.gif");
}
.hitoTop #loading{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4zc.gif");
}
.contentsMenuWrapper{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4zj.gif");
}
.playback ul li{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4zq.gif");
}
.mode .selectA{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f4zx.gif");
}
.modeA{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f504.gif");
}
.modeB{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f50b.gif");
}
.mode .selectB{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f50i.gif");
}
.top .main_teiten .teitenText .item .countItem, .top .main_teiten .teitenText .item .zoomupItem1,.top .main_teiten .teitenText .item .zoomupItem2{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f50p.png");
}
.open_related{
background-repeat: no-repeat; 
display:block;
width:60px;
height:20px;
margin:auto;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f50w.gif");
}
.close_related{
background-repeat: no-repeat; 
display:block;
width:60px;
height:20px;
margin:auto;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f513.gif");
}
.open_btn{
background-repeat: no-repeat; 
display:block;
width:60px;
height:20px;
margin:auto;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f51a.gif");
}
.close_btn{
background-repeat: no-repeat; 
display:block;
width:60px;
height:20px;
margin:auto;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f51h.gif");
}
.interviewLink a{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f51o.gif");
}
.relationBlock .relationBar{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f51v.gif");
}
.teiten_spacer{
width: 660px;
height: 50px;
display: block;
margin: 0 0 20px 0;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f522.gif");
}
.footerUtility a{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f529.gif");
}
#footer_toggle_icon{
position:relative;
width:17px;
height:18px;
top:8px;
right:10px;
float:right;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f52g.gif");
}
.panel_shohi .today .price{
background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f52n.png");
}
.gradation{
height:46px;
bottom:0px;
width:100%;
background-repeat:repeat-x;
position:absolute;background-image:url("/prefs/css/srnrj2000003f4vj-img/srnrj2000003f52u.png");
}
.tieup .gradation, .tieup #read_more{
display:none;
}
#arrow_up{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f610.png");
}
#arrow_down{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f617.png");
}
#close_button{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f61e.png");
}
#backnumber_gauge_wrap .button_open{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f61l.png");
}
.backnumber_timelin{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f61s.gif");
}
.year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f61z.gif");
}
.y2030 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/ppce540000009wy0.gif");
}
.y2029 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/ppce540000009x3k.gif");
}
.y2028 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/ppce540000009x3d.gif");
}
.y2027 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/ppce540000009x36.gif");
}
.y2026 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/ppce540000009x2z.gif");
}
.y2025 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/ppce540000009x2s.gif");
}
.y2024 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/ppce540000009x2l.gif");
}
.y2023 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f626.gif");
}
.y2022 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f62d.gif");
}
.y2021 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f62k.gif");
}
.y2020 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f62r.gif");
}
.y2019 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f62y.gif");
}
.y2018 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f635.gif");
}
.y2017 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f63c.gif");
}
.y2016 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f63j.gif");
}
.y2015 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f63q.gif");
}
.y2014 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f63x.gif");
}
.y2013 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f644.gif");
}
.y2012 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f64b.gif");
}
.y2011 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f64i.gif");
}
.y2010 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f64p.gif");
}
.y2009 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f64w.gif");
}
.y2008 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f653.gif");
}
.y2007 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f65a.gif");
}
.y2006 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f65h.gif");
}
.y2005 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f65o.gif");
}
.y2004 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f65v.gif");
}
.y2003 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f662.gif");
}
.y2002 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f669.gif");
}
.y2001 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f66g.gif");
}
.y2000 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f66n.gif");
}
.y1999 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f66u.gif");
}
.y1998 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f671.gif");
}
.y1997 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f678.gif");
}
.y1996 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f67f.gif");
}
.y1995 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f67m.gif");
}
.y1994 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f67t.gif");
}
.y1993 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f680.gif");
}
.y1992 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f687.gif");
}
.y1991 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f68e.gif");
}
.y1990 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f68l.gif");
}
.y1989 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f68s.gif");
}
.y1988 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f68z.gif");
}
.y1987 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f696.gif");
}
.y1986 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f69d.gif");
}
.y1985 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f69k.gif");
}
.y1984 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f69r.gif");
}
.y1983 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f69y.gif");
}
.y1982 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6a5.gif");
}
.y1981 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6ac.gif");
}
.y1980 .year_v{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6aj.gif");
}
.m1{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6aq.gif");
}
.m1_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6ax.gif");
}
.m2{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6b4.gif");
}
.m2_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6bb.gif");
}
.m3{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6bi.gif");
}
.m3_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6bp.gif");
}
.m4{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6bw.gif");
}
.m4_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6c3.gif");
}
.m5{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6ca.gif");
}
.m5_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6ch.gif");
}
.m6{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6co.gif");
}
.m6_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6cv.gif");
}
.m7{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6d2.gif");
}
.m7_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6d9.gif");
}
.m8{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6dg.gif");
}
.m8_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6dn.gif");
}
.m9{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6du.gif");
}
.m9_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6e1.gif");
}
.m10{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6e8.gif");
}
.m10_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6ef.gif");
}
.m11{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6em.gif");
}
.m11_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6et.gif");
}
.m12{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6f0.gif");
}
.m12_t{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6f7.gif");
}
#backnumber_timeline_bg{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6fe.gif");
}
#backnumber_slider a{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6fl.gif");
}
.backnumber_timeline{
background-image:url("/prefs/css/srnrj2000003f5vz-img/srnrj2000003f6fs.gif");
}
#cd_number .cd_number_index{
background-image:url("/prefs/css/srnrj2000003f4rl-img/srnrj2000003f4sm.gif");
}
#countDatagraph_thumb .cd_m{
background-image:url("/prefs/css/srnrj2000003f4rl-img/srnrj2000003f4st.png");
}
#countDatagraph_thumb .cd_w{
background-image:url("/prefs/css/srnrj2000003f4rl-img/srnrj2000003f4t0.png");
}
#countDatagraph_thumb .cd_s{
background-image:url("/prefs/css/srnrj2000003f4rl-img/srnrj2000003f4t7.png");
}
#countDatagraph_button_wrapper #countDatagraph_button{
background-image:url("/prefs/css/srnrj2000003f4rl-img/srnrj2000003f4te.png");
}
#monocategory_gauge_wrap .button_open{
background-image:url("/prefs/css/srnrj2000003f6g3-img/srnrj2000003f6gw.png");
}
#cboxPrevious{
background-repeat: no-repeat;
background-position:left center;background-image:url("/prefs/css/srnrj2000003f5q2-img/srnrj2000003f5r7.png");
}
#cboxNext{
background-repeat: no-repeat;
background-position:right center;background-image:url("/prefs/css/srnrj2000003f5q2-img/srnrj2000003f5re.png");
}
#cboxLoadingOverlay{
background-position:center center;background-image:url("/prefs/css/srnrj2000003f5q2-img/srnrj2000003f5rl.gif");
}
#cboxClose{
background-image:url("/prefs/css/srnrj2000003f5q2-img/srnrj2000003f5rs.png");
}
.detail_mode #cboxClose{
background-image:url("/prefs/css/srnrj2000003f5q2-img/srnrj2000003f5rz.png");
}
#contentsMenu_arrow{
width:14px;
height:10px;
position:absolute;
right:64px;
bottom:-6px;
background-repeat:no-repeat;background-image:url("/prefs/css/srnrj2000003f5q2-img/srnrj2000003f5s6.jpg");
}
.detail_mode .detail_link .interview_L{
background-image:url("/prefs/css/srnrj2000003f5q2-img/srnrj2000003f5sd.png");
}
#go_prev{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5ui.png");
}
#go_next{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5up.png");
}
#show_timeline{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5uw.png");
}
.popup_fukiadshi_top{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5v3.png");
}
.popup_fukiadshi_bottom{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5va.png");
}
#interview_timeline #interview_close_button{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5vh.png");
}
#interview_timeline_left_button{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5vo.png");
}
#interview_timeline_right_button{
background-image:url("/prefs/css/srnrj2000003f5tb-img/srnrj2000003f5vv.png");
}
.y_menu_icon{
background-image:url("/prefs/css/srnrj2000003f556-img/srnrj2000003f569.gif");
}
.y_menu{
background-image:url("/prefs/css/srnrj2000003f556-img/srnrj2000003f56g.png");
}
.y_menu .yearList ul.year li.active{
background-image:url("/prefs/css/srnrj2000003f556-img/srnrj2000003f56n.png");
}
.y_menu .closebtn{
background-image:url("/prefs/css/srnrj2000003f556-img/srnrj2000003f56u.png");
}
.y_menu .upArrrow{
background-image:url("/prefs/css/srnrj2000003f556-img/srnrj2000003f571.png");
}
.y_menu .downArrrow{
background-image:url("/prefs/css/srnrj2000003f556-img/srnrj2000003f578.png");
}
#monocategory_gauge_wrap .button_open{
background-image:url("/prefs/css/dodobi000000a708-img/dodobi000000a711.png");
}

@media print{

}