@charset "UTF-8";

/*------------------------------------
リセット
--------------------------------------*/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, address, em, img, q, small, strong, sub, b, i, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video, a {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
font-weight: normal;
}

* {
word-wrap: break-word;
word-break: break-all;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

*:not(canvas) {
word-wrap: inherit;
word-break: inherit;
}

ol, ul {
list-style: none;
}

img {
vertical-align: bottom;
max-width: 100%;
height: auto;
}

body {
font-family: 'Hiragino Kaku Gothic Pro', "Helvetica";
-webkit-text-size-adjust: 100%;
font-size: 14px;
line-height: 1.75;
background: #FFF;
min-width: 320px;
overflow-x: hidden;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block;
}

nav ul {
list-style: none;
}

blockquote, q {
quotes: none;
}

blockquote:before, blockquote:after, q:before, q:after {
content: '';
content: none;
}

a {
margin: 0;
padding: 0;
font-weight: bold;
font-size: 100%;
text-decoration: none;
vertical-align: baseline;
background: transparent;
-webkit-tap-highlight-color: rgba(153,153,153,0.4);
}

table {
border-collapse: collapse;
border-spacing: 0;
}

hr {
display: block;
height: 1px;
border: 0;
border-top: 1px solid #cccccc;
margin: 1em 0;
padding: 0;
clear: both;
}

input, select {
vertical-align: middle;
}

#content {
min-height: 230px;
}

#content #detail a img {
max-width: 100%;
height: auto;
}

* {
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

/*------------------------------------
汎用クラス、設定CSS
--------------------------------------*/
a:link {
color: #2489CE;
}

a:visited {
color: #2489CE;
}

.a-center, .center {
text-align: center;
}

.a-right {
text-align: right;
}

checkbox {
vertical-align: middle;
}

.a-left {
text-align: right;
}

.cl-both {
clear: both;
}

.f-left {
float: left;
}

.f-right {
float: right;
}

#content .dp-inline {
display: inline;
}

#content .dp-block {
display: block;
}

#content .dp-inlineblock {
display: inline-block;
}

.underline {
text-decoration: underline;
}

h3.pagetitle.onlist {
margin: -5px 0;
}

h3.pagetitle.onarticle {
margin: -5px 0 10px;
}

.strong, .bold {
font-weight: bold;
}

.err, .red, .err a {
color: #FF3300;
}

img.icon {
vertical-align: middle;
margin-right: 3px;
margin-top: -4px;
}

.form-btn {
margin: 10px auto 15px;
text-align: center;
}

hr {/*つりしんスマホサイト用全指定*/
margin: 0 auto;
padding: 4px;
border-bottom: dotted 1px #CCC;
height: 1;
line-height: 0;
background: none;
width: 100%;
clear: both;
}

.orange {
color: #F90;
}

.lemon {
color: #FC0;
}

.red {
color: #F30;
}

a.red {
color: #F30;
}

/*
section h2 {
font-size:1.3em;
font-weight:bold;
padding:5px 10px;
line-height:1.4;
}

article p.detail {
margin-left:10px;
width:100%;
padding-bottom:10px;
font-size:1.1em;
}

article, section {
clear:both;
}
*/

#tabmenu {
overflow: hidden;
clear: both;
margin-bottom: 1px;
}

#tabmenu ul.tab li {
border-left: solid 1px #CCC; /* margin-left:-1px; */
/* height:30px; */
width: 33%;
text-align: center;
background: -moz-linear-gradient(top, #FFF, #F3F3F3);
background: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#F3F3F3));
float: left;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
white-space: nowrap;
}

#tabmenu ul.tab li:first-child {
border-left: none;
overflow: hidden;
}

#tabmenu ul.tab li:last-child {
width: 34%;
}

#tabmenu p.lead {
clear: both;
color: #40220F;
font-weight: bold;
padding: 6px 4px 4px 6px;
}

#tabmenu ul.tab a {
display: block; /*
height:30px;
line-height:30px;
*/
color: #666;
font-size: 1em;
letter-spacing: -0.08em;
border-bottom: 1px solid #CCC;
padding: 12px 0;
width: 101%;
}

#tabmenu ul.tab li:last-child a {
width: 102%;
}

#tabmenu ul.tab li.selected a {
background: #FFF;
color: #10105A;
border-bottom: none;
}

/*--- 記事内の余白、フォントサイズ設定 ---*/
.inner, .kkc-inner { /* border-top:solid 1px #CCC; */
padding: 15px 10px;
font-family: HiraKakuProN-W3;
clear: both;
}

.inner img, .kkc-inner img {
display: block;
clear: both;
margin: 6px auto 12px;
}

/*
.inner .a-center img, .kkc-inner .a-center img {
	min-height:190px;
	min-width:180px;
}
*/

.inner img.icon, .kkc-inner img.icon {
display: inline;
margin: 0;
clear: none;
}

#detail, .kkc-inner {
font-size: 16px;
}

.kkc-inner .this {
text-align: center;
margin: 10px auto;
}

.kkc-inner .this span {
color: #FF3300;
}

p.msg-alert font {
color: #FF3300;
text-align: center;
display: block;
margin: auto;
font-size: 1em;
}

p.msg-alert br {
display: none;
}

/*------------------------------------
リスト系共通
--------------------------------------*/
.List li a {
display: block;
padding: 0px 16px 0px 10px;
text-decoration: none;
position: relative;/*
background:url(/shared/images/listArrow.png) no-repeat;
background-position:right;
*/
}

.List li a:after {
display: block;
position: absolute;
top: 42%;
right: 5px;
width: 7px;
height: 7px;
margin-top: 0;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.List li {
clear: both; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
border-top: solid 1px #CCC;
padding: 1px;
margin-top: -1px;
}

ul.List {
clear: both;
_zoom: 1;
overflow: hidden;
border-bottom: solid 1px #CCC;
}

ul.List img {
float: left;
position: relative;
vertical-align: middle;
left: -6px;
top: 6px;
}

ul.List li .catch {
width: 100%;
}

ul.dp-border-top {
margin-top: 0;
}

ul.List.dp-border-top {
border-top: 1px solid #CCC;
}

.List li {
position: relative;
z-index: 1;
}

.List li.group {
background: none;
padding: 0;
border: none;
margin: 0;
line-height: 0;
font-size: 0;
clear: both;
}

.List li.group {
background: #089CAD;
padding: 6px 10px;
font-size: 1.15em;
font-weight: bold;
line-height: 22px;
height: auto;
color: #FFFFFF;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
margin: -1px auto;
z-index: 100;
}

.List li.group.darkBlue {
background: #10105A;
}

.tanpatu-list {
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
margin-bottom: 20px;
}

.tanpatu-list a {
padding: 10px 16px 10px 10px;
text-decoration: none; /*
background:url(/shared/images/listArrow.png) no-repeat;
background-position:right;
*/
display: block;
position: relative;
}

.tanpatu-list a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

/*

.ng {
text-align:right;
}

.ng a {
font-size:0.9em;
color:#F5835B;
}
*/

/*--- タイトルのみの場合　１行 ---*/

ul.line01 li {
height: 60px;
line-height: 60px;
font-size: 18px;
}

ul.line01 li a {
height: 60px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
width: auto;
padding-right: 22px;
}

ul.line01 .catch {
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
display: block;
}

/*--- タイトル２行と画像の場合 ---*/

ul.line02 li {
min-height: 60px;
height: auto;
line-height: auto;
font-size: 16px;
}

ul.line02 p {
overflow: hidden;
padding: 8px 5px 8px 0;
}

ul.List.line02 .catch {
font-size: 16px;
display: block;
width: 95%;
font-weight: bold;
}

ul.line02 .leadtxt {
color: #999;
font-size: 14px;
display: block;
padding-top: 3px;
padding-right: 2px;
line-height: 1.4;
}

ul.line02 img {
top: 9px;
}

/*画像サムネイルなしinfo系*/

ul.List.info-list .catch {
display: block;
line-height: 1.2;
}

ul.List.info-list span.new {
color: #FFF;
background: #F90;
padding: 1px 1px 0;
font-size: 10px;
}

ul.List span.date {
font-size: 0.75em;
color: #666;
padding-top: 2px;
display: block;
}

ul.List.info-list li, ul.List.info-list li a {
height: auto;
min-height: 66px;
}

/*--- タイトル１行と画像の場合 ---*/

ul.line03 li {
height: auto;
min-height: 88px;
line-height: 19px;
font-size: 16px;
}

ul.line03 .catch {
font-size: 16px;
letter-spacing: -0.05em;
line-height: 78px;
}

ul.line03 a {
height: 78px;
}

em {
font-style: normal;
}

/*--- 検索部分　３カラムリスト ---*/

ul.cell3 li {
clear: none;
width: 50%;!
important float:left;
line-height: 44px;
font-size: 18px;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
border-right: solid 1px #CCC;
border-bottom: solid 1px #CCC;
border-top: none;
margin-right: 0px;
margin-top: 0;
margin-bottom: -1px;
padding:4px;
}

.List.cell3 li {
float: left;
}

ul.cell3 li a {
height: 44px;
}

ul.cell3 li p {
display: inline;
}

#content ul.cell3 li.group {
width: 100%;
clear: both;
}

#content ul.cell3 li.freeword {
width: 100%;
clear: both; /* padding-bottom:3px; */
padding: 14px 0;
}

/*--- KCC　発言一覧｜話題一覧　部分 ---*/

ul.kkc-menu {
margin: 0 10px -1px;
border: solid 1px #CCC;
font-size: 1.1em;
}

ul.kkc-menu:after {
content: "";
clear: both;
display: block;
}

ul.kkc-menu li {
text-align: center;
}

ul.kkc-menu li {
clear: none;
width: 50%;
float:left;
margin-top: 0;
margin-bottom: 0;
color: #000;
font-weight: bold;
z-index: 1;
}

ul.kkc-menu li:last-child {
border-left: solid 1px #CCC;
}

ul.kkc-menu li a {
display: block;
background: #EEE;
padding: 10px;
position: relative;
}

ul.kkc-menu li a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

ul.kkc-menu li span {
padding: 10px;
display: block;
font-weight: bold;
position: relative;
z-index: 100;
}

ul.kkc-menu li span:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -6px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
content: "";
}

ul.kkc-menu li span:before {
content:"";position:absolute;z-index:101;bottom:-2px;left:0;
width: 100%;
height: 1px;
border-top: solid 1px #FFF;
}

