@charset "euc-jp";
body{
width:100%;
max-width:800px;
background-color:#FFFFFF;
font-family:Osaka,"MS UI Gothic","ＭＳ ゴシック",sans-serif;
margin:0 auto;
}
dfn{font-style:normal;}
em{font-style:normal;}
cite{font-style:normal;}
a:hover{ color:#FF0000; }
a:has(> img){border-style:none;}
table{ margin:0; padding:0; }
img{border-style:none;}
li{ margin-bottom:0.8em; line-height:1.4em;}

.a{text-decoration:none;border-bottom:1px dotted #69f;}
.c{text-align:center;}
.l{text-align:left;}
.r{text-align:right;}
.s{font-size:small;}
.b{font-weight:bold;}
.f7{font-size:0.7em;}
.f8{font-size:0.8em;}
.f9{font-size:0.9em;}
.fx5{font-size:1.5em;font-weight:bold;}
.fx25{font-size:1.25em;font-weight:bold;}
/* .u{text-decoration:underline;} */
.u{border-bottom:1px solid #000;}
del{text-decoration:line-through;}
.red{color:#FF0000;}
.blu{color:blue;}
.gry{color:#888888;}
.yel{color:#dd0;}
.gra{color:#c0c0c0;}
.nono{margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;}
.pb05{padding-bottom:0.5em;}
.nodeco{text-decoration:none;color:#000000;font-style:normal;}
.lh150{line-height:150%;}
.aten{
background-color:#ffaa44;
color:#440000;
padding:1px 2px;
}
.marker { background-color:#ffff66; }
.folder:before {content:"\1f4c1";margin-right: .3em;}
.tv:before {content:"\1f4fa";margin-right: .3em;}
.academic:before {content:"\1f393";margin-right: .3em;}
.architecture:before {content:"\1f3db";margin-right: .3em;font-size: 1.25em;}
.newemo:before {content:"\1f195";margin-right: .3em;}
.pushpin:before{content:"\1f4cc";margin-right: .3em;}
.chart:before{content:"\1f4c8";margin-right: .3em;}
.siteEmo::before {content: "\1f310";margin-right:.3em;}
.emailEmo::before{content: "\1f4e9";margin-right:.3em;}
.fukiEmo::after{content: "\1f4ac";margin-left:.3em;}
.searchEmo::before{content: "\1f50d";margin-right:.3em;}
.penEmo::before{content: "\1f58a";margin-right:.3em;}
.globeEmo::before{content: "\1f30f";margin-right:.3em;}
.mob{display:none;}

.architecture ul {list-style-type:none;display:inline;padding:0;}
.architecture li {display:inline;margin-left:1em;}

.SmallNew{
font-size:8pt;
color:red;
vertical-align:super;
}

/* CSS professional p254 */
.clearfix:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* clearfix */
.cf {
zoom: 1;
}
.cf:before, .cf:after {
content: "";
display: table;
}
.cf:after {
clear: both;
}

h1{
text-align:center;
background-color:#dddddd;
padding-top:14px;
padding-bottom:10px;
margin-top:0;
margin-bottom:0;
color:#000;
font-size:18px;
letter-spacing:0.2em;
width:100%;
}

#hMobile{display:none;}

header#header{
width:100%;
margin:0 0 1px 0;
padding:0;
}
h1#tip{
margin-top:0;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding:0;
width:100%;
text-align:right;
font-size:12px;
background-color:#fff;
color:#333;
letter-spacing:0.2em;
font-style:italic;
font-weight:normal;
text-shadow:4px 4px 3px #ccc;
}

h2#tip2{
margin-top:3px;
margin-bottom:0;
margin-left:auto;
margin-right:auto;
padding:0;
width:100%;
text-align:right;
font-size:12px;
background-color:#fff;
color:#111;
font-weight:normal;
}
#headercon{
width:100%;
margin:0;
padding:0;
}
#kenkenlogo{
float:left;
}
#headerright{
float:right;
max-width:30%;
text-overflow:ellipsis;
font-size:12px;
}
#atamaLogin{
margin: 1em 1em 1em 0;
}
#atamaLogin a{
line-height:2em;
font-weight:bold;
text-decoration:none;
border-bottom:1px dotted #69f;
}

.datePub{
text-align:right;
color:#555;
font-size:0.85em;
font-family:unset;
}

/* old */
p.info{
background-color:#ffffff;
background-image:url(info_b.gif);
background-repeat:repeat-x;
background-position:left top;
padding:0 15px 15px 15px;
color:#111111;font-size:0.8em;
line-height:150%;
margin:0;
margin:0;
border-right:solid 1px;
border-left: solid 1px;
border-color:#dddddd;
}
/* old */

#BannerM{
text-align:center;
margin:0;
padding:7px 0;
background-image:url(bimg/baba.gif);
width:100%;
clear:both;
overflow: hidden;
}
#BannerM img {
width:100%;
max-width:740;
max-height:90;
}
#BannerF{
text-align:center;
margin:0;
width:100%;
clear:both;
overflow: hidden;
}
#BannerF:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}

/* old */
#shareBottom{
text-align:center;
clear:both;
margin:1em auto;
}
.shareBottom{
text-align:center;
clear:both;
margin:1em auto;
}
#shareBottomLeft{
position:fixed;
left:0;
top:50%;
line-height:2em;
text-align:center;
}
#sharePinterest{
text-align:right;
margin:0px 3px 0px 0px;
}

/* haishi yotei */
table.h{
    width:740px;
    margin:0;
    padding:0;
}
p.head{
    margin-top:0%;
    margin-bottom:0%;
    font-size:0.8em;
    text-align:right;
}
p.head strong{
    color:#222222;
    font-style:normal;
    font-weight:normal;
}
p.head em{
    color:#222222;
    font-style:normal;
    font-weight:normal;
}

p.head a{
    color:#666666;
    text-decoration:none;
    font-style:italic;
}
/* haishi yotei */

/* navi */
#navi {
margin-top:0;
margin-bottom:0;
width:100%;
padding-top:2px;
padding-bottom:2px;
background-color:#363F3F;
}
#navi ul{
margin:0;
padding:0;
list-style:none;
float:left;
}
#navi li{
margin:0;
padding:0;
display:block;
float:left;
width:75px;
line-height:24px;
background-color:#363F3F;
border-right:solid 1px #ffffff;
text-align:center;
}
#navi a{
color:#FFFFFF;
font-size:12px;
display:block;
text-decoration:none;
width:100%;
}
#navi a:hover{
 background-color:#808080;
}

