@charset "utf-8";

/* common
**********************************/
div[class*="zip-corner"] *{
  box-sizing: border-box;
}
div[class*="zip-corner"] * a{
  text-decoration: none;
  color: #444444;
}

/* PC
**********************************/
/* common
**********************************/
body.pc div[class*="zip-corner"] section[id*="zip-corner"] div[id$="wrapper"]{
  width: 1000px;
  margin: 0 auto;
  position: relative;
}
body.pc div[class*="zip-corner"] section[id*="thumnail"]{
  background: #def5fe;
}
body.pc div[class*="zip-corner"] section[id*="articles"],
body.pc div[class*="zip-corner"] section[id*="footer"]{}
body.pc div[class*="zip-corner"] h3{
  color: #4bd0fb;
  border-bottom: 3px solid #4bd0fb;
  padding: 0 0 10px;
  font-size: 17px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
}
body.pc div[class*="zip-corner"] h4{
  color: #4bd0fb;
  font-size: 20px;
  margin-bottom:15px;
  padding-left:5px;
  line-height: 1.5;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  letter-spacing: 1.2px;
}
body.pc div[class*="zip-corner"] p[class$="date"]{
  color: rgba(68,68,68,.5);
  font-size: 12px;
}
body.pc div[class*="zip-corner"] a[class$="btn"]{
  display: block;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  width: 590px;
  margin: 0px auto;
  background: #fb7cdf;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}

/* corner-header
**********************************/
body.pc div[class*="zip-corner"] .zip-corner-header-cornerLogo{
  display: block;
  letter-spacing: -.4em;
  margin: 0 auto;
}
body.pc div[class*="zip-corner"] .zip-corner-header-cornerLogo img{
  width: 55px;
  height:55px;
  border-radius: 50px;
  border: 3px solid #fff;
  background: #fff;
  display: inline-block;
  vertical-align: middle;
}
body.pc div[class*="zip-corner"] .zip-corner-header-cornerLogo h1{
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
}

/* title
**********************************/
body.pc div[class*="zip-corner"] #zip-corner-title{
  color: #4bd0fb;
  background: #fcfce9;
  padding: 30px 0 34px;
  line-height: 1.5;
}
body.pc div[class*="zip-corner-list"] #zip-corner-title{
  padding: 20px 0!important;
  color: #ffffff;
  background: #4bd0fb url('/zip/assets/images/common/title_bg_bn_new_pc.png')
  no-repeat !important;
background-position: top right !important;
background-size: auto 100px !important;
}
body.pc .zip-corner-post #zip-corner-title #zip-corner-title-wrapper{
  width: 660px!important;
}
body.pc div[class*="zip-corner"] #zip-corner-title img{
  display: block;
  width: 130px;
  height: 130px;
  position: absolute;
  left: 30px;
  top: -60px;
  border-radius: 100px;
    border: 3px solid #fff;
    background: #fff;
}
body.pc div[class*="zip-corner"] #zip-corner-title h2{
  font-size: 25px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  letter-spacing: 1.2px;
}
body.pc .zip-corner-index #zip-corner-title h2{
  font-size: 20px!important;
  margin-left: 190px;
}
body.pc div[class*="zip-corner-list"] #zip-corner-title h2{
  padding: 0 30px;
}
body.pc div[class*="zip-corner"] #zip-corner-title p{
  margin-top: 5px;
}
body.pc .zip-corner-post #zip-corner-title p{
  font-size: 12px!important;
}
body.pc .zip-corner-index #zip-corner-title{
  color: #4bd0fb;
  background: #fcfce9;
}
body.pc .zip-corner-index #zip-corner-title p{
  margin-left: 190px;
}

/* share
**********************************/
body.pc #zip-corner-share{
  background-color: #ffffff;
  letter-spacing: -.4em;
  text-align: center;
  padding: 15px 0;
}
body.pc #zip-corner-share p{
  color: rgba(68,68,68,.5);
  display: inline-block;
  letter-spacing: 1.2px;
  font-size: 12px;
  vertical-align: middle;
}
body.pc #zip-corner-share a{
  display: inline-block;
  letter-spacing: normal;
  border-radius: 8px;
  text-indent: -9999px;
  width: 135px;
  height: 40px;
  margin-left: 15px;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.pc #zip-corner-share a[class$="fb"]{
  background: #1877f2 url(../images/common/share_icon_fb_white.png) no-repeat;
  background-size: 22px;
  background-position: center;
}
body.pc #zip-corner-share a[class$="tw"]{
  background: #000000 url(../images/common/share_icon_tw_white.png) no-repeat;
  background-size: 18px 19px;
  background-position: center;
  margin-left: 33px;
}
body.pc #zip-corner-share a[class$="line"]{
  background: #00b901 url(../images/common/share_icon_line_white.png) no-repeat;
  background-size: 25px 24px;
  background-position: center;
}

