@charset "utf-8";

.articleContainer {
  width: 684px;
  margin: 0 0 25px;
  padding: 0 0 15px;
  background-color: #fff;
  border: 1px solid #dedede;
}

#mainContentsWide .articleContainer {
  width: 1000px;
}

#mainContentsWide02 .articleContainer {
  width: 100%;
}

.articleContainer .headArea,
.article2ColContainer .headArea {
  background: url(https://media.eiga.com/anime/images/common/sttl_bg.png?1436415427) repeat-x left top;
  margin-bottom: 10px;
  padding: 0 10px;
}

.articleContainer .headAreaInner,
.article2ColContainer .headAreaInner {
  border-bottom: 1px solid #c7c7c7;
  padding: 10px 0 3px;
}

.articleContainer .headArea h1 {
  font-size: 174%;
  font-weight: bold;
  line-height: 1.3;
}

.articleContainer .headArea h1.headTtlL {
  float: left;
  width: 77%;
}

#mainContentsWide .articleContainer .headArea h1.headTtlL,
#mainContentsWide02 .articleContainer .headArea h1.headTtlL {
  width: 85%;
}

.articleContainer .headArea .headTtlR {
  float: right;
  width: 20%;
  padding-top: 8px;
  font-size: 85%;
  line-height: 1.2;
  text-align: right;
  color: #666;
}

.articleContainer .headArea .headTtlR+div {
  clear: both;
}

#mainContentsWide .articleContainer .headArea .headTtlR,
#mainContentsWide02 .articleContainer .headArea .headTtlR {
  width: 12%;
}

.articleContainer .headArea h2,
.article2ColContainer .headArea h2 {
  padding: 3px 0;
  font-size: 138.5%;
  font-weight: bold;
  line-height: 1.2;
}

.article2ColContainer .headArea h2.ttlProgram {
  float: left;
  width: 70%;
}

.article2ColContainer .headArea .selectMenu {
  float: right;
  width: 28%;
  position: inherit;
  width: 79px;
  height: 20px;
  background: none;
  margin: 0;
  padding: 4px 0 0;
}

.article2ColContainer .headArea .selectMenu select {
  border: 1px solid #d0d0d0;
}

.articleContainer .headArea02 {
  margin-bottom: 10px;
  padding: 10px 0 3px;
  border-bottom: 1px dotted #c7c7c7;
}

.articleContainer .headArea02 h2 {
  float: left;
  width: 77%;
  border-left: 5px solid #d54137;
  padding: 3px 0 2px 5px;
  font-size: 131%;
  font-weight: bold;
  line-height: 1.2;
}

.articleContainer .headArea02 h2.flNone {
  float: none;
  width: inherit;
}

.articleContainer .headArea02 .upDate {
  float: right;
  width: 20%;
  padding-top: 8px;
  font-size: 85%;
  line-height: 1.2;
  text-align: right;
  color: #666;
}

.articleContainer .headArea02 h2 span {
  font-weight: bold;
}

.articleContainer .articleInner {
  width: 666px;
  padding: 0 8px 0;
}

.articleContainer>h2 {
  margin: 0 0 10px;
}

#mainContentsWide .articleContainer .articleInner {
  width: 982px;
}

#mainContentsWide02 .articleContainer .articleInner {
  width: auto;
}

.articleInner ul.relatedArticleList {
  margin: 0 1px;
  display: flex;
  flex-wrap: wrap;
}

.articleInner ul.relatedArticleList li {
  position: relative;
  overflow: hidden;
  zoom: 1;
}

.articleInner ul.relatedArticleList li {
  width: 220px;
  min-height: 213px;
  padding: 1px 0 0 1px;
}

.articleInner ul.relatedArticleList li.rArticleTop {
  padding-top: 0;
}

.articleInner ul.relatedArticleList li img {
  position: relative;
  right: auto;
  top: 0;
  max-width: 100%;
}

.articleInner ul.relatedArticleList li .headline {
  display: block;
  width: 210px;
  position: absolute;
  left: 1px;
  bottom: 0;
  background-color: #279bf4;
  background-color: rgba(39, 155, 244, 0.7);
  padding: 7px 7px 5px;
  font-size: 100%;
  font-weight: bold;
}

.articleInner ul.relatedArticleList li a:link .headline,
.articleInner ul.relatedArticleList li a:visited .headline {
  color: #fff;
  text-decoration: none;
}

.articleInner ul.relatedArticleList li a:hover .headline,
.articleInner ul.relatedArticleList li a:active .headline {
  color: #fff;
  text-decoration: underline;
}

.articleInner dl.itemInfo {
  width: 666px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #c7c7c7;
}

.articleInner dl.itemInfo dt {
  display: block;
  float: left;
  width: 120px;
  margin-right: 15px;
}