#navi form{
margin-top:0;
margin-bottom:0;
margin-right:5px;
font-size:11px;
color:#FFFFFF;
text-align:right;
line-height:24px;
}
#navi input.search {
width: 150px;
background-color:#e0e0ee;
}
#navi input.search:focus {
background-color:#fff;
}
#navi:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
/* navi */

/* スペシャルテキスト広告 */
.sTxtPr{padding:0 5px 0 5px;clear:both;}
.sTxtPr dt{
font-size:0.6em;
color:#000055;
}
.sTxtPr dt a{text-decoration:none;}
.sTxtPr dd{
font-size:0.97em;
line-height:1.4;
}

div.pr{
clear:both;
text-align:center;
background-color:#dddddd;
padding-top:6px;
padding-bottom:6px;
color:#111111;font-size:0.9em;
width:100%;
margin-top:0;
margin-bottom:0;
}
div.pr a{
    color:#0000FF;
}
div.pr span.s{
    font-size:0.7em;
    color:#00004D;
}
div.pr a:hover{
    color:#FF0000;
}
div.path{
font-size:0.85em;
margin-top:1em;
margin-bottom:0;
}
div.path strong{
    font-style:normal;
    font-weight:normal;
}

table.contents{
    margin-top:15px;
}

/* mainSection */
#mainCon{
width:100%;
position:relative;
display:flex;
margin-top:1em;
}
#mainCon:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#mainSection{
width:83%;
max-width:635px;
float:left;
}
#side{
width:165px;
}
.sideOnOff{display:none; text-decoration:none; }
.sideOff{display:none;}

/* Footer */
#mainfooter{
width:100%;
border-top:solid 7px #363F3F;
}
#mainfooter ul{
margin: .5em auto;
font-size:13px;
list-style-type:none;
padding: 0;
text-align: center;
}
#mainfooter li{
display:inline;
padding:0;
line-height:120%;
margin:0 0.2em 0.3em 0.2em;
}
#mainfooter li a{
text-decoration:none;
border-bottom:1px dotted #69f;
}
#mainfooter li a:hover{
border-bottom:1px solid #f00;
}
address{
    font-size:11px;
    text-align:center;
    font-style:normal;
    font-weight:bold;
    padding-top:5px;
    color:#455;
}
address a{
    font-style:normal;
    text-decoration:none;
    color:#455;
}

/* Navi F */
#NaviF{
text-align:center;
margin-top:1em;
margin-bottom:1em;
font-size:0.85em;
}
#NaviF:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#NaviF li{
display:inline;
padding:0;
margin:0 0.3em 0 0.3em;
}
#NaviF a{
text-decoration:none;
}
#NaviF a:hover{
background-color:#ffcccc;
}
#NaviF abbr {
margin-right:0.5em;
font-style:italic;
}
#NaviF ul{ 
width:75%;
margin:auto;
}
#mae { float:left; }
#tugi{ float:right; }
#NaviF ol{
clear:both;
padding:0;
}
#NaviF em{
padding:0.3em;
border:solid 1px #000;
}


div.page{
    text-align:center;
    margin-bottom:10px;
}

div.s_cat{
    width:100%;
    margin-top:10px;
    margin-bottom:0;
    padding-bottom:0;
    border-top:solid 2px #363F3F;
    border-bottom:solid 2px #363F3F;
}
span.s_cat{
    background-color:#dddddd;
    padding-top:5px;
    padding-bottom:5px;
    color:#111111;
    font-size:0.8em;
    width:100%;
    margin-top:0;
    margin-bottom:0;
    padding-left:5px;
    padding-right:5px;
}
table.s_cat{
    margin-top:0px;
    margin-bottom:0;
    padding-bottom:0;
}
td.s_cat{
    padding-right:3em;
}
h2.s_cat{
    padding-top:0;
    padding-bottom:0;
    color:#111111;
    font-size:0.9em;
    margin-top:0;
    margin-top:0.6em;
    margin-bottom:0.6em;
    font-weight:normal;
}

/* select link */
#selectLink select{ height: 50px; font-size:100%; }
div#selectLink {margin:0;}

/* TOP Top */
#TopIndix{
padding:0;
margin:0;
background-image:url(ken.gif);
background-repeat:repeat-y;
background-position:right;
}
#TopButtonB{
margin:0;
padding:1em 0 0 0;
float:none;
width:100%;
}
#TopButtonB div {float:left;width:30%;margin:0 0 5px 5px;text-align:center;}
#TopButtonB img{
margin:0 auto;
padding:0;
width:100%;
max-width:100px;
max-height:100px;
min-width:50px;
min-height:50px;
}
#TopButtonB p {font-size:.8em;}
#TopButtonB a {text-decoration:none;}

.buttonBan p {font-size:.8em;}
.buttonBan a {text-decoration:none;}
.buttonBan div {
float:left;
width:110px;
margin: 0 0 5px 5px;
text-align: center;
}

/* top cate v2 */
.topCate{
width:45%;
float:left;
margin-top:.5em;
margin-left:2%;
margin-right:2%;
overflow:hidden;
text-overflow:ellipsis;
}
.topCate h1 {
background-color:transparent;
padding:0;
font-size:15px;
font-weight:bold;
margin-bottom:0.3em;
margin-left:2px;
text-align:left;
text-align:unset;
width: auto;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
height: 1.26em;
}
.topCate h1::before {
content:"\1f4c1";
margin-left:.2em;
}
.topCate h1 {
}
.topCate p {
padding-bottom:0;
padding-top:0;
font-size:13.5px;
font-weight:normal;
margin-bottom:1em;
margin-top:0px;
line-height:170%;
}
.topCate p a,h1 a {
text-decoration:none;
margin-right:0.5em;
border-bottom:1px dotted #69f;
}
.topCate p a:hover,h1 a:hover{
border-bottom:1px solid #f00;
color:#f00;
}
#KkTopTopRight{
text-align:center;
width:45%;
float:left;
margin-top:.5em;
margin-left:2%;
margin-right:2%;
}

/* old */
/* Top Category */


#TopMobile{
display:none;
}