.newtopic {
text-align: center;
padding: 10px 0;
}

.roomDetail .newtopic {
border-bottom: dotted 1px #CCC;
margin-left:10px;
margin-right: 10px;
}

.newtopic a {
border: solid 1px #CCC;
margin: 4px auto;
background: url(/shared/images/icon_toukou.png) no-repeat;
background-position: 34px 12px;
background-size: 23px auto;
background-color: #EEE;
padding: 10px 10px 10px 28px;
display: block;
color: #333;
width: 160px;
z-index: 1;
}

/*--- KCC リストメニューまわり ---*/
span.leadtxt {
display: block;
color: #666;
}

span.handle {
font-size: 0.9em;
color: #333;
display: block;
line-height: 1.2;
}

.kkc-inner span.catch {
font-size: 1.05em;
}

.kkc-inner span.handle {
font-size: 0.9em;
}

ul span.handle {
display: block;
}

.kkc-inner span.date {
font-size: 0.7em;
color: #666;
}

.kkc-inner span.catch { /* font-family:HiraKakuProN-W6; */
font-weight: bold;
display: inline-block;
}

.total {
text-align: center;
padding-top: 6px;
}

.kkc-body {
padding-top: 15px;
}

.date3 {
font-size: 12px;
color: #666;
margin-top: -20px;
display: block; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
}

.kkc li a {
padding-right: 20px;
!important
}

.kkc li a .leadtxt {
display: inline-block;
padding-bottom: 4px;
}

.mycom_ban {
margin: 6px;
border: 1px solid #ECA38D;
background-color: #FEF1EA;
font-weight: bold; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
clear: both;
}

.mycom_ban .inner {
padding-top: 18px;
}

.mycom_ban a {
display: block;
width: 100%;
background: url(/shared/images/maru_arrow3.png) no-repeat;
background-position: right;
padding: 6px inherit 6px 6px;
}

.mycom_ban dt {
padding: 3px 0 0 36px;
margin-bottom: 4px;
font-size: 16px;
line-height: auto;
line-height: 1.6;
background: url(/shared/images/icon_mycom.png) no-repeat;
background-position: 6px 3px;
}

.mycom_ban dd {
padding: 0 0 8px 6px;
color: #999;
font-size: 13px;
line-height: 1.4;
}

/*------------------------------------
バックナンバー
--------------------------------------*/

.golist, .backnumber {
clear: both;
width: 100%;
border-top: solid 1px #089CAD;
border-bottom: solid 1px #089CAD;
}

.golist a, .backnumber a {
display: block;
padding: 12px 16px 12px 10px;
text-decoration: none;
background: url(/shared/images/icon_list_arrow.png) no-repeat;
background-position: right; /*
height:28px;
line-height:28px;
*/
}

/*------------------------------------
ヘッダー
--------------------------------------*/

header {
border-bottom: solid 3px #089CAD; /* padding-top:5px; */
padding: 2px 0 10px;
}

header:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}

header {
zoom: 100%;
}

#logo a {
display: block;
margin: 0;
text-indent: -9999px; /* width:80px; */
height: 57px;
position: relative;
}

#logo {
width: 69px;
float: left;
position: relative;
top: 2px;
left: 10px;
background: url(/shared/images/logo.png) no-repeat right;
background-size: 65px auto;
-moz-background-size: 65px auto;
-webkit-background-size: 65px auto;
-o-background-size: 65px auto;
-ms-background-size: 65px auto;
z-index: 100;
}

.headMenu li {
width: 63px;
height: 63px;
}

.headMenu a {
padding: 30px 0 0 0;
display: block;
background: #EEE;
color: #333;
font-weight: bold;
font-size: 0.9em;
text-align: center;
position: relative;
z-index: 1;
}

.headMenu a:after {
content: "";
position: absolute;
z-index: 10;
}

.headMenu .toukouLink a:after {
top: 7px;
left: 22px;
width: 23px;
height: 23px;
background: url(/shared/images/icon_toukou.png) no-repeat;
background-position: center top;
background-size: 23px auto;
-moz-background-size: 23px auto;
-webkit-background-size: 23px auto;
-o-background-size: 23px auto;
-ms-background-size: 23px auto;
}

.headMenu a.login:after {
top: 7px;
left: 22px;
width: 17px;
height: 20px;
background: url(/shared/images/icon_lock.png) no-repeat;
background-position: center top;
background-size: 16px auto;
-moz-background-size: 16px auto;
-webkit-background-size: 16px auto;
-o-background-size: 16px auto;
-ms-background-size: 16px auto;
}

.headMenu a.logout:after {
top: 7px;
left: 22px;
width: 17px;
height: 20px;
background: url(/shared/images/icon_unlock.png) no-repeat;
background-position: center top;
background-size: 16px auto;
-moz-background-size: 16px auto;
-webkit-background-size: 16px auto;
-o-background-size: 16px auto;
-ms-background-size: 16px auto;
}

.headMenu a.mypage:after {
top: 8px;
left: 22px;
width: 18px;
height: 19px;
background: url(/shared/images/icon_mypage.png) no-repeat;
background-position: center top;
background-size: 18px auto;
-moz-background-size: 18px auto;
-webkit-background-size: 18px auto;
-o-background-size: 18px auto;
-ms-background-size: 18px auto;
}

.headMenu .contentLink a:after {
top: 9px;
left: 23px;
width: 17px;
height: 17px;
background: url(/shared/images/icon_line.png) no-repeat;
background-position: center top;
background-size: 16px auto;
-moz-background-size: 16px auto;
-webkit-background-size: 16px auto;
-o-background-size: 16px auto;
-ms-background-size: 16px auto;
}

a {
-webkit-tap-highlight-color: rgba(153,153,153,0.4);
}

/*------------------------------------
ヘッダーナビゲーション
--------------------------------------*/

nav#page {
position: relative;
clear: both;
background: #EEE;
height: 34px;
margin-bottom: 1px;
z-index: 1;
}

nav#page:after {
content: "";
position: absolute;
z-index: 10;
bottom: -2px;
left: 0;
border-bottom: solid 1px #CCC;
width: 100%;
}

nav#page a.btn-back {
border-right: #666 solid 7px;
border-left: #666 solid 12px;
-webkit-border-image: url("/shared/images/btn_l.png") 0 7 0 12;
height: 30px;
max-width: 60px; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
font-size: 12px;
color: #FFF;
line-height: 30px;
text-shadow: rgba(0,0,0,0.6) 0px -1px 0;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
text-decoration: none;
position: absolute;
top: 3px;
left: 7px;
display: inline-block;
}

nav#page h1 {
font-weight: bold;
text-align: center; /* width:60%; */
/* padding:0 50px 0 60px; */
font-size: 17px;
margin: auto;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
color: #666;
line-height: 36px;
}

/*------------------------------------
フォーム系
--------------------------------------*/

input[type="text"], input[type="email"], input[type="password"] {
height: 38px;
background: #FFF;
border: solid #BDCCD4 1px;
border-radius: 0;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
padding-top: 6px;
padding-bottom: 4px;
width: 70%;
font-size: 14px;
padding-left: 8px;
margin-bottom: 10px;
-webkit-appearance: none;
}

textarea {
height: 140px;
background: #FFF;
border: solid #BDCCD4 1px;
border-radius: 0;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
padding-top: 6px;
padding-bottom: 4px;
width: 96%;
font-size: 14px;
padding-left: 8px;
margin-bottom: 10px;
-webkit-appearance: none;
}

.kkc-search {
text-align: center;
padding: 7px 0 12px;
}

.kkc-search input[type="search"] {
clear: both;
height: 38px;
background: #FFF;
border: solid #BDCCD4 1px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
width: 80%;
font-size: 14px;
padding-left: 3px;
padding-bottom: 2px; 
line-height: 38px;
margin-bottom: 10px;
-webkit-appearance: none;
border-radius: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}

input[type="radio"] {
vertical-align: middle;
margin-right: 4px;
margin-top: -3px;
padding: 5px;
display: inline-block;
}

select {
font-size: 15px;
}

input[type="submit"], #watch input[type="button"]:not(movieArea), .button {
padding: 10px;
border: none;
background: none;
background-color: #10105A;
color: #FFFFFF;
font-size: 0.9em;
width: 120px;
font-weight: bold;
margin: 0 5px;
line-height: 1.4;
cursor: pointer;
-webkit-appearance: none;
border-radius: 0px;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}

input[type="submit"].back {
background: #666;
}

input[type="button"].button-long, input[type="submit"].button-long {
padding: 2px 10px 4px;
border: 1px solid #FFFFFF;
color: #FFFFFF;
background-color: #D9F5F3; /*
background-image: -webkit-gradient(linear, left top, left bottom, from(#9FB4CC), to(#728AA4));
background: #9fb4cc;
*/
background: -moz-linear-gradient(top, #9fb4cc 0%, #728aa4 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #9fb4cc), color-stop(100%, #728aa4));
background: -webkit-linear-gradient(top, #9fb4cc 0%, #728aa4 100%);
background: -o-linear-gradient(top, #9fb4cc 0%, #728aa4 100%);
background: -ms-linear-gradient(top, #9fb4cc 0%, #728aa4 100%);
background: linear-gradient(to bottom, #9fb4cc 0%, #728aa4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#9fb4cc', endColorstr='#728aa4', GradientType=0 );
font-size: 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px #CCC;
box-shadow: 0 0 3px #CCC;
width: 120px;
font-weight: bold;
margin: 0 5px;
line-height: 1.4;
width: 200px;
margin-bottom: 15px;
cursor: pointer;
}

#content ul.cell3 li.freeword input[type="submit"], .freeword input[type="submit"] {
width: 80px;
letter-spacing: 1pt;
}

#content ul.cell3 li.freeword input[type="search"], .freeword input[type="search"] {
clear: both;
height: 44px;
background: #FFF;
border: solid #BDCCD4 1px;
border-radius: 0;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
-webkit-appearance: none;
width: 60%;
font-size: 14px;
padding-left: 3px;
line-height: 20px;
margin-bottom: 0;
}

#content ul.cell3 li.freeword form {
width: 95%;
margin: auto;
text-align: center;
}

/*------------------------------------
ページング処理　次へ　前へ
--------------------------------------*/

.paging {
clear: both;
text-align: center;
margin: auto;
padding: 5px 0;
width: 98%;
word-wrap: break-word;
}

.paging span, .paging a {
border: solid 1px #047391;
background: #EEE;
padding: 4px 14px;
text-decoration: none;
text-align: center;
vertical-align: middle;
color: #000;
margin: 4px; /* line-height:32px; */
font-weight: normal;
display: inline-block;
}

.paging span {
background: #FFF;
font-weight: bold;
}

.paging .prebtn, .paging .nexbtn {
margin-left: 15px;
margin-right: 15px;
}

/*------------------------------------
その他
--------------------------------------*/

#about {
border-top: solid 1px #CCC;
padding-top: 15px;
}

#about h2 {
font-size: 1.4em;
font-weight: bold;
text-align: center;
margin: 10px auto 0;
}

/*
#about figure {
margin:auto;
width:auto;
text-align:center;
padding:0 0 20px;
}

#about figure img {
margin-bottom:5px;
}

#about figcaption {
text-align:center;
color:#999;
line-height:1.3;
}
*/

/*--- パネル系リスト ---*/
#about .panel ul {
padding-top: 8px;
}

#about .panel li {
width: 85%;
margin: auto;
border: solid 1px #BBB;
border-bottom: none;
height: 30px;
line-height: 30px;
font-size: 1.2em;
padding: 6px;
}

