@charset "UTF-8";
/* 旧テーマ（LION MEDIA）の装飾クラス互換CSS
   既存の固定ページ・投稿で使われているクラスのみ抽出（自動生成）
   リニューアルで各ページをSWELLブロックに置き換えたら削除予定 */

/* ---- from lionmedia/css/content.css ---- */
.post_content .borderBox { border:1px solid #E5E5E5;
	padding:20px;
	margin-top:20px; }
.post_content .border2Box { border:4px double #E5E5E5;
	padding:20px;
	margin-top:20px; }
.post_content .bgBox { background:#F2F2F2;
	padding:20px;
	margin-top:20px; }
.post_content .paperBox { position: relative;
	padding:20px;
	margin-top:20px;
	background-color: #F2F2F2; }
.post_content .paperBox::after { content: "";
	position: absolute;
	bottom: 0;
    right: 0;
    border-color: #D8D8D8 #ffffff #ffffff #D8D8D8;
    border-style: solid;
    border-width: 0 0 20px 20px; }
.post_content .boldBox { border:3px solid #191919;
	padding:20px;
	margin-top:20px;
	font-weight:700; }
.post_content .questionBox { position:relative;
	margin-top:20px;
	padding:20px 20px 20px 70px; }
.post_content .questionBox { background-color: #D9EFF7; }
.post_content .questionBox::before { position:absolute;
	top:20px;
	left:20px;
	font-size:20px;
	font-weight:700;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 50%; }
.post_content .questionBox::before { content: "?";background: #0096c8; }
.post_content .pointBox { position: relative;
    border: 2px solid #c53929;
    border-radius: 5px;
    padding:20px;
	margin-top:20px; }
.post_content .pointBox::before { content: "POINT";
	position: absolute;
	top: -15px;
	left: 15px;
	font-size: 16px;
	font-weight: 700;
    background-color: #ffffff;
    color: #c53929;
    padding: 0 10px; }
.post_content .asterisk { display: block;
    font-size: 13px;
    color: #7F7F7F; }
.post_content .markerYellow { background: linear-gradient(transparent 60%, #ffffbc 60%); }
.post_content .markerPink { background: linear-gradient(transparent 60%, #FFDFEF 60%); }
.post_content .markerBlue { background: linear-gradient(transparent 60%, #cce5ff 60%); }
@media only screen and (max-width: 767px) {
.post_content .questionBox { padding: 15px 15px 15px 55px; }
.post_content .questionBox::before { top: 15px;
		left: 15px;
		font-size: 16px;
		width: 25px;
		height: 25px;
		line-height: 25px; }
}

/* ---- from lionmedia-child/style.css ---- */
.post_content .h1s { font-size: 26px;
	color: #ffffff;
	font-weight:700; }
.post_content .area { padding: 0.25em 0.5em;
color: #494949;
background: transparent;
border-left: solid 5px #7db4e6;
border-top: transparent;
border-bottom: transparent; }
.post_content .price { padding: 0.05em 0.05em;
color: #fff;
background: transparent;
border-top: transparent;
border-bottom: transparent; }
.post_content .word { padding: 0.05em 0.05em;
color: #fff;
background: transparent;
border-top: transparent;
border-bottom: transparent; }
.post_content .price3 { color:#3366ff; }
.post_content .pc { display: block !important; }
.post_content .sp { display: none !important; }
@media only screen and (max-width: 580px) {
.post_content .pc { display: none !important; }
.post_content .sp { display: block !important; }
}
@media screen and (max-width: 480px) {
.post_content .pconly { display:none; }
}
.post_content .mtm { margin-top: 5em !important; }
.post_content .resizeimage img { width: 100vw; }
.post_content .img-flex-2 > img,
.post_content .img-flex-2 a { width: 49%; height: 49%; }
.post_content .meteo { color: #364e96;
border-bottom: solid 3px #364e96;
margin-bottom:7px }
@media only screen and (max-width: 500px) {
.post_content .meteo { color: #364e96;
border-bottom: solid 3px #364e96;
margin-bottom:5px }
}

/* ---- from lionmedia-child/content.css ---- */
.post_content .contentC a { color: #0000CD;
	font-size:1.0em; }
.post_content .contentD a { color: #0000CD; }
.post_content .borderBox { border:1px solid #E5E5E5;
	padding:20px;
	margin-top:50px;
	background-color: #FFFFFF; }
.post_content .border2Box { border:4px double #969696;;
	padding:20px;
	margin-top:20px; }
.post_content .border3Box { border:1px solid #E5E5E5;
	padding:20px;
	margin-top:20px;
	background-color: #FFFFEE; }
.post_content .bgBox { background:#ffffff;
	padding:2px;
	margin-top:2px; }
.post_content .paperBox { position: relative;
	padding:20px;
	margin-top:20px;
	background-color: #F2F2F2; }
.post_content .paperBox::after { content: "";
	position: absolute;
	bottom: 0;
    right: 0;
    border-color: #D8D8D8 #ffffff #ffffff #D8D8D8;
    border-style: solid;
    border-width: 0 0 20px 20px; }
.post_content .boldBox { border:3px solid #364e96;
	padding:20px;
	margin-top:20px;
	font-weight:700; }
.post_content .questionBox { position:relative;
	margin-top:20px;
	padding:20px 20px 20px 70px; }
.post_content .questionBox { background-color: #D9EFF7; }
.post_content .questionBox::before { position:absolute;
	top:20px;
	left:20px;
	font-size:20px;
	font-weight:700;
	color: #ffffff;
    text-align: center;
    vertical-align: middle;
    width: 30px;
    height: 30px;
	line-height: 30px;
    border-radius: 50%; }
.post_content .questionBox::before { content: "?";background: #0096c8; }
.post_content .pointBox { position: relative;
    border: 2px solid #c53929;
    border-radius: 5px;
    padding:20px;
	margin-top:20px; }
.post_content .pointBox::before { content: "POINT";
	position: absolute;
	top: -15px;
	left: 15px;
	font-size: 16px;
	font-weight: 700;
    background-color: #ffffff;
    color: #c53929;
    padding: 0 10px; }
.post_content .asterisk { display: block;
    font-size: 13px;
    color: #7F7F7F; }
.post_content .markerYellow { background: linear-gradient(transparent 60%, #ffffbc 60%); }
.post_content .markerPink { background: linear-gradient(transparent 60%, #FFDFEF 60%); }
.post_content .markerBlue { background: linear-gradient(transparent 60%, #cce5ff 60%); }
@media only screen and (max-width: 767px) {
.post_content .questionBox { padding: 15px 15px 15px 55px; }
.post_content .questionBox::before { top: 15px;
		left: 15px;
		font-size: 16px;
		width: 25px;
		height: 25px;
		line-height: 25px; }
}