#AdTopTopRight{
width:100%;
text-align:center;
margin-top:1em;
}

#TopGad23460{
    padding-bottom:0;
    padding-top:0;
    margin-top:1em;
}

/* Keyword Cloud */
#TopKwc{
border:solid 1px #888;
margin-bottom:10px;
padding:8px;
}
#TopKwc h2{
background-color:#e8e8e8;
margin-top:0;
margin-bottom:0.3em;
padding-left:0.5em;
font-size:11pt;
}
#TopKwc h2 a{
text-decoration:none;
color:#000000;
font-style:normal;
}
#TopKwc p {
font-size:13px;
margin-top:0.1em;
margin-bottom:0.1em;
margin-left:1em;
margin-right:0.5em;
}
#TopKwc a{
text-decoration:none;
}
#TopKwc ul {
margin:0;
padding:0;
}
#TopKwc li {
display:inline;
padding:0 0.5em;
line-height:1.1;
}


/* Yougo */
.yougo {
font-size:15px;
list-style: none;
padding-left: 1em;
margin-left: 0;
}
.yougo dfn {
font-style:normal;
font-size:18px;
font-weight:700;
}
.yougo li {
font-size:16px;
line-height:140%;
}
.yougo li:before {
content: "\1f58b";
margin-right: .3em;
}

/* End */
#end {
margin-top:2em;
margin-bottom:5em;
}
#end strong {
border-bottom:solid 5px #f00;
}
#end p {
line-height:150%;
}

/* Keyword Cloud */
#kwc{
margin-left:5px;
margin-right:5px;
margin-bottom:1em;
}
#kwc a{
text-decoration:none;
}
#kwc ul {
margin:0;
padding:0;
}
#kwc li {
display:inline;
padding:0 0.5em;
line-height:1.1;
}

#mmText{
}

#mmBanTop{
margin:0 auto;
margin-bottom:18px;
max-width:450px;
width:100%;
}


#mmBn ul{
margin:1em;
padding:0;
font-size:0.85em;
list-style-type:none;
}
#mmBn li{
margin:1px;
padding:0;
}

#LinkFree {
padding-top:20px;
padding-bottom:10px;
}
#LinkFree p {
margin-top:0;margin-bottom:0;padding-top:0;padding-bottom:0;
font-size:9pt;
}

#RSS div {
width:100%;
font-size:15px;
}
#RSS dl {
margin-bottom:1.5em;
margin-left:8px;
}
#RSS dt {
color:#333;
font-weight:600;
font-size:1.08em;
letter-spacing:0.1em;
}
#RSS dd {
font-size:0.95em;
}
#RSS li {
padding:0;
margin:0 0 0.5em 0;
font-size:1em;
}

.t1t2{
font-size:13px;
white-space: nowrap;
}
.t1t2 a{
text-decoration:none;
font-style:normal;
font-size:13px;
white-space: nowrap;
}

#CateList{
font-size:12px;
border:solid 1px #888;
width:100%;
margin:0;
}
#CateList p{
text-align:center;
background-color:#e8e8e8;
margin-top:0;
margin-bottom:0;
padding-top:0.2em;
padding-bottom:0.2em;
font-size:14px;
width:100%;
}
#CateList ul{
padding-left:0.5em;
margin-left:0;
margin-top:0.5em;
margin-bottom:0.5em;
text-align:left;
list-style-type:none;
}
#CateList li{
margin-bottom:0.5em;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#CateList li::before {
content: "\1f4c1";
margin-right: .2em;
}
#CateList li ul {/* lower dir */
padding-left:1em;
}

#PrL{
clear:both;
background-color:#dddddd;
padding-top:3px;
padding-bottom:3px;
width:100%;
margin-top:0;
margin-bottom:0;
height:30px;
display:flex;
flex-wrap:nowrap;
justify-content:space-between;
align-items:center;
}
#PrLL{
/* float:left;
margin-top: 1px; */
margin-left:10px;
text-align:center;
font-size:1em;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
/* width:50%; */
letter-spacing: 0.05em;
}
#PrLL a{
color:#0000FF;
padding-left:0.7em;
padding-right:0.7em;
}
#PrLL a:hover{
color:#FF0000;
}
#PrLL span{
font-size:0.7em;
color:#00004D;
}
#PrLR{
/* float:right; */
margin-right:10px;
white-space:nowrap;
}
p#info{
clear:both;
font-size:15px;
line-height:150%;
margin-left:1%;
margin-right:1%;
width:98%;
}
#info small{
font-size:8pt;
color:red;
vertical-align:super;
}
dl#info{
clear:both;
font-size:15px;
line-height:150%;
margin-top:1em;
margin-bottom:2em;;
}
#info dt{
font-weight:600;
font-size:1.05em;
letter-spacing:0.1em;
}

/* AD */
#A336x280{
margin-top:0.5em;
margin-bottom:1em;;
margin-left:1em;
}

#KkInList {
text-align: center;
width:100%;
clear:both;
overflow: hidden;
}
#KkInListA {
text-align: center;
width:100%;
clear:both;
overflow: hidden;
}
#KkKanren {
text-align: center;
width:100%;
clear:both;
overflow: hidden;
}

.adlantis_sp_unit {
text-align:center;
width:100%;
clear:both;
overflow: hidden;
}
.adlantis_sp_unit div div{
text-align:center;
width:100%;
clear:both;
}

.KkGNIFeventList{
text-align: center;
width:100%;
clear:both;
overflow: hidden;
margin:3em 0;
border-bottom:double 3px #999;
}

#KkPcSideTu {
position: sticky;
position: -webkit-sticky;
top: 0;
margin-left: 7px;
}