/* thumnail
**********************************/
body.pc #zip-corner-thumnail.off{
  height: 1px;
}
body.pc #zip-corner-thumnail-wrapper{
  width: 660px;
  background: #eaf7fd;
}
body.pc #zip-corner-thumnail.off #zip-corner-thumnail-wrapper{display:none;}

body.pc #zip-corner-thumnail-wrapper .zip-corner-thumnail-content.movie{
  text-align: center;
  padding-bottom: 56.25%;
  height: 0;
}
body.pc #zip-corner-thumnail-wrapper .zip-corner-thumnail-content.image{
  text-align: center;
}
body.pc #zip-corner-thumnail-wrapper .zip-corner-thumnail-content iframe{
  position: absolute;
    top: 0;
    left: 0;
}
body.pc #zip-corner-thumnail-wrapper .zip-corner-thumnail-content img{
  width: auto;
  max-width: 100%;
  max-height: 371px;
  vertical-align: bottom;
}

/* articles
**********************************/
body.pc #article{
  background-color: #9fe2fd;
  background-image: url(../images/common/main-bg-pc.webp);
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: center top;
}
body.pc #zip-corner-articles #zip-corner-articles-wrapper{
  padding: 0px 30px;
  margin-top:30px;
  margin-bottom:45px;
}
body.pc #zip-corner-articles.recommend #zip-corner-articles-wrapper,
body.pc #zip-corner-articles.bn_list #zip-corner-articles-wrapper,
body.pc #zip-corner-articles.month #zip-corner-articles-wrapper{
  padding-bottom: 0;
}
body.pc #zip-corner-articles .zip-corner-articles-heading {
  margin-top: 45px;
  color: #4bd0fb;
  font-size: 25px;
  font-weight: bold;
  line-height: 37.5px;
}
body.pc #zip-corner-articles ul{
  letter-spacing: -.4em;
}
body.pc #zip-corner-articles ul li{
  background: rgba(255,255,255,.8);
  border-radius: 13px;
  border: 3px solid rgba(255,255,255,0);
  width: 455px;
  display: inline-block;
  letter-spacing: 1.2px;
  margin-top: 30px;
  vertical-align: bottom;
  line-height: 1.5;
}
body.pc #zip-corner-articles ul li .zip-corner-articles-img.movie{
  position: relative;
}
body.pc #zip-corner-articles ul li .zip-corner-articles-img.movie:after{
  position: absolute;
  top: 7px;
  right: 7px;
  display: block;
  content: '';
  width: 35px;
  height: 35px;
  background: url(../images/common/article_movie_playbtn.png) no-repeat;
  background-size: cover;
  margin: auto;
}
body.pc #zip-corner-articles ul li:nth-of-type(2n){
  margin-left: 30px;
}
body.pc #zip-corner-articles ul li:nth-of-type(-n+2){
  margin-top: 0;
}
body.pc #zip-corner-articles ul li a{
  -webkit-display: flex;
  display: flex;
}
body.pc #zip-corner-articles.bn_list ul{
  margin-bottom: 45px;
}
body.pc #zip-corner-articles.bn_list .zip-corner-articles-year:last-of-type ul{
  padding-bottom: 0;
}
body.pc #zip-corner-articles.bn_list ul li{
  width: 144px;
  text-align: center;
  border: none;
  margin-top: 15px;
}
body.pc #zip-corner-articles.bn_list ul li:nth-of-type(2n){
  margin-left: 0;
}
body.pc #zip-corner-articles.bn_list ul li:nth-of-type(-n+6){
  margin-top: 0;
}
body.pc #zip-corner-articles.bn_list ul li:not(:nth-of-type(6n+1)) {
    margin-left: 15px;
}
body.pc #zip-corner-articles.bn_list ul li a{
  color: #fb7cdf;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  font-size: 15px;
  display: block;
}
body.pc #zip-corner-articles.bn_list .zip-corner-article-btn{
  margin: 0 auto!important;
}
body.pc #zip-corner-articles.newArticle ul li:nth-of-type(-n+2) a{
  display: block;
}
body.pc #zip-corner-articles ul li .zip-corner-articles-img{
  position: relative;
  width: 207px;
  height: 116px;
  border-radius: 10px;
  overflow: hidden;
}
body.pc #zip-corner-articles.newArticle ul li:nth-of-type(-n+2) .zip-corner-articles-img{
  width: 449px;
  height: 253px;
}
body.pc #zip-corner-articles.newArticle ul li:nth-of-type(-n+2) .zip-corner-articles-img:after{
  top: 17px;
  right: 17px;
  width: 60px;
  height: 60px;
}
body.pc #zip-corner-articles .zip-corner-articles-img img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  margin: auto;
  object-fit: cover;
}
body.pc #zip-corner-articles .zip-corner-articles-txt{
  padding: 13px 15px;
  width: 242px;
}
body.pc #zip-corner-articles.newArticle ul li:nth-of-type(-n+2) .zip-corner-articles-txt{
  width: 100%;
}
body.pc #zip-corner-articles .zip-corner-articles-txt .zip-corner-articles-title{
  font-size: 15px;
  font-weight: bold;
  margin-bottom: 5px;
}
body.pc #zip-corner-articles .zip-corner-article-btn .icon-link,
body.pc #zip-corner-articles .zip-corner-article-btn .icon-plus{
  font-size: 50px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  font-weight: normal;
}
body.pc #zip-corner-articles.bn_list .zip-corner-article-btn .icon-plus{
  font-size: 50px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  font-weight: normal;
}
body.pc #zip-corner-articles .zip-corner-article-page{
  letter-spacing: -.4em;
  margin-bottom: 45px;
}
body.pc #zip-corner-articles .zip-corner-article-page a{
  letter-spacing: 1.2px;
  width: 50%;
  display: inline-block;
  background: rgba(255,255,255,.8);
  color: #4bd0fb;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  font-size: 15px;
}