.articleInner dl.itemInfo dd {
  float: left;
  width: 531px;
}

.articleInner dl.itemInfo dd .itemTtl {
  margin-bottom: 8px;
  word-wrap: break-word;
}

.articleInner dl.itemInfo dd .itemTtl a {
  font-size: 116%;
  font-weight: bold;
}

.articleInner dl.itemInfo dd .itemText {
  word-wrap: break-word;
}

.articleInner dl.personInfo,
.articleInner dl.eventInfo {
  width: 666px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #c7c7c7;
}

.articleInner dl.personInfo dt,
.articleInner dl.eventInfo dt {
  margin-bottom: 10px;
  padding: 2px 0 1px 5px;
  border-left: 4px solid #d54137;
  line-height: 1.3;
}

.articleInner dl.personInfo dt a.personName,
.articleInner dl.eventInfo dt a.eventName {
  margin-right: 7px;
  font-size: 116%;
  font-weight: bold;
}

.articleInner dl.personInfo dd .personImg,
.articleInner dl.eventInfo dd .eventImg {
  float: left;
  width: 120px;
  margin-right: 15px;
}

.articleInner dl.personInfo dd .personDetailList,
.articleInner dl.eventInfo dd .eventDetailList {
  float: left;
  width: 531px;
}

.articleInner dl.personInfo dd dl.personDetailListL,
.articleInner dl.eventInfo dd dl.eventDetailListL {
  float: left;
  width: 260px;
  margin: 0 10px 8px 0;
}

.articleInner dl.personInfo dd dl.personDetailListR,
.articleInner dl.eventInfo dd dl.eventDetailListR {
  float: right;
  width: 260px;
  margin: 0 0 8px 0;
}

.articleInner dl.personInfo dd dl.personDetailListL dt,
.articleInner dl.personInfo dd dl.personDetailListR dt,
.articleInner dl.eventInfo dd dl.eventDetailListL dt,
.articleInner dl.eventInfo dd dl.eventDetailListR dt {
  display: block;
  float: left;
  width: 50px;
  background: #e4e4e4;
  border: none;
  margin: 0 8px 2px 0;
  padding: 3px 5px 2px;
  font-size: 85%;
  text-align: center;
  word-wrap: break-word;
  line-height: 1.3;
}

.articleInner dl.personInfo dd dl.personDetailListL dd,
.articleInner dl.personInfo dd dl.personDetailListR dd,
.articleInner dl.eventInfo dd dl.eventDetailListL dd,
.articleInner dl.eventInfo dd dl.eventDetailListR dd {
  float: left;
  width: 191px;
  font-size: 100%;
  word-wrap: break-word;
}

.articleInner dl.personInfo dd dl.personDetailListBtm,
.articleInner dl.eventInfo dd dl.eventDetailListBtm {
  margin-top: 0;
  margin-bottom: 8px;
}

.articleInner dl.personInfo dd dl.personDetailListBtm dt,
.articleInner dl.eventInfo dd dl.eventDetailListBtm dt {
  display: block;
  float: left;
  width: 50px;
  background: #e4e4e4;
  border: none;
  margin: 0 8px 2px 0;
  padding: 3px 5px 2px;
  font-size: 85%;
  text-align: center;
  word-wrap: break-word;
  line-height: 1.3;
}

.articleInner dl.personInfo dd dl.personDetailListBtm dd,
.articleInner dl.eventInfo dd dl.eventDetailListBtm dd {
  float: left;
  width: 462px;
  font-size: 100%;
  word-wrap: break-word;
}

.articleInner dl.personInfo dd dl.personDetailListBtm dd ul li,
.articleInner dl.eventInfo dd dl.eventDetailListBtm dd ul li {
  float: left;
  margin-right: 8px;
  word-wrap: break-word;
}

.articleInner dl.eventInfo dd.noImg .eventDetailList {
  float: none;
  width: 666px;
}

.articleInner dl.eventInfo dd.noImg dl.eventDetailListL {
  width: 327px;
}

.articleInner dl.eventInfo dd.noImg dl.eventDetailListR {
  width: 327px;
}

.articleInner dl.eventInfo dd.noImg dl.eventDetailListL dd,
.articleInner dl.eventInfo dd.noImg dl.eventDetailListR dd {
  width: 258px;
}

.articleInner dl.eventInfo dd.noImg dl.eventDetailListBtm dd {
  width: 597px;
}

.articleInner dl.personInfo {
  width: 666px;
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px dotted #c7c7c7;
}

.articleInner dl.personInfo dt {
  margin-bottom: 10px;
  padding: 2px 0 1px 5px;
  border-left: 4px solid #d54137;
  line-height: 1.3;
}