/* -------- */
/* works */
#worksBox0{
width:100%;
font-size:15px;
}
#worksBox1{
width:100%;
}
#worksNoin{
width:58%;
text-align:center;
float:left;
overflow:hidden;
text-overflow:ellipsis;
}
#worksNoin h3{
width:100%;
text-align:center;
background-color:#ddd;
padding-top:0.3em;
padding-bottom:0.3em;
margin-top:0.2em;
margin-bottom:0.2em;
color:#000;
font-size:16px;
letter-spacing:0.2em;
}
#worksNoin h4{
letter-spacing: 0.2em;
}
#worksNoin strong{
width:100%;
font-size:1em;
}
div#worksNoinImg{
margin-right:auto;
margin-left:auto;
width:140px;
height:140px;
border:solid 1px #00f;
text-align:left;
}
#worksInMobAd {
margin-right:auto;
margin-left:auto;
width:100%;
text-align:center;
}
#worksData{
width:38%;
float:right;
padding-left:1%;
border-left:dotted 1px #0ff;
}
#worksData a{
text-decoration:none;
}
#worksData h3{
font-size:1em;
text-align:center;
margin-top:1em;
}
#worksData dt{
font-size:0.9em;
margin-top:1em;
font-weight:bold;
padding:0.1em;
letter-spacing:0.15em;
border-left:solid 0.8em;
border-color:#bbb;
}
#worksData ul{
margin:0;
padding:0;
}
#worksData li{
font-size:0.9em;
line-height:1.3em;
margin-bottom: 0.5em;
}
#worksBox2 {
clear:both;
}
.worksImg {
width:140px;
height:140px;
margin:5px;
border:solid 1px #0ff;
float:left;
}
#worksBox3 {
clear:both;
margin-left:8px;
}
#worksBox3 h2{
font-size:1em;
margin:0.5em;
}
#worksInfo {
clear:both;
margin-top:0;
font-size:0.8em;
text-align:center;
}
#worksNav {
clear:both;
font-size:1.1em;
}
ul#worksNav{
list-style-type:none;
margin:1.5em 0 2em 0;
padding:0;
display: flex;
flex-wrap: nowrap;
justify-content: center;
align-items: center;
}
#worksNav li{
margin:0 .5em 0 .5em;
padding-top:0;
padding-bottom:0;
display:inline;
}
#worksNav li a{
text-decoration: none;
}
#worksNav li small{
vertical-align: super;
font-size: .75em;
}

.EditWorks {
padding:.5em;
width: 11em;
background-color:#f7f7f7;
border: 2px solid #ccc;
border-radius: 15px;
margin-top:1em;
}
.EditWorks:hover {
background-color:#eee;
}

.EditData {
padding:.5em;
width: 10em;
background-color:#f7f7f7;
border: 2px solid #ccc;
border-radius: 15px;
margin-top:1em;
text-align:center;
}
.EditData:hover {
background-color:#eee;
}


/* Event */
#eventNavi {
font-size:13px;
}
ul#eventNavi {
list-style-image:url(bimg/cate_arrow.gif);
list-style-position:inside;
margin:1.5em 0 2em 0;
padding:0;
}
#eventNavi ul{
list-style-type:none;
margin:0;
padding:0 0 0 1em;;
}
#eventNavi li{
margin-bottom:0.5em;
}
#eventNavi em {
font-size:1.05em;
font-weight:bold;
}

#eventListVol2 {
font-size:13px;
width:100%;
}

/* old */
#eventList {
font-size:13px;
width:100%;
}
/* old */

.eventList {
clear:both;
border-bottom:double 3px #999;
margin:3em 0;
overflow: hidden;
width:100%;/* リスト中AD都合 */
position:relative; /* 全体リンクの為 */
z-index:1;
}
/* CSS professional p254 */
.eventList article:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.eventList a {
position: relative; /* 全体リンク回避 普通リンク */
z-index: 3;
}
.eventList h1{
text-align: left;
text-align: unset;
background: #FFF;
background: unset;
padding: unset;
font-size: 1.05em;
font-weight: 600;
letter-spacing: 0.1em;
}
.eventList div {
overflow: hidden;
padding-right: 1em;
}
.eventListUrl {
text-align:right;
margin-right:1em;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
/* old */
#eventList div {
clear:both;
border-bottom:double 3px #999;
margin:3em 0;
width:100%;/* リスト中AD都合 */
}
/* CSS professional p254 */
#eventList div:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
/* old */

#KkInListA div{
border-style: none;
}

#eventMon select{ height: 50px; font-size:100%; }
div#eventMon {
border-bottom:none;
margin:0;
}

#eventList dl {
overflow:hidden;
}
#eventList dt {
font-weight:600;
font-size:1.05em;
letter-spacing:0.1em;
}
#eventList dd {
margin:0.5em 0 0.5em 2%;
padding:0;
width:98%;
}
.eventListCate {
margin-bottom:1em;
font-size:0.9em;
}
.eventListCate a {
text-decoration:none;
color:#00F;
}

#eventOne {
font-size:15px;
padding-right:3px;
}
#eventOne dt {
font-weight:600;
font-size:1.08em;
}
#eventOne dd {
margin:0.5em 0 0.5em 1em;
padding:0;
}
#eventOne img {
width:100%;
max-width:555px;
height:auto;
}
/* ※文字は投稿フォームと同じサイズに */
#eventOne p {
font-size:14px;
font-family:monospace;
padding-left:1.5em;
}
#eventText{
line-height:150%;
}

#eventText p {
overflow:hidden;
text-overflow:ellipsis;
}
#AdInEvent{
margin:0 0 0 14px;
}
#eventFooterBox{
clear:both;
margin-top:15px;
}
#eventFooterBox:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
#eventFooterBoxL{
width:340px;
float:left;
}
#eventNewTitle{
width:350px;
float:right;
font-size:14px;
}
#eventNewTitle ul{
margin:1em 0 0 0;
padding:0 0 0 1em;
}
#eventInquiry{
margin-bottom:5em;
width:100%;
}
#eventInquiry input{width:50%;}
#eventInquiry textarea{width:90%;}

#magYahoo{
font-size:12px;
text-align:center;
}

#cattools {
width:100%;
font-size:.9em;
text-align:right;
}
#cattools span::before {content: "\1f58a";margin-right:.3em;}

/* Pan Kuzu */
#pankuzu{
font-size:14px;
}
#pankuzu ol{
margin:0 0 0 0;
padding:0;
}
#pankuzu li{
display:inline;
line-height:110%;
list-style-type:none;
}
#pankuzu a {
text-decoration:none;
color:#00f;
}
#pankuzu a:hover {
color:#f00;
}

#rankingA, #jobLinkA, #cateLinkA {
width:100%;
font-size:13px;
text-align:right;
}
#rankingA a, #jobLinkA a, #cateLinkA a{
text-decoration: none;
margin-right: 1em;
}

#rankingA a span{
font-size: 1.5em;
}

#jobLinkB a{
text-decoration: none;
margin-left: 1em;
}

