@charset "utf-8";

.mainW {
	box-sizing: border-box;
	margin: 30px auto;
	background: #fff;
	padding: 20px;
}
body#ebook .mainW, 
body#free_mov1 .mainW{
	padding: 50px 50px 50px;
}
body#online_video .mainW{
	padding: 30px 50px 0px;
	margin: 0px auto 0;
}
body#online_video .topV{
	margin: 30px auto 0;
}
/* privacy */
h4.ti {
	margin-top: 20px;
	font-size: 17px;
	color: #f7812b;
}

/* e-book */
/*.orange{color: #f7812b;}*/
a.but1 {
    background: #f7812b;
    border: 0;
    border-radius: 8px;
    box-shadow: none;
    color: #fff !important;
    cursor: pointer;
    display: inline-block;
    font-size: 24px;
    line-height: 1.4;
    padding: 15px 15px;
    text-shadow: none;
    transition: background 0.2s;
    text-align: center;
	max-width: 650px;
	width: 90%;
	box-sizing: border-box;
}
.but1 p.font30 {
	font-size: 30px;
	font-weight: 600;
}
a.but1.mov {
	background: #91ba4b;
}

/* 2021/11/14 page-free_mov2.php */
.entry_mailpoet {
	background: #91ba4b;
	border: 0;
	border-radius: 8px;
	box-shadow: none;
	color: #fff !important;
	display: inline-block;
	font-size: 24px;
	line-height: 1.4;
	padding: 15px 15px;
	text-shadow: none;
	transition: background 0.2s;
	text-align: center;
	max-width: 650px;
	width: 90%;
	box-sizing: border-box;
}
.entry_mailpoet p i {
	color: #f7812b;
}

body#dfa_free_onlinevideolesson .entry_mailpoet {
	background: #5f2ac1;
	padding: 25px 15px;
}
body#dfa_free_onlinevideolesson .entry_mailpoet p i {
	color: #fff;
}

.borderH3 {
	border-top: solid 3px #f7812b;
	margin: 30px auto 50px;
}
body#free_mov1 .borderH3 {
	border-top: solid 3px #91ba4b;
}

body#dfa_free_onlinevideolesson .borderH3 {
	border-top: solid 3px #5f2ac1;
	margin: 30px auto 50px;
}

.flex {
	display: flex; 
	box-sizing: border-box;
}
.flex.w50p > div {
	width: 50%;
}
.flex.w50p .r.pad20{
	padding: 0 0px 0 30px;
}

.flex.w40p .l {
	width: 380px;
	text-align: center;
}
.flex.w40p .l img {
	max-width: 285px;
}
.flex.w50p .l img {
	max-width: 323px;
}
.flex.w40p .r {
	width: calc(100% - 380px);
}

.flex.w300px .l {
	width: 330px;
	box-sizing: border-box;
}
.flex.w300px .r img.w100 {
	max-width: 450px;
	box-sizing: border-box;
}
.flex.w300px .r {
	width: calc(100% - 350px);
	text-align: right;
	box-sizing: border-box;
}
/* online_video */
.flex.w230ph .l {
	width: calc(100% - 230px);
	box-sizing: border-box;
	padding-right: 45px;
}
.flex.w230ph .r {
	width: 230px;
	box-sizing: border-box;
}
.flex.w230ph .r.m160, .flex.w230ph .r.m120
{text-align: right;}

.flex.w230ph .r img {
	max-width: 230px;
}
.flex.w230ph .r.m160 img {
	max-width: 160px;
}
.flex.w230ph .r.m120 img {
	max-width: 120px;
}