.articleInner dl.personInfo dt a.personName {
  margin-right: 7px;
  font-size: 116%;
  font-weight: bold;
}

.articleInner dl.personInfo dd .personImg {
  float: left;
  width: 120px;
  margin-right: 15px;
}

.articleInner dl.personInfo dd .personDetailList {
  float: left;
  width: 531px;
}

.articleInner dl.personInfo dd dl.personDetailListL {
  float: left;
  width: 260px;
  margin: 0 10px 8px 0;
}

.articleInner dl.personInfo dd dl.personDetailListR {
  float: right;
  width: 260px;
  margin: 0 0 8px 0;
}

.articleInner dl.personInfo dd dl.personDetailListL dt,
.articleInner dl.personInfo dd dl.personDetailListR dt {
  display: block;
  float: left;
  width: 50px;
  background: #e4e4e4;
  border: none;
  margin: 0 8px 2px 0;
  padding: 3px 5px 2px;
  font-size: 85%;
  text-align: center;
  word-wrap: break-word;
  line-height: 1.3;
}

.articleInner dl.personInfo dd dl.personDetailListL dd,
.articleInner dl.personInfo dd dl.personDetailListR dd {
  float: left;
  width: 191px;
  font-size: 100%;
  word-wrap: break-word;
}

.articleInner dl.personInfo dd dl.personDetailListBtm {
  margin-top: 0;
  margin-bottom: 8px;
}

.articleInner dl.personInfo dd dl.personDetailListBtm dt {
  display: block;
  float: left;
  width: 50px;
  background: #e4e4e4;
  border: none;
  margin: 0 8px 2px 0;
  padding: 3px 5px 2px;
  font-size: 85%;
  text-align: center;
  word-wrap: break-word;
  line-height: 1.3;
}

.articleInner dl.personInfo dd dl.personDetailListBtm dd {
  float: left;
  width: 462px;
  font-size: 100%;
  word-wrap: break-word;
}

.articleInner dl.personInfo dd dl.personDetailListBtm dd ul li {
  float: left;
  margin-right: 8px;
  word-wrap: break-word;
}

.articleInner ul.eventInfoList {
  width: 666px;
  margin: 0 0 10px;
  border-bottom: 1px dotted #c7c7c7;
}

#mainContentsWide .articleInner ul.eventInfoList {
  width: 982px;
}

#mainContentsWide02 .articleInner ul.eventInfoList {
  width: auto;
}

.articleInner ul.eventInfoList li {
  background: url(https://media.eiga.com/anime/images/common/icon_common.png?1436415427) no-repeat 2px -937px;
  margin-bottom: 15px;
  padding-left: 15px;
}

.articleInner ul.eventInfoList .eventInfoDate {
  width: 170px;
  float: left;
  margin-right: 10px;
  font-size: 85%;
}

.articleInner ul.eventInfoList .eventInfoTtl {
  width: 325px;
  float: left;
  margin-right: 10px;
  word-wrap: break-word;
}

#mainContentsWide .articleInner ul.eventInfoList .eventInfoTtl {
  width: 641px;
}

#mainContentsWide02 .articleInner ul.eventInfoList .eventInfoTtl {
  width: auto;
}

.articleInner ul.eventInfoList .conCheckin {
  width: 130px;
  float: left;
  margin-left: 0;
}

.articleInner .conCheckin,
.headArea .conCheckin,
.articleInner .conCheckin02 {
  display: inline-block;
  vertical-align: middle;
  line-height: 1;
  margin-left: 10px;
}

.articleInner .conCheckin02 {
  margin-left: 3px;
}

.articleInner .conEventBtm .conCheckin,
.article2ColContainer .conCheckin {
  vertical-align: middle;
  line-height: 1;
  float: right;
}

.articleInner .conCheckin a,
.article2ColContainer .conCheckin a,
.headArea .conCheckin a,
.articleInner .conCheckin02 a {
  display: block;
  position: relative;
  width: 78px;
  height: 15px;
  overflow: hidden;
  font-size: 30%;
  line-height: 1;
  letter-spacing: -0.03em;
  padding: 2px 0 3px 5px;
}

.articleInner .conCheckin02 a {
  width: 17px;
  height: 12px;
  font-size: 1px;
  overflow: hidden;
  letter-spacing: -3em;
  padding: 4px 0 3px 5px;
}

.articleInner .conCheckin img,
.article2ColContainer .conCheckin img,
.headArea .conCheckin img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 82px;
  height: 138px;
  background: transparent url(https://media.eiga.com/anime/images/common/btn_checkin.png?1436415427) no-repeat left top;
}