body.pc #zip-corner-articles .zip-corner-article-page a[nohref]{
  color: rgba(91,183,237,.2);
}
body.pc #zip-corner-articles .zip-corner-article-page a[nohref]:hover{
  opacity: 1;
}
body.pc #zip-corner-articles .zip-corner-article-page a:first-of-type{
  border-radius: 13px 0 0 13px;
}
body.pc #zip-corner-articles .zip-corner-article-page a:last-of-type{
  border-radius: 0 13px 13px 0;
  border-left: 1px solid #97d8f6;
}

body.pc #article.zip-corner-index #zip-corner-articles ul{margin-bottom:45px;}
body.pc #article.zip-corner-list-month #zip-corner-articles ul{margin-bottom:30px;}
body.pc #article.zip-corner-post #zip-corner-articles ul{margin-bottom:45px;}


/* notice
**********************************/
body.pc #zip-corner-notice #zip-corner-notice-wrapper{
  width: 660px!important;
}
body.pc #zip-corner-notice .zip-corner-notice-article{
  padding-bottom: 15px;
  padding-top: 30px;
  overflow: hidden;
  word-break: break-all;
}
body.pc #zip-corner-notice .zip-corner-notice-article:last-of-type{
  padding-bottom: 45px;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-article:last-of-type{
  padding-bottom: 15px;
}
body.pc #zip-corner-notice .zip-corner-notice-article:after{
  content: '';
  clear: both;
  display: table;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-article:not(:first-child){
  padding-top: 0;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-article h3:not(:first-child){
  padding-top: 15px;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-article > p{
  margin-bottom: 30px;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-article > *{
  margin-bottom: 30px !important;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-article > *:last-of-type{
  margin-bottom: 0;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-article img{
  max-width: 100%;
  height: auto;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt{
  padding-top: 30px;
}
body.pc .zip-corner-post #zip-corner-notice .zip-corner-notice-articleTxt{
  padding-top: 0;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt.imgMiddle{
  width: 300px;
  margin: 0 auto;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall{
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-list{
  width: 48%;
  margin-top: 30px;
  margin-left: 4%;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-list:nth-of-type(2n+1){
  margin-left: 0;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-list:nth-of-type(-n+2){
  margin-top: 0;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .txt{
  margin-bottom: 0;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleImg{
  text-align: center;
  padding-bottom: 30px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt.imgMiddle .zip-corner-notice-articleImg,
body.pc #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-articleImg{
  padding-bottom: 10px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt h3 + .zip-corner-notice-articleImg{
  padding-top: 30px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleImg img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt h5{
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 20px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable{
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #ececec;
  margin-bottom: 30px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable tr{
  border-bottom: 1px solid #ececec;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable th,
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable td{
  width: 50%;
  padding: 11px 15px 10px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .txt.small{
  font-size: 12px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .txt a{
  text-decoration: underline;
  color: #4bd0fb;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .txt~.txt{
  padding-top: 30px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .txt + h5{
  padding-top: 30px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt h5 + .txt{
  padding-top: 10px!important;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics{
  background: #fcfce9;
  padding: 30px;
  border-radius: 4px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics.table{
  padding: 0;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .txt + .topics{
  margin-top: 30px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics h5{
  font-size: 14px;
  color: #4bd0fb;
  padding-bottom: 0;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics.table h5{
  padding: 10px 15px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics.table .zip-corner-notice-articleTable{
  border-top: 1px solid #fff;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics.table .zip-corner-notice-articleTable tr{
  border-bottom: 1px solid #fff;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics.table .zip-corner-notice-articleTable tr:last-child{
  border-bottom: none;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics h5~h5{
  padding-top: 15px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics p{
  padding-top: 15px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .topics p .t_small{
  font-size: 12px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt ul{
  margin-left:1em;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt ul li{
  text-indent:-1.0em;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .nolist{
  margin-left: 0;
  counter-reset:number;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .nolist li{
  text-indent:0em;
  padding: 0 0 30px 30px;
  position: relative;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .nolist li:last-of-type{
  padding-bottom: 25px;
}
body.pc #zip-corner-notice .zip-corner-notice-articleTxt .nolist li:before{
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0;
  left: 0;
  color: #4bd0fb;
  font-size: 15px;
  font-weight: bold;
}
body.pc #zip-corner-notice .zip-corner-notice-link{
  padding: 30px 0 0;
}
body.pc #zip-corner-notice .zip-corner-notice-link a{
  background: #4bd0fb;
  border-radius: 13px;
  padding: 15px;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
body.pc #zip-corner-notice .zip-corner-notice-link a img{
  display: block;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 50%;
}
body.pc #zip-corner-notice .zip-corner-notice-link a span{
  display: block;
  letter-spacing: 1.2px;
  font-weight: bold;
  font-size: 15px;
}

body.pc #zip-corner-notice #zip-corner-notice-wrapper{background-color:#ffffff;margin-bottom:45px;width:100% !important;}
body.pc #zip-corner-notice #zip-corner-notice-wrapper .zip-corner-notice-article{margin:0px auto;width:660px;}



/* footer
**********************************/
body.pc #zip-corner-footer a{display: block;}
body.pc #zip-corner-footer #zip-corner-footer-wrapper{padding: 0px 30px;padding-bottom:45px;}
body.pc #zip-corner-footer #zip-corner-footer-wrapper > * {margin-bottom: 45px;}
body.pc #zip-corner-footer #zip-corner-footer-wrapper > *:last-child {margin-bottom:0;}
body.pc #zip-corner-footer .zip-corner-footer-contents {
  letter-spacing: -.4em;
  margin-bottom: 45px;
  text-align: center;
}
body.pc #zip-corner-footer .zip-corner-footer-content {
  width: 455px;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  text-align: left;
}
body.pc #zip-corner-footer .zip-corner-footer-content:nth-of-type(2) {
  margin-left: 30px;
}
body.pc #zip-corner-footer .zip-corner-footer-content .zip-corner-footer-content-pick_bnr{
  display: block;
  border: 3px solid #eaf7fd;
  border-radius: 13px;
}
body.pc #zip-corner-footer .zip-corner-footer-content .zip-corner-footer-content-pick_bnr:not(:first-of-type){
  margin-top: 30px;
}
body.pc #zip-corner-footer .zip-corner-footer-content .zip-corner-footer-content-pick_bnr img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-radius: 10px;
}
body.pc #zip-corner-footer .zip-corner-footer-content ul{
  background: rgba(255,255,255,.8);
  border-radius: 13px;
}
body.pc #zip-corner-footer .zip-corner-footer-content ul li{
  border-bottom: 1px solid #d9e5ea;
  margin: 0 15px;
}
body.pc #zip-corner-footer .zip-corner-footer-content ul li a{
  padding: 15px 0;
  -webkit-display: flex;
  display: flex;
    -webkit-align-items: center;
    align-items: center;
}
body.pc #zip-corner-footer .zip-corner-footer-content ul li img{
  display: block;
  width: 60px;
  height: 60px;
  margin-right: 16px;
  border-radius: 50px;
}
body.pc #zip-corner-footer .zip-corner-footer-content ul li p{
  display: block;
  letter-spacing: 1.2px;
  font-weight: bold;
  font-size: 15px;
}
body.pc #zip-corner-footer .zip-corner-footer-content ul li:last-of-type{
  border-bottom: none;
}
body.pc #zip-corner-footer #zip-corner-footer-wrapper > a{
  background: rgba(255,255,255,.8);
  border-radius: 13px;
  padding: 15px;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
body.pc #zip-corner-footer #zip-corner-footer-wrapper > a img{
  display: block;
  width: 60px;
  height: 60px;
  margin-right: 15px;
  border-radius: 50%;
}
body.pc #zip-corner-footer #zip-corner-footer-wrapper > a span{
  display: block;
  letter-spacing: 1.2px;
  font-weight: bold;
  font-size: 15px;
}
body.pc .zip-corner-index #zip-corner-footer #zip-corner-footer-wrapper > .zip-corner-footer-contents{margin-bottom:0px;}
body.pc .zip-corner-index #zip-corner-footer #zip-corner-footer-wrapper > a{display: none;}

/* SP
**********************************/
/* common
**********************************/
body.sp div[class*="zip-corner"] section[id*="zip-corner"] div[id$="wrapper"]{
  width: 100%;
  margin: 0 auto;
  position: relative;
}
body.sp div[class*="zip-corner"] section[id*="thumnail"]{
  background: #def5fe;
}
body.sp div[class*="zip-corner"] section[id*="articles"],
body.sp div[class*="zip-corner"] section[id*="footer"]{
}
body.sp div[class*="zip-corner"] h3{
  color: #4bd0fb;
  border-bottom: 3px solid #4bd0fb;
  padding: 0 0 10px;
  font-size: 17px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
}
body.sp div[class*="zip-corner"] h4{
  color: #4bd0fb;
  font-size: 17px;
  margin-bottom:15px;
  padding-left:5px;
  line-height: 1.5;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  letter-spacing: 1.2px;
}
body.sp div[class*="zip-corner"] p[class$="date"]{
  color: rgba(68,68,68,.5);
  font-size: 10px;
}
body.sp div[class*="zip-corner"] a[class$="btn"]{
  display: block;
  border-radius: 50px;
  text-align: center;
  color: #fff;
  width: 100%;
  max-width: 300px;
  margin: 0px auto;
  background: #fb7cdf;
  height: 50px;
  line-height: 50px;
  font-size: 15px;
  font-weight: bold;
  position: relative;
  cursor: pointer;
}
body.sp div[class*="zip-corner"] section[id*="zip-corner"]:nth-last-child(3) div[id*="wrapper"]{
  padding-bottom: 0 !important;
}
body.sp #ntv_setAD_SP_320_100{
  margin-bottom: 0;
}

/* corner-header
**********************************/
body.sp div[class*="zip-corner"] .zip-corner-header-cornerLogo{
  display: block;
  letter-spacing: -.4em;
  margin: 0 auto;
}
body.sp div[class*="zip-corner"] .zip-corner-header-cornerLogo img{
  display: none;
}
body.sp div[class*="zip-corner"] .zip-corner-header-cornerLogo h1{
  text-indent: -9999px;
  display: inline-block;
  vertical-align: middle;
}

/* title
**********************************/
body.sp div[class*="zip-corner"] #zip-corner-title{
  color: #4bd0fb;
  background: #fcfce9;
  padding: 20px;
  line-height: 1.5;
}
body.sp div[class*="zip-corner-list"] #zip-corner-title{
  padding: 20px 15px!important;
  color: #ffffff;
  background: #4bd0fb url('/zip/assets/images/common/title_bg_bn_new_sp.png') no-repeat !important;
  background-position: top right !important;
  background-size: auto 100px !important;
}
body.sp .zip-corner-post #zip-corner-title #zip-corner-title-wrapper{
  width: 100%!important;
}
body.sp div[class*="zip-corner"] #zip-corner-title img{
  display: block;
  width: 80px;
    height: 80px;
  position: absolute;
  left: auto;
  right: 0;
    top: -55px;
  border-radius: 100px;
    border: 3px solid #fff;
    background: #fff;
}
body.sp div[class*="zip-corner"] #zip-corner-title h2{
  font-size: 20px;
  font-family: "M PLUS 1p", sans-serif;
  font-weight: 800;
  letter-spacing: 1.2px;
}
body.sp .zip-corner-index #zip-corner-title h2{
  font-size: 17px!important;
  margin-left: 0;
}
body.sp div[class*="zip-corner-list"] #zip-corner-title h2{
  padding: 0;
}
body.sp div[class*="zip-corner"] #zip-corner-title p{
  margin-top: 10px;
}
body.sp .zip-corner-index #zip-corner-title p{
  margin-left: 0;
}
body.sp .zip-corner-post #zip-corner-title p{
  font-size: 10px!important;
  margin-top: 5px!important;
}
body.sp .zip-corner-index #zip-corner-title{
  color: #4bd0fb!important;
  background: #fcfce9!important;
}

/* share
**********************************/
body.sp #zip-corner-share{
  background-color: #ffffff;
  letter-spacing: -.4em;
  text-align: center;
  padding: 15px 0;
}
body.sp #zip-corner-share p{
  color: rgba(68,68,68,.5);
  display: inline-block;
  letter-spacing: 1.2px;
  font-size: 10px;
  vertical-align: middle;
}
body.sp #zip-corner-share a{
  display: inline-block;
  letter-spacing: normal;
  border-radius: 0;
  text-indent: -9999px;
  vertical-align: middle;
  -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
}
body.sp #zip-corner-share a[class$="fb"]{
  background: url(../images/common/share_icon_fb.png) no-repeat;
  background-size: cover;
  width: 22px;
  height: 22px;
  margin-left: 30px;
}
body.sp #zip-corner-share a[class$="tw"]{
  background: url(../images/common/share_icon_tw.png) no-repeat;
  background-size: cover;
  width: 18px;
  height: 19px;
  margin-left: 40px;
}
body.sp #zip-corner-share a[class$="line"]{
  background: url(../images/common/share_icon_line.png) no-repeat;
  background-size: cover;
  width: 25px;
  height: 24px;
  margin-left: 35px;
}

