.unqPortalTop {
  overflow: hidden
}
#slideWrap {
  background: #fff;
  position: relative;
  height: 373px;
  margin-bottom: 107px;
  z-index: 1;
  min-width: 970px;
  opacity: 0;
}
#slideView {
  overflow: hidden
}
#slideView .slideView li {
  position: absolute;
  left: 50%;
  margin-left: -700px
}
#slideView .slideView li:first-child {
  z-index: 1
}
#slideView .slideView li.slideScreen {
  text-align: center;
  background: #fff;
  position: absolute;
  z-index: 3;
  top: 0;
  left: 50%;
  display: none;
  width: auto;
  will-change: opacity
}
#slideView .slideView li.slideScreen.show {
  z-index: 4
}
#slideView .slideView li.slideScreen img {
  -webkit-transition: all .5s;
  transition: all .5s;
  -ms-filter: "alpha(opacity=100)";
  min-width: 970px
}
#slideList {
  text-align: center;
  position: absolute;
  top: 100%;
  width: 100%;
  margin-left: -5px;
  margin-top: -29.21px;
  z-index: 2;
  min-width: 970px
}
#slideList ul {
  padding: 0 64px;
  max-width: 1258px;
  box-sizing: border-box;
  margin: 0 auto
}
#slideList ul li {
  width: 14.2857%
}
#slideList ul.slideSumNails {
  display: inline-block;
  box-sizing: border-box;
  width: auto;
  max-width: 1258px;
  margin: 0 auto;
  padding: 0 64px
}
#slideList li {
  float: left;
  box-sizing: border-box;
  padding: 0 0 10px 10px
}
#slideList li a {
  position: relative;
  display: inline-block;
  overflow: visible;
  -webkit-transition: all .5s;
  transition: all .5s;
  border: 2px solid transparent;
  border-radius: 3px
}
#slideList li a:hover {
  border-color: #e60000!important
}
#slideList li:first-child a {
  border-color: #e60000
}
#slideList li a.current:before,
#slideList li a:before {
  position: absolute;
  bottom: 100%;
  left: 50%;
  display: block;
  width: 0;
  height: 0;
  margin-left: -8px;
  content: "";
  -webkit-transition: all .5s;
  transition: all .5s;
  border: 1px solid transparent;
  border-width: 9px 8px;
  border-bottom: 9px solid #e60000
}
#slideList li a:before {
  opacity: 0
}
#slideList li a.current:before {
  opacity: 1
}
#slideList li img {
  position: relative;
  z-index: -1;
  display: block;
  width: 100%;
  min-width: 100%;
  height: auto;
  border-radius: 0;
  box-shadow: 1px 1px 2px rgba(0,0,0,.4)
}
#slideList ul:after {
  display: block;
  clear: both;
  content: ""
}
.p-topTab {
  border: 1px solid #b5babf;
  border-radius: 5px;
  overflow: hidden
}
.p-topTab_nav {
  display: table;
  width: 100%;
  table-layout: fixed
}
.p-topTab_ttl {
  display: table-cell;
  background: #fff;
  text-align: center;
  border-left: 1px solid #b5babf
}
.p-topTab_ttl:first-child {
  border-left: none
}
.p-topTab_ttlBtn {
  background-image: -webkit-linear-gradient(bottom,#e4e6e7 0,#fff 100%);
  background-image: linear-gradient(0deg,#e4e6e7 0,#fff 100%);
  border-bottom: 1px solid #b5babf;
  width: 100%
}
.p-topTab_ttlBtn.is-current {
  background-image: none;
  border-bottom: none
}
.p-topTab_ttltxt {
  padding: 10px;
  font-weight: 700;
  font-size: 18px;
  font-size: 1.125rem;
  width: 100%;
  text-align: center;
  display: block
}
.p-topTab_block {
  padding: 30px 20px 20px
}
.p-topTab_box {
  display: none
}
.p-topTab_box.is-current {
  display: block
}
.p-topTab_inCont {
  padding-bottom: 30px
}
.p-topTab_inCont:last-child {
  padding-bottom: 0
}
.p-topTab_contTtl {
  background-color: #e597a3;
  font-size: 20px;
  font-size: 1.25rem;
  padding: 8px 20px;
  color: #fff;
  font-weight: 700
}
.p-topTab_contLinkList {
  margin: 20px auto;
  border: 1px solid #b5babf;
  background-image: -webkit-linear-gradient(bottom,#e4e6e7 0,#fff 100%);
  background-image: linear-gradient(0deg,#e4e6e7 0,#fff 100%);
  border-radius: 5px;
  overflow: hidden;
  display: table;
  table-layout: fixed;
  width: 100%;
  max-width: 682px
}
.p-topTab_contLinkItem {
  display: table-cell;
  text-align: center;
  border-left: 1px solid #b5babf
}
.p-topTab_contLinkItem:first-child {
  border-left: none
}
.p-topTab_contLinktxt {
  padding: 10px;
  display: block;
  position: relative;
  color: #000;
  font-weight: 700;
  font-size: 16px;
  font-size: 1rem
}
.p-topTab_contLinktxt::before {
  display: inline-block;
  width: 0;
  height: 0;
  border: 5px solid transparent;
  content: " ";
  border-right: 0 solid transparent;
  border-left: 5px solid #000;
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  margin: auto 0 auto 13px
}
a:hover .p-topTab_contLinktxt {
  opacity: .7
}
.p-topRecommend .bn-child,
.p-topRecommend_imgBox {
  text-align: center;
  margin: auto
}
.p-topRecommend .bn-child img,
.p-topRecommend_imgBox img {
  border: 1px solid #b5babf;
  max-width: 100%
  padding-bottom: 20px;
}
.p-topRecommend .bn-child img{
  margin-bottom: 10px;
}
.p-topReview_bnrBlock {
  position: relative
}
.p-topReview_bnrImg {
  position: relative
}
.p-topReview_bnrImg img {
  width: 100%;
  display: block
}
.p-topReview_bnrtxt {
  position: absolute;
  bottom: 0;
  right: 0;
  margin-bottom: 8px;
  margin-right: 30.12048%;
  display: inline-block
}
.p-topReview_bnrtxt01 {
  color: #da0026;
  font-weight: 700;
  font-size: 55px;
  font-size: 3.4375rem
}
.p-topReview_bnrtxt02 {
  color: #da0026;
  font-weight: 700;
  font-size: 30px;
  font-size: 1.875rem
}
.p-topReview_bnrTtl {
  position: relative;
  background-color: #e597a3;
  text-align: center;
  font-weight: 700;
  color: #fff;
  font-size: 20px;
  font-size: 1.25rem;
  line-height: 1.2em;
  padding: 10px
}
.p-topItemBox {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
  -ms-flex-align: center;
  align-items: center;
  height: 100%
}
a:hover .p-topItemBox {
  opacity: .7
}
.p-topItemBox--border {
  border: 1px solid #ccc
}
.p-topItemBox_bnrimg {
  width: 100%;
  display: block
}
.p-topItemBox_imgBox {
  padding: 5px
}
.p-topItemBox_imgBox > img {
  width: 140px
}
.p-topItemBox_dataBox {
  display: block;
  padding: 15px 15px 15px 5px
}
.p-topItemBox_txt {
  color: #000;
  font-size: 16px;
  font-size: 1rem;
  line-height: 1.4
}
.p-topItemBox_txt--em {
  font-weight: 700
}
.p-topItemBox_tag {
  display: inline-block;
  background-color: #da0026;
  font-size: 14px;
  font-size: .875rem;
  color: #fff;
  padding: 5px 8px;
  margin-top: 15px;
  margin-bottom: 5px
}
.p-topInfoList {
  padding: 20px;
  zoom: 1
}
.p-topInfoList:after,
.p-topInfoList:before {
  display: block;
  height: 0;
  visibility: hidden;
  content: "\0020"
}
.p-topInfoList:after {
  clear: both
}
.p-topInfoList_date {
  padding-right: 1em;
  float: left
}
.p-topInfoList_link {
  overflow: hidden;
  display: block;
  line-height: 1.4
}
.p-topInfoList_link a {
  text-decoration: underline
}
.p-topInfoList_link a:hover {
  text-decoration: none
}
.p-topInfoList02 #portalNewsList {
  border-bottom: 1px solid #ccc;
  background: #fff
}
.p-topInfoList02 #portalNewsList .sectionLv1-B01 {
  display: none
}
.p-topInfoList02 #portalNewsList .h2C01 {
  clear: both;
  border-top: 1px solid #ccc;
  padding: 20px;
  background: #fff;
  margin: 0
}
.p-topInfoList02 #portalNewsList .date {
  padding-right: 1em;
  float: left;
  clear: both;
  background: #fff
}
.p-topInfoList02 #portalNewsList .date > span {
  display: none
}
.p-topInfoList02 #portalNewsList .txt.text {
  overflow: hidden;
  display: block;
  line-height: 1.4;
  background: #fff
}
.p-topInfoList02 #portalNewsList .txt.text b {
  font-weight: 400
}
.p-topInfoList02 #portalNewsList .txt.text a {
  text-decoration: underline;
  font-weight: 400
}
.p-topInfoList02 #portalNewsList .txt.text a:hover {
  text-decoration: none;
  font-weight: 400
}
.p-topPickup {
  display: inline-block;
  margin-right: -8px
}
.p-topPickup .bn-child,
.p-topPickup_bnrBox {
  height: 120px;
  margin-right: 8px;
  margin-top: 10px;
  display: block;
  float: left
}