.articleInner .tvCheckin img,
.article2ColContainer .tvCheckin img,
.headArea .tvCheckin img {
  background: transparent url(https://media.eiga.com/anime/images/common/btn_checkin03.png?1472453983) no-repeat left top;
}

.articleInner .eventCheckin img,
.article2ColContainer .eventCheckin img,
.headArea .eventCheckin img {
  background: transparent url(https://media.eiga.com/anime/images/common/btn_checkin04.png?1472453983) no-repeat left top;
}




.articleInner .conCheckin02 img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 17px;
  height: 84px;
  background: transparent url(https://media.eiga.com/anime/images/common/btn_checkin02.png?1436415427) no-repeat left top;
}

.articleInner .conCheckin a:hover,
.article2ColContainer .conCheckin a:hover,
.headArea .conCheckin a:hover,
.articleInner .conCheckin02 a:hover {
  /cursor: pointer;
  /zoom: 1;
}

.articleInner .conCheckin a:hover img,
.article2ColContainer .conCheckin a:hover img,
.headArea .conCheckin a:hover img,
.articleInner .conCheckin02 a:hover img {
  top: 0;
}

.articleInner .conCheckin span.btnActive,
.article2ColContainer .conCheckin span.btnActive,
.headArea .conCheckin span.btnActive,
.articleInner .conCheckin02 span.btnActive {
  display: block;
  position: relative;
  width: 82px;
  height: 19px;
  overflow: hidden;
}

.articleInner .conCheckin02 span.btnActive {
  width: 17px;
  height: 19px;
}

.articleInner .conCheckin span.btnActive img,
.article2ColContainer .conCheckin span.btnActive img,
.headArea .conCheckin span.btnActive img {
  top: -119px;
}

.articleInner .conCheckin02 span.btnActive img {
  top: -67px;
}

.articleInner .conCheckin span.checkInBtn,
.article2ColContainer .conCheckin span.checkInBtn,
.headArea .conCheckin span.checkInBtn {
  display: block;
  float: left;
}

.articleInner .conCheckin span.checkInCount,
.article2ColContainer .conCheckin span.checkInCount,
.headArea .conCheckin span.checkInCount {
  display: block;
  float: left;
  background: url(https://media.eiga.com/anime/images/common/checkin_count_bg.png?1436415427) no-repeat right bottom;
  line-height: 1;
  height: 19px;
}

.articleInner .conCheckin02 span.checkInCount {
  display: none;
}

.articleInner .conCheckin span.checkInCountInner,
.article2ColContainer .conCheckin span.checkInCountInner {
  display: block;
  height: 14px;
  background: url(https://media.eiga.com/anime/images/common/checkin_count_bg.png?1436415427) no-repeat left top;
  min-width: 21px;
  padding: 5px 4px 0 8px;
  line-height: 1;
  text-align: center;
  font-size: 85%;
}

.headArea .conCheckin span.checkInCountInner {
  display: block;
  height: 14px;
  background: url(https://media.eiga.com/anime/images/common/checkin_count_bg.png?1436415427) no-repeat left top;
  min-width: 21px;
  padding: 5px 4px 0 8px;
  line-height: 1;
  text-align: center;
  font-size: inherit;
  font-size: 50%;
  font-weight: normal;
}

.articleInner .conCheckin span.checkInCount02 {
  display: block;
  float: left;
  background: url(https://media.eiga.com/anime/images/common/checkin_count_bg02.png?1436415427) no-repeat right bottom;
  line-height: 1;
  height: 19px;
}

.articleInner .conCheckin span.checkInCountInner02 {
  display: block;
  height: 14px;
  background: url(https://media.eiga.com/anime/images/common/checkin_count_bg02.png?1436415427) no-repeat left top;
  min-width: 21px;
  padding: 5px 4px 0 8px;
  line-height: 1;
  text-align: center;
  font-size: 85%;
}

.article2ColContainer {
  width: 686px;
  background: url(https://media.eiga.com/anime/images/common/con_2col_bg.png?1436415427) repeat-y -437px 0;
  margin-bottom: 25px;
}

.article2ColInner {
  width: 686px;
  background: url(https://media.eiga.com/anime/images/common/con_2col_bg.png?1436415427) no-repeat -1223px bottom;
  padding-bottom: 10px;
}

.article2ColContainer .article2ColL,
.article2ColContainer .article2ColR {
  width: 337px;
  float: left;
  background: url(https://media.eiga.com/anime/images/common/con_2col_bg.png?1436415427) no-repeat 0 0;
}

.article2ColContainer .article2ColL {
  margin-right: 12px;
}

.article2ColContainer .article2ColCon {
  width: 317px;
  padding: 0 10px;
}

.article2ColCon ul.article2ColLink li {
  float: right;
  margin-left: 10px;
}

.article2ColCon ul.article2ColLink li.logoGguide {
  float: left;
  margin-right: 10px;
  margin-left: 0;
}

.article2ColCon ul.article2ColLink li.logoGguide img {
  line-height: 1;
  vertical-align: top;
}

.article2ColContainer .article2ColCon .commentHit0 {
  padding: 50px 15px;
  text-align: center;
  font-size: 100%;
  font-weight: bold;
  line-height: 1.5;
  margin-bottom: 8px;
  border-bottom: 1px dotted #c7c7c7;
}

.article2ColContainer ul.conProgramList li,
.article2ColContainer ul.conEventList li,
.articleInner ul.conEventList li {
  width: 317px;
  margin-bottom: 8px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #c7c7c7;
  line-height: 1.3;
  word-wrap: break-word;
}

.articleInner ul.conEventList li {
  width: auto;
}


.article2ColContainer ul.conProgramList li .conProgramBtm,
.article2ColContainer ul.conEventList li .conEventBtm,
.articleInner ul.conEventList li .conEventBtm {
  margin-top: 5px;
}


.article2ColContainer ul.conProgramList li .conProgramDate,
.article2ColContainer ul.conEventList li .conEventDate {
  float: left;
  width: 97px;
  font-size: 93%;
  padding-right: 3px;
}

.article2ColContainer ul.conProgramList li .conProgramR,
.article2ColContainer ul.conEventList li .conEventR {
  float: left;
  width: 217px;
}

.article2ColContainer ul.conProgramList li .conProgramDate,
.articleInner ul.conEventList li .conEventDate,
.article2ColContainer ul.conEventList li .conEventDate {
  float: left;
  width: 97px;
  font-size: 93%;
  padding-right: 3px;
}

.articleInner ul.conEventList li .conEventDate {
  float: left;
  width: 140px;
  font-size: 93%;
  padding-right: 3px;
}

.articleInner ul.conEventList li .conEventR .conEventTtl {
  float: left;
  width: 382px;
  padding-right: 3px;
}

.articleInner ul.conEventList li .conEventR .conEventBtm {
  float: right;
  width: 130px;
}

.articleInner ul.conProgramList li .conProgramTtl,
.article2ColContainer ul.conEventList li .conEventTtl {
  margin-right: 8px;
  word-wrap: break-word;
}

.articleInner ul.conProgramList li .conProgramTtl,
.article2ColContainer ul.conEventList li .conEventTtl,
.articleInner ul.conEventList li .conEventTtl {
  margin-right: 8px;
  word-wrap: break-word;
}


.article2ColContainer ul.conProgramList li .conProgramTtl a,
.article2ColContainer ul.conEventList li .conEventTtl a {
  margin-right: 5px;
}

.article2ColContainer ul.conProgramList li .conProgramTag img,
.article2ColContainer ul.conEventList li .conEventTag img {
  vertical-align: middle;
}

.articleInner ul.relatedItemList,
.articleInner ul.relatedItemList02 {
  width: 666px;
}

#mainContentsWide .articleInner ul.relatedItemList {
  width: 982px;
}

.articleInner ul.relatedItemList li {
  width: 120px;
  float: left;
  margin-right: 16px;
  word-wrap: break-word;
}

#mainContentsWide .articleInner ul.relatedItemList li {
  width: 122px;
  float: left;
  margin-right: 21px;
  word-wrap: break-word;
}

.articleInner ul.relatedItemList02 li {
  width: 150px;
  float: left;
  margin-right: 16px;
  word-wrap: break-word;
}

.articleInner ul.relatedItemList li.relatedItemEnd,
.articleInner ul.relatedItemList02 li.relatedItemEnd,
#mainContentsWide .articleInner ul.relatedItemList li.relatedItemEnd {
  margin-right: 0;
}

.articleInner ul.relatedItemList li .relatedItemImg,
.articleInner ul.relatedItemList02 li .relatedItemImg {
  width: 120px;
  height: 120px;
  text-align: center;
  vertical-align: top;
  margin-bottom: 5px;
}

.articleInner ul.relatedItemList02 li .relatedItemImg {
  width: 150px;
}

.articleInner ul.relatedItemList li p,
.articleInner ul.relatedItemList02 li p {
  text-align: center;
  line-height: 1.35;
  word-wrap: break-word;
}

.articleInner ul.relatedItemList02 li .conCheckin {
  margin: 5px 0 0;
}

.articleInner ul.relatedArticleNew {
  width: 646px;
  list-style: disc;
  margin-bottom: 8px;
  padding-left: 20px;
  padding-bottom: 8px;
  border-bottom: 1px dotted #c7c7c7;
}

#mainContentsWide .articleInner ul.relatedArticleNew {
  width: 962px;
  margin-bottom: 0;
  padding-bottom: 0;
  border-bottom: none;
}

.articleInner ul.relatedArticleNew li {
  margin-bottom: 5px;
  word-wrap: break-word;
}

.articleInner ul.relatedArticleNew li .articleDate {
  margin-left: 10px;
  color: #666666;
  font-size: 85%;
}


.articleInner .relatedItemContainer {
  width: 666px;
  margin: 0 0 10px;
  padding: 0;
  border-bottom: 1px dotted #c7c7c7;
}

.articleInner .relatedItemContainer ul {
  width: 666px;
  background: url(https://media.eiga.com/anime/images/common/vline_dot.png?1436415427) repeat-y center top;
  margin: 0 0 10px;
}

.articleInner .riConL {
  width: 320px;
  float: left;
  padding-right: 13px;
}

.articleInner .riConR {
  width: 320px;
  float: right;
  padding-left: 13px;
}

.articleInner .riConBtm {
  margin-bottom: 0;
  border: none;
}

.articleInner .riConBtm ul {
  margin-bottom: 0;
}

.articleInner .riImg {
  float: left;
  width: 80px;
  margin-right: 10px;
}

.articleInner .riDetail {
  float: left;
  width: 230px;
}

.articleInner .riDetail .riDetailTtl {
  margin-bottom: 5px;
}

.articleInner .riDetail .conCheckin {
  display: block;
  vertical-align: middle;
  line-height: 1;
  margin: 0;
}

.checkInCaution {
  width: 666px;
  margin: 0 0 25px;
  padding: 12px 9px 5px;
  background-color: #fff;
  border: 1px solid #dedede;
}

#mainContentsWide .checkInCaution {
  width: 982px;
}

#mainContentsWide02 .checkInCaution {
  width: auto;
}

.checkInCaution li {
  margin: 0 0 8px;
  line-height: 1.4;
  font-size: 85%;
}

.checkInCaution li img {
  margin-top: -2px;
  margin-right: 3px;
  vertical-align: top;
}

.checkInCaution li span.linkArrow02 {
  margin-left: 14px;
}

ul.checkInCaution02 {
  width: 666px;
  margin: 0 9px 10px;
}

#mainContentsWide ul.checkInCaution02 {
  width: 982px;
}

#mainContentsWide02 ul.checkInCaution02 {
  width: auto;
}

ul.checkInCaution02 li {
  margin: 0 0 8px;
  line-height: 1.4;
  font-size: 85%;
}

ul.checkInCaution02 li img {
  margin-top: -2px;
  margin-right: 3px;
  vertical-align: top;
}

ul.checkInCaution02 li span.linkArrow02 {
  margin-left: 14px;
}

#contentArea .siteSearchArea {
  width: 666px;
  margin: 0 9px 10px;
  padding: 2px 0 12px;
  border-bottom: 1px solid #c7c7c7;
}

#contentArea .siteSearch02,
#contentAreaWide .siteSearch02,
#contentArea .siteSearch04,
#contentAreaWide .siteSearch04 {
  width: 215px;
  float: left;
  margin-top: 3px;
}

#contentArea .siteSearch03 {
  width: 262px;
  margin-top: 3px;
}