#about .panel li:first-child {
border-radius: 8px;
-webkit-border-bottom-right-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
border-bottom: none;
}

#about .panel li:last-child {
border-radius: 8px;
-webkit-border-top-right-radius: 0px;
-webkit-border-top-left-radius: 0px;
border: solid 1px #BBB;
}

#about .panel li a {
display: block;
color: #666; /*
background:url(/shared/images/listArrow.png) no-repeat;
background-position:right;
*/
padding-left: 3px;
}

#about .panel {
padding-bottom: 15px;
}

#about .panel-title {
padding: 0px 0 3px;
width: 88%;
margin: auto;
font-size: 1.2em;
font-weight: bold;
}

#gaiyou .icon {
margin-left: 5px;
margin-bottom: 4px;
}

#gaiyou .detail-midashi {
background: #EEF9FF;
border-top: solid 1px #B5D8DF;
border-bottom: solid 1px #B5D8DF;
font-size: 1.0em;
}

#tokutei li {
padding: 10px;
font-weight: normal;
font-family: HiraKakuProN-W3;
}

#tokutei li.group {
padding: 1px 10px 0; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
}

/*------------------------------------
フッター
--------------------------------------*/

footer { /*
position:absolute;
bottom:0;
*/
clear: both;
width: 100%;/* height:75px; */
}

/* 下位置固定用 */
#container {
position: relative;
min-height: 100%;
width: 100%;
height: 100%;
clear: both;
}

footer a:link, footer a:visited {
color: #888;
}

footer {
text-align: center;
}

footer ul {
width: 310px;
margin: auto;
}

footer li {
display: inline-block;
padding: 3px 10px;
}

footer li a {
font-weight: normal;
}

body > #container {
height: auto;
}

* html div#container {
height: 100%;
}

/*
#contents {
padding-bottom: 26px;
}
*/

html, body {
height: 100%;
}

#copy {
margin: 10px auto auto;
border-top: solid 1px #CCC;
display: block;
width: 100%;
text-align: center;
color: #FFF;
font-size: 11px;
letter-spacing: -0.01em;
color: #999;
padding: 10px;
}

/*------------------------------------
記事詳細　フォントサイズ
--------------------------------------*/
/*
#fontsize a.btn-nex {
border-right:#666 solid 7px;
border-left:#666 solid 7px;
-webkit-border-image:url("/shared/images/btn_r.png") 0 7 0 7;
height:30px;
max-width:60px;
font-family:HiraginokakuOroN-W6;
font-size:15px;
color:#FFF;
line-height:30px;
text-shadow:rgba(0,0,0,0.6) 0px -1px 0;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
text-decoration:none;
color:#FFF;
font-weight:bold;
margin-left:3px;
display:inline-block;
font-size:15px;
}

#fontsize {
float:right;
width:auto;
margin-top:-32px;
margin-right:3px;
position:relative;
z-index:100;
}

#fontsize li {
display:inline;
}

.kkc-font #fontsize {
margin-top:-69px;
margin-right:3px;
}
*/

/*------------------------------------
記事詳細　見出し、通常リンク
--------------------------------------*/

.List li a.normal {
display: inline;
height: auto;
min-height: auto;
background: none;
margin: none;
padding: none;
width: auto;
}

.detail-midashi {
background: #EEE;
padding: 2px 8px 1px 8px;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
font-weight: bold;
font-size: 1em;
margin: 14px auto 8px;
}

h3.pagetitle {
font-weight: bold;
font-size: 1.05em;
margin-bottom: 15px;
line-height: 1.3;
}

/*------------------------------------
関連系のリンク
--------------------------------------*/
.List li.kanren, ul.line01 li.kanren {
padding: 2px 10px;
font-size: 14px;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
width: auto;
}

/*------------------------------------
利用規約
--------------------------------------*/
#kiyaku p {
padding-bottom: 14px;
}

input.credit {
padding: 0;
border: none;
border-bottom: 1px solid #CCC;
background: none;
background-image: url(/shared/images/icon_credit2.png), url(/shared/images/listArrow.png);
background-repeat: no-repeat, no-repeat;
background-position: 8px 14px, center right;
background-size: 36px auto, 18px 20px;
font-size: 16px;
box-shadow: none;
width: 100%;
font-weight: bold;
margin: 0;
background-color: none;
-webkit-border-radius: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 56px;
color: #2489CE;
text-align: left;
padding-left: 55px;
}

input.spmode {
padding: 0;
border: none;
background: none;
border-bottom: 1px solid #CCC;
background-image: url(/shared/images/docomo_2.png), url(/shared/images/listArrow.png);
background-repeat: no-repeat, no-repeat;
background-position: 10px 20px, center right;
background-size: 130px auto, 18px 20px;
font-size: 16px;
box-shadow: none;
width: 100%;
font-weight: bold;
margin: 0;
background-color: none;
-webkit-border-radius: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 56px;
color: #2489CE;
text-align: left;
padding-left: 150px;
cursor: pointer;
}

input.au-kantan {
padding: 0;
border: none;
background: none;
border-bottom: 1px solid #CCC;
background-image: url(/shared/images/icon_au_kantan3.png), url(/shared/images/listArrow.png);
background-repeat: no-repeat, no-repeat;
background-position: 8px center, center right;
background-size: auto auto, 18px 20px;
font-size: 16px;
box-shadow: none;
width: 100%;
font-weight: bold;
margin: 0;
background-color: none;
-webkit-border-radius: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 56px;
color: #2489CE;
text-align: left;
padding-left: 115px;
}

input.sb-kessai {
padding: 0;
border: none;
background: none;
border-bottom: 1px solid #CCC;
background-image: url(/shared/images/icon_sb.png), url(/shared/images/listArrow.png);
background-repeat: no-repeat, no-repeat;
background-position: 8px 10px, center right;
background-size: 36px auto, 18px 20px;
font-size: 16px;
box-shadow: none;
width: 100%;
font-weight: bold;
margin: 0;
background-color: none;
-webkit-border-radius: none;
border-radius: 0;
-webkit-box-shadow: none;
box-shadow: none;
height: 56px;
color: #2489CE;
text-align: left;
padding-left: 55px;
}

#menber-join input.spmode {
border-bottom: none;
background: none;
background-color: inherit;
background-image: url(/shared/images/icon_sp2.png);
background-repeat: no-repeat;
background-position: 30% 6px;
background-size: 30px auto;
display: block;
padding: 0 5px 0 28px;
border: #999 1px solid;
font-size: 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #EEE 2px 2px 3px;
box-shadow: 0 0 3px #EEE;
font-weight: bold;
margin: 10px auto 0;
line-height: 1.6;
text-align: center;
height: 50px;
}

#menber-join input.au-kantan {
border-bottom: none;
background: none;
background-size: auto;
background-color: inherit;
background-image: url(/shared/images/icon_au_kantan3.png);
background-repeat: no-repeat;
background-position: center 5px;
background-size: 100px 14px;
display: block;
padding: 17px 5px 0 5px;
border: #999 1px solid;
font-size: 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #EEE 2px 2px 3px;
box-shadow: 0 0 3px #EEE;
font-weight: bold;
margin: 10px auto 0;
line-height: 1.6;
text-align: center;
height: 50px;
}

#menber-join input.sb-kessai {
border-bottom: none;
background: none;
background-size: auto;
background-color: inherit;
background-image: url(/shared/images/icon_sb.png);
background-repeat: no-repeat;
background-position: 30% 50%;
background-size: 32px auto;
display: block;
padding: 0 5px 0 24px;
border: #999 1px solid;
font-size: 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #EEE 2px 2px 3px;
box-shadow: 0 0 3px #EEE;
font-weight: bold;
margin: 10px auto 0;
line-height: 1.6;
text-align: center;
height: 50px;
}

input.card {
border-bottom: none;
background: none;
background-size: auto;
background-image: url(/shared/images/icon_credit2.png);
background-repeat: no-repeat;
background-position: 28% 50%;
background-size: 32px auto;
display: block;
padding: 0 5px 0 24px;
border: #999 1px solid;
font-size: 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #EEE 2px 2px 3px;
box-shadow: 0 0 3px #EEE;
font-weight: bold;
margin: 20px auto;
line-height: 1.6;
text-align: center;
height: 50px;
color: #2489CE;
width: 100%;
}

input.begin {
border-bottom: none;
background: none;
background-size: auto;
background-image: url(/shared/images/icon_begin2.png);
background-repeat: no-repeat;
background-position: 28% 50%;
background-size: 25px auto;
display: block;
padding: 0 5px 0 38px;
border: #999 1px solid;
font-size: 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #EEE 2px 2px 3px;
box-shadow: 0 0 3px #EEE;
width: 100%;
font-weight: bold;
margin: 20px auto;
line-height: 1.6;
text-align: center;
height: 50px;
color: #2489CE;
}

#menber-join #sp_form, #menber-join .a-center {
width: 90%;
max-width: 280px;
margin: auto;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
}

#menber-join #sp_form .a-center {
background: none;
width: auto;
}

#zeus input[type="text"] {
width: 50px;
height: 18px;
background: #FFF;
border: solid #BDCCD4 1px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
padding: 6px 0 4px 0;
font-size: 14px;
margin: 0 0 10px 0;
}