.p-topPickup .bn-child img,
.p-topPickup_bnrBox img {
  height: 100%
}
.p-topNetEvent {
  display: inline-block;
  margin-right: -8px
}
.p-topNetEvent .bn-child,
.p-topNetEvent_bnrBox {
  height: 88px;
  margin-right: 8px;
  margin-top: 10px;
  display: block;
  float: left
}
.p-topNetEvent .bn-child img,
.p-topNetEvent_bnrBox img {
  height: 100%
}

/* ----------------------- 
F2018RN 震災に関する情報
 ---------------------- */
.p-footDisaster {
  overflow: hidden;
  margin: 0 auto 30px;
  padding: 23px 0 18px 22px;
  border: 1px solid #cfd7df;
}

.p-footDisaster_title {
  font-size: 100%;
  text-align: left;
  width: 23%;
  padding: 0;
  display: inline-block;
}

.p-footDisaster_item {
  font-size: 88%;
  text-align: center;
  width: 25%;
  padding: 0;
  display: inline-block;
}

.p-footDisaster_item a,
.p-footDisaster_item a:visited {
  color: #000;
  text-decoration: underline;
}

.p-footDisaster_item a:hover {
  text-decoration: none;
}

/* ----------------------- 
注目キーワードRtoaster
 ---------------------- */