#contentArea .siteSearch02 .siteItemSearch02,
#contentArea .siteSearch03 .siteItemSearch03,
#contentAreaWide .siteSearch02 .siteItemSearch02,
#contentArea .siteSearch04 .siteItemSearch04,
#contentAreaWide .siteSearch04 .siteItemSearch04 {
  width: 215px;
  display: block;
  position: relative;
  top: 0;
}

#contentArea .siteSearch03 .siteItemSearch03 {
  width: 263px;
}

#contentArea .siteSearch02 .siteItemSearch02 label,
#contentArea .siteSearch03 .siteItemSearch03 label,
#contentAreaWide .siteSearch02 .siteItemSearch02 label,
#contentArea .siteSearch04 .siteItemSearch04 label,
#contentAreaWide .siteSearch04 .siteItemSearch04 label {
  display: none;
}

#contentArea .siteSearch02 .siteItemSearch02 #siteItemSearch02,
#contentArea .siteSearch03 .siteItemSearch03 #siteItemSearch03,
#contentAreaWide .siteSearch02 .siteItemSearch02 #siteItemSearch02,
#contentArea .siteSearch04 .siteItemSearch04 #siteItemSearch04,
#contentAreaWide .siteSearch04 .siteItemSearch04 #siteItemSearch04 {
  position: relative;
  z-index: 3000;
}