#zeus input[type="tel"] {
width: 80%;
height: 18px;
background: #FFF;
border: solid #BDCCD4 1px;
border-radius: 3px;
-webkit-border-radius: 3px;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
padding-top: 6px;
padding: 6px 0 4px 0;
font-size: 14px;
margin: 0 0 10px 0;
}

p.icon-mail span {
background: url(/shared/images/icon_mailtoukou.png) no-repeat 0 0;
padding-left: 38px;
display: inline-block;
}

/*
.ng span {
background:url(/shared/images/icon_alert.png) no-repeat 0 3px;
display:inline-block;
padding-left:20px;
}
*/

span.alert {
background: url(/shared/images/icon_alert.png) no-repeat left 6px; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
padding-left: 20px;
text-decoration: underline;
display: inline-block;
}

/*
 @media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min-device-pixel-ratio: 2) {
 #headmenu li.member {
float:right;
background:url(/shared/images/large/icon_key.png) no-repeat 3px 2px;
background-size:15px 19px;
padding-left:20px;
}
 #headmenu li.turiba {
float:right;
padding-right:6px;
background:url(/shared/images/large/icon_zoom.png) no-repeat 0px 1px;
background-size:19px 19px;
padding-left:20px;
}
 p.icon-mail span {
background:url(/shared/images/large/icon_mailtoukou.png) no-repeat 0 0;
background-size:32px 32px;
}
 .ng span {
background:url(/shared/images/large/icon_alert.png) no-repeat 0 3px;
background-size:16px 16px;
}
 span.alert {
background:url(/shared/images/large/icon_alert2.png) no-repeat left 2px;
background-size:22px 22px;
padding-left:24px;
}
 #logo a {
display: block;
margin: 0;
text-indent: -9999px;
width:80px;
height:57px;
position:relative;
width:90px;
}
*/
/*
 #logo {
width:85px;
float:left;
background:url(/shared/images/large/logo.png) no-repeat right;
background-size:80px 57px;
}
*/
/*
 .List li a {
background:url(/shared/images/large/listArrow.png) no-repeat right;
background-size:18px 20px;
}
 .tanpatu-list a {
background:url(/shared/images/large/listArrow.png) no-repeat right;
background-size:18px 20px;
}
*/
/*
 .golist a, .backnumber a {
background:url(/shared/images/large/listArrow.png) no-repeat right;
background-size:18px 20px;
}
 #about .panel li a {
background:url(/shared/images/large/listArrow.png) no-repeat right;
background-size:18px 20px;
}
 footer li.home a {
background:url(/shared/images/large/btn_home.png) no-repeat top;
background-size:52px 96px;
}
 footer li.mycho a {
background:url(/shared/images/large/btn_mycho.png) no-repeat top;
background-size:52px 96px;
}
 footer li.mycom a {
background:url(/shared/images/large/btn_mycom.png) no-repeat top;
background-size:52px 96px;
}
 footer li.about a {
background:url(/shared/images/large/btn_about.png) no-repeat top;
background-size:52px 96px;
}
 input.spmode {
background-image:url(/shared/images/large/icon_sp.png), url(/shared/images/large/listArrow.png) no-repeat -5px 10px, center right;
}
 input.au-kantan {
background-image:url(/shared/images/large/icon_au_kantan.png), url(/shared/images/large/listArrow.png) no-repeat 3px 8px, center right;
}
.mycom_ban a {
display:block;
width:100%;
background:url(/shared/images/large/maru_arrow3.png) no-repeat;
background-position:right;
background-size:28px 20px;
}
.mycom_ban dt {
padding: 3px 0 0 36px;
font-size:16px;
line-height:auto;
line-height: 1.6;
background:url(/shared/images/large/icon_mycom.png) no-repeat;
background-position:6px 3px;
background-size:27px 21px;
}
}
*/

p.kessai-choice {
background: #EEE;
border-bottom: dotted 1px #CCC;
border-top: solid 1px #CCC;
padding: 6px 10px 3px; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
}

.common-btn {
border: #194975 1px solid;
background-color: #FFFFFF;
padding: 1px;
-webkit-border-radius: 5px;
-webkit-box-shadow: #BDCDE6 2px 2px 3px;
margin: 13px 7px 10px;
}

.common-btn p a { /* background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#CDE2DD)); */
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #cde2dd 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #cde2dd));
background: -webkit-linear-gradient(top, #ffffff 0%, #cde2dd 100%);
background: -o-linear-gradient(top, #ffffff 0%, #cde2dd 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #cde2dd 100%);
background: linear-gradient(to bottom, #ffffff 0%, #cde2dd 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cde2dd', GradientType=0 );
height: 44px;
line-height: 44px;
-webkit-border-radius: 5px;
color: #194975;
font-size: 16px;
font-weight: bold;
text-shadow: #FFF 1px 1px 0px;
text-align: center;
vertical-align: middle;
display: block;
}

.member-choice {
border-bottom: 1px solid #F90;
padding-bottom: 4px;
margin-bottom: 5px; /* font-family:HiraKakuProN-W6; */
font-weight: bold;
}

.detail-midashi2 {
background: #EEEEEE;
border-bottom: 2px solid #CCCCCC;
border-top: 2px solid #CCCCCC;
font-size: 1em;
font-weight: bold;
margin: 14px auto 8px;
padding: 2px 8px;
}

input[type="submit"].docomo-mymenubtn {
display: block;
padding: 10px;
border: #999 1px solid;
color: #000;
background-color: #D9F5F3; /*
background:-webkit-gradient(linear, left top, left bottom, from(#FFF), to(#EEE));
background: #ffffff;
*/
background: -moz-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #eeeeee));
background: -webkit-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -o-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: -ms-linear-gradient(top, #ffffff 0%, #eeeeee 100%);
background: linear-gradient(to bottom, #ffffff 0%, #eeeeee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#eeeeee', GradientType=0 );
font-size: 16px;
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: #EEE 2px 2px 3px;
box-shadow: 0 0 3px #EEE;
width: 90%;
font-weight: bold;
margin: auto;
line-height: 1.4;
}

#gaiyou .course {
font-size: 0.8em;
margin: 10px auto 10px auto;
padding: 10px;
border: dotted 1px #CCC;
letter-spacing: -0.05em;
}

#gaiyou .premium, #gaiyou .dx, #gaiyou .normal, #gaiyou .free {
font-size: 0.9em;
background: #C6AE00;
display: inline-block;
padding: 2px 1px 1px 1px;
width: 24px;
height: 16px;
line-height: 16px;
white-space: nowrap;
text-align: center;
color: #FFF;
margin: -2px 4px 0 4px;
font-weight: bold;
}

#gaiyou .premium {
background: #0000aa;
}

#gaiyou .normal {
background: #089CAD;
}

#gaiyou .small {
font-size: 0.7em;
position: relative;
top: -2px;
display: inline-block;
}

#gaiyou .free {
background: #C00;
}

#gaiyou .detail-midashi span.premium, #gaiyou .detail-midashi span.dx, #gaiyou .detail-midashi span.normal, #gaiyou .detail-midashi span.free {
margin: 4px 0 4px 4px;
height: 16px;
line-height: 16px;
font-size: 0.7em;
float: right;
display: block;
}

#gaiyou .detail-midashi img.icon {
float: right;
display: block;
margin: 10px 0 0 0;
}

span.status {
display: block;
font-weight: bold;
font-size: 1.2em;
text-align: center;
margin-bottom: 4px;
}

.mStatus span {
font-weight: bold;
display: block;
background: #EEE;
padding: 6px 8px;
margin-bottom: 14px;
}

.mStatus span:before {
content: "■";
color: #F90;
display: inline-block;
padding-right: 4px;
}

/*--- サムネイル記事 ---*/
/*
ul.kijiList.thumb, ul.kijiList.kijiThumb {
border-top:1px dotted #CCC;
}
*/

ul.kijiList.thumb li a, ul.kijiList.kijiThumb li a {
padding: 9px 0;
}

ul.kijiList.thumb .title, ul.kijiList.kijiThumb .title {
background: none; /* display:inline-block; */
float: none;
margin: 0 0 10px 0;
padding: 0 0 0 0;
width: auto;
}

ul.kijiList.thumb a, ul.kijiList.kijiThumb a {
display: block;
font-weight: bold;
}

/*
ul.kijiList.thumb a:after, ul.kijiList.kijiThumb a:after {
content: ".";
display: block;
visibility: hidden;
height: 0.1px;
font-size: 0.1em;
line-height: 0;
clear: both;
}
*/

ul.kijiList.thumb .date, ul.kijiList.kijiThumb .date {
float: none;
padding: 0;
width: auto;
margin-bottom: 8px;
}

/*
ul.kijiList.thumb li p.title a {
font-weight:bold;
font-size:1.05em;
}
*/

ul.kijiList.thumb li a img {
width: 70px;
}

ul.kijiList.thumb li figure {
width: auto;
text-align: center;
}

ul.kijiList.thumb li figure span {
display: block;
float: left;
overflow: hidden;
height: 52px;
margin-bottom: 12px;
}

ul.line02.kijiList.thumb li, ul.line02.kijiList.thumb a {
min-height: 46px;
}

ul.kijiList.thumb li figure img, ul.kijiList.kijiThumb li figure img {
background: #FFFFFF; /* border: 1px solid #CCCCCC; */
float: left; /* height:auto; */
/* padding: 1px; */
position: relative;
top: 5px;
left: 8px;/*
width:90px;
height: 68px;
*/
}

ul.kijiList.thumb li div, ul.kijiList.kijiThumb li div {
line-height: 1.4;
overflow: hidden;
padding: 0px 16px 2px 10px;
background: none;
}

ul.kijiList.thumb li p.leadTxt, ul.kijiList.kijiThumb li p.leadTxt {
color: #666;
margin: 0 0 5px 0;
}

ul.line02.kijiList.thumb p {
padding: 2px 0 2px 10px;
}

ul.kijiList.thumb li span {
font-weight: normal;
}

.kijiList.thumb em {
font-weight: bold;
font-size: 0.8em;
color: #FFF;
padding: 1px 3px 0;
margin-left: 5px;
background: #f90;
display: inline-block;
font-style: normal;
}

ul.List.line02.kijiList.thumb .catch {
width: 92%;
}

/*------------------------------------
ウォッチリスト　カタログ表示板
--------------------------------------*/
#content #detail.inner2 {
padding: 15px 0;
border-top: 1px solid #CCCCCC;
clear: both;
}

