@charset "utf-8";
/* CSS Document */
/* ==================================================

articleformat.css

================================================== */
#articleformat{margin-bottom: 5rem;}
#articleformat h2 {font-size: 2.5rem;margin-bottom: 0.5rem;line-height: 1.6;}

#articleformat h2.se-h2_title_double {line-height: 1;}
#articleformat h2.se-h2_title_double::before {
  position: absolute;
  top: 4px;
  left: -2em;
  content: '';
  display: inline-block;
  width: 50px;
  height: 24px;
  background: url("../image/common/icon_title.png") no-repeat 50% 50%;
}
#articleformat h2.se-h2_title_double::after {
  position: absolute;
  top: 4px;
  right: -2em;
  content: '';
  display: inline-block;
  width: 50px;
  height: 24px;
  background: url("../image/common/icon_title.png") no-repeat 50% 50%
}
#articleformat h3{margin-bottom: 1rem;font-size: 1.7rem;}
#articleformat p{margin-bottom: 2.5em;font-size: 1.5rem;}
#articleformat img{width: auto;max-width: 810px !important; margin-bottom: 2rem;}
/* イベント　主催ロゴ横並び対応 */
#se_eventpredetails #articleformat img{display: inline-block;margin-bottom: 0;}

#articleformat iframe{
  display: block;
  max-width: 100%;
  font-size: 90vw;
  max-height: 0.5625em;
  margin-bottom: 3rem;
}
#articleformat .multi3-list figure img{max-width: 100%!important;}

/* 日付 */
#articleformat time, #articleformat #titlebox time {color: #e30076; margin-bottom: 1rem !important;}
/* 日付 （顔つき）*/
#articleformat div.writer-wrap {display: flex;vertical-align: text-top;margin-bottom: 0.5rem;}
#articleformat div.writer-wrap figure.writer_face {
	position: relative;
    border-radius: 5px;
    overflow: hidden;
    width: 48px;
    height: 100%;
    margin-right: 1%;
    display: inline-block;
    vertical-align: text-top;
}
#articleformat div.writer-wrap figure.writer_face::before {content: "";display: block;padding-top: 100%;
}
#articleformat div.writer-wrap figure.writer_face img {
    display: block;
    object-fit: cover;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
}
#articleformat div.writer-wrap span.name-time {
    width: 100%;
    line-height: 1.4;
    color: #e30076;
    font-size: 1.5rem;
}
#articleformat div.writer-wrap span.name-time span.name {
    display: block;
    vertical-align: text-top;
    margin-bottom: 0.3rem;
}
#articleformat div.writer-wrap span.name-time time {
    display: inline-block;
    vertical-align: text-top;
    margin-bottom: 0.3rem;
}

/* イレギュラー処理---- */
/* 記事詳細で画像が１つのとき */
figure+#articleformat {margin-top: 2rem !important;}


/*======================================================*/
/*(SP（タブレット以下）)media only screen and ( max-width : 896px )
=======================================================*/
@media only screen and (max-width : 896px) {
#articleformat h2 {font-size: 1.8rem;}
#articleformat h2.se-h2_title_double::before {
	top: 0;
	left: -2em;
	width: 30px;
	height: 20px;
}
#articleformat h2.se-h2_title_double::after {
	top:0;
	bottom: 3px;
	width: 30px;
	height: 20px;
	margin-left: 0.5rem;
	}
	
#articleformat h3{font-size: 1.5rem;}
#articleformat p{font-size: 1.3rem;margin-bottom: 1.5em;}
#articleformat img{max-width: 100%!important;}
#articleformat iframe{font-size: 91vw;}

	
/* 顔つき日付 */
#articleformat div.writer-wrap {margin-bottom: 0;}
#articleformat div.writer-wrap span.writer-wrap figure {width: 40px;}
#articleformat div.writer-wrap span.name-time {font-size: 1.2rem;line-height: 1.3;margin-bottom: 0rem;}	
#articleformat p {font-size: 1.3rem;}	
}/*max-width : 896px end*/