#contentArea .siteSearch02 .siteItemSearch02 #siteItemSearch02.textArea,
#contentArea .siteSearch03 .siteItemSearch03 #siteItemSearch03.textArea,
#contentAreaWide .siteSearch02 .siteItemSearch02 #siteItemSearch02.textArea,
#contentArea .siteSearch04 .siteItemSearch04 #siteItemSearch04.textArea,
#contentAreaWide .siteSearch04 .siteItemSearch04 #siteItemSearch04.textArea {
  width: 162px;
  padding: 1px 8px 0;
  height: 23px;
  font-size: 108%;
  color: #333333;
  vertical-align: middle;
  position: relative;
  float: left;
  border: 1px solid #dfdfdf;
  border-right: none;
  background: #f9f9f9;
  right: 0px;
  border-radius: 4px 0 0 4px;
  -moz-border-radius: 4px 0 0 4px;
  -webkit-border-radius: 4px 0 0 4px;
  -ms-border-radius: 4px 0 0 4px;
  -o-border-radius: 4px 0 0 4px;
  box-shadow: 0 1px 0 #edecec inset;
  -moz-box-shadow: 0 1px 0 #edecec inset;
  -webkit-box-shadow: 0 1px 0 #edecec inset;
  -ms-box-shadow: 0 1px 0 #edecec inset;
  -o-box-shadow: 0 1px 0 #edecec inset;
}