#container #contents .watch2 {
clear: both; /* padding:5px 0 10px; */
padding: 0 0 10px;
}

#container #contents .watch2 h2 {
clear: both;
margin-bottom: 10px;
}

#container #contents .watch2 ul {
padding-bottom: 10px;
}

#container #contents .watch2 li {
background: none;
border: none;
overflow: inherit;
text-overflow: inherit;
white-space: inherit;
line-height: 1.2;
text-align: center;
width: 33%;
height: auto;
min-height: 168px;
float: left;
padding: 0 0 8px 8px;
box-sizing: border-box;
-moz-box-sizing: border-box;
-webkit-box-sizing: border-box;
-o-box-sizing: border-box;
-ms-box-sizing: border-box;
}

#container #contents .watch2 li a {
background: none;
}

#container #contents .watch2 li figure {
width: 96px;
margin: auto;
text-align: center;
overflow: hidden;
}

#container #contents .watch2 li img {
max-width: 96px;
height: 80px;
margin: auto auto 4px;
}

@media only screen and (min-width:767px) {

#container #contents .watch2 li {
min-height: 210px;
}

#container #contents .watch2 li figure {
width: 168px;
margin: auto;
text-align: center;
overflow: hidden;
}

#container #contents .watch2 li img {
max-width: 168px;
height: 140px;
margin: auto auto 4px;
}
}

#container #contents .watch2 p {
text-align: left;
}

#container #contents .watch2 .catch {
overflow: inherit;
text-overflow: inherit;
white-space: inherit;
font-weight: bold;
display: block;
font-size: 0.9em;
margin-bottom: 4px;
}

#container #contents .watch2 .date {
display: block;
color: #666;
font-weight: normal;
font-size: 0.7em; /* font-family:HiraKakuProN-W6; */
line-height: 1.5;
}

#container #contents .watch2 em {
line-height: inherit;
padding-top: 1px;
position: relative;
left: -3px;
font-weight: bold;
font-size: 0.9em;
color: #FFF;
padding: 0 3px;
margin-left: 5px;
background: #f90;
display: inline-block;
font-style: normal;
}

/*--- 汎用タイトル　ブルー ---*/
.commonTitle { /* border-left: solid 6px #089CAD; */
padding: 4px 8px 3px 10px;
font-weight: bold; /* margin:10px 7px 8px 8px; */
margin: 10px 3px 0px 3px;
font-size: 1.05em;
background: #089CAD;
color: #FFF;
}

/*--- アンドロイドキャッシュCookie削除案内 ---*/
.androidClear .frameWrap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
margin-top: 20px;
margin-bottom: 20px;
}

.androidClear .frameWrap iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

.androidClear em {
display: block;
padding: 8px;
color: #FFF;
font-weight: bold;
background: #FF6700;
font-style: normal;
margin-bottom: 10px;
}

.androidClear .subTitle {
font-weight: bold;
margin-bottom: -18px;
}

.androidGuide {
border: solid 3px #FF6700;
margin-bottom: 20px;
font-size: 0.95em;
white-space: nowrap;
background: #FFFABE;
}

.androidGuide a {
color: #000;
padding: 14px 10px;
display: block;
}

.androidGuide {
display: block;
position: relative;
color: #000;
font-weight: bold;
text-decoration: none;
}

.androidGuide:after {
display: block;
position: absolute;
top: 50%;
right: 10px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 2px #7f7f7f;
border-right: solid 2px #7f7f7f;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.headMenu {
position: relative;
margin-bottom: 4px;
z-index: 1;
min-height: 62px;
}

.headMenu li {
position: absolute;
top: 7px;
font-size: 0.9em;
}

.contentLink {
right: 4px;
}

.memberLink {
right: 72px;
}

.headMenu li.toukouLink {
right: 140px
}

.shortMenu {
background: #ccc;
color: #000;
margin: 0 0 14px 0;
position: relative;
z-index: 10;
padding: 16px 14px;
}

.shortMenu:before {
content: "";
position: absolute;
z-index: -1;
top: -9px;
right: 160px;
color: #000;
z-index: 100;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px;
border-color: transparent transparent #CCC;
}

.contentMenu:before {
content: "";
position: absolute;
z-index: -1;
top: -9px;
right: 20px;
color: #000;
z-index: 100;
width: 0;
height: 0;
border-style: solid;
border-width: 0 12px 12px;
border-color: transparent transparent #CCC;
}

.shortMenu dt {
font-weight: bold;
font-size: 1.05em;
clear: both;
margin-bottom: 8px;
}

.toukouMenu dt {
padding-left: 36px;
background: url(/shared/images/icon_paper.png) no-repeat 10px 3px;
background-size: 18px auto;
-moz-background-size: 18px auto;
-webkit-background-size: 18px auto;
-o-background-size: 18px auto;
-ms-background-size: 18px auto;
}

.shortMenu dl {
clear: both;
border-bottom: solid 1px #CCC;
overflow: hidden;
margin-bottom: 22px;
}

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

.shortMenu dl:last-child {
margin-bottom: 0;
}

.shortMenu dd {
width: 50%;
display: block;
float: left;
border: solid 1px #CCC;
margin-bottom: -1px;
position: relative;
}

.shortMenu dd:nth-child(odd) {
border-left: none;
}

.shortMenu dd a:after {
display: block;
position: absolute;
top: 50%;
right: 4px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #ccc;
border-right: solid 1px #ccc;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.comMenu dt {
padding-left: 36px;
background: url(/shared/images/icon_community.png) no-repeat 6px 6px;
background-size: 24px auto;
-moz-background-size: 24px auto;
-webkit-background-size: 24px auto;
-o-background-size: 24px auto;
-ms-background-size: 24px auto;
}

.comMenu.staffMenu dt {
background: none;
padding-left: 0;
}

.comMenu.staffMenu dt i {
font-size: 1.3em;
margin: 0 5px 0 10px;
color: #107C10;
}

.comMenu.staffMenu dd {
width: 100%;
}

/*

.shortMenu dd:nth-child(odd) {
border-right:none;
border-bottom: none;
}

.shortMenu dd:nth-child(odd) {
border-right: solid 1px #CCC;
}
*/

.shortMenu .inner {
background: #FFF;
}

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

.shortMenu a {
color: #666;
font-weight: bold;
display: block;
padding: 10px 4px;
}

.contentMenu {
clear: both;
background: #ccc;
padding: 16px 14px;
margin: 0 0 14px 0;
position: relative;
z-index: 1;
}

.ticker {
clear: both;
margin: auto 10px;
border: solid 1px #CCC;
background: #E1F6FF;
font-size: 0.9em;
}

.ticker a {
padding: 10px 10px 10px 32px;
display: block;
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
background: url(/shared/images/icon_fusen.png) no-repeat;
background-position: 9px 13px;
background-size: 15px auto;
-moz-background-size: 15px auto;
-webkit-background-size: 15px auto;
-o-background-size: 15px auto;
-ms-background-size: 15px auto;
}

.contentMenu .inner {
background: #FFF;
}

.contentMenu form {
position: relative;
}

.contentMenu input[type="search"] {
min-height: 50px;
background: none;
box-shadow: none;
font-size: 1.1em;
border: solid 1px #CCC;
padding: 0 10px;
width: 100%;
margin-bottom: 12px;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}

.contentMenu input[type="submit"] {
height: 46px;
width: 48px;
background: url(/shared/images/icon_zoom.png) #089CAD no-repeat;
background-position: center center;
background-size: 14px auto;
-moz-background-size: 14px auto;
-webkit-background-size: 14px auto;
-o-background-size: 14px auto;
-ms-background-size: 14px auto;
border: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
font-size: 1em;
position: absolute;
top: 4px;
right: -3px;
-webkit-appearance: none;
text-indent: -9999px;
}

.tabDetail input[type="search"] {
min-height: 50px;
background: none;
box-shadow: none;
font-size: 1.1em;
border: solid 1px #CCC;
padding: 0 10px;
width: 100%;
margin-bottom: 12px;
-webkit-appearance: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
}

/*
.tabDetail input[type="submit"] {
height: 46px;
width: 48px;
background: url(/shared/images/icon_zoom.png) #089CAD no-repeat;
background-position: center center;
background-size: 14px auto;
-moz-background-size: 14px auto;
-webkit-background-size: 14px auto;
-o-background-size: 14px auto;
-ms-background-size: 14px auto;
border: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
font-size: 1em;
position: absolute;
top: 2px;
right: -3px;
-webkit-appearance: none;
text-indent: -9999px;
}
*/

#search_turiba_submit{
background: #089CAD no-repeat;
width: 100px;
padding-top: 5px;
padding-bottom: 5px;
border: none;
box-shadow: none;
border-radius: 0;
-webkit-border-radius: 0;
-moz-border-radius: 0;
-o-border-radius: 0;
-ms-border-radius: 0;
font-size: 1em;
}


.mymenu {
margin-bottom: 24px;
border: solid 1px #CCC;
}

.mainMenu {
margin-bottom: 12px;
}

.mymenu li {
width: 50%;
float: left;
position: relative;
}

.mymenu li i {
position: relative;
display: block;
font-size: 2em;
}

.mymenu li:nth-child(1) i {
color: #1D9E74;
left: 2px;
}

.mymenu li:nth-child(2) i {
left: 1px;
top:-3px;
}

.mymenu li:first-child {
border-right: none;
}

.mainMenu:after, .mymenu:after {
content: "";
clear: both;
display: block;
}

.mainMenu li {
width: 32%;
float: left;
border: solid 1px #CCC;
border-right: none;
}

.mainMenu li:first-child {
width: 34%;
}

.contentMenu .close, .shortMenu .close {
text-align: center;
margin: auto;
width: 100px;
color: #000;
background: #333;
margin-bottom: 6px;
}

.contentMenu .close a, .shortMenu .close a {
display: block;
padding:2px 6px 6px;
color: #FFF;
font-size: 0.8em;
}

.contentMenu .close b, .shortMenu .close b {
display: inline-block;
margin-right: 6px;
font-size: 1.6em;
position: relative;
top:1px;
}

.mainMenu li:last-child {
border-right: solid 1px #CCC;
width: 34%;
}

.contentMenu dl {
clear: both;
}

.contentMenu dl a, .mainMenu li a, .mymenu li a {
color: #666;
padding: 14px 10px 14px 4px;
display: block;
font-size: 1em;
/* white-space: nowrap; */
font-weight: bold;
}