#cateLinkB {
margin-top:3em;
}
#cateLinkB a{
text-decoration: none;
margin-left: .5em;
}

/* img Box */
#ImgBox {
clear:both;
width:100%;
}
#ImgBox hr {
clear:both;
border-width:1px 0px 0px 0px;
border-style:dashed;
border-color:#eee;
height:1px;
}
.kenkenImgBox {
overflow:hidden;
text-overflow:ellipsis;
width:18.5%;
max-width:140px;
height:226px;
margin:0 5px 5px 0;
padding:0;
border:solid 1px #5e8eab;
float:left;
font-size:12px;
}
.kenkenImgBox img {
max-width: 100%;
height: auto;
}
.kenkenImgBox dl {
margin:0;
padding:0;
}
.kenkenImgBox dt {
color:#5e8eab;
font-size:1.1em;
letter-spacing:0.1em;
}
.kenkenImgBox dd {
margin:0;
padding:0;
}

/* list */
.ctit {
font-style:normal;
font-size:16px;
}
.cdes {
font-size:14px;
line-height:140%;
}
.curl {
text-decoration:none;
color:#888;
font-style:normal;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
width:80%;
display: block;
}
.cacheArw {font-size:smaller;}
.cacheArw a {text-decoration:none;}

/* Cache */
#Cache:after {
content:".";
display:block;
height:0px;
clear:both;
visibility:hidden;
}
#Cache h3{
font-size:15px;
padding:0;
margin:1em 0 0.5em 0;
}
#Cache dl {
margin:0;
padding:0;
}
#Cache dt {
color:#455;
font-size:0.85em;
font-weight:bold;
}
#Cache dd {
margin:0 0 0.3em 0;
padding:0 0 0 1em;
}

#cacheBoxL{
float:left;
font-size:15px;
border-right:solid 1px #000000;
padding:0 5px 0 5px;
width:66%;
}
#cacheBoxL ul {
font-size:0.8em;
padding-left: 1.5em;
}
#cacheBoxR{
float:right;
font-size:13px;
padding:0 5px 0 5px;
width:26%;
overflow:hidden;
text-overflow:ellipsis;
}
p#cacheNote {
font-size:0.8em;
border:double 3px #f77;
padding:0.25em;
}
#cacheBoxR ul{
margin:0;
padding:0 0 0 1em;
font-size:0.85em;
}
#cacheBoxR li{
margin:0;
padding:0;
}
#cacheBoxR a{
text-decoration:none;
font-style:normal;
}

#PageInfo{
clear:both;
width:98%;
font-size:12px;
margin:0 1% 8px 1%;
}
#PageInfo dd {
margin:0;
padding:0 0 0 1em;
}

/* 文書中の広告 */
#ad_1215 {
float:right;
}

/* トピックス */
#topic{
margin:0 1% 1em 1%;
width:98%;
font-size:13px;
}
#topic img{
float:left;
padding-right:7px;
width:30%;
height:auto;
max-width:150px;
max-height:100px;
}
#topic dl{
margin:0;
padding:0;
}
#topic dt{
margin-top:1em;
padding:0;
font-size:1.25em;
color:#363F3F;
font-weight:900;
}
#topic dd{
margin:0.3em 0 0 0;
padding:0 0 0 1em;
}
#topic a{
text-decoration:none;
border-bottom:1px dotted #69f;
}

/* Top Tab */
#UnderBox {
clear:both;
width:100%;
}
#AdTabSide {
float:right;
width:27%;
}
#AdTabSide ul{
list-style-type:none;
margin:8px 0 3em 0;
padding:0;
}
#AdTabSide li{
margin:0 0 0.5em 0;
padding:0;
color:#FFFFFF;
background-color:#363F3F;
border-bottom:solid 1px #fff;
text-decoration:none;
text-align:left;
width:100%;
line-height:2em;
}
#AdTabSide a{
padding-left:5%;
font-size:1.3em;
color:#fff;
text-decoration:none;
display:block;
width:95%;
}
#AdTabSide a:hover{
color:#ff0;
font-weight:bold;
}
#AdTabSide li:hover{
background-color:#575;
color:#ff0;
}

#TabContainer{
width:67%;
float:left;
margin:8px 0 8px 0;
overflow:hidden;
}
#TabContainer h2{
text-align:center;
background-color:#dddddd;
padding-top:0.5em;
padding-bottom:0.5em;
margin:0;
color:#000;
font-size:15px;
letter-spacing:0.2em;
width:100%;
display:none;
}
ul.tab{
padding:0;
margin:0;
}
ul.tab li{
list-style-type:none;
width:25%;
height:40px;
float:left;
margin:0;
padding:0;
font-size:12px;
overflow:hidden;
white-space:nowrap;
text-overflow:ellipsis;
}
ul.tab li a{
outline:none;
/*background:url("./bimg/tab.jpg");*/
display:block;
color:blue;
line-height:40px;
text-align:center;
background-color:#E9EEF4;
border:1px solid #9FB7D4;
}
ul.tab li a.selected{
/*background:url("./bimg/tab_selected.jpg");*/
background: linear-gradient(#E9EEF4, #FFFFFF);
text-decoration:none;
color:#333;
cursor:default;
border-bottom:none;
}
ul.panel{
clear:both;
border:1px solid #9FB7D4;
border-top:none;
padding:0;
margin:0;
}
ul.panel li{
list-style-type:none;
padding:10px;
text-indent:1em;
color:#333;
}

.TabOne{
font-size:14px;
position: relative;
max-height: 500px;
overflow: hidden;
text-overflow: ellipsis;
}
.TabOne dt a{
font-weight:600;
font-size:1.2em;
text-decoration:none;
}
.TabOne em {
font-weight:600;
font-size:1.3em;
color:#777;
}
.TabOne .ymd {
font-size:0.95em;
font-weight:600;
color:#555;
}
.TabOne p{
font-size:0.95em;
line-height: 1.2;
}
.TabTitle{
background-color: #fff;
}
.TabTitle a{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
font-size: 11px;
text-decoration: none;
background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 90%, rgba(255,255,255,1) 100%);
}

/* Top Tab */


