@charset "utf-8";
/* CSS Document */
.flex{
	display: flex;
	justify-content: space-between;
}

.li1{
	width: 20%;
}
.li2{
	width: 78%;
}
.li3{
	width: 55%;
}
.li4{
	width: 42%;
}

.table1{
	display: table;
}
.table1 td{
    display: table-cell;
    vertical-align: middle;
}
/* common */
.marker {background: linear-gradient(transparent 60%, #ff6 60%);}

/* btn */
.block-freepage-wrap .block-sec .tiki_btn{position: relative;padding-top: 1.8em;}
.block-freepage-wrap .block-sec .tiki_btn .block-freepage-btn a{background-image: none;position: relative;border-color: #e84c93;}
.block-freepage-wrap .block-sec .tiki_btn a:after{content: '';position: absolute;width: 10px;height: 10px;border: 2px solid;border-color: transparent transparent #e84c93 #e84c93;transform: rotate(-45deg);top: 12px;right: 5%;}
.block-freepage-wrap .block-sec .tiki_btn a:hover{background-color: #e84c93;}
.block-freepage-wrap .block-sec .tiki_btn a:hover:after{background-color: #e84c93;border-color: transparent transparent #fff #fff;}
.tiki_btn a:visited{color: #e84c93;}

.block-freepage-wrap .block-sec .complement_txt{margin-top: 1em;border: #f8b6d3 solid 1px;padding: 0.5em;}
.block-freepage-wrap .tiki_ttl{background-color: #e84c93;border-bottom:none;color: #fff;padding: 0.4em 0.8em;}
.block-freepage-wrap .tips_box{background-color: #fef6fbe8;padding: 1.8em;}

/*NEWS*/
.news{
  border: solid pink 2px;
  padding: 1em;
  margin-bottom: 1.2em;
}
.news p{
  font-size: 1.1em;
  font-weight: bold;
  padding-left: 1em;
}
.news ul{
  padding: 0.2em 2em 0.3em 3em;
}
.news li{
  list-style: disc;
}
.news li a:hover{
  color: #333;
  text-decoration: underline;
}
/*NEWS sp*/
.news_sp{
  border: solid pink 1px;
  padding: 0.8em;
}
.news_sp p{
  font-size: 15px!important;
  text-align: center;
  font-weight: bold;
}
.news_sp ul{
  list-style: disc;
  padding: 0.6em 0.8em 0.3em 1.6em;
}
.news_sp li{
  line-height: 1.8;
  text-decoration: underline;
}
/* ============for SP============ */
@media screen and (max-width: 767px) {
	/* btn */
	.block-freepage-wrap .block-sec .tiki_btn a{font-size: 1em;color: #e84c93;}
	.block-freepage-wrap .block-sec .tiki_btn a:hover{text-decoration: none;background-color: #fff;}
	.block-freepage-wrap .block-sec .tiki_btn a:after{text-decoration: none;}
	.block-freepage-wrap .block-sec .tiki_btn a:hover:after{background-color: #fff;border-color: transparent transparent #e84c93 #e84c93;}
	
	.tiki_feature{background-color: #fff8fb;padding: 0.5em;}
	.tiki_feature h3{padding: 0.4em 0;font-size: 1em;color: #e84c93;}
	.block-freepage-wrap .feature_ttl{margin-top: 2em;line-height: 1.3;}
	.block-freepage-wrap .tiki_ttl{margin: 2em 0 1.5em;}
	#magazine,
	.block-freepage-wrap .voice{font-size: 1em;}
}