.contentMenu dl .line2 a {
padding: 11px 10px 9px 4px;
}

.contentMenu dl .line2 a b {
line-height: 1.15;
display: block;
font-weight: bold;
}

.mainMenu li a, .mymenu li a {
padding: 38px 3px 3px;
text-align: center;
font-size: 0.9em;
}

.mymenu li:nth-child(1) a, .mymenu li:nth-child(2) a {
padding-top: 12px;
}

.mymenu li:nth-child(1), .mymenu li:nth-child(3) {
border-right: solid 1px #CCC;

}

.mymenu li:nth-child(3) {
background: url(/shared/images/icon_mytenki_hare.png) no-repeat;
background-position: center 10px;
background-size: 28px auto;
-moz-background-size: 28px auto;
-webkit-background-size: 28px auto;
-o-background-size: 28px auto;
-ms-background-size: 28px auto;
border-top: solid 1px #CCC;
}

.mymenu li:nth-child(4) {
background: url(/shared/images/icon_ikari.png) no-repeat;
background-position: center 10px;
background-size: 25px auto;
-moz-background-size: 25px auto;
-webkit-background-size: 25px auto;
-o-background-size: 25px auto;
-ms-background-size: 25px auto;
border-top: solid 1px #CCC;
}

.mainMenu li:nth-child(1) {
background: url(/shared/images/icon_gps.png) no-repeat;
background-position: center 10px;
background-size: 24px auto;
-moz-background-size: 24px auto;
-webkit-background-size: 24px auto;
-o-background-size: 24px auto;
-ms-background-size: 24px auto;
}

.mainMenu li:nth-child(2) {
background: url(/shared/images/icon_map.png) no-repeat;
background-position: center 9px;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}

.mainMenu li:nth-child(3) {
background: url(/shared/images/icon_shop.png) no-repeat;
background-position: center 10px;
background-size: 42px auto;
-moz-background-size: 42px auto;
-webkit-background-size: 42px auto;
-o-background-size: 42px auto;
-ms-background-size: 42px auto;
}

.contentMenu dl a {
display: block;
position: relative;
}

.contentMenu dl a:after {
display: block;
position: absolute;
top: 48%;
right: 5px;
width: 7px;
height: 7px;
margin-top: -2px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.contentMenu dl {
border-bottom: solid 1px #CCC;
margin-bottom: 20px;
display: flex;
flex-wrap: wrap;
}

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

.contentMenu dt {
font-weight: bold;
font-size: 1.1em;
width: 100%;
}

.contentMenu dt i {
display: inline-block;
margin:0 4px 0 6px;
font-size: 1.18em;
}

.premiumMenu dt {
    padding-left: 28px;
    margin-bottom: 3px;
    background: url(/shared/images/icon_premium.png) no-repeat;
    background-position: left 0px;
    background-size: 23px auto;
    -moz-background-size: 23px auto;
    -webkit-background-size: 23px auto;
    -o-background-size: 23px auto;
    -ms-background-size: 23px auto;
}

.turiReport dt {
padding-left: 28px;
margin-bottom: 3px;
background: url(/shared/images/icon_fish.png) no-repeat;
background-position: left 0px;
background-size: 23px auto;
-moz-background-size: 23px auto;
-webkit-background-size: 23px auto;
-o-background-size: 23px auto;
-ms-background-size: 23px auto;
}

.turiCommunity dt {
padding-left: 27px;
margin-bottom: 3px;
background: url(/shared/images/icon_community.png) no-repeat;
background-position: left 1px;
background-size: 21px auto;
-moz-background-size: 21px auto;
-webkit-background-size: 21px auto;
-o-background-size: 21px auto;
-ms-background-size: 21px auto;
}

.turiMypage dt {
padding-left: 26px;
margin-bottom: 3px;
background: url(/shared/images/icon_mypage2.png) no-repeat;
background-position: left 1px;
background-size: 21px auto;
-moz-background-size: 21px auto;
-webkit-background-size: 21px auto;
-o-background-size: 21px auto;
-ms-background-size: 21px auto;
}

.turiTenki dt {
padding-left: 30px;
margin-bottom: 3px;
background: url(/shared/images/icon_tenki.png) no-repeat;
background-position: left 1px;
background-size: 28px auto;
-moz-background-size: 28px auto;
-webkit-background-size: 28px auto;
-o-background-size: 28px auto;
-ms-background-size: 28px auto;
}

.turiOthers dt {
padding-left:33px;
margin-bottom: 3px;
background: url(/shared/images/icon_editor.png) no-repeat;
background-position: left 1px;
background-position: 3px 0px;
background-size: 22px auto;
-moz-background-size: 22px auto;
-webkit-background-size: 22px auto;
-o-background-size: 22px auto;
-ms-background-size: 22px auto;
}

.turiInfo dt {
padding-left: 30px;
margin-bottom: 3px;
background: url(/shared/images/icon_nami.png) no-repeat;
background-position: 3px 8px;
background-size: 22px auto;
-moz-background-size: 22px auto;
-webkit-background-size: 22px auto;
-o-background-size: 22px auto;
-ms-background-size: 22px auto;
}

.turiKaeri dt {
padding-left: 30px;
margin-bottom: 3px;
background: url(/shared/images/icon_car.png) no-repeat;
background-position: 2px 3px;
background-size: 21px auto;
-moz-background-size: 21px auto;
-webkit-background-size: 21px auto;
-o-background-size: 21px auto;
-ms-background-size: 21px auto;
}

.contentMenu dd {
width: 50%;
/* float: left; */
border-left: solid 1px #CCC;
border-top: solid 1px #CCC;
}

.contentMenu dd:nth-child(odd) {
border-right: solid 1px #CCC;
}
.contentMenu dd.border_top {
border-top: solid 1px #CCC;
}
.contentMenu dd.border_left {
border-left: solid 1px #CCC;
}
.contentMenu dd.border_right {
border-right: solid 1px #CCC;
}
.contentMenu dd.border_bottom {
border-bottom: solid 1px #CCC;
}
.contentMenu dd.empty {
height: 58px;
}

.pageTop {
background: #089CAD;
z-index:100;
}
/*

.pageTop:before {
content: "";
position: absolute;
z-index: 10;
margin-left: -2px;
top: -13px;
left: 49%;
width: 0px;
height: 0px;
border-style: solid;
border-width: 0 25px 25px 25px;
border-color: transparent transparent #089dad transparent;
}
*/

/*
@media only screen and (max-width:640px) {

.pageTop:before {
position: absolute;
left: 44%;
margin-left: -2px;
}
}
*/

.pageTop {
margin-bottom: 10px;
}

.pageTop i {
color: #FFF;
font-size: 1.4em;
position: relative;
top:2px;
margin-right:6px;
}

footer .pageTop a {
display: block;
padding:8px 12px;
}

footer .pageTop a:link {
color: #FFF;
}

/*
.myTopAppeal {
clear: both;
padding: 6px 6px 8px;
margin: 0 10px 6px;
border: solid 1px #CCC;
position: relative;
top: 8px;
}

.myTopAppeal p {
margin-bottom: 4px;
line-height: 1.3;
}
*/

.myTopAppeal a {
font-style: normal;
}
/*

.myTopAppeal span {
display: block;
color: #777;
cursor: pointer;
text-align: right;
font-size: 0.9em;
margin-bottom: 4px;
}
*/

.more {
clear: both;
background: #EEF9FF;
text-align: center;
height: auto; /* height:30px; */
border: solid 1px #CCC;
margin: 12px 12px 0;
}

.more a {
position: relative;
display: block;
font-size: 1em;
padding: 14px 8px;
}

.more a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.more a:before {
display: block;
position: absolute;
top: 50%;
right: 12px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.delLink {
padding: 10px;
text-align: right;
}

.myTop .title {
background: #089DAD;
color: #FFF;
padding: 8px;
margin: 1px;
font-weight: bold;
}

.myTop .title h2 {
font-weight: bold;
font-size: 1.2em;
}

.myTop .title span {
font-size: 0.75em;
display: inline-block;
padding: 0 6px;
}

.prof:after, .waku:after {
content: "";
clear: both;
display: block;
}

.prof figure {
width: 80px;
height: 80px;
overflow: hidden;
text-align: center;
position: relative;
left: 6px;
float: left;
margin-bottom: 12px;
}

.user .prof figure {
left: 0;
}

.prof img {
/* height: 80px; */
/* max-width: inherit; */
margin: auto;
max-height: 80px;
}

.usersInfo {
padding-left: 94px;
}

.user .userInfo {
padding-left: 88px;
}

.userName {
display: block;
}

.userPoint {
margin-left: -8px;
}

.userName a {
color: #000;
font-size: 1.1em;
text-decoration: underline;
}

.userRank {
white-space: nowrap;
}

.userRank a {
display: inline-block;
padding: 0 6px;
text-decoration: underline;
font-size: 1.3em;
}

.myTop .push {
text-align: center;
margin: 0 7px;
margin-bottom: 12px;
}

.myTop .push a {
display: block;
border: solid 1px #FBB03B;
padding: 6px 6px 6px 34px;
color: #603813;
background: url(/shared/images/icon_push.png) #FFF9D9 no-repeat;
background-position: 10px center;
background-size: 18px auto;
-moz-background-size: 18px auto;
-webkit-background-size: 18px auto;
-o-background-size: 18px auto;
-ms-background-size: 18px auto;
text-align: left;
position: relative;
}

.myTop .push a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.myTop .waku {
margin-left: 6px;
margin-righ: 6px;
border: solid 1px #CCC;
}

.myTop .inner {
padding: 10px;
}

.myTop .mycho dl {
border-bottom: solid 1px #CCC;
margin-bottom: 8px;
padding-bottom: 8px;
}

.myTop .mycho dl:last-child {
margin-bottom: 0;
border-bottom: none;
}

.myTop .mycho dt a {
display: inline-block;
font-size: 1.1em;
}

.myTop .mycho dt span:before {
content: "：";
display: inline-block;
}

.myTop .mycho dt b {
color: #FFCC00;
display: inline-block;
padding: 2px;
font-size: 1.1em;
}

.myTop .area {
font-weight: bold;
font-size: 1.2em;
}

.myTop .pointTenki .tenkiBlock .date {
background: #EEE;
text-align: center;
padding: 4px;
font-weight: bold;
}

.myTop .pointTenki .tenkiBlock .youbi {
font-size: 0.8em;
font-weight: bold;
}

.myTop .pointTenki .tenkiBlock .time {
display: block;
text-align: center;
font-size: 0.8em;
}

.myTop .pointTenki .tenkiBlock .day {
width: 50%;
float: left;
padding: 0 5px;
margin-bottom: 10px;
}

.myTop .pointTenki .tenkiBlock .tenkiTxt {
font-size: 1em;
text-align: center;
}

.myTop .pointTenki .tenkiBlock .area {
clear: both;
border-top: solid 1px #CCC;
padding-top: 8px;
margin-bottom: 8px;
}

.myTop .pointTenki .tenkiBlock .area:first-child {
padding-top: 0;
border: none;
}

.myTop .amagumoBlock .area, .myTop .weekTenki .area {
clear: both;
padding: 4px 8px;
background: #EEE;
margin-bottom: 10px;
}

.myTop .weekTenki .tenkiBlock li {
display: inline-block;
width: 82px;
text-align: center;
}

.myTop .weekTenki .tenkiBlock li img {
position: relative;
left: inherit;
right: -3px;
width: 70px;
}

.myTop .weekTenki .tenkiBlock li .rain {
margin-top: -4px;
font-weight: bold;
}

.myTop .weekTenki .tenkiBlock li .tenkiImg {
height: 34px;
line-height: 34px;
}

.myTop .weekTenki .tenkiBlock li .hot {
color: #FF0000;
font-weight: bold;
letter-spacing: -0.1em;
}

.myTop .weekTenki .tenkiBlock li .cold {
color: #0B108C;
font-weight: bold;
letter-spacing: -0.1em;
}

.myTop .weekTenki .date {
font-weight: bold;
text-align: center;
white-space: normal;
}

.myTop .amagumoBlock li {
display: inline-block;
width: 82px;
text-align: center;
}

.myTop .amagumoBlock ul, .myTop .weekTenki ul {
overflow-x: scroll;
overflow-scrolling: touch;
-webkit-overflow-scrolling: touch;
white-space: nowrap;
margin-bottom: 10px;
/*
position: relative;
z-index: 1;
*/
}

/*
.myTop .amagumoBlock ul:after, .myTop .weekTenki ul:after {
content:"";position:absolute;z-index:10;bottom:0;left:70%;
width: 100px;
height: 5px;
background: #000;
opacity: 0.5;
-moz-opacity: 0.5; 
filter: alpha(opacity=50);
-ms-filter: "alpha(opacity=50)";
border-radius:4px;
-webkit-border-radius:4px;
-moz-border-radius:4px;
-o-border-radius:4px;
-ms-border-radius:4px;
}
*/

.myTop .kkcHistory {
border-top: solid 1px #CCC;
padding: 10px;
}

.myTop .kkcHistory .cornerTitle {
font-weight: bold;
font-size: 1.1em;
margin-bottom: 14px;
}

.kkcHistory figure {
width: 100%;
display: block;
height: 130px;
overflow: hidden;
margin: auto;
text-align: center;
margin-bottom: 10px;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;
position: relative;
}

.kkcHistory figure img {
margin: auto;
width: 100%;
max-width: inherit;
}

.kkcHistory .comment {
color: #000;
position: relative;
display: block;
}

.kkcHistory .comment:after {
display: block;
position: absolute;
top: 80%;
right: 0px;
width: 7px;
height: 7px;
margin-top: 2px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.kkcHistory .date {
color: #666;
font-size: 0.8em;
}

.kkcHistory li {
border-bottom: solid 1px #CCC;
padding: 10px 0;
}

.kkcHistory li a {
display: block;
overflow: hidden;
}

.kkcHistory li a img {
-webkit-tap-highlight-color: rgba(0,0,0,0);
}

.newComment ul.kijiList.thumb li, ul.kijiList.kijiThumb li {
overflow: hidden;
}

.selfAppeal {
clear: both;
border: dotted 1px #CCC;
padding: 10px;
background: #EEE;
}

.selfAppeal dt {
font-weight: bold;
}

.communityNavi {
text-align: center;
margin: auto auto 12px;
position: relative;
top: 3px;
}

.communityNavi li {
width: 35%;
display: inline-block;
text-align: center;
background: #f0f0f0;
}

.communityNavi li a {
display: block;
padding: 10px 0;
color: #000;
min-height: 45px;
line-height: 25px;
font-size: 0.82em;
padding-left: 10px;
position: relative;
}

.communityNavi li a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #bbb;
border-right: solid 1px #bbb;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.communityNavi li:nth-child(3) {
position: relative;
top: 5px;
}

/*
.communityNavi li:last-child {
position: relative;
top: 5px;
}
*/


.communityNavi li:first-child a {
background: url(/shared/images/icon_denpa.png) no-repeat 6px 14px;
background-size: 14px auto;
-moz-background-size: 14px auto;
-webkit-background-size: 14px auto;
-o-background-size: 14px auto;
-ms-background-size: 14px auto;
}

.communityNavi li:nth-child(2) a {
background: url(/shared/images/icon_fukidashi.png) no-repeat 6px center;
background-size: 20px auto;
-moz-background-size: 20px auto;
-webkit-background-size: 20px auto;
-o-background-size: 20px auto;
-ms-background-size: 20px auto;
}

.communityNavi li:nth-child(3) a {
line-height: 1;
background: url(/shared/images/icon_ranking.png) no-repeat 6px center;
background-size: 16px auto;
-moz-background-size: 16px auto;
-webkit-background-size: 16px auto;
-o-background-size: 16px auto;
-ms-background-size: 16px auto;
}
/*
.communityNavi li:last-child a {
line-height: 1;
background: url(/shared/images/icon_ranking.png) no-repeat 6px center;
background-size: 16px auto;
-moz-background-size: 16px auto;
-webkit-background-size: 16px auto;
-o-background-size: 16px auto;
-ms-background-size: 16px auto;
}
*/


.communnityHiroba li {
border-bottom: solid 1px #CCC;
}

.communnityHiroba li a {
padding: 10px;
display: block;
position: relative;
}

.communnityHiroba li a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.communnityHiroba li:nth-child(even) a {
background: #f8f8f8;
}

.communnityHiroba li .catch {
font-weight: bold;
font-size: 1.2em;
}

.communnityHiroba li .commentTime, .communnityHiroba li .leadtxt {
color: #333;
line-height: 1.5;
display: block;
}

.communnityHiroba li .commentTime {
text-align: right;
font-size: 0.8em;
}

.communnityHiroba li .leadtxt {
color: #000;
margin: 0 10px 6px 0;
}

input[type="checkbox"] {
-webkit-transform: scale(1.5);
transform: scale(1.5);
border: solid 1px #999;
border-radius: 1px;
-webkit-border-radius: 1px;
-moz-border-radius: 1px;
-o-border-radius: 1px;
-ms-border-radius: 1px;
margin-right: 10px;
position: relative;
top: -1px;
}

#kkcWrap ul.kijiList.thumb li a img {
width: 100%;
max-width: inherit;
position: relative;
top: inherit;
left: inherit;
margin: auto;
}

#kkcWrap ul.kijiList.thumb li figure span {
width: 100%;
display: block;
position: relative;
top: inherit;
left: inherit;
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
-o-border-radius: 3px;
-ms-border-radius: 3px;
margin: auto auto 12px;
}

