@charset "utf-8";

* {margin:0; padding:0;}
body {margin: 0; width:100%; color: #444; font-size:14px; font-size-adjust:none; font-style:normal; font-variant:normal; line-height:1.5em; font-family:Verdana, 'メイリオ', Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; background-color:#fef4fd;}

/***** common *****/
#content {background:#fff;}
.clear {clear:both;}
h1 {font-size:10px; font-weight:normal; margin:0; padding:0; padding-left:15px; display:block;}
h3 {background:#f158a9; color:#fff; text-shadow:1px 2px 4px #ba0063; font-size:1.8em; font-weight: bold; overflow: hidden; padding:13px 20px; margin:0; border-radius:5px;}
h3 span.glyphicon {margin-right:20px;}
h4 {font-weight:bold; font-size:130%; color:#dc660c; border-bottom:2px solid #fde8d7; padding:10px 10px 5px; margin:0 0 10px;}

a:not(.btn):link {text-decoration:none; color:#039;}
a:not(.btn):visited {color:#006; text-decoration:none;}
a:not(.btn):hover {text-decoration:underline; color:#c33;}

.note {color:#999; font-weight:bold; font-size:90%;}
h4 .note {font-size:9px; margin-left:30px;}
.required {font-weight:bold; color:#ff0000; font-size:95%; margin-left:3px;}

#loading {position:fixed; display:none; z-index:1040; top:0; left:0; bottom:0; right:0; background-color:rgba(255, 255, 255, 0.8); overflow:hidden;}
#loading img {width:48px; height:48px; position:relative; top:50%; left:50%;}
.imageListContent {margin:15px 0; padding:5px 0;}
ol {list-style-position:inside; margin-left:15px;}

.mainContent {}
.blankWrapper {background-color:#fff; margin:20px; padding:20px;}
.contentWrapper {background-color:#fff; padding:20px 0;}

/* for bootstrap */
.navbar-inverse .navbar-brand {font-size:25px; font-weight:bold; text-shadow:1px 1px 2px #e2e2ff; padding-top:10px;}
.alert-info {background-color:#efefef; border-color:#b3b3b3; color:#31708F;}
.alert-confirm {background-color:#d9edf7; border-color:#31708F; color:#31708F;}
.alert {padding:10px;}
a.btn-primary:link, a.btn-primary:visited, a.btn-primary:hover {color:#fff;}
.fas {margin-right:3px;}
/*a.btn:link, a.btn:visited {color:#fff;}*/
.btn:hover {text-decoration:none;}
.btn-primary {background-color:#f158a9; border-color:#ef2391;}
.btn-primary:hover {background-color:#c2002a; border:1px solid #c5004c;}
.btn-outline-primary {border-color:#f158a9;}
.btn-outline-primary:hover {background-color:#c2002a; border:1px solid #c5004c;}
.btn-default:hover {color:#fff; background-color:#c2002a; border:1px solid #c5004c;}
.tab-content {background:#fff;}
.form-control::placeholder {color:#737373;}

/* header */
header {background-color:#f158a9; color:#fff;}
header a, header a:link, header a:visited, header a:hover {color:#fff; text-decoration:none;}
.navbar {}
.navbar-brand {font-weight:bold;}
.slogan {display:block; float:left; font-size:13px; margin:15px 15px 0; padding:0;}
header .navbar-nav {}
header #navbarNav a:link, header #navbarNav a:visited {color:#fff; text-decoration:none;}

/* footer */
footer {background-color:#f158a9; border-top:2px solid #fff; color:#fff; margin:25px 0 0; padding:15px 0;}
footer a {color:#fff !important; font-weight:bold;}
footer a:hover {color:#fff;}
footer li {list-style:none outside none; font-size:96%; line-height:1.9em; display:inline-block; margin-right:10px;}

/* top toggle ranking */
.topToggleRanking {border:1px solid #ddd; border-top:none; border-bottom-left-radius:8px; border-bottom-right-radius:8px; margin-bottom:13px; padding:7px;}
.topToggleRanking ul {margin:0; padding:0;}
.topToggleRanking li {display:inline-block; margin-right:3px;}
.topToggleRanking a {padding:3px 1px;}
.topToggleRanking a:hover {background-color:#c2002a; color:#fff;}
li.latestNews {margin-left:10px; margin-top:10px; font-size:90%; vertical-align:bottom; color:#56350d;}

/* search panel */
#globalnav {margin:12px; line-height:2.8em; display:flex;}
#globalnav .btn-group {margin-right:20px;}
.keywordNow {font-size:92%; margin:3px 0 5px;}
.keywordNow span {margin-right:5px; color:#555; font-weight:bold;}
.keywordNow a {padding:3px 5px; margin-right:4px;}
.searchBox {background-color:#fefbf4; margin:0;}

/* item common */
.itemImage .movieTime {position:absolute; top:5px; left:5px; background-color:#fff; padding:1px 3px; border-radius:2px; font-weight:bold; color:#c50067;}
.blockWrapper .current .itemTitle, .listWrapper .current .itemTitle a {color:#ff0000;}
.itemBody .itemImage .thumbWrapper {overflow:hidden;}
.itemDead {background-color:#ccc !important;}
.itemDead a {color:#211c38;}
.itemDead .itemImage {background-color:#000;}
.itemDead .itemImage .movieTime {background-color:#bfbfbf;}
.itemDead .itemImage img {opacity:0.5;}
.itemDead .itemText {color:#777;}
.iconGoodSite {text-indent:-9999px; overflow:hidden; height:40px; width:40px; margin-right:4px; display:block; float:left; background:url(../img/icon_good_site.png) no-repeat top left; background-size:contain;}
.goodSiteItem {background-color:#fffcef !important;}

/* item in block */
.blockWrapper {}
.mainContent .blockWrapper .item {width:100%;}
.blockWrapper .item {border:1px solid #ccc; text-align:left; vertical-align:top; box-shadow:0 1px 3px rgba(18, 50, 94, 0.3); background-color:#fff;}
.blockWrapper .itemInfo {margin:2px 2px 0;}
.blockWrapper .proName {background-color:#000000; color:#fff; font-weight:bold; font-size:87%; padding:2px; margin-right:3px; border-radius:2px;}
.blockWrapper .movieCnt {font-size:95%; color:#800019;}
.blockWrapper .clickCnt {font-size:85%; color:#fff; background-color:#808080; border-radius:2px; padding:2px; display:block; float:right;}
.blockWrapper .thumbWrapper {margin:0 auto;}
.blockWrapper .itemImage {margin:0 auto; background-color:transparent; overflow:hidden; white-space:nowrap; clear:both; text-align:center; position:relative; aspect-ratio:4 / 3;}
.blockWrapper .itemImage img {border:none; margin:4px 0; object-fit:cover; min-width:100%; object-fit:cover; width:100%; height:100%;}
.blockWrapper a:hover img {border-color:#A67E4E #FFA872 #FFA872 #A67E4E; box-shadow:0 0 3px 2px #FFA872; opacity:0.85;}
.blockWrapper .itemTitle {font-weight:bold; font-size:100%; height: 2.8em; overflow: hidden; max-width:250px;}
.blockWrapper .itemFoot {overflow:hidden; margin:0 2px 2px;}
.blockWrapper .itemTime {font-size:85%; color:#262626; float:left; margin-right:5px;}
.blockWrapper .itemSiteName {font-size:90%; color:#777; text-align:right; white-space:nowrap; overflow:hidden;}

/* item in list */
.listWrapper {}
.listWrapper .itemWrapper {}
.listWrapper .item {border:1px solid #ccc; overflow:hidden; background-color:#fff; box-shadow:0px 1px 1px #ccc; border-radius:4px; box-sizing:border-box;}
.listWrapper .itemHead {padding:3px 2px 0;}
.listWrapper .itemHead .itemTitle {display:block; float:left; font-weight:bold; font-size:115%; line-height:1.3em; height:2.6em; margin-bottom:4px; letter-spacing:0.04em; overflow:hidden;}
.listWrapper .itemBody {clear:both; position:relative; padding:0 2px 2px;}
.listWrapper .itemBody .itemImage {display:block; float:left; margin-right:10px; position:relative; width:240px; aspect-ratio:4 / 3;}
.listWrapper .itemBody .itemImage img {position:absolute; object-fit:cover; width:100%; height:100%;}
.listWrapper .itemBody .itemImage img:hover {opacity:0.7;}
.listWrapper .itemBody .itemInfo {margin-bottom:4px;}
.listWrapper .itemBody .itemInfo .proName {background-color:#000000; color:#fff; font-weight:bold; font-size:87%; padding:2px; margin-right:3px; border-radius:2px;}
.listWrapper .itemBody .itemInfo .movieCnt {}
.listWrapper .itemBody .clickCnt {display:block; float:right; color:#c5004c; font-weight:bold; font-size:95%;}
.listWrapper .itemBody .itemText {font-size:90%;}
.listWrapper .itemBody .itemTag {font-size:95%; word-break:break-all;}
.listWrapper .itemFoot {color:#777; margin-top:5px; padding:0 2px 2px;}
.listWrapper .itemFoot .itemTime {display:block; float:left; color:#262626;}
.listWrapper .itemFoot .itemSiteName {display:block; float:right; white-space:nowrap; overflow:hidden; font-size:90%;}
.listWrapper .itemBody .itemLink {clear:right; margin-top:6px;}
.rank {font-size:70%; font-weight:bold; margin:2px; padding:4px 2px 2px; border-radius:3px; background-color:#e56328; color:#fff;}
.rank b {font-size:150%; margin-right:1px; text-shadow:1px 1px 0 #000;}


/* sideBlock */
.sideBlock {border:1px solid #f158a9; border-top:none;}
.sideBlock h5 {font-weight:bold; font-size:95%; text-align:center; color:#ba0063; border-top:1px solid #f158a9; border-bottom:1px solid #f158a9; padding:7px 5px 5px; margin:0;}
.sideBlock ul {margin:0 0 10px; padding:0 3px 5px; list-style-position:inside;}
.sideBlock li {font-size:93%;}
.sideBlock li.more {font-weight:bold; margin-top:4px;}

.recommendList {}
.recommendList h4 {color:#672d01; border-bottom:2px solid #672d01;}
.recommendList .item {background-color:#fce8d6; border:1px solid #672d01;}
.pickupList {}
.pickupList h4 {color:#3a7711; border-bottom:2px solid #3a7711; margin-top:0; padding-top:0;}
.pickupList .item {background-color:#f9ffe2; border:1px solid #3a7711; margin-bottom:8px;}

/* page */
.pageDetail .item {border:1px solid #dadce0; padding:8px; font-size:110%; border-radius:4px;}
.pageDetail .itemHead {}
.pageDetail .itemHead .itemTitle {font-weight:bold; font-size:120%; white-space:nowrap; margin-bottom:4px;}
.pageDetail .itemBody {clear:both; position:relative;}
.pageDetail .itemBody .itemImage {display:block; float:left; margin-right:10px; position:relative;}
.pageDetail .itemBody .itemImage img {border:1px solid #ccc; max-width:400px; width:100%;}
.pageDetail .itemBody .itemImage img:hover {opacity:0.7;}
.pageDetail .itemBody .itemInfo {margin-bottom:4px;}
.pageDetail .itemBody .itemInfo .proName {background-color:#000000; color:#fff; font-weight:bold; font-size:87%; padding:2px; margin-right:3px; border-radius:2px;}
.pageDetail .itemBody .itemInfo .movieCnt {}
.pageDetail .itemBody .clickCnt {display:block; float:right; color:#c5004c; font-weight:bold; font-size:95%;}
.pageDetail .itemBody .itemText {font-size:90%; margin-bottom:10px;}
.pageDetail .itemBody .itemTag {margin-bottom:10px; line-height:2.2em; color:#bfbfbf; word-break:break-all;}
.pageDetail .itemBody .itemTag span {color:#f27aaf; margin-right:5px;}
.pageDetail .itemBody .itemTag a {padding:3px 5px; border-radius:3px; background-color:#f27aaf; color:#fff; margin-right:6px;}
.pageDetail .itemBody .itemTag a:hover, .pageDetail .itemBody .itemWords a:hover {background-color:#c33; text-decoration:none; color:#fff;}
.pageDetail .itemBody .itemWords {margin-bottom:15px; color:#bfbfbf; font-size:87%;}
.pageDetail .itemBody .itemWords span {margin-right:5px; color:#54516b;}
.pageDetail .itemBody .itemWords a {padding:3px 5px; margin-right:4px; color:#bfbfbf; border-radius:3px;}
.pageDetail .itemBody .plainTitle {margin-bottom:10px; font-size:85%; color:#888;}
.pageDetail .itemBody .itemFoot {display:block; color:#777; margin-top:8px;}
.pageDetail .itemBody .itemFoot .itemTime {display:block; float:left;}
.pageDetail .itemBody .itemFoot .itemSiteName {display:block; float:right;}
.pageDetail .itemBody .itemFootReport {display:block; clear:right; margin:5px 0; text-align:right;}
.pageDetail .movieDirectLink {clear:both; margin:9px 0 0; font-size:92%;}
.pageDetail .movieDirectLink p {margin-bottom:6px; background-color:#fff09e; padding:3px 10px;}
.pageDetail .thumb {clear:both; max-height:200px; overflow:auto;}
.pageDetail .thumb img:hover {opacity:0.7;}
.pageDetail .thumb img {max-width:100px; margin-right:2px; margin-bottom:2px;}
.pageDetail .gotoBlog {margin:15px 0; overflow:hidden;}
.pageDetail .gotoBlog a {white-space:normal; text-align:left;}
.pageDetail .later {margin-bottom:5px; text-align:right;}
.pageDetail .later a {font-size:110%;}
.pageDetail .reportBtn {background-color:#fff; border:2px solid #f158a9; color:#f158a9;}
.pageDetail .reportBtn:hover {background-color:#c33; color:#fff; border:2px solid #c33;}

/* balloon description */
.balloon {max-width:300px; font-size:12px; background-color:#efc4db; color:#fff; text-shadow:0 1px 1px #999;}

/* list */
.list {list-style:none; border-top:1px dotted #999; margin:0 15px;}
.list li {margin:0; padding:8px 6px; border-bottom:1px dotted #999;}
.list li:hover {background-color:#fce2bf;}
.list a {padding:3px 5px; margin:3px 0 3px 16px; font-weight:bold;}
.list a:visited {color:#906;}
.list .itemTime{display:block; float:left; font-size:90%; color:#666;}
.list .itemSiteName{display:block; float:right; font-size:90%; color:#666;}

/* detail */
.noscroll {overflow:hidden !important;}
#detailWrapper {position:fixed; display:none; z-index:1031; top:0; left:0; bottom:0; right:0; background-color: rgba(255, 255, 255, 0.93); overflow-x:auto; overflow-y:scroll;}
#detail {width:700px; background-color:#fff; margin:50px auto; top:100px; box-shadow:1px 2px 9px rgba(64, 64, 64, 0.6); padding:10px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; z-index:1032;}
.detailImage {text-align:center;}
#detail .siteInfo {margin:5px 7px 12px; padding:3px; border:1px solid #fff; box-shadow:0 1px 3px rgba(18, 50, 94, 0.3); -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; text-shadow:1px 1px 2px #fff; font-size:85%; background-color:#ffeded;}
#detail .siteInfo .pageurl {font-size:120%; margin-right:8px;}
#detail .siteInfo .pageurl span {font-weight:bold;}
#detail .itemPin {margin:5px 0 8px;}
#detail h4 {margin-top:0;}

/* pager */
.pager {margin:15px 0 10px;}
.result {float:right;}
.result strong {font-weight:bold; font-size:14px; color:#c33;}
.result .cal {font-weight:bold;}
.pagenavi {font-size:110%; text-align:center; margin-bottom:8px; padding:8px 0 12px; overflow-x:auto; overflow-y:hidden;}
.pagenavi a {margin:0 5px; padding:8px; font-weight:bold; border:1px solid #ccc; border-radius:4px; background-color:#fff;}
.pagenavi a:hover {color:#fff; background-color:#c2002a; border:1px solid #c5004c;}
.pagenavi .current {font-weight:bold; font-size:130%; margin:0 5px; color:#800019;}

/* doc */
.docArea {font-size:110%; line-height:1.7em;}
.pageDesc {color:#5b0012;}
.docArea .formBtn {border:1px solid #fff; background-color:#f1f1f1; box-shadow:0 1px 3px rgba(18, 50, 94, 0.3); text-align:center; padding:8px; font-size:120%; margin:8px 20px 20px;}
.docArea ul {margin:15px; list-style:disc inside none;}
.docArea ol {border:1px solid #999; background-color:#fff7bf; padding:8px; margin:10px; font-size:90%; border-radius:5px;}
.docArea dt {font-weight:bold; margin:10px 0 5px; color:#591e28;}

.inquiry dl {margin:10px 20px;}
.inquiry dt {border-bottom:2px dotted #800019; font-weight:bold; font-size:120%; padding:0 20px 3px;}
.inquiry dd { margin:8px 20px 30px;}

/* keyword */
.otherKeyword {}
.otherKeyword li {display:inline-block; margin:5px 30px 18px 10px;}
.otherKeyword a {font-size:110%;}
.keywordSearch .itemWords {margin:10px;}
.keywordSearch .itemWords li {line-height:1.9em; list-style:none; display:inline-block; margin:5px 10px;}
.keywordSearch .itemWords a {padding:5px 7px; border-radius:3px; background-color:#f27aaf; color:#fff;}

/* compact thumbnail */
.compact {margin:4px; background:#fff;}
.compact .item {display:inline-block; margin:0; position:relative; background-color:#bfbfbf;}
.compact .thumbnail {padding:0; border-radius:none;}
.compact .item a {display:block;}
.compact .item a:hover {text-decoration:none;}
.compact .item img {min-width:100%; max-width:none;}
.compact .item img:hover {opacity:0.7;}
.compact .item a .itemTitle {position:absolute; bottom:0; color:#fff; background:rgba(0,0,89,0.6); padding:0; overflow:hidden; width:100%; border-top:1px solid #ccc;}
.compact .item .itemTitle p {margin:4px 2px 2px; padding:0; height:2.6em; line-height:1.3em; font-weight:bold;}

/* top */
.topBlock {border-top:3px solid #bfbfbf; margin-bottom:14px; padding-top:14px;}
.topBlock .header {margin:0 0 9px 5px; clear:both; display:table;}
.topBlock h4 {float:left; display:block; color:#595959; font-weight:bold; font-size:16px; border:none; margin:0; padding:0;}
.topBlock a.readmore {float:right; display:block; font-size:13px;}
.topBlock .note {display:block; float:right; color:#555;}
.topBlock .thumbnail {border:none;}
.topBlock .compact {clear:both; margin-top:7px;}
.topBlock .compact .item a .itemTitle {position:relative; color:#555; background:#fff; padding:0; overflow:hidden; width:100%; border-top:none;}
.topBlock .compact .item a .itemTitle p {font-weight:normal; font-size:13px;}

/* pushSite */
#pushSite {}
.pushSiteWrapper {border-radius:8px; padding:5px; background-color:#e2ddff; font-size:90%; margin-bottom:7px;}
.pushSiteWrapper h4 {margin:0 0 5px; color:#0000c1; border-bottom:2px solid #0000c1; text-shadow:1px 1px 1px #fff;}

/* hot entries */
.hotEntries {border:3px solid #ffd3d6;}
.hotEntries h4 {background:#ffd3d6;}

/* new site entries */
.newSiteEntries {border:3px solid #e2ffc9;}
.newSiteEntries h4 {background:#e2ffc9;}

/* channel */
.channelSearch {padding:0 10px;}
.channelSearch h5 {margin:20px 0 10px; font-weight:bold; font-size:130%;}
.channelSearch li {display:inline-block; line-height:2.2em; list-style:none; margin:0 5px 3px;}

/* report */
.report {padding:0 10px;}
#reportForm dt {border-bottom:1px solid #ccc; font-weight:bold; margin-bottom:5px; padding-bottom:3px; padding-left: 10px;}
#reportForm dd {margin-bottom:15px;}

/* setting */
.mypageSettingBtn {white-space:normal;}
.mypageSetting {padding:8px;}
.mypageSetting .form-group input {display: none;}
.mypageSetting .form-group label {display:inline-block; cursor:pointer; margin-right:10px; margin-bottom:13px; padding:7px 5px; text-align:center; line-height:1; transition:.2s; border-radius:3px; border:1px solid #f158a9;}
.mypageSetting .form-group input:checked + label {background-color:#f158a9; color:#fff;}
.mypageSetting .proids label {padding-right:10px;}
.mypageSetting .proids label:before {content:'　'}
.mypageSetting .proids input:checked + label:before {content:'× '}

/* ad */
.adArea {margin:20px 0; text-align:center; overflow:hidden;}
.adArea a img:hover, .adHeader a img:hover, .adAreaNative a img:hover {opacity:0.8;}
.adBanner .item {position: relative; overflow: hidden;}
.adBanner .item .title {position: absolute; bottom: 0; left: 0; color: #fff; background: #f00; filter: alpha(opacity=80); background-color: rgba(255,0,0,0.80); zoom: 1; padding: 0; overflow: hidden; width: 100%;}
.adBanner .item .title p {color: #fff; font-weight: bold; margin: 4px 2px 2px; padding: 0; height: 2.6em; line-height: 1.3em; font-size: 17px;}
.adBanner .item .image img {margin: 0 auto;}
.adAreaNative {margin-bottom:12px;}
.adArea > iframe {max-width:100%;}

/* webmaster */
.siteIntro {}
.siteIntro .bigSign {padding:0; margin:7px 0; text-align:center; font-weight:bold; color:#ff0000; font-size:28px; text-shadow:0 1px 2px rgba(15,15,15,0.4);}
.siteIntro .bigSign .unit {color:#666; font-size:9px; margin-left:4px; font-weight:normal;}

/* siteAdmin */
.siteAdmin h6 {font-weight:bold; font-size:14px; color:#810c23; text-shadow:0 1px 2px rgba(0,0,0,0.3);}
.siteAdmin .myPage .blockWrapper .itemImage {height:125px;}
.reportForSite {max-height:350px; overflow:scroll;}

/* kanri */
.list-group-item-gray {background-color:#d9d9d9;}

/* kanrisub */
.kanriSubMenu .active {background:#f158a9; color:#fff;}
.badge-adRatio {font-size:11px; padding:2px 3px; border:1px solid #888; color:#333; margin-right:5px; background:#fff; border-radius:3px; font-weight:normal;}


/* ======================= pc ======================= */
@media (min-width: 992px) {
  .pcDispNone, #spMainMenu {display:none;}
}

/* ======================= tablet ======================= */
@media (max-width:991.98px) {
  body {padding-bottom:70px;}
  header, .sideContent, footer {display:none !important;}
  .headSiteName {background:#f158a9; font-weight:bold; font-size:1.3em; padding:8px 0; text-align:center;}
  .headSiteName a, .headSiteName a:link, .headSiteName a:visited, .headSiteName a:hover {color:#fff; text-decoration:none;}
  
  #spMainMenu {position:fixed; bottom:0; width:100%; height:60px; padding-top:3px; border-radius:0; background:#f158a9; border-top:2px solid #fff; z-index:1030;}
  #spMainMenu li {font-weight:bold; background:#fef4fd; padding:5px 1px; border-right:1px solid #f158a9; text-align:center; list-style:none;}
  #spMainMenu a {display:block; width:100%; height:100%; text-shadow:0 1px 1px #bcbcff; color:#ba0063; white-space:nowrap; text-decoration:none;}
  #spMainMenu a:visited {color:#ba0063;}
  #spMainMenu a:hover {text-decoration:none;}
  #spMainMenu a span {display:block; margin-bottom:4px; font-size:15px;}
  
  .pageDetail .itemBody .itemWords {line-height:1.9em;}
  
  .keywordNow {margin-top:7px;}
  .keywordNow a {padding:3px 5px; margin-right:5px; margin-bottom:5px;}
  .adArea {margin:10px 0;}

}

/* ======================= sp ======================= */
@media screen and (max-width: 767px) {
  html {position: relative;}
  .container-xl {padding-left:0; padding-right:0;}
  a:link {text-decoration:none;}
  h3 {font-size:1.5em; padding:10px 10px;}
  h5 {text-align:center;}
  .spDispNone {display:none !important;}
  
  .pager {margin:5px 0;}
  .pager .result {float:none; text-align:center;}
  .pager .pagenavi {margin-top:8px;}
  
  .listWrapper .itemHead .itemTitle {font-size:105%;}
  .listWrapper .itemBody .itemInfo {font-size:92%;}
  .listWrapper .itemBody .itemImage {max-width:220px; width:100%;}
  .listWrapper .itemBody .itemTag {line-height:1.7em; clear:right;}
  .listWrapper .itemTitle a {text-shadow: 0 1px 0 #f3f3f3;}
  .listWrapper .itemBody .clickCnt {}
  .listWrapper .itemBody .itemFoot {font-size:90%; clear:both;}
  .listWrapper .itemBody .itemFoot .itemTime {width:30%;}
  .listWrapper .itemBody .itemFoot .itemSiteName {width:70%; text-align:right;}
  .listWrapper .itemBody .itemTag a {text-decoration:underline; color:#a6a6a6; font-weight:700;}
  .listWrapper .itemFoot {font-size:92%;}
  
  .iconGoodSite {display:none;}
  
  .pageDetail .itemBody .itemImage {float:none; width:100%;}
  .pageDetail .itemBody .itemInfo {margin-top:8px;}
  
  #detail {width:90%; padding:5px;}
  
  
}