#TopImg {
clear:both;
margin-top:10px;
margin-bottom:10px;
border:solid 1px #888;
}
#TopImg h2{
background-color:#e8e8e8;
margin:0;
padding-left:0.5em;
font-size:11pt;
}
#TopImg p{
font-size:12px;
margin-top:0;
max-height:5em;
overflow:hidden;
text-overflow:ellipsis;
}
#TopImgTab {
width:100%;
}
#TopImg ul {
margin:0;
padding:0;
text-align:right;
}
#TopImg li {
display:inline;
padding-right:0.5em;
font-size:12px;
}

/* TOP mBox */
#mBox {
clear:both;
width:100%;
margin-top:0;
margin-bottom:10px;
}
#mBox:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
#mBoxR {
float:right;
width:47%;
min-width:337px;
padding-top:5px;
border-top:solid 1px #888;
margin-bottom:15px;
}
#mBoxR iframe{
margin-top:10px;
margin-bottom:10px;
}
#mBoxL {
float:left;
width:48%;
margin-bottom:10px;
}


/*  */
#Starchitect dl {
margin-left:1em;
margin-right:1em;
line-height: 1.4;
}
#Starchitect dt {
margin-top:1em;
letter-spacing: 0.1em;
}
#Starchitect dd {
font-size:0.9em;
}

/* ranking */
#rankingNavi {
font-size:12px;
}
#rankingNavi ul{
list-style-image:url(bimg/cate_arrow.gif);
list-style-position:inside;
margin:1.5em 0 2em 0;
padding:0;
}
#rankingNavi ul{
list-style-type:none;
margin:0;
padding:0 0 0 1em;;
}
#rankingNavi li{
margin-bottom:0.4em;
text-transform:capitalize;
}
#rankingNavi h3{
margin-bottom:0.4em;
}
#rankingNavi h4{
margin-bottom:0.4em;
}

#mmTvUnAd{
margin:0;
}


.rank1 {
margin-right:0.5em;
color:gold;
font-size:1.6em;
}
.rank2 {
margin-right:0.5em;
color:silver;
font-size:1.4em;
}
.rank3 {
margin-right:0.5em;
color:brown;
font-size:1.2em;
}

/* wRecBox */
#wRecBox {
clear:both;
width:100%;
margin-top:0;
margin-bottom:10px;
}
#wRecBox iframe{
margin-top:10px;
margin-bottom:10px;
}
#wRecBox:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
#wRecBoxR {
float:right;
width:48%;
margin-bottom:10px;
}
#wRecBoxL {
float:left;
width:48%;
margin-bottom:10px;
}

/* AdLink */
#AdLinkUp { /* old */
clear:both;
width:100%;
text-align:center;
margin-bottom:5px;
overflow:hidden;
}
#KkLinkUp { /* old */
clear:both;
width:100%;
text-align:center;
margin-bottom: 5px;
overflow:hidden;
}
.KkLinkA{
clear:both;
width:100%;
text-align:center;
margin-bottom:3px;
margin-top:3px;
overflow:hidden;
}
.KkLinkB{
clear:both;
width:100%;
text-align:center;
margin-bottom:3px;
margin-top:3px;
overflow:hidden;
}
#AdLinkSide{ /* old */
overflow:hidden;
}
#KkLinkSide{
clear:both;
overflow:hidden;
}
#KkLinkSide ins.adsbygoogle {
width: 120px; height: 300px;
}
#AdLink {
clear:both;
width:100%;
text-align:center;
overflow:hidden;
}
#AdLink:after {
display:block;
clear:both;
height:0px;
visibility:hidden;
content:".";
}
#AdLinkBoxL {
float:right;
width:48%;
text-align:center;
}
#AdLinkBoxR {
float:left;
width:48%;
text-align:center;
}

#reviewF {
margin:30px 0 30px 0;
background-color: #E5F2F7;
padding: 8px;
border-radius: 5px 5px 0px 0px;
border: 1px solid #E1E8ED;
}
#reviewF img{
float:left;
width:50px;
margin: 0 7px 7px 0;
}
#reviewF textarea {
width:97%;
padding:0 1% 0 1%;
margin:3px 0px;
}
#reviewF .submit{
float:right;
margin:10px 0;
height:50px;
font-size:16px;
padding:.5em;
}
.review {
margin:0 0 1em 0;
}
.review img{
float:left;
width:50px;
margin: 0 7px 7px 0;
}
.reviewRightBox {
overflow:hidden;
}
.review p{
margin:3px 0 3px 0;
overflow:hidden;
line-height:1.3;
}
#reviewWorksImg figure{
display: block;
margin:0 0 1em 0;
max-width:140px;
}
#reviewWorksImg figure img{
width:auto;
max-width:140px;
height:auto;
}
#reviewWorksImg figcaption{
width:90%;
}

#LogIn {}
#LogIn img{ border-style:none; }
#LogInBox {
border: 2px solid #555;
max-width: 330px;
width:80%;
padding: 8px;
margin: 50px auto;
text-align: center;
}

.kuchikomi_like_button {
border-radius: 0px;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: medium none;
box-sizing: border-box;
cursor: pointer;
background-color: #fff;
}
.likeHand {
font-size: 20px;
}
.kuchikomi_like_button_sanko {
font-size: small;
margin-left: 1em;
}

.website_like_button {
border-radius: 0px;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: medium none;
box-sizing: border-box;
cursor: pointer;
background-color: #fff;
}
.likeHeart {
font-size: 20px;
}
.likeButton {
border-radius: 0px;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: medium none;
box-sizing: border-box;
cursor: pointer;
background-color: #fff;
}
.likeButtonPick {
z-index:6;
position:absolute;
bottom:0;
background-color: #fff;
width: 100%;
}

/*Category*/
.WorksImg {
margin-left: 38px;
}
.WorksImg a img {
margin-right: 3px;
}

.ogImg {
max-width:100%;
max-height:150px;
overflow:hidden;
}
.ogImg img {
max-width:100%;
max-height:150px;
}

.cate_dis_button {
border-radius: 0px;
-webkit-box-sizing: content-box;
-webkit-appearance: button;
appearance: button;
border: medium none;
box-sizing: border-box;
cursor: pointer;
background-color: #fff;
width:100%;
}