#contentArea .siteSearch02 .siteItemSearch02 #siteItemSearch02.textArea.active,
#contentArea .siteSearch03 .siteItemSearch03 #siteItemSearch03.textArea.active,
#contentAreaWide .siteSearch02 .siteItemSearch02 #siteItemSearch02.textArea.active,
#contentArea .siteSearch04 .siteItemSearch04 #siteItemSearch04.textArea.active,
#contentAreaWide .siteSearch04 .siteItemSearch04 #siteItemSearch04.textArea.active {
  background: #fffef8;
}

#contentArea .siteSearch02 .siteItemSearch02 .button,
#contentArea .siteSearch02 .siteItemSearch02 .disabled,
#contentArea .siteSearch03 .siteItemSearch03 .button,
#contentArea .siteSearch03 .siteItemSearch03 .disabled,
#contentAreaWide .siteSearch02 .siteItemSearch02 .button,
#contentAreaWide .siteSearch02 .siteItemSearch02 .disabled,
#contentArea .siteSearch04 .siteItemSearch04 .button,
#contentArea .siteSearch04 .siteItemSearch04 .disabled,
#contentAreaWide .siteSearch04 .siteItemSearch04 .button,
#contentAreaWide .siteSearch04 .siteItemSearch04 .disabled {
  width: 34px;
  height: 24px;
  float: left;
  cursor: pointer;
  display: block;
  border: none;
  background: #747474;
  position: relative;
  padding-top: 2px;
  border-radius: 0 4px 4px 0;
  -moz-border-radius: 0 4px 4px 0;
  -webkit-border-radius: 0 4px 4px 0;
  -ms-border-radius: 0 4px 4px 0;
  -o-border-radius: 0 4px 4px 0;
  box-shadow: 0 -2px 0 #6b6b6b inset;
  -moz-box-shadow: 0 -2px 0 #6b6b6b inset;
  -webkit-box-shadow: 0 -2px 0 #6b6b6b inset;
  -ms-box-shadow: 0 -2px 0 #6b6b6b inset;
  -o-box-shadow: 0 -2px 0 #6b6b6b inset;
}

#contentArea .siteSearch04 .siteItemSearch04 .button,
#contentArea .siteSearch04 .siteItemSearch04 .disabled,
#contentAreaWide .siteSearch04 .siteItemSearch04 .button,
#contentAreaWide .siteSearch04 .siteItemSearch04 .disabled {
  background: #ed7e77;
  box-shadow: 0 -2px 0 #e66e67 inset;
  -moz-box-shadow: 0 -2px 0 #e66e67 inset;
  -webkit-box-shadow: 0 -2px 0 #e66e67 inset;
  -ms-box-shadow: 0 -2px 0 #e66e67 inset;
  -o-box-shadow: 0 -2px 0 #e66e67 inset;
}

#contentArea .siteSearch02 .siteItemSearch02 .button:hover,
#contentArea .siteSearch02 .siteItemSearch02 .disabled:hover,
#contentArea .siteSearch03 .siteItemSearch03 .button:hover,
#contentArea .siteSearch03 .siteItemSearch03 .disabled:hover,
#contentAreaWide .siteSearch02 .siteItemSearch02 .button:hover,
#contentAreaWide .siteSearch02 .siteItemSearch02 .disabled:hover {
  background: #828282;
}

#contentArea .siteSearch04 .siteItemSearch04 .button:hover,
#contentArea .siteSearch04 .siteItemSearch04 .disabled:hover,
#contentAreaWide .siteSearch04 .siteItemSearch04 .button:hover,
#contentAreaWide .siteSearch04 .siteItemSearch04 .disabled:hover {
  background: #f28d86;
}