#rto_top_keyword {
	margin: 0 0 20px;
	width: 100%;
	/* max-width: 830px; */
}
#rto_top_keyword div.rto_top_keyword_inner {
	/* width: 100%; */
	/* background: #dce6f2; */
	/* margin-right: 320px; */
	padding-right: 330px;
}

#rto_top_keyword div.rto_top_keyword_inner ul {
	display: block;
	padding: 10px 10px 2px 10px;
	background: #dce6f2;
	margin-right: 20px;
}
@media screen and (min-width: 1200px) {
#rto_top_keyword div.rto_top_keyword_inner ul {
	margin-right: 40px;
}
}

#rto_top_keyword div.rto_top_keyword_inner ul li span.list-title {
	background: #1f497d;
	font-weight: bold;
	color: #fff;
	position: relative;
	height: 24px;
	line-height: 24px;
	padding-left: 10px;
	margin-right: 10px;
	display: block;
}
#rto_top_keyword div.rto_top_keyword_inner ul li span.list-title:after {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 12px solid transparent;
    border-left-color: #1f497d;
    left: 100%;
    top: 0;
}
#rto_top_keyword div.rto_top_keyword_inner ul li {
	height: 24px;
	margin: 0 20px 6px 0;
	display: inline-block;
}
#rto_top_keyword div.rto_top_keyword_inner ul li a {
	line-height: 24px;
	display: block;
	position: relative;
	padding-left: 10px;
	text-decoration: underline;
}
#rto_top_keyword div.rto_top_keyword_inner ul li a:before {
    content: ' ';
    height: 0;
    position: absolute;
    width: 0;
    border: 6px solid transparent;
    border-left-color: #7f7f7f;
    left: 0;
    top: 5px;
}
#rto_top_keyword div.rto_top_keyword_inner ul li a:hover {
	opacity: 0.8;
}

#rto_top_keyword div.rto_top_keyword_inner ul li a span {
}

.rto_top_keyword_inner {
width: 100%;
}

/* ----------------------- 
MV下バナーRtoaster
 ---------------------- */

/* 39デー */
p.rto_net {
	background-color:#f21c80;
	padding-bottom:4px;
	position:relative;
	margin-bottom: 27px;
}

p.rto_net .txt_img {
	margin-top:-8px;
}

p.rto_net .icon_arrow {
	position:absolute;
	top:26px;
	right:15px;
}

/* お誕生日バナー */
 div#rto_pc_undermv {
	margin: 0;
}

/* ----------------------- 
新年のご挨拶Rtoaster
 ---------------------- */
p.rto_shinnen {
	margin-top:-30px;
}




#rto_pc_top_main_1 {
  position: relative;
}
.lds-roller {
  display: inline-block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;  width: 64px;
  height: 64px;
}
.lds-roller div {
  animation: lds-roller 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  transform-origin: 32px 32px;
}
.lds-roller div:after {
  content: " ";
  display: block;
  position: absolute;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #a0a0a0;
  margin: -3px 0 0 -3px;
}
.lds-roller div:nth-child(1) {
  animation-delay: -0.036s;
}
.lds-roller div:nth-child(1):after {
  top: 50px;
  left: 50px;
}
.lds-roller div:nth-child(2) {
  animation-delay: -0.072s;
}
.lds-roller div:nth-child(2):after {
  top: 54px;
  left: 45px;
}
.lds-roller div:nth-child(3) {
  animation-delay: -0.108s;
}
.lds-roller div:nth-child(3):after {
  top: 57px;
  left: 39px;
}
.lds-roller div:nth-child(4) {
  animation-delay: -0.144s;
}
.lds-roller div:nth-child(4):after {
  top: 58px;
  left: 32px;
}
.lds-roller div:nth-child(5) {
  animation-delay: -0.18s;
}
.lds-roller div:nth-child(5):after {
  top: 57px;
  left: 25px;
}
.lds-roller div:nth-child(6) {
  animation-delay: -0.216s;
}
.lds-roller div:nth-child(6):after {
  top: 54px;
  left: 19px;
}
.lds-roller div:nth-child(7) {
  animation-delay: -0.252s;
}
.lds-roller div:nth-child(7):after {
  top: 50px;
  left: 14px;
}
.lds-roller div:nth-child(8) {
  animation-delay: -0.288s;
}
.lds-roller div:nth-child(8):after {
  top: 45px;
  left: 10px;
}
@keyframes lds-roller {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}