#eventBox{
border:dotted 1px #8888a5;
font-size:13px;
padding:0.5em 1em;
margin-left:45px;
margin-right:10px;
}
.eventBox{
}
.eventBox dt a{
font-weight:600;
font-size:1.08em;
letter-spacing:0.3em;
text-decoration:none;
}
.eventBoxCom{
margin-bottom:1em;
}
.eventBoxYmd{
font-size:0.95em;
color:#555;
}
.eventBoxA{
margin-top:0.3em;
font-size:0.85em;
}
.eventBoxA a{
text-decoration:none;
}

#InfoBox {
border:1px solid #ddd;
background-color:#FFFCE6;
}

#InfoBox h1{
text-align:left;
background-color:#BFBDAC;
padding-left:1em;
padding-top:0.5em;
padding-bottom:0.5em;
color:#111111;
font-size:17px;
width:61%;
margin-top:0;
margin-bottom:0;
}
#SCate {
width:100%;
font-size:13px;
}
#SCate p {
margin:0.5em;
}
#SCate ul {
float:left;
text-align:left;
padding-left:2.5em;
list-style-type: none;
}
#SCate li {
margin-bottom:0.3em;
margin-left: -1.5em;
}
#SCate h2 {
font-size:14px;
font-weight:500;
margin:0;
}
#SCate h2::before {content:"\1f4c1";}
#SCate h2 a {
font-weight:500;
text-decoration:none;
color:#00f;
margin-left:.5em;
}
#SCate h2 a:hover {
border-bottom:1px solid #00f;
color:#00f;
background-color:#ffd;
}

#TownC {
clear:both;
background-color:#F0E6FF;
padding:10px;
margin:10px;
}
#TownC a{
text-decoration:none;
}
#TownC ul {
margin:0;
padding:0;
}
#TownC li {
display:inline;
padding:0 0.5em;
line-height:1.1;
}
#TownC p.path{
font-size:0.8em;
padding-bottom:0.3em;
margin-bottom:0.3em;
border-bottom:solid 1px #787380;
}

#SearchCateBox h2 {
 margin-left: .5em;
 margin-bottom: .5em;
}
#SearchCateBox ul {
 padding: 0;
 margin-left: .5em;
}
#SearchCateBox li {
 list-style-type: none;
 float: left;
}
#SearchCateBox li a {
 text-decoration: none;
 margin-right: .1em;
 margin-left: .5em;
}
#SearchCateBox ul > li:not(:last-child)::after { content: ","; }

/* category 内 クチコミ */
.reviewInCa{
position:relative;
margin-left: 5%;
font-size: 14px;
margin-top: 0.5em;
margin-bottom:1em;
}
.reviewInCaA {
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
text-indent: -5%;
font-size:11px;
}
.reviewInCaA:hover{
    background-color:#FFF;
    filter:alpha(opacity=50);
    -moz-opacity: 0.5;
    opacity: 0.5;
}
.reviewInCa dl{
overflow: hidden;
}
.reviewInCa dt {color: blue;}
.reviewInCa dd {
margin: 0;
padding: 0;
}
.reviewInCaComment {
max-height:2em;
overflow:hidden;
text-overflow:ellipsis;
}
.reviewInCaFace{
float:left;
width:50px;
margin: 0 7px 7px 0;
}
.reviewInCaHoshi {width: 80px;}
/* 都道府県テーブル */
#KenTa table{
width:100%;
text-align:center;
font-size:11px;
}
#KenTa td{
font-size:11px;
text-align:center;
}
#T1All {
font-size:1.3em;
letter-spacing:0.6em;
}
#KenTa a{
text-decoration:none;
display:block;
width:100%;
}
#KenTa a:hover{
background-color:#F9Bf9F;
}
#KenTa em {
font-style:normal;
font-weight:600;
font-size:15px;
}
#infoAdd {
text-align:center;
font-size:0.85em;
}
#infoAdd a{
text-decoration: none;
display: block;
background: -moz-linear-gradient(top,#FFF 0%,#CCC);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CCC));
border: 1px solid #CCC;
color: #111;
width: 150px;
padding: 10px 0px;
margin: auto;
font-weight: bold;
text-align: center;
font-size: 13px;
}
#kenMobile{display:none;}
#AdMobileFooter{display:none;}
#AdMobileInList{display:none;}

/* job */
.job_cate_motto_button {
width: 100%;
height: 50px;
font-size: 30px;
margin-bottom: 1em;
}
#jobNavi {
font-size:12px;
}
#jobNavi ul{
list-style-image:url(bimg/cate_arrow.gif);
list-style-position:inside;
margin:1.5em 0 2em 0;
padding:0;
}
#jobNavi ul{
list-style-type:none;
margin:0;
padding:0 0 0 1em;;
}
#jobNavi li{
margin-bottom:0.4em;
text-transform:capitalize;
}
#jobNavi h3{
margin-bottom:0.4em;
}
#jobNavi h4{
margin-bottom:0.4em;
}
.jobBbsFace {
float:left;
margin-right:5px;
max-width:50px;
}
#jobBbsF{
margin-top: 1em;
margin-bottom: 1em;
background-color: #eeeeff;
border: 1px solid #e1e8ed;
}
#jobBbsFcomment,#jobBbsFtitle,#jobBbsFurl{
width: 95%;
max-width: 500px;
}
#jobBbsFcomment{
line-height: 1.4;
}
#jobBbsF .submit{
min-height: 40px;
min-width: 40px;
letter-spacing: 0.3em;
}
#jobBbsFRightBox {
overflow: hidden;
}
.jobBbsCon {
overflow: hidden;
margin-bottom: 1em;
margin-top: 1em;
border-bottom: solid 1px #999;
padding-bottom: 1em;
}
.jobBbsCon h1{
text-align: left;
background-color: white;
padding: 0;
margin-top: .5em;
margin-bottom: .5em;
color: #000;
font-size: 1em;
letter-spacing: 0.2em;
width: 100%;
}
.jobBbsCon address{
font-size: 0.8em;
text-align: right;
font-style: normal;
font-weight: unset;
padding-top: 5px;
color: black;
}
.jobBbsCon p {
line-height: 1.4;
}
.jobBbsConRightBox {
overflow: hidden;
}
.jobBbsIma {
width:100%;
}