#contentArea .siteSearch02 .siteItemSearch02 .button input,
#contentArea .siteSearch02 .siteItemSearch02 .disabled input,
#contentArea .siteSearch03 .siteItemSearch03 .button input,
#contentArea .siteSearch03 .siteItemSearch03 .disabled input,
#contentAreaWide .siteSearch02 .siteItemSearch02 .button input,
#contentAreaWide .siteSearch02 .siteItemSearch02 .disabled input,
#contentArea .siteSearch04 .siteItemSearch04 .button input,
#contentArea .siteSearch04 .siteItemSearch04 .disabled input,
#contentAreaWide .siteSearch04 .siteItemSearch04 .button input,
#contentAreaWide .siteSearch04 .siteItemSearch04 .disabled input {
  width: 34px;
  height: 24px;
  cursor: pointer;
  overflow: hidden;
  white-space: pre;
  display: block;
  background: transparent;
}

#contentArea .siteSearch02 .siteItemSearch02 .disabled,
#contentArea .siteSearch03 .siteItemSearch03 .disabled,
#contentAreaWide .siteSearch02 .siteItemSearch02 .disabled,
#contentArea .siteSearch04 .siteItemSearch04 .disabled,
#contentAreaWide .siteSearch04 .siteItemSearch04 .disabled {
  cursor: default !important;
}

#contentArea .siteSearch02 .siteItemSearch02 .disabled:hover,
#contentArea .siteSearch03 .siteItemSearch03 .disabled:hover,
#contentAreaWide .siteSearch02 .siteItemSearch02 .disabled:hover {
  background: #828282 !important;
}

#contentArea .siteSearch04 .siteItemSearch04 .disabled:hover,
#contentAreaWide .siteSearch04 .siteItemSearch04 .disabled:hover {
  background: #f28d86 !important;
}

.bookmarkBox {
  position: relative;
  right: 0;
  top: 0;
  height: 21px;
  margin: 0 10px 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #c7c7c7;
}

.bookmarks {
  position: absolute;
  right: 0;
  top: 0;
  height: 20px;
}

.bookmarks li {
  float: left;
  height: 21px;
  overflow: hidden;
}

.bookmarks li.bt_twitter {
  width: 110px;
}

.bookmarks li.bt_facebook {
  width: 120px;
}

.bookmarks li.plusone {
  width: 90px;
}

.bookmarks .bt_pocket {
  margin-right: -20px;
  padding-left: 10px;
  text-align: right;
}

.bookmarks li.bt_hatena {
  width: 130px;
}

#ob {
  width: 330px;
  height: 39px;
  margin: 0 auto 20px;
}

#ob li {
  display: block;
  width: 66px;
  height: 39px;
}

#ob li {
  float: left;
}

#ob a {
  display: block;
  position: relative;
  overflow: hidden;
  cursor: pointer;
  width: 66px;
  height: 39px;
}

#ob a img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
}

#ob a:hover img {
  top: 0;
}

#ob #ob_f a img {
  top: 0;
  left: -66px;
}

#ob #ob_g a img {
  top: 0;
  left: -132px;
}

#ob #ob_h a img {
  top: 0;
  left: -198px;
}

#ob #ob_l a img {
  top: 0;
  left: -264px;
}

.articleInner ul.relatedArticleList .columnPr a {
  height: auto;
  overflow: auto;
}

.articleInner ul.relatedArticleList .columnPr a .itemImg {
  display: block;
  width: 220px;
  height: 120px;
  overflow: hidden;
}

.articleInner ul.relatedArticleList .columnPr a .itemText {
  display: block;
  padding: 7px 7px 5px;
}

.articleInner ul.relatedArticleList .columnPr .tag {
  position: absolute;
  top: 8px;
  right: 8px;
}

.articleBox {
  width: 666px;
}

.articleBox li {
  width: 666px;
  margin: 0 0 10px;
  padding: 0 0 10px;
  border-bottom: 1px dotted #c7c7c7;
}

.articleBox li .boxL {
  width: 150px;
  float: left;
  margin-right: 15px;
}

.articleBox li .boxR {
  width: 501px;
  float: left;
}

.articleBox li .boxTtl {
  margin-bottom: 10px;
}

.articleBox li .boxTtl a {
  font-size: 161.6%;
  font-weight: bold;
  line-height: 1.3;
  word-wrap: break-word;
}

.articleBox li .boxDate {
  font-size: 85%;
  margin-bottom: 8px;
  word-wrap: break-word;
}

.articleBox li .boxDate img {
  margin: 0 4px 0 0;
}

.articleBox li .boxDate span {
  margin: 0 0 0 4px;
}

.articleBox li .boxText {
  word-wrap: break-word;
}