@charset "utf-8";

/* PC
**********************************/
/* corner
**********************************/
body.pc div[class*="zip-corner"].umaimon #zip-corner-header{
  background: url(../images/umaimon/umaimon_header.png) no-repeat;
  background-size: cover;
  background-position: center;
}
body.pc .sp-br{ display: none; }
/* second */
body.pc div[class*="zip-corner"].umaimon .zip-corner-header-cornerLogo{
  width: 145px;/* h1 + 55px */
  height: 90px;
}
body.pc div[class*="zip-corner"].umaimon .zip-corner-header-cornerLogo h1{
  width: 90px;
  height: 100%;
  background: url(../images/umaimon/umaimon_logo.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
/* index */
body.pc div[class*="zip-corner-index"].umaimon .zip-corner-header-cornerLogo{
  width: 230px;
  height: 200px;
}
body.pc div[class*="zip-corner-index"].umaimon .zip-corner-header-cornerLogo h1{
  width: 100%;
  height: 100%;
  background-position: center;
}
body.pc div[class*="zip-corner-index"].umaimon #zip-corner-notice-wrapper  {margin-bottom: 0 !important;}
body.pc div[class*="zip-corner-index"].umaimon #zip-corner-footer {display: none;}

body.pc div[class*="zip-corner-post"].umaimon #zip-corner-notice-wrapper  {margin-bottom: 0 !important;}

/* twitter */
body.pc .zip-corner-index #zip-corner-twitter{
  border-top: solid 1px #def5fe;
}
body.pc #zip-corner-twitter{
  background-color: #ffffff;
  margin-bottom: 45px;
  width: 100% !important;
}
body.pc #zip-corner-twitter #zip-corner-twitter-wrapper{
  margin: 0 auto;
  padding: 30px 0;
  width: 660px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.pc #zip-corner-twitter .zip-corner-twitter-box{
  width: 580px;
  border: 3px solid #d1fafe;
  border-radius: 13px;
  line-height: 0;
  height: 240px;
  overflow: hidden;
}
body.pc #zip-corner-twitter .zip-corner-twitter-btn{
  position: relative;
  width: 50px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: center;
}
body.pc #zip-corner-twitter .zip-corner-twitter-btn a{
  font-size: 15px;
  padding: 0 13px;
  display: block;
  width: 50px;
  background: #fb7cdf;
  border-radius: 25px;
  letter-spacing: .3rem;
  color: #fff;
  font-weight: bold;
}
body.pc #zip-corner-twitter .zip-corner-twitter-btn a .icon-plus{
  font-size: 50px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto 0;
  font-weight: normal;
  -ms-writing-mode: lr-tb;
}
/* Edgeでプラスアイコンが右に偏るのを修正 */
_:-ms-lang(x)::backdrop,
body.pc div.umaimon #zip-corner-twitter .zip-corner-twitter-btn a .icon-plus::before{
  display: inline-block;
  padding-right: 0.45em;
}

/* SP
**********************************/
/* corner
**********************************/
body.sp div[class*="zip-corner"].umaimon #zip-corner-header{
  background: url(../images/umaimon/umaimon_header.png) no-repeat;
  background-size: cover;
  background-position: center;
}
/* second */
body.sp div[class*="zip-corner"].umaimon .zip-corner-header-cornerLogo{
  max-width: 160px;
  width: 29%;
  height: 100px;
}
body.sp div[class*="zip-corner"].umaimon .zip-corner-header-cornerLogo h1{
  width: 100%;
  height: 100%;
  background: url(../images/umaimon/umaimon_logo.png) no-repeat;
  background-size: 100%;
  background-position: center;
}
/* index */
body.sp div[class*="zip-corner-index"].umaimon .zip-corner-header-cornerLogo{
  max-width: 250px;
  width: 48%;
  height: 165px;
}
body.sp div[class*="zip-corner-index"].umaimon .zip-corner-header-cornerLogo h1{
  width: 100%;
  height: 100%;
  background-position: center;
}
body.sp #zip-corner-thumnail-wrapper .zip-corner-thumnail-content iframe{
  width: 100%;
  height: 100%;
}
body.sp div[class*="zip-corner-index"].umaimon #zip-corner-footer{display:none;}
/* twitter */
body.sp .zip-corner-index #zip-corner-twitter{
  border-top: solid 1px #def5fe;
}
body.sp #zip-corner-twitter{
  background-color: #ffffff;
  margin-bottom: 30px;
  width: 100% !important;
}
body.sp #zip-corner-twitter #zip-corner-twitter-wrapper{
  margin: 0 auto;
  padding: 30px 20px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
body.sp #zip-corner-twitter .zip-corner-twitter-box{
  width: calc(100% - 60px);
  border: 3px solid #d1fafe;
  border-radius: 13px;
  line-height: 0;
  height: 240px;
  overflow: hidden;
}
body.sp #zip-corner-twitter .zip-corner-twitter-btn{
  position: relative;
  width: 50px;
  -ms-writing-mode: tb-rl;
  -webkit-writing-mode: vertical-rl;
  writing-mode: vertical-rl;
  text-orientation: upright;
  text-align: center;
}
body.sp #zip-corner-twitter .zip-corner-twitter-btn a{
  font-size: 15px;
  padding: 0 13px;
  display: block;
  width: 50px;
  background: #fb7cdf;
  border-radius: 25px;
  letter-spacing: .3rem;
  color: #fff;
  font-weight: bold;
}
body.sp #zip-corner-twitter .zip-corner-twitter-btn a .icon-plus{
  font-size: 50px;
  display: block;
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto 0;
  font-weight: normal;
}
/* link
**********************************/
body.sp #zip-corner-articles.month #zip-corner-articles-wrapper .zip-corner-article-btn{
  width: 82.6%;
  margin-top: 30px;
}