/* pick */
.pickCon {
overflow:hidden;
text-overflow:ellipsis;
margin-bottom:1em;
margin-top:1em;
border-bottom:solid 1px #999;
padding-bottom:1em;
position: relative;
z-index:1;

width:45%;
height:500px;
margin-right:3%;
float:left;
}
.pickCon a{
position: relative; /*「別リンク」は普通に配置するため */
z-index: 5; /* リンク要素の重なり順を上にするため */
}
a.pickConA{
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
z-index: 2;
}
.pickFace {
float:left;
margin-right:5px;
max-width:50px;
}
.pickConRightBox {
overflow: hidden;
}
.pickConRightBox p {
line-height:1.35em;
font-size:.95em;
}
.pickImgBox img {
max-width:100%;
}
.pickOgBox{
font-size:0.9em;
position: relative;
overflow: hidden;
z-index:3;
}
.pickOgBox a{
position: absolute;
top: 0;
left: 0;
width:100%;
height:100%;
z-index: 4;
}
.pickOgBox p a{
position: relative; /*「別リンク」は普通に配置するため */
z-index: 5; /* リンク要素の重なり順を上にするため */
}

/* tag */
.tag_motto_button {
width: 100%;
height: 50px;
font-size: 30px;
margin-bottom: 1em;
}

/* pref */
.pref_motto_button {
width: 100%;
height: 50px;
font-size: 30px;
margin-bottom: 1em;
}

.jqSelect select{
height: 50px;
font-size:100%;
border-color:#00f;
background-color:#fff;
margin:0.5em 1em;
}

#archiTv h1{
text-align:left;
background-color:#fff;
padding:1em 0 0 0;
}
#tvProgram{
font-size:13px;
position:relative;
max-height:300px;
overflow:hidden;
text-overflow:ellipsis;
margin-left:3em;
border-left:solid 1px #555;
padding-left:1em;
}
#tvProgramCover{
position:absolute;
top:0;
left:0;
width:100%;
height:100%;
font-size:11px;
text-decoration:none;
background:linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 90%, rgba(255,255,255,1) 100%);
}

#SearCate ul{
list-style: none;
padding-left:1em;
}
#SearCate li::before {
content:"\1f4c1";
}
#SearCate li a{
margin-left:.3em;
}
.trend select{
width: 80%;
margin: 0 9%;
height: 45px;
font-size: 20px;
border-color:#00f;
background-color:#fff;
}

.aboutSns {
display: flex;
overflow: hidden;
}
.aboutSns div:first-child{
margin:1em;
}

/* twitter */
/* iframe.twitter-share-button { width: 111px!important; } */

/* google +1 */
/* #___plusone_0{ width:65px !important; } */

@media screen and (max-width:1000px){
#shareBottomLeft{display:none;}
}/* 1000 */

/* full */
@media screen and (max-width:800px){
#mainCon {
display:block;
display:block !important;
}
#side{
width:16.3%;
float:right;
max-width:180px;
min-width:120px;
}
#KkPcSideTu {display:none;}
}/* 800 */

@media screen and (max-width:740px){
.mob{display:block;}
#hMobile{display:block;}
#PrL{display:none;}
.topCate{margin-top:1em;}
.disOnPc{display:none;}
#shareBottomLeft{display:none;}
#mBox{display:none;}
#TopImg{display:none;}
#wRecBox{display:none;}
#AdMobileInList{display:block;text-align:center;}
#AdMobileFooter{display:block;text-align:center;}
#TopMobile{display:block;}
#TopMobileSearch {
width:75%;
margin:15px auto;
padding:0;
}
#TopMobileSearch input[type="search"]{
width:66%;
height:50px;
font-size:100%;
}
#TopMobileSearch input[type="submit"]{
width:27%;
height:50px;
font-size:100%;
}

#mainSection{
width:100%;
max-width:620px;
float: none;
}
#side{display:none;}
#side{ position:absolute; top:0; right:0; background-color:#fff; z-index:5; border:solid 1px #888;}/* animate you */
.sideOnOff{display:inline;}
.sideOff  {display:block;}
#kenTable{display:none;}
#eventFooterBoxL{
float:none;
text-align:center;
width:100%;
}
#eventNewTitle{display:none;}
#kenMobile{display:block;}
#kenMobile select{
height:50px;
font-size:100%;
border-color:#00f;
background-color:#fff;
margin:0.5em 1em;
}
#worksInMobAd{display:none;}
.siteTitle{margin-left: 0.5em;}
#mainfooter li{
font-size:15px;
argin:.3em;
line-height:1.5em;
}

}/*740*/

@media screen and (max-width:600px){
#navi form {display:none;}
/*#UnderBox {display:none;}*/
#TopIndix {float:none;width:100%;border-left:none;}

#TabContainer{float:none;width:100%;}
#TabContainer h2{display:block;}
#AdTabSide{float:none;width:90%;margin:0 auto;text-align:center;}
ul.tab li{font-size:11px;}
#navi {padding:0;}
#navi ul {width:100%;}
#navi li {
width:24.5%;
line-height:50px;
}
#navi li:nth-of-type(4){border-right: none}
.kenkenImgBox {width:24.5%;}
.pickCon {
width:100%;
height:auto;
margin-right:0;
float:none;
}
}/*600*/

@media screen and (max-width:480px){
#tip {display:none;}
#tip2 {display:none;}
#navi li {
width:49.5%;
border-bottom:solid 1px #ffffff;
}
#navi li:nth-of-type(2n){border-right: none}

ul.tab li{font-size:10px;}
.kenkenImgBox {width:30%;}
#NaviF ol {display:none;}
#cattools { margin: 1em auto; }
#worksNoin{
width:100%;
float:none;
}
#worksInMobAd{display:block;}
#worksData{
width:100%;
float:none;
padding-left:1%;
border-left:none;
border-top:dotted 1px #0ff;
}
#cacheBoxL {
width:98%;
float:none;
margin:0 1%;
padding:0;
border-right:none;
border-bottom:dotted 1px #000;
}
#cacheBoxR {
width:98%;
margin:0 1%;
float:none;
padding:0;
}
#reviewWorksImg figure {
float:left;
}
#InfoBox h1{
width:100%;
padding-left:0;
text-align:center;
}
}/*480*/

/* 上書き回避 優先順位上 */
a.overallA{
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
text-indent:-999px;
z-index: 2; /* 重なり順 大きい物が上 おや枠が1だから2 */
background: linear-gradient(rgba(255,255,255,0) 0, rgba(255,255,255,.3) 90%, rgba(255,255,255,1) 100%);
}

/* 作成：(有)建築情報 */