#contents #wrapper #kkcWrap .userProfImg img, #contents #wrapper #kkcWrap .kkc-inner .userProfImg img, #contents .wrapper #kkcWrap .kkc-inner .userProfImg img {
float: left;
position: relative;
width: 40px;
top: 10px;
left: -5px;
}

#contents #wrapper #kkcWrap.ichiran .userProfImg img, #contents #wrapper #kkcWrap.ichiran .kkc-inner .userProfImg img, #contents .wrapper #kkcWrap.roomDetail .kkc-inner .userProfImg img {
left: inherit;
top: inherit;
margin: 0 6px 8px;
}

#contents .wrapper #kkcWrap.roomDetail .kkc-inner .userProfImg img {
left: -3px;
}

.List li .wadaiTitle a {
padding: 6px 4px;
}

.List li .wadaiTitle a:after {
display: none;
}

#contents #wrapper #kkcWrap .userProfImg img {
clear: none;
display: block;
margin: auto;
}

#contents #wrapper #kkcWrap .userProfImg a, #contents #wrapper #kkcWrap .userProfImg a {
padding: 0;
}

.kkc-inner.hatugen span.catch {
margin-bottom: 6px;
display: block;
}

#contents #wrapper #kkcWrap ul.kijiList.thumb li figure span {
height: 130px;
}

.kkc-inner.hatugen .bodytxt {
padding-left: 46px;
margin-bottom: 10px;
}

#contents .wrapper #kkcWrap .bodytxt {
padding-left: 52px;
margin-bottom: 0px;
}

.ne {
padding-bottom: 14px;
}

#contents #wrapper #kkcWrap .kkc-inner {
padding: 15px 6px;
}

#contents .wrapper #kkcWrap .tanpatu-list {
text-align: center;
}

#contents #wrapper #kkcWrap.ichiran .kkc-inner.hatugen .userProfImg img {
margin: 0 6px 8px 0;
}

.kkc-inner.hatugen {
border: solid 1px #CCC;
padding: 8px 10px;
margin-bottom: -1px;
}

.kkc-inner.hatugen span.handle {
margin-bottom: 8px;
padding: 0;
}

#contents #wrapper #kkcWrap .commentLink, #contents .wrapper #kkcWrap .commentLink {
display: block;
font-size: 0.9em;
text-align: right;
}

#contents #wrapper #kkcWrap .commentLink a, #contents .wrapper #kkcWrap .commentLink a {
font-weight: normal;
display: inline-block;
margin-left: 5px;
}

#contents #wrapper #kkcWrap .commentLink .tanpatu-list a, #contents .wrapper #kkcWrap .commentLink .tanpatu-list a {
display: block;
}


/*--- マイ天気ボタン ---*/
.GomyTenki {
width: 68px;
height: auto;
text-align: center;
border: solid 1px #CCC;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
padding: 2px 2px 1px;
position: absolute;
right: 7px;
top:8px;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
}

.GomyTenki a {
display: block;
background: url(/shared/images/icon_mytenki_hare.png) no-repeat 52% 1px;
padding-top: 26px;
background-size:24px auto;
-moz-background-size:24px auto;
-webkit-background-size:24px auto;
-o-background-size:24px auto;
-ms-background-size:24px auto;
color: #42210B;
}