/* thumnail
**********************************/
body.sp #zip-corner-thumnail.off{
  height: 1px;
}
body.sp #zip-corner-thumnail-wrapper{
  width: 100%;
  height: auto;
  background: #eaf7fd;
}
body.sp #zip-corner-thumnail.off #zip-corner-thumnail-wrapper{display:none;}
body.sp #zip-corner-thumnail-wrapper .zip-corner-thumnail-content.movie{
  height: 0;
  padding-bottom: 56.25%;
}
body.sp #zip-corner-thumnail-wrapper .zip-corner-thumnail-content.image{
  text-align: center;
}
body.sp #zip-corner-thumnail-wrapper .zip-corner-thumnail-content iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
body.sp #zip-corner-thumnail-wrapper .zip-corner-thumnail-content img{
  max-width: 100%;
  max-height: 375px;
}

/* articles
**********************************/
body.sp #article{
  background-color: #9fe2fd;
  background-image: url(../images/common/main-bg-sp.webp);
  background-size: 100%;
  background-repeat: repeat-y;
  background-position: center top 190px;
}

body.sp #zip-corner-articles #zip-corner-articles-wrapper{
  padding:0px 10px;
  margin-bottom: 30px;
  margin-top: 30px;
}
body.sp #zip-corner-articles.recommend #zip-corner-articles-wrapper,
body.sp #zip-corner-articles.bn_list #zip-corner-articles-wrapper,
body.sp #zip-corner-articles.month #zip-corner-articles-wrapper{
  padding-bottom: 0;
}
body.sp #zip-corner-articles .zip-corner-articles-heading {
  margin-top: 30px;
  font-size: 20px;
}
body.sp #zip-corner-articles ul{
  letter-spacing: -.4em;
}
body.sp #zip-corner-articles ul li{
  background: rgba(255,255,255,.8);
  border-radius: 13px;
  border: 3px solid rgba(255,255,255,0);
  width: 100%;
  display: block;
  letter-spacing: 1.2px;
  margin-top: 10px;
  vertical-align: bottom;
  line-height: 1.5;
}
body.sp #zip-corner-articles ul li .zip-corner-articles-img.movie{
  position: relative;
}
body.sp #zip-corner-articles ul li .zip-corner-articles-img.movie:after{
  position: absolute;
  top: 12px;
  right: 12px;
  display: block;
  content: '';
  width: 50px;
  height: 50px;
  background: url(../images/common/article_movie_playbtn.png) no-repeat;
  background-size: cover;
  margin: auto;
}
body.sp #zip-corner-articles ul li:first-of-type{
  margin-top: 0;
}
body.sp #zip-corner-articles.bn_list ul{padding-bottom: 30px;}
body.sp #zip-corner-articles.bn_list .zip-corner-articles-year:last-of-type ul{
  padding-bottom: 0;
}
body.sp #zip-corner-articles.bn_list ul li{
  width: 22.9%;
  text-align: center;
  border: none;
  display: inline-block;
  border-radius: 13px;
  margin-top: 2.8%;
}
body.sp #zip-corner-articles.bn_list ul li:nth-of-type(2n){
  margin-left: 0;
}
body.sp #zip-corner-articles.bn_list ul li:nth-of-type(-n+4){
  margin-top: 0;
}
body.sp #zip-corner-articles.bn_list ul li:not(:nth-of-type(6n+1)) {
    margin-left: 0;
}
body.sp #zip-corner-articles.bn_list ul li:not(:nth-of-type(4n+1)) {
    margin-left: 2.8%;
}
body.sp #zip-corner-articles.bn_list ul li a{
  color: #fb7cdf;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  font-size: 15px;
  display: block;
}
body.sp #zip-corner-articles.bn_list .zip-corner-article-btn{
  margin: 0 auto!important;
}
body.sp #zip-corner-articles ul li a{
  -webkit-display:flex;
  display: flex;
}
body.sp #zip-corner-articles.newArticle ul li:nth-of-type(-n+2) a{
  display: block;
}
body.sp #zip-corner-articles.newArticle ul li:nth-of-type(2) a{
  -webkit-display:flex;
  display: flex;
}
body.sp #zip-corner-articles ul li .zip-corner-articles-img{
  width: 48%;
  height: 0;
  position: relative;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: calc(56.25%*0.48);
  z-index: 0;
}
body.sp #zip-corner-articles.newArticle ul li:nth-of-type(-n+2) .zip-corner-articles-img{
  position: relative;
  width: 100%;
  height: 0;
  border-radius: 10px;
  overflow: hidden;
  padding-bottom: calc(56.25%);
  z-index: 0;
}
body.sp #zip-corner-articles ul li:nth-of-type(2) .zip-corner-articles-img{
  width: 48%!important;
  padding-bottom: calc(56.25%*0.48)!important;
}
body.sp #zip-corner-articles ul li .zip-corner-articles-img.movie:after{
  top: 7px;
  right: 7px;
  width: 30px;
  height: 30px;
}
body.sp #zip-corner-articles.newArticle ul li:nth-of-type(-n+1) .zip-corner-articles-img:after{
  top: 12px;
  right: 12px;
  width: 50px;
  height: 50px;
}
body.sp #zip-corner-articles .zip-corner-articles-img img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  min-width: 100%;
  min-height: 100%;
  margin: auto;
  z-index: 0;
  object-fit: cover;
}
body.sp #zip-corner-articles .zip-corner-articles-txt{
  padding: 10px 12px;
  width: 52%;
}
body.sp #zip-corner-articles ul li:nth-of-type(2) .zip-corner-articles-txt{
  width: 52%!important;
}
body.sp #zip-corner-articles.newArticle ul li:nth-of-type(-n+2) .zip-corner-articles-txt{
  width: 100%;
}
body.sp #zip-corner-articles .zip-corner-articles-txt .zip-corner-articles-title{
  font-size: 13px;
  font-weight: bold;
  margin-bottom: 3px;
}
body.sp #zip-corner-articles .zip-corner-article-btn .icon-link,
body.sp #zip-corner-articles .zip-corner-article-btn .icon-plus{
  font-size: 50px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: -7px;
  margin: auto 0;
  font-weight: normal;
}
body.sp #zip-corner-articles.bn_list .zip-corner-article-btn .icon-plus{
  font-size: 50px;
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  margin: auto 0;
  font-weight: normal;
}
body.sp #zip-corner-articles .zip-corner-article-page{
  letter-spacing: -.4em;
  margin-bottom: 30px;
}
body.sp #zip-corner-articles .zip-corner-article-page a{
  letter-spacing: 1.2px;
  width: 50%;
  display: inline-block;
  background: rgba(255,255,255,.8);
  color: #4bd0fb;
  text-align: center;
  height: 50px;
  line-height: 50px;
  font-weight: bold;
  font-size: 15px;
}
body.sp #zip-corner-articles .zip-corner-article-page a[nohref]{
  color: rgba(91,183,237,.2);
}
body.sp #zip-corner-articles .zip-corner-article-page a:first-of-type{
  border-radius: 13px 0 0 13px;
}
body.sp #zip-corner-articles .zip-corner-article-page a:last-of-type{
  border-radius: 0 13px 13px 0;
  border-left: 1px solid #97d8f6;
}
body.sp #article.zip-corner-post #zip-corner-articles ul{margin-bottom:30px;}
body.sp #article.zip-corner-list-month #zip-corner-articles ul{margin-bottom:10px;}
body.sp #article.zip-corner-index #zip-corner-articles ul{margin-bottom:30px;}