/* Free mov */
.preview_m{
	margin: 40px 0 20px;
	font-size: 24px;
	display: flex; align-items: center;
	box-sizing: border-box;
}
img.waku_mov{
	border: 2px solid #91ba4b;
	vertical-align: middle;
	margin-right: 15px;
}
.font36{font-size: 36px;}
/* online_video */
.feature {
	border: solid 3px #f11344;
	font-size: 36px; text-align: center;
	box-sizing: border-box; font-weight: 400;
	padding: 10px 0; margin: 40px 0;
}
.borderH1 {
	border-top: solid 1px #f11344;
	margin: 30px auto 30px;
}
.secT1{
	font-size: 24px; font-weight: 400;
	margin-bottom: 20px; line-height: 1.3;
}
.secT1 span{
	color: #f11344; font-size: 30px; 
	padding-right: 5px; display: inline-block;
	transform: scale(0.8, 1);
}
.link a{color: #fd7609;}
.f_bnner{
	margin: 0px 0 50px;
	background: #f11344;
	color: #fff; padding: 30px 45px 45px;
}
.f_bnner .white{
	background: #fff;
	color: #f11344;
	padding: 15px 30px 15px 10px; margin-top: 20px;
	font-size: 34px; text-align: center;
	position: relative;
}
.f_bnner .white .icon{
	position: absolute;
	left: 10px; top: 50%; transform: translateY(-50%);
}
.arrowR {
	position: absolute;
	right: 10px; top: 50%;
	width: 18px; height: 18px;
	border-top: 3px solid #f11344;
	border-right: 3px solid #f11344;
	transform: rotate(45deg) translateX(-50%);
}
ul.list2 {
	padding: 0.5em 1em 0.5em 2.3em;
	position: relative;
}
ul.list2 li {
	line-height: 1.3;
	padding: 0.3em 0;
	list-style-type: none!important;
	font-size: 18px; 
}
ul.list2 li:before {
	font-family: "FontAwesome";
	content: "\f00c";
	position: absolute;
	left : 0;
}

body#online_video .sp_banner {display: none;}

@media screen and (max-width: 768px){
	.feature {font-size: 30px;}
	.secT1 {font-size: 20px;}
}
@media screen and (max-width: 740px){
	body#online_video .mainW{padding: 30px 20px 0px;}
	body#ebook .mainW, 
	body#free_mov1 .mainW {padding: 40px 40px 40px;}
	.f_bnner{margin: 0px 0 40px;}
	.f_bnner{padding: 30px 25px 45px;}
	.f_bnner .white{font-size: 30px; }
	.f_bnner .white .icon img {width: 56px; height: 56px;}
	.f_bnner .font36{font-size: 30px; }
	.font24.line17.letterWm1{font-size: 20px; }

	.flex.w230ph .l {width: 100%; padding-right: 0;}
	.flex.w230ph .r {
		width: 100%; text-align: center; margin-top: 20px;
	}
	.flex.w230ph .r.m160 {text-align: center;}
	
	.flex {display: block; }
	.flex.w50p > div {width: 100%;}
	.flex.w50p .r img.w100 {max-width: 360px;}
	.flex.w50p .r {text-align: center;margin-top: 20px;}
	.flex.w50p .r.pad20 {padding: 0 0px 0 0px;}
	.flex.w40p .l, .flex.w40p .r {width: 100%;}
	.flex.w40p .l img {max-width: 360px;}
	.flex.w300px .l, .flex.w300px .r {width: 100%;}
	.flex.w300px .r {text-align: center;padding-top: 20px;}
	.flex.w300px .r img.w100 {max-width: 360px;}
	p.font28.line12.letterWm1{padding-top: 20px;}
	.entry_mailpoet {width: 100%;}
	.entry_mailpoet .font30 {font-size: 24px;}
}

@media screen and (max-width: 640px){
	body#online_video .mainW{padding: 20px 10px 0px;}
	.f_bnner{margin: 0px 0 20px;}
	.f_bnner{padding: 30px 15px 45px;}
	.f_bnner .white{font-size: 24px; }
	.f_bnner .white .icon img {width: 40px; height: 40px;}
	.f_bnner .font36{font-size: 24px; }
	.font24.line17.letterWm1{font-size: 18px; }
	.feature {font-size: 24px;}
	.secT1 {font-size: 18px;}
	.font18.line17.letterWm1, ul.list2 li {font-size: 16px;}
	body#online_video .pc_banner {display: none;}
	body#online_video .sp_banner {display: block;}
	
	body#ebook .mainW, 
	body#free_mov1 .mainW {padding: 20px 20px 20px;}
	.entry_mailpoetBox {padding: 10px;}
	.entry_mailpoet {padding: 13px 10px;}
}
@media screen and (max-width: 450px){
	.feature {font-size: 18px;}
	.f_bnner{padding: 20px 5px 25px;}
	.f_bnner .white{font-size: 24px; }
	.f_bnner .white .icon img {display: none;}
	.f_bnner .font36{font-size: 24px; }
	.font24.line17.letterWm1{font-size: 18px; }
	.entry_mailpoet .font30 {font-size: 20px;}
}
@media screen and (max-width: 400px){
	body#online_video .mainW{padding: 20px 5px 0px;}
	.f_bnner{margin: 0px 0 10px;}
	body#ebook .mainW, 
	body#free_mov1 .mainW {padding: 10px 10px;}
	p.font25.line19.margin_t30.letterWm1{
		letter-spacing: 0px; line-height: 1.6;
	}
	p.font33.line13.margin_b20.letterWm1, 
	p.font33 line12 margin_b20 letterWm1{
		letter-spacing: 0px; font-size: 30px;
	}
	.but1 p.font30 {font-size: 26px;}
	a.but1 {
	font-size: 18px;width: 100%;padding: 15px 10px;
	}
	
	p.font25.line17.margin_t30.letterWm1{
		letter-spacing: 0px; line-height: 1.6; font-size: 21px;
	}
	p.font28.line12.letterWm1{
		letter-spacing: 0px; font-size: 26px;
	}
	.preview_m{font-size: 18px;}
}