/*---------------------------------

2020.4.1追加: mediabrain_asa
ベースカラー: #a13951
バックグラウンドカラー: #fbf8ef
文字強調色: #a13951
文字カラーグレー(濃い）: #333
文字カラーグレー（薄い）: #4a4b4b
スライダー背景色: #f2f0e0

---------------------------------*/
.main.row {
    margin-top: 160px;
}
/* トップrow調整 */
.main.row_top {
    margin-top: 160px;
	margin-left: auto;
	margin-right: auto;
    *zoom: 1;
}

/*---------------------------------

2020.4.16追加: mediabrain_asa
ベースカラー: #a13951
バックグラウンドカラー: #fbf8ef
文字強調色: #a13951
文字カラーグレー(濃い）: #333
文字カラーグレー（薄い）: #4a4b4b
スライダー背景色: #f2f0e0

---------------------------------*/


/*---------------------------------
/* フリーページコンテンツ内調整 */
---------------------------------*/
/* タイトル */
.contents_heading {
    margin-bottom: 0px;
}
.contents_read {
    margin-top: 20px;
}

.contents_read img {
    margin: 0!important;
	border-style:none!important;
    width: 100%;
}

/* 7ヶ条部分 */
.features {
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    -moz-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin: 0 0 2em -3em;
    width: calc(100% + 3em);
}
.features article { 
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 1em 1em 1em 1em;
    position: relative;
    width: calc(33% - 2em);
}
.point_box {
	font-family: "Noto Serif JP", serif;
    font-size: 4.5em !important;
	font-weight: 400;
	color: #a13951; !important;
    flex-shrink: 0;
    line-height: 1.4em;
    margin: 0 1em -0.25em 1em;
    text-align: center;
    width: 1.5em;
    height: 1.5em;
    background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
    display: block;
    z-index: 5;
	border-radius: 6em;
}
.content h3 {
	font-family: 'Noto Serif JP', serif;
    font-size: 1.8em !important;
	font-weight: 600;
	letter-spacing: 0.3em;
	text-align: center;
	color: #a13951; !important;
	margin-bottom: 10px; !important;
	margin-bottom: 10px; !important;
}



/*---------------------------------
/* スマートフォン用調整 */
---------------------------------*/
@media screen and (max-width: 480px) {
.features article { 
    -moz-align-items: center;
    -webkit-align-items: center;
    -ms-align-items: center;
    align-items: center;
    display: -moz-flex;
    display: -webkit-flex;
    display: -ms-flex;
    display: flex;
    margin: 1em 1em 1em 1em;
    position: relative;
    width: calc(33% - 2em);
}
.scrollme,animateme {
    width: calc(120% - 1em);
}
.point_box {
    margin: 0em !important;
}
.features {
    margin-left: -1em !important;
}
.content h3 {
    font-size: 1.3em !important;
	font-weight: 600;
	letter-spacing: 0em;
	text-align: center;
	color: #a13951; !important;
}
}
@media screen and (max-width: 480px) {
	.main.row {
    margin-top: 220px;
}
.slider {
    width: 295vw;
    position: relative !important;
    display: block-inline;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #f2f0e0;
    float: right !important;
    height: 300x;
	left: -5px !important;
}
.bx-custom-pager_bg {
	width: 295vw !important;
    position: relative !important;
    display: block !important;
    margin-left: auto !important;
    margin-right: auto !important;
    margin-top: 0px !important;
    margin-bottom: 0px !important;
    background-color: #f2f0e0 !important;
}
	
.bx-wrapper .bx-viewport {
    border: none;
    left: 0;
	height: 60vw !important;
}
.bx-pager {
    display: none !important;
}
.bx-wrapper .bx-controls-direction a {
    display: none !important;
}
}

/*---------------------------------
/* フッタ及びDT共通調整 */
---------------------------------*/

dt {
  position: relative;
  color: #a13951;
  padding-bottom: .25em;
}
dt::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #a13951;
}

.footer_notice_list_dt, .skpr_detail_list_dt {
  position: relative;
  color: #a13951;
  padding-bottom: .25em;
  border-bottom: 2px solid #a9a9a9;
}
.footer_notice_list_dt::after, .skpr_detail_list_dt::after {
  position: absolute;
  bottom: -2px;
  left: 0;
  z-index: 2;
  content: '';
  width: 20%;
  height: 2px;
  background-color: #a13951;
}

.footer_notice_list_dd, .skpr_detail_list_dd {
    margin: 10px 0 0 0;
    line-height: 1.8;
}

/* カレンダー */
.tbl_calendar caption {
	font-size: 1.3em !important;
    text-align: center;
	font-weight: bold;
    color: #a13951;
}
.tbl_calendar th {
    padding: .3em 0;
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    text-align: center;
	background: #f2f0e0;
	margin-top: 5px;
}

.tbl_calendar th.sun {
    color: #a13951;
}
.tbl_calendar th.sat {
    color: #475498;
}

/* クレジット */
.header_lead_right {
    padding-top: 10px;
    font-size: 1em;
    color: #a13951;
    letter-spacing: 0.1em;
    float: right;
	
}


/*---------------------------------
ヘッダ周り調整
2020.04.30追加
---------------------------------*/

/*ヘッダーリード調整*/
.header_lead {
    padding-top: 10px;
    font-size: 1em;
    color: #4b4b4b;
    letter-spacing: 0.1em;
    float: left;
}

/*ヘッダー右側調整*/
.clearfix::after {
   content: "";
   display: block;
   clear: both;
}
.header_logo_right {
    margin: 0 auto;
    padding-top: 0px;
	float: right;
    clear: right;
}
.header_logo_right {
    margin: 0 auto;
    padding-top: 10px !important;
	margin-bottom: 5px !important;
}
.footer_logo {
    position: relative;
    display: block;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 20px;
}
.header_lead_right {
  font-size: 1em;
  color: #a13951;
  font-weight: 600;
  letter-spacing: 0.1em;
  float: right;
  clear: right;
}
.header_lead {
    padding-top: 10px;
    font-size: 1em;
    color: #4b4b4b;
    letter-spacing: 0.1em;
    float: left;
	clear: left;
	margin-top: -50px;
}