/* notice
**********************************/
body.sp #zip-corner-notice #zip-corner-notice-wrapper{
  background-color:#ffffff;
  width: 100%!important;
  padding: 0 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-article{
  padding-bottom: 10px;
  padding-top: 20px;
  overflow: hidden;
  word-break: break-all;
}
body.sp #zip-corner-notice .zip-corner-notice-article:last-of-type{
  padding-bottom: 30px;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-article:last-of-type{
  padding-bottom: 10px;
}
body.sp #zip-corner-notice .zip-corner-notice-article:after{
  content: '';
  clear: both;
  display: table;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-article:not(:first-child){
  padding-top: 0;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-article h3:not(:first-child){
  padding-top: 10px;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-article > p{
  margin-bottom: 20px;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-article > *{
  margin-bottom: 20px !important;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-article > *:last-of-type{
  margin-bottom: 0;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-article img{
  max-width: 100%;
  height: auto;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt{
  padding-top: 20px;
}
body.sp .zip-corner-post #zip-corner-notice .zip-corner-notice-articleTxt{
  padding-top: 0;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt.imgMiddle{
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall{
  -webkit-display: flex;
  display: flex;
  -webkit-justify-content: center;
  justify-content: center;
  -webkit-flex-wrap: wrap;
  flex-wrap: wrap;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-list{
  width: 48%;
  margin-top: 20px;
  margin-left: 4%;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-list:nth-of-type(2n+1){
  margin-left: 0;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-list:nth-of-type(-n+2){
  margin-top: 0;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .txt{
  margin-bottom: 0;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleImg{
  text-align: center;
  padding-bottom: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt.imgMiddle .zip-corner-notice-articleImg,
body.sp #zip-corner-notice .zip-corner-notice-articleTxt.imgSmall .zip-corner-notice-articleImg{
  padding-bottom: 10px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt h3 + .zip-corner-notice-articleImg{
  padding-top: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleImg img{
  max-width: 100%;
  height: auto;
  vertical-align: bottom;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt h5{
  font-size: 15px;
  font-weight: bold;
  padding-bottom: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable{
  width: 100%;
  table-layout: fixed;
  border-top: 1px solid #ececec;
  margin-bottom: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable tr{
  border-bottom: 1px solid #ececec;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable th,
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .zip-corner-notice-articleTable td{
  width: 50%;
  padding: 11px 15px 10px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .txt.small{
  font-size: 10px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .txt a{
  text-decoration: underline;
  color: #4bd0fb;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .txt~.txt{
  padding-top: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .txt + h5{
  padding-top: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt h5 + .txt{
  padding-top: 0!important;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics{
  background: #fcfce9;
  padding: 20px 15px 20px;
  border-radius: 4px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics.table{
  padding: 0;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .txt + .topics{
  margin-top: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics h5{
  font-size: 13px;
  color: #4bd0fb;
  padding-bottom: 0;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics.table h5{
  padding: 10px 15px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics.table .zip-corner-notice-articleTable{
  border-top: 1px solid #fff;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics.table .zip-corner-notice-articleTable tr{
  border-bottom: 1px solid #fff;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics.table .zip-corner-notice-articleTable tr:last-child{
  border-bottom: none;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics h5~h5{
  padding-top: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics p{
  padding-top: 15px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics p .t_small{
  font-size: 11px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .topics p + h5{
  padding-top: 30px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt ul{
  margin-left:1em;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt ul li{
  text-indent:-1.0em;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .nolist{
  margin-left: 0;
  counter-reset:number;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .nolist li{
  text-indent:0em;
  padding: 0 0 20px 20px;
  position: relative;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .nolist li:last-of-type{
  padding-bottom: 20px;
}
body.sp #zip-corner-notice .zip-corner-notice-articleTxt .nolist li:before{
  counter-increment: number;
  content: counter(number);
  position: absolute;
  top: 0;
  left: 0;
  color: #4bd0fb;
  font-size: 15px;
  font-weight: bold;
  line-height: 1.5;
}
body.sp #zip-corner-notice .zip-corner-notice-link{
  padding: 30px 0 0;
}
body.sp #zip-corner-notice .zip-corner-notice-link a{
  background: #4bd0fb;
  border-radius: 13px;
  padding: 10px;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
  color: #fff;
}
body.sp #zip-corner-notice .zip-corner-notice-link a img{
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
}
body.sp #zip-corner-notice .zip-corner-notice-link a span{
  display: block;
  letter-spacing: 1.2px;
  font-weight: bold;
  font-size: 13px;
}

/* footer
**********************************/
body.sp #zip-corner-footer a{
  display: block;
}
body.sp #zip-corner-footer #zip-corner-footer-wrapper{
  padding: 30px 10px !important;
}
body.sp #zip-corner-footer .zip-corner-footer-contents {
  letter-spacing: -.4em;
  text-align: center;
  display: block;
}
body.sp #zip-corner-footer .zip-corner-footer-content {
  width: 100%;
  display: inline-block;
  letter-spacing: normal;
  vertical-align: top;
  text-align: left;
}
body.sp #zip-corner-footer .zip-corner-footer-content:nth-of-type(2) {
  margin: 30px 0 0;
}
body.sp #zip-corner-footer .zip-corner-footer-content .zip-corner-footer-content-pick_bnr{
  display: block;
  border: 3px solid #eaf7fd;
  border-radius: 13px;
}
body.sp #zip-corner-footer .zip-corner-footer-content .zip-corner-footer-content-pick_bnr:not(:first-of-type){
  margin-top: 10px;
}
body.sp #zip-corner-footer .zip-corner-footer-content .zip-corner-footer-content-pick_bnr img{
  width: 100%;
  height: auto;
  vertical-align: bottom;
  border-radius: 10px;
}
body.sp #zip-corner-footer .zip-corner-footer-content ul{
  background: rgba(255,255,255,.8);
  border-radius: 13px;
}
body.sp #zip-corner-footer .zip-corner-footer-content ul li{
  border-bottom: 1px solid #d9e5ea;
  margin: 0 10px;
}
body.sp #zip-corner-footer .zip-corner-footer-content ul li a{
  padding: 10px 0;
  -webkit-display: flex;
  display: flex;
    -webkit-align-items: center;
    align-items: center;
}
body.sp #zip-corner-footer .zip-corner-footer-content ul li img{
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 13px;
  border-radius: 50px;
}
body.sp #zip-corner-footer .zip-corner-footer-content ul li p{
  display: block;
  letter-spacing: 1.2px;
  font-weight: bold;
}
body.sp #zip-corner-footer #zip-corner-footer-wrapper > * {margin-bottom:30px;}
body.sp #zip-corner-footer #zip-corner-footer-wrapper > *:last-Child {margin-bottom:0;}
body.sp #zip-corner-footer #zip-corner-footer-wrapper > a{
  background: rgba(255,255,255,.8);
  border-radius: 13px;
  padding: 10px;
  -webkit-display: flex;
  display: flex;
  -webkit-align-items: center;
  align-items: center;
}
body.sp #zip-corner-footer #zip-corner-footer-wrapper > a img{
  display: block;
  width: 40px;
  height: 40px;
  margin-right: 10px;
  border-radius: 50%;
}
body.sp #zip-corner-footer #zip-corner-footer-wrapper > a span{
  display: block;
  letter-spacing: 1.2px;
  font-weight: bold;
  font-size: 13px;
}
body.sp .zip-corner-index #zip-corner-footer #zip-corner-footer-wrapper > .zip-corner-footer-contents{margin-bottom:0px;}
body.sp .zip-corner-index #zip-corner-footer #zip-corner-footer-wrapper > a{display:none;}