.GomyTenki.del a {
background: url(/shared/images/icon_mytenki_hare_gray.png) no-repeat 52% 1px;
background-size:24px auto;
-moz-background-size:24px auto;
-webkit-background-size:24px auto;
-o-background-size:24px auto;
-ms-background-size:24px auto;
color: #666;
}

.GomyTenki a span {
display: block;
text-align: center;
font-size: 0.7em;
line-height: 1.2;
font-weight: bold;
padding-bottom: 2px;
}

.myTenkiLink, .mycyoBtnLink {
width: 90%;
max-width: 280px;
margin: auto;
background: #ffffff;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmNmY2ZjYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top, #ffffff 0%, #f6f6f6 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f6f6f6));
background: -webkit-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f6f6f6 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f6f6f6 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f6f6f6',GradientType=0 );
margin-bottom: 34px;
}

.mycyoBtnLink {
max-width: 260px;
}

.myTenkiLink a, .mycyoBtnLink a, .mycyoBtnLink button {
display: block;
font-size: 1.1em;
text-align: center;
padding:12px 8px;
border: solid 1px #CCC;
border-radius:2px;
-webkit-border-radius:2px;
-moz-border-radius:2px;
-o-border-radius:2px;
-ms-border-radius:2px;
color: #42210B;
background: url(/shared/images/icon_mytenki_hare.png) no-repeat 10% center;
background-size:28px auto;
-moz-background-size:28px auto;
-webkit-background-size:28px auto;
-o-background-size:28px auto;
-ms-background-size:28px auto;
padding-left: 40px;
}

.mycyoBtnLink a, .mycyoBtnLink button {
padding-left: 15px;
background-image: none;
}

/*
.myTenkiLink.delLink a {
background-position: 4% center;
}
*/

.myTenkiLink.delLink a, .mycyoBtnLink.delLink a {
background: url(/shared/images/icon_mytenki_hare_gray.png) no-repeat 15% center;
background-size:28px auto;
-moz-background-size:28px auto;
-webkit-background-size:28px auto;
-o-background-size:28px auto;
-ms-background-size:28px auto;
color: #666;
}

.mycyoBtnLinkWrap {
padding-top: 26px;
text-align: center;
}

.mycyoBtnLinkWrap b {
font-size: 0.95em;

}

.mycyoBtnLink i {
font-size: 1.3em;
display: inline-block;
position: relative;
left: -10px;
color: #FFCC00;
}

.mycyoBtnLink.delLink i {
color: #666;
}

.mycyoBtnLink.delLink a {
background-image: none;
}

.myTenkiLink.delLink, .mycyoBtnLink.delLink {
padding: 0;
}

#detail.inner {
position: relative;
}

.inner img {
margin: 16px auto 12px
}

.tenkiReg .lead {
text-align: center;
font-size: 0.85em;
margin-bottom: 4px;
}

.wadai .List li {
position: relative;
}

.wadai .List li .userProfImg a:after {
display: none;
}

.wadai .List li a {
display: block;
padding: 6px 16px 12px 10px;
}

.wadai .List li .handle, .wadai .List li .date {
position: relative;
left: 48px;
}

#contents #wrapper #kkcWrap.ichiran.wadai .userProfImg {
position: absolute;
/* bottom:18px; */
top:46px;
left: 12px;
margin: 0;
max-height: 38px;
overflow: hidden;
}

#contents #wrapper #kkcWrap.ichiran.wadai .userProfImg img, #contents #wrapper #kkcWrap.ichiran.wadai .kkc-inner .userProfImg img {
margin: 0;
}

.imasugu {
text-align: center;
padding:24px 0 10px;
}

.imasugu a {
min-width: 220px;
text-align: center;
margin: auto auto 4px;
border:1px solid #FF7029; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px; text-decoration:none; display:inline-block;font-weight:bold; color: #FFFFFF;
 background-color: #FFAC59; background-image: -webkit-gradient(linear, left top, left bottom, from(#FFAC59), to(#FB7814));
 background-image: -webkit-linear-gradient(top, #FFAC59, #FB7814);
 background-image: -moz-linear-gradient(top, #FFAC59, #FB7814);
 background-image: -ms-linear-gradient(top, #FFAC59, #FB7814);
 background-image: -o-linear-gradient(top, #FFAC59, #FB7814);
 background-image: linear-gradient(to bottom, #FFAC59, #FB7814);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#FFAC59, endColorstr=#FB7814);
font-size: 1.2em;
padding:12px 12px 10px;
}

.imasugu p {
font-size: 0.85em;
}

.mainImg {
width: 200px;
margin: auto auto 14px;
}

.yokuMiruAppeal {
position: relative;
border-top: solid 1px #CCC;
border-bottom: solid 1px #CCC;
padding: 10px;
background: #fcfbf5;
margin-bottom: -18px;
}

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

.yokuMiruAppeal i {
font-size: 4em;
color: #000;
position: absolute;
left: 10px;
top:38px;
font-weight: normal;
}

.yokuMiruAppeal em {
font-size: 1.2em;
color: #000;
font-weight: bold;
margin:0 10px 0;
display: block;
text-align: center;
}

.yokuMiruAppeal b {
display: block;
margin: 0 auto 4px;
background: #FF9900;
color: #FFF;
font-weight: bold;
text-align: center
}

.yokuMiruAppeal a {
display: block;
}

.yokuMiruAppeal span {
display: block;
text-align: left;
color: #000;
font-size: 0.9em;
line-height: 1.4;
padding:0 10px;
margin: 0 auto 0;
position: relative;
z-index: 1;
}

.yokuMiruAppeal span:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}

.rankingAbout {
clear: both;
font-size: 1.1em;
border: dashed 1px #CCC;
background: #F6F4E8;
padding: 10px;
margin: 0 10px;
}

.rankingAbout em {
font-weight: bold;
text-align: center;
display: block;
margin-bottom: 6px;
}

.rankingAbout i {
color: #FF9900;
font-size: 1.4em;
position: relative;
top:1px;
}

.rankingAbout b {
font-weight: bold;
}

.staff {
padding:24px 10px;
text-align: center;
}

.staff .title {
text-align: center;
background:#10105a;
color: #fff;
font-size: 1.3em;
font-weight: bold;
padding: 6px 8px;
}

.staff a {
padding: 10px;
display: block;
color: #000;
font-weight: normal;
position: relative;
z-index: 1;
text-align: center;
}

/*
.staff a:after {
display: block;
position: absolute;
top: 50%;
right: 6px;
width: 7px;
height: 7px;
margin-top: -4px;
border-top: solid 1px #999;
border-right: solid 1px #999;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
content: "";
}
*/
.staff a.imasugu {
    background-color: #ffac59;
    background-image: linear-gradient(to bottom, #ffac59, #fb7814);
    border: 1px solid #ff7029;
    border-radius: 3px;
    color: #ffffff;
    display: inline-block;
    font-size: 1.2em;
    font-weight: bold;
    margin: auto auto 4px;
    min-width: 220px;
    padding: 12px 12px 10px;
    text-align: center;
    text-decoration: none;
}

.sitelogin{
	text-align:center;
	margin:0 0 20px 0;

}
.sitelogin p{
	font-size:14px;
	line-height:16px;
}

.sitelogin p.siteloginTitle{
	font-size:14px;
	line-height:16px;
	background:#089CAD url(/shared/images/icon_lock.png) 10px 50% no-repeat;
	background-size:15px auto;
	-moz-background-size:15px auto;
	-webkit-background-size:15px auto;
	-o-background-size:15px auto;
	-ms-background-size:15px auto;
	color:#FFFFFF;
	padding:10px 0 10px 30px;
	display:block;
	text-align:left;
	margin:0 0 10px 0;
}
.sitelogin img{
	margin:0 0 10px 0;
}

.sitelogin p.caution {
    display: block;
    text-align: left;
    margin: 10px 10px 0 10px;
    font-size: 12px;
}
.sitelogin p.loginCaution {
    font-size: 12px;
}

.logBtn{
    display: block;
    width: 100%;
    font-size: 1.1em;
    text-align: center;
    padding: 12px 8px;
    border: solid 1px #CCC;
    border-radius: 2px;
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    -o-border-radius: 2px;
    -ms-border-radius: 2px;
    color: #42210B;
    background: url() no-repeat;
    background-size: 28px auto;
    -moz-background-size: 28px auto;
    -webkit-background-size: 28px auto;
    -o-background-size: 28px auto;
    -ms-background-size: 28px auto;
}

.hidden_img_log{
    display: inline-block;
    overflow: hidden;
    padding: .6em 2em;;
    border: 1px solid #10105A;
    background: #10105A;
    color:#fff;
    border-radius:2px;
    margin-top: 10px;
    position: relative;
}

.hidden_img_log input[type="file"] {
    opacity: 0;
    filter: progid:DXImageTransform.Microsoft.Alpha(opacity=0);
    position: absolute;
    right: 0;
    top: 0;
    margin: 0;
    font-size: 100px;
    cursor: pointer;
}

.tenki table {
    border-collapse:collapse;
    border:solid 1px #CCCCCC;
    width: 100%;
    margin: auto auto 15px;
}

.tenki td ,.tenki th{
    border:solid 1px #CCCCCC;
    padding:5px;
    text-align: center;
    vertical-align: middle;
    width:50%;
}

.tenki td img.iconTenki {
    margin: 4px auto 0;
    padding: 0 0 0 8px;
    width: 60px;
}

.tenki td img.iconWind {
    margin: 4px auto 0;
    width: 34px;
}

.tenki th{
    background:#efefef;
    font-weight:normal;
    color:#676767;
    font-size: 0.8em;
}

.ondo, .wind {
    display: block;
}

.pl10 {
    padding-left: 10px !important;
}

.erroe_reporting {
    color: red;
    font-size: 12px;
}

.pointTenki .List li input[type="checkbox"] {
    display: block;
    float: left;
    top: 22px;
}

#tenkiDel button {
    padding: 10px;
    border: none;
    background: none;
    background-color: #10105A;
    color: #FFFFFF;
    font-size: 0.9em;
    width: 120px;
    font-weight: bold;
    margin: 0 5px;
    line-height: 1.4;
    cursor: pointer;
    -webkit-appearance: none;
    border-radius: 0px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -o-border-radius: 0;
    -ms-border-radius: 0;
}

#tenkiDel button.back {
    background: #666;
}

#tenkiDel button.next {
    background: #10105A;
}

.mycho span#remove:before {
    content: " ";
}