@charset "UTF-8";
@import url(https://fonts.googleapis.com/earlyaccess/notosansjp.css);
body {
font-family: 'Noto Sans JP', sans-serif;
line-height: 1;
}
strong {
font-weight: bold;
}
img {
max-width: 100%;
height: auto;
}
a {
text-decoration: none;
}
a:hover {
text-decoration: none;
}
body#Premium_Guide header {
background: #000;
padding: 16px 0;
text-align: center;
}
.HeadInfo {
padding-bottom: 0;
}
.HeadInfo .HeadInfo_announce {
padding: 6px 11px;
margin-bottom: 6px;
display: inline-block;
background: #fff;
border-radius: 13px;
font-size: 72.2%;
font-weight: 900;
color: #444444;
}
.Contents .HeadInfo .Premium_Guide_Lead {
margin-bottom: -6px;
}
.HeadInfo .Premium_Guide_Lead {
width: 78%;
}
.CorseInfo {
background: #000;
padding-top: 0;
}
.Contents {
background: #000 url("../img/premium_v2/sp_premium_topvisual.png") no-repeat center top;
background-size: contain;
}
.CorseInfo_Detail {
background: #000;
}
.About_Course_Title {
color: #ffffff;
font-size: 94%;
line-height: 1.47;
font-weight: 900;
text-align: center;
padding: 28px 0 24px;
}
.HeadInfoLink a {
font-weight: 500;
border-bottom: none;
font-size: 66.6%;
}
.superPremiumCourse,
.PremiumCourse,
.MasterCourse {
width: 95%;
margin: auto;
text-align: center;
padding-bottom: 25px;
border-radius: 6px;
}
.SuperPremiumCourse b,
.PremiumCourse b,
.MasterCourse b {
font-weight: bold;
line-height: 2;
}
.superPremiumCourse b {
color: #50400f;
}
.SuperPremiumCourse b,
.PremiumCourse b,
.MasterCourse b {
color: #1E330D;
}
.superPremiumCourse b span,
.PremiumCourse b span,
.MasterCourse b span {
font-size: 61%;
}
.superPremiumCourse dt,
.PremiumCourse dt,
.MasterCourse dt {
width: 100%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 6px 6px 0 0;
position: relative;
}
.superPremiumCourse dd ul,
.PremiumCourse dd ul,
.MasterCourse dd ul {
width: 90%;
margin: auto;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.superPremiumCourse dd ul + ul,
.PremiumCourse dd ul + ul,
.MasterCourse dd ul + ul {
margin-top: 8px;
}
.superPremiumCourse dd ul li,
.PremiumCourse dd ul li,
.MasterCourse dd ul li {
width: 31.8%;
background: #fff;
border-radius: 4px;
font-weight: bold;
-webkit-box-sizing: border-box;
box-sizing: border-box;
font-size: 72.2%;
}
.MasterCourse dd ul li{
display: flex;
align-items: center;
justify-content: center;
flex-direction: column;
min-height: 53px;
color: #603F80;
}
.MasterCourse dd ul li.w100 {
width: 100%;
font-size: 83.33%;
}
.MasterCourse dd ul li.AI_adviser {
font-size: 61.11%;
}
.MasterCourse dd ul li svg {
margin-top: 5px;
}
.superPremiumCourse dd ul li.font_small,
.PremiumCourse dd ul li.font_small,
.MasterCourse dd ul li.font_small {
font-size: 61%;
}
.superPremiumCourse dd ul li.font_small02,
.PremiumCourse dd ul li.font_small02,
.MasterCourse dd ul li.font_small02 {
font-size: 66.6%;
}
@media screen and (max-width: 374px) {
.superPremiumCourse dd ul li.font_small,
.PremiumCourse dd ul li.font_small,
.MasterCourse dd ul li.font_small {
font-size: 55.5%;
}
}
.superPremiumCourse dd ul li {
margin-bottom: 8px;
position: relative;
padding-top: 6px;
height: 52px;
color: #7B600C;
}
.superPremiumCourse dd ul li::after {
content: "";
display: block;
position: absolute;
bottom: 17%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
}
.superPremiumCourse dd ul li::after {
content: "";
display: block;
position: absolute;
bottom: 17%;
left: 50%;
-webkit-transform: translateX(-50%);
transform: translateX(-50%);
background-color: #d5b44f;
}
.superPremiumCourse dd ul li:nth-of-type(1)::after {
/* background: url("../img/premium_v2/superPremium_icon01.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 22px;
height: 22px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(2)::after {
/* background: url("../img/premium_v2/superPremium_icon02.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 29px;
height: 19px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(3)::after {
/* background: url("../img/premium_v2/superPremium_icon03.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 33px;
height: 16px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(4)::after {
/* background: url("../img/premium_v2/superPremium_icon04.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 25px;
height: 14px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(5)::after {
/* background: url("../img/premium_v2/superPremium_icon05.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 23px;
height: 18px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(6)::after {
/* background: url("../img/premium_v2/superPremium_icon06.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 26px;
height: 18px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(7)::after {
/* background: url("../img/premium_v2/superPremium_icon07.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 19px;
height: 23px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(8)::after {
/* background: url("../img/premium_v2/superPremium_icon08.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 25px;
height: 20px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(9)::after {
/* background: url("../img/premium_v2/superPremium_icon09.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 28px;
height: 22px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(10)::after {
/* background: url("../img/premium_v2/superPremium_icon11.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 24px;
height: 13px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(11)::after {
/* background: url("../img/premium_v2/superPremium_icon10.png") no-repeat;*/
mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.357' height='16.737' viewBox='0 0 22.357 16.737'%3E%3Cpath d='M155.409 9.446h0l0-6.892a1.452 1.452 0 0 0-2.9 0V9.446h0v1.63h0v4.942a1.452 1.452 0 0 0 2.9 0V9.9a.286.286 0 0 0 0-.035Z' transform='translate(-133.054 -0.732)' fill='%23d5b44f'/%3E%3Cpath d='M110.854 25.874a1.9 1.9 0 1 0 1.9 1.905 1.907 1.907 0 0 0-1.9-1.905' transform='translate(-104.113 -17.192)' fill='%23d5b44f'/%3E%3Cpath d='M111.372 13.522H110.9a5.081 5.081 0 0 1-.852-.12c-1.366-.4-1.851-1.289-1.851-3.4V6.735a6.83 6.83 0 0 0-13.659.028v8.523a1.452 1.452 0 1 0 2.9 0V6.772A4 4 0 0 1 101.3 2.926h.031a4 4 0 0 1 3.957 3.809V9.981c-.175 3.408 1.534 5.785 4.55 6.355a5.128 5.128 0 0 0 .808.12v.017h.22c.021 0 .042 0 .062.005l.431.012v-.017h.007a1.476 1.476 0 1 0 0-2.951' transform='translate(-94.537)' fill='%23d5b44f'/%3E%3C/svg%3E");
-webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22.357' height='16.737' viewBox='0 0 22.357 16.737'%3E%3Cpath d='M155.409 9.446h0l0-6.892a1.452 1.452 0 0 0-2.9 0V9.446h0v1.63h0v4.942a1.452 1.452 0 0 0 2.9 0V9.9a.286.286 0 0 0 0-.035Z' transform='translate(-133.054 -0.732)' fill='%23d5b44f'/%3E%3Cpath d='M110.854 25.874a1.9 1.9 0 1 0 1.9 1.905 1.907 1.907 0 0 0-1.9-1.905' transform='translate(-104.113 -17.192)' fill='%23d5b44f'/%3E%3Cpath d='M111.372 13.522H110.9a5.081 5.081 0 0 1-.852-.12c-1.366-.4-1.851-1.289-1.851-3.4V6.735a6.83 6.83 0 0 0-13.659.028v8.523a1.452 1.452 0 1 0 2.9 0V6.772A4 4 0 0 1 101.3 2.926h.031a4 4 0 0 1 3.957 3.809V9.981c-.175 3.408 1.534 5.785 4.55 6.355a5.128 5.128 0 0 0 .808.12v.017h.22c.021 0 .042 0 .062.005l.431.012v-.017h.007a1.476 1.476 0 1 0 0-2.951' transform='translate(-94.537)' fill='%23d5b44f'/%3E%3C/svg%3E");
width: 24px;
height: 17px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li:nth-of-type(12)::after {
/* background: url("../img/premium_v2/superPremium_icon12.png") no-repeat;*/
mask-image: url('data:image/svg+xml;utf-8,');
-webkit-mask: url('data:image/svg+xml;utf-8,');
width: 23px;
height: 14px;
mask-repeat: no-repeat;
-webkit-mask-repeat: no-repeat;
}
.superPremiumCourse dd ul li.new_icon::before{
content: "NEW";
display: block;
width: 24px;
padding: 2px 0;
background:#F36161;
color: #fff;
font-size: 8px;
font-weight: bold;
line-height: 1;
text-align: center;
border-radius: 2px;
position: absolute;
top: 0;
left: 50%;
transform: translate(-50%, -55%);
}
.CorseInfo .Premium,
.CorseInfo .Master {
margin-top: 19px;
}
.PremiumCourse dd ul li {
height: 42px;
line-height: 42px;
color: #5C7D27;
}
.PremiumCourse dd ul li.disabled {
background: #F7FBF1;
color: #E0F2CA;
}
.PremiumCourse dd ul li.notice {
padding-top: 5px;
line-height: 1.2;
}
.PremiumCourse dd ul li.notice span {
margin-top: 3px;
display: block;
color: #333333;
font-size: 0.625rem;
font-weight: 500;
}
.superPremiumCourse .course_sp_inner_01,
.PremiumCourse .course_p_inner_01,
.MasterCourse .course_p_inner_01 {
margin-top: 20px;
}
.superPremiumCourse .course_sp_inner_02,
.PremiumCourse .course_sp_inner_02,
.MasterCourse .course_p_inner_02 {
width: 90%;
max-height: 55px;
margin: auto;
padding: 9px 0;
background: #ffffff;
border-radius: 4px;
font-weight: bold;
}
.superPremiumCourse {
margin-top: 20px;
background: #e9e3c6;
}
.superPremiumCourse.button,
.PremiumCourse.button,
.MasterCourse.button {
background: none;
padding-bottom: 5px;
}
.superPremiumCourse.inner_button,
.PremiumCourse.inner_button,
.MasterCourse.inner_button {
width: 100%;
margin-top: 0;
}
.SuperPremiumCourse.button .asterisk,
.PremiumCourse.button .asterisk,
.MasterCourse.button .asterisk {
color: #fff;
font-size: 61%;
margin-top: 10px;
}
.superPremiumCourse.inner_button a,
.PremiumCourse.inner_button a,
.MasterCourse.inner_button a {
width: 100%;
}
.PremiumCourse {
background: #ebf4dd;
}
.MasterCourse {
background: #EFE5F7;
}
.masterInfo_link{
width: 95%;
margin: 5px auto 30px;
}
.masterInfo_link a{
color: #777;
font-size: 77.778%;
line-height: 1.4;
text-decoration: underline !important;
}
.superPremiumCourse .course_sp_title {
display: block;
padding: 17px 20px 20px;
/* background: #CBA635;*/
background: rgba(203,166,53,0.8);
font-size: 1.4375rem;
font-weight: 900;
color: #634D08;
text-align: left;
}
.superPremiumCourse .course_sp_title .color_red,
.MasterCourse .course_sp_title .color_red {
display: block;
margin-bottom: 5px;
font-size: 0.9375rem;
font-weight: 900;
color: #AC1E1E;
}
.MasterCourse .course_sp_title .color_red {
color: #8A61B1;
}
.superPremiumCourse .course_sp_title .lead {
display: block;
margin: 7px 0 0;
font-size: 0.75rem;
color: #634D08;
text-align: left;
font-weight: 500;
line-height: 1.3;
}
.PremiumCourse .course_sp_title {
display: block;
padding: 15px 20px 17px;
background: rgba(199,221,163,0.67);
font-size: 1.4375rem;
font-weight: 900;
color: #5B7C25;
text-align: left;
}
.PremiumCourse .course_sp_title .lead {
display: block;
margin: 8px 0 0;
font-size: 0.75rem;
color: #5B7C25;
text-align: left;
font-weight: 500;
}
.MasterCourse .course_p_title {
display: block;
padding: 15px 20px 17px;
background: rgba(176,120,229,0.34);
font-size: 1.4375rem;
font-weight: 900;
color: #FFF;
text-align: left;
}
.MasterCourse .course_sp_title {
display: block;
padding: 15px 20px 17px;
background: #E2D3F0;
font-size: 1.4375rem;
font-weight: 900;
color: #603F80;
text-align: left;
}
.MasterCourse .course_sp_title .lead {
display: block;
margin: 8px 0 0;
font-size: 0.75rem;
color: #603F80;
text-align: left;
font-weight: 500;
}
.MasterCourse .course_p_title {
padding: 13px 18px 13px 10px;
background: scroll;
}
.superPremiumCourse .course_sp_inner_02 {
margin-top: 0px;
font-size: 83.3%;
color: #f36161;
}
.PremiumCourse .course_sp_inner_02 {
margin-top: 8px;
font-size: 83.3%;
color: #495732;
}
.superPremiumCourse .course_sp_inner_02 span,
.PremiumCourse .course_sp_inner_02 span,
.MasterCourse .course_sp_inner_02 span {
display: block;
margin-bottom: 5px;
font-size: 0.8125rem;
}
.superPremiumCourse .course_sp_inner_02 span {
color: #7B600C;
}
.PremiumCourse .course_sp_inner_02 span {
color: #5C7D27;
}
.SuperPremiumCourse .course_p_inner_03,
.superPremiumCourse .course_sp_inner_03,
.PremiumCourse .course_p_inner_03,
.MasterCourse .course_sp_inner_03 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top: 23px;
}
.superPremiumCourse .course_sp_inner_03,
.MasterCourse .course_sp_inner_03 {
width: 90%;
margin: 33px auto 0;
}
.superPremiumCourse .course_sp_inner_03 .box,
.MasterCourse .course_sp_inner_03 .box {
width: 50%;
}
.superPremiumCourse .course_sp_inner_03 .box + .box,
.MasterCourse .course_sp_inner_03 .box + .box {
margin-left: 10px;
}
.superPremiumCourse .course_sp_inner_03 a,
.MasterCourse .course_sp_inner_03 a {
display: block;
margin: auto;
max-height: 118px;
border-radius: 4px;
font-size: 100%;
font-weight: bold;
letter-spacing: -0.3px;
position: relative;
}
.superPremiumCourse .course_sp_inner_03 a::before,
.MasterCourse .course_sp_inner_03 a::before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: 0;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 99px;
height: 19px;
font-size: 61%;
font-weight: 500;
border-radius: 9.5px;
}
.superPremiumCourse .course_sp_inner_03 a.tukigaku,
.MasterCourse .course_sp_inner_03 a.tukigaku {
padding: 30px 0 13px;
}
.superPremiumCourse .course_sp_inner_03 a.tukigaku::before,
.MasterCourse .course_sp_inner_03 a.tukigaku::before {
content: "定番";
color: #fff;
background: #F36161;
}
.superPremiumCourse .course_sp_inner_03 a.tukigaku .subtitle,
.MasterCourse .course_sp_inner_03 a.tukigaku .subtitle {
color: #444444;
}
.superPremiumCourse .course_sp_inner_03 a.nenwari,
.MasterCourse .course_sp_inner_03 a.nenwari {
padding: 3px 0 13px;
}
.superPremiumCourse .course_sp_inner_03 a.nenwari::before,
.MasterCourse .course_sp_inner_03 a.nenwari::before {
content: "2か月分無料！";
color: #FFC3C3;
background: #653539;
}
.superPremiumCourse .course_sp_inner_03 a.nenwari .subtitle,
.MasterCourse .course_sp_inner_03 a.nenwari .subtitle {
color: #AC1E1E;
}
.MasterCourse .course_sp_inner_03 a.nenwari .subtitle{
color:#F36161
}
.superPremiumCourse .course_sp_inner_03 .notice,
.MasterCourse .course_sp_inner_03 .notice {
display: block;
margin: 10px 0 7px;
color: #222222;
font-weight: 500;
font-size: 55.5%;
-webkit-transform: scale(0.9);
transform: scale(0.9);
}
.MasterCourse .course_sp_inner_03 .notice{
color: #fff;
}
.superPremiumCourse .course_sp_inner_03 .neme {
display: block;
margin: 6px 0 0px;
font-size: 61%;
}
.superPremiumCourse .course_sp_inner_03 .tax {
font-size: 55.5%;
}
.superPremiumCourse .course_sp_inner_03 .yen {
font-size: 77.7%;
}
.superPremiumCourse .course_sp_inner_03 .price {
font-size: 127.7%;
}
.superPremiumCourse .course_sp_inner_03 .subtitle,
.MasterCourse .course_sp_inner_03 .subtitle {
display: block;
width: 90%;
margin: 6px auto 0;
padding: 2px 0;
background: #F4E6B5;
border-radius: 9px;
font-weight: 900;
font-size: 61%;
}
.MasterCourse .course_sp_inner_03 .subtitle{
background: #E2D3F0;
}
.superPremiumCourse .asterisk {
margin: 10px 0 14px;
font-size: 61%;
color: #333333;
line-height: 1.1;
text-align: left;
font-weight: normal;
}
.superPremiumCourse .abtestOn {
width: 90%;
margin: 10px auto 0;
color: #333333;
font-weight: 500;
font-size: 55.5%;
text-align: left;
line-height: 1.2;
}
.SuperPremiumCourse .course_p_inner_03 a,
.PremiumCourse .course_p_inner_03 a,
.MasterCourse .course_p_inner_03 a {
display: block;
width: 90%;
margin: auto;
padding: 8px 0 8px;
max-height: 53px;
border-radius: 4px;
font-size: 83.3%;
font-weight: 900;
letter-spacing: -0.3px;
position: relative;
}
.superPremiumCourse .course_sp_inner_03 a:after,
.PremiumCourse .course_p_inner_03 a:after,
.MasterCourse .course_p_inner_03 a:after{
content: "";
display: inline-block;
position: absolute;
top: 50%;
right: 2.5%;
width: 10px;
height: 10px;
-webkit-transform: rotate(45deg) translate(-60%, 0);
transform: rotate(45deg) translate(-60%, 0);
}
.PremiumCourse .course_p_inner_03 a {
color: #639215;
background: #BDE281;
-webkit-box-shadow: 0px 4px 0 0 #5D8610;
box-shadow: 0px 4px 0 0 #5D8610;
}
.PremiumCourse .course_p_inner_03 a:after {
width: 8px;
height: 8px;
border-top: 2px solid #79aa28;
border-right: 2px solid #79aa28;
}
.SuperPremiumCourse .course_p_inner_03.top_button a {
color: #fff;
background: #DEB73F;
-webkit-box-shadow: 0px 4px 0 0 #A0821F;
box-shadow: 0px 4px 0 0 #A0821F;
font-size: 17px;
text-shadow: 0px 2px 0px #A3862E;
max-height: 60px;
padding: 11px 0 11px;
margin-bottom: 10px;
}
.SuperPremiumCourse .course_p_inner_03.top_button a::before {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
position: absolute;
top: -2px;
left: 50%;
-webkit-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
width: 80px;
height: 19px;
font-size: 61%;
font-weight: 500;
border-radius: 9.5px;
/* content: "定番・7日間の無料体験";*/
content: "定番";
color: #fff;
background: #F36161;
text-shadow: none;
}
.SuperPremiumCourse .course_p_inner_03.top_button a::after,
.MasterCourse .course_p_inner_03 a::after {
width: 8px;
height: 8px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.MasterCourse .course_p_inner_03 a {
display: flex;
align-items: center;
justify-content: center;
min-height: 53px;
color: #fff;
background: #8A61B1;
box-shadow: 0px 4px 0 0 #511D81;
}
.SuperPremiumCourse .course_p_inner_03.top_button span {
font-size: 77.7%;
}
.SuperPremiumCourse .course_p_inner_03.top_button .price {
font-size: 23px;
}
.SuperPremiumCourse .course_p_inner_03.top_button .tax {
font-size: 55.5%;
}
.superPremiumCourse .course_sp_inner_03 a.tukigaku {
color: #ffffff;
background: #DEB73F;
-webkit-box-shadow: 0px 4px 0 0 #866B10;
box-shadow: 0px 4px 0 0 #866B10;
}
.superPremiumCourse .course_sp_inner_03 a.nenwari {
color: #ffffff;
background: #DEB73F;
-webkit-box-shadow: 0px 4px 0 0 #A0821F;
box-shadow: 0px 4px 0 0 #A0821F;
}
.MasterCourse .course_sp_inner_03 a.tukigaku {
color: #ffffff;
background: #8A61B1;
-webkit-box-shadow: 0px 4px 0 0 #511D81;
box-shadow: 0px 4px 0 0 #511D81;
}
.MasterCourse .course_sp_inner_03 a.nenwari {
color: #ffffff;
background: #8A61B1;
-webkit-box-shadow: 0px 4px 0 0 #511D81;
box-shadow: 0px 4px 0 0 #511D81;
}
.PremiumCourse .course_p_inner_03 span {
font-size: 61%;
}
.PremiumCourse .course_p_inner_03 .price {
font-size: 19px;
}
.PremiumCourse .course_p_inner_03 .tax {
display: inline-block;
font-size: 55.5%;
-webkit-transform: scale(0.8);
transform: scale(0.8);
margin-left: -1px;
}
.superPremiumCourse .course_sp_inner_03 a:after {
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
.superPremiumCourse.BtnInner,
.Master.BtnInner {
margin-bottom: 18px;
}
@media screen and (max-width: 360px) {
.superPremiumCourse .course_sp_inner_03 a {
font-size: 15px;
}
}
.MasterCourse .course_p_inner_03 span {
font-size: 61%;
}
.MasterCourse .course_p_inner_03 .price {
font-size: 19px;
}
.MasterCourse .course_p_inner_03 .tax {
display: inline-block;
font-size: 55.5%;
-webkit-transform: scale(0.8);
transform: scale(0.8);
margin-left: -1px;
}
/* サービス比較表 */
.ComparisonTable table {
width: 100%;
border-collapse: collapse;
table-layout: fixed;
background: #F2F2F2;
}
table .HiddenCell {
width: 100%;
}
.ComparisonTable table th,
.ComparisonTable table td {
padding: 7px 10px;
border: 1px solid #DDDDDD;
vertical-align: middle;
font-size: 70%;
text-align: left;
background: #F2F2F2;
font-weight: normal;
}
.ComparisonTable table td {
text-align: center;
}
.ComparisonTable table thead th {
font-size: 60%;
font-weight: 900;
text-align: center;
color: #555;
white-space: nowrap;
}
.ComparisonTable table thead th.BasicCell {
width: 80px;
background: #FFFFFF;
color: #444444;
line-height: 1.2;
padding: 7px 0;
}
.ComparisonTable table thead th.SuperCell {
width: 80px;
background: #FAEABF;
color: #444444;
line-height: 1.2;
padding: 7px 0;
}
.ComparisonTable table thead th.MasterCell {
width: 80px;
background: #FFFFFF;
color: #444444;
line-height: 1.2;
padding: 7px 0;
}
.ComparisonTable table thead th.MasterContents{
background: #EDCAE3;
}
.CorseInfo_Detail .ComparisonTable table thead th:nth-of-type(n+2) {
width: 65px;
}
.ComparisonTable table tr.Price th,
.ComparisonTable table tr.Price td {
background: #eaeaea;
font-weight: normal;
}
.ComparisonTable table tr.Price td {
font-weight: bold;
}
.ComparisonTable table tr.Price td.BasicCell {
color: #444444;
line-height: 1.2;
}
tr.Function_Group th {
background: #959494;
color: #fff;
font-size: 72.2%;
font-weight: bold;
}
colgroup.Premium_cols {
border-top: 1px solid #DDDDDD;
border-bottom: 1px solid #DDDDDD;
border-right: 0 none;
}
colgroup.Super_cols {
border-left: 0 none;
}
.ComparisonTable table tbody th.Function {
padding: 10px 0px 10px 10px;
padding: 7px 0 10px 10px;
}
.CorseInfo_Detail .ComparisonTable table tbody th.Function{
padding: 7px 1px 10px 10px;
}
@media screen and (min-width: 321px) {
.ComparisonTable table tbody th.Function {
min-width: 13.5em;
}
}
@media screen and (max-width: 374px) {
.ComparisonTable table thead th.BasicCell {
width: 70px;
}
.ComparisonTable table thead th.SuperCell {
width: 70px;
}
}
.ComparisonTable table tbody th.Function p.Function_title {
color: #595959;
font-weight: bold;
font-size: 0.875rem;
margin-bottom: 3px;
line-height: 1.2;
}
.ComparisonTable table tbody th.Function p.Function_title.space {
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.ComparisonTable table tbody th.Function p.Function_Info {
font-size: 0.625rem;
line-height: 1.2;
-webkit-font-feature-settings: "palt";
font-feature-settings: "palt";
}
.ComparisonTable table tbody td.CrossCell {
color: #999;
font-weight: bold;
white-space: nowrap;
padding: 7px 3px;
}
.ComparisonTable table tbody td.BasicCell {
background: #fff;
color: #444;
font-weight: bold;
white-space: nowrap;
padding: 7px 1px;
}
.ComparisonTable table tbody td.PremiumCell {
background: #ffd1a4;
color: #ff7200;
font-weight: bold;
white-space: nowrap;
padding: 7px 1px;
}
.ComparisonTable table tbody td.SuperCell {
background: #FAEABF;
color: #444444;
font-weight: bold;
white-space: nowrap;
padding: 7px 1px;
}
.ComparisonTable table tbody td.MasterCell {
background: #fff;
color: #444444;
font-weight: bold;
white-space: nowrap;
padding: 7px 1px;
}
.ComparisonTable table tbody td.MasterCell.MasterContents{
background: #EDCAE3;
}
.ComparisonTable .Note {
color: #666;
font-size: 83%;
line-height: 1.3;
margin: 8px;
}
.ComparisonTable .FunctionNote {
display: block;
font-size: 0.625rem;
margin-top: 2px;
font-weight: 500;
line-height: 1.5;
}
.ComparisonTable .FunctionNote02 {
display: block;
font-size: 10px;
-webkit-transform: scale(0.8);
transform: scale(0.8);
margin-top: 2px;
font-weight: 500;
line-height: 1.5;
-webkit-transform-origin: 20% 0;
transform-origin: 20% 0;
}
@media screen and (max-width: 374px) {
.ComparisonTable .FunctionNote02 {
-webkit-transform: scale(0.7);
transform: scale(0.7);
-webkit-transform-origin: 12% 0;
transform-origin: 12% 0;
}
}
.ComparisonTable .Note {
color: #666;
font-size: 72%;
line-height: 1.3;
margin: 8px;
text-indent: -2em;
padding-left: 1.5em;
}
.icon_box .double_circl {
position: relative;
display: block;
margin: 0 auto;
width: 22px;
height: 22px;
border: solid #707070 3px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.icon_box .double_circl::before {
content: "";
width: 14px;
height: 14px;
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translateY(-50%) translateX(-50%);
transform: translateY(-50%) translateX(-50%);
border: solid #707070 3px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.icon_box .circl {
display: block;
margin: 0 auto;
width: 22px;
height: 22px;
border: solid #707070 3px;
border-radius: 50%;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.icon_box .line {
display: block;
margin: 0 auto;
width: 8px;
height: 3px;
background: #707070;
}
.Premium_footer {
padding: 20px 13px;
}
.Premium_footer .SupplementHead .title {
margin-bottom: 10px;
font-size: 100%;
font-weight: 900;
color: #fff;
}
.Premium_footer .SupplementHead .text {
margin-bottom: 27px;
font-size: 77.7%;
color: #fff;
line-height: 1.78;
}
.Premium_footer .SupplementHead .notice {
margin-bottom: 10px;
line-height: 1.5;
font-size: 61%;
color: #C6C6C6;
}
.Premium_footer .Supplement {
margin-top: 50px;
}
.Premium_footer .Supplement p {
margin-bottom: 10px;
line-height: 1.5;
font-size: 61%;
color: #C6C6C6;
}
.Premium_footer p.OtherLink {
padding: 4px 0 0px;
font-size: 77.7%;
}
/*もっと見るボタン*/
.show_more_inner {
position: relative;
}
.show_more_text {
height: 740px;
overflow: hidden;
}
.CorseInfo_Detail .show_more_text{
height: 1000px;
}
.show_more_btn {
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 114px;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: end;
-ms-flex-align: end;
align-items: flex-end;
background-color: #fff;
background: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), color-stop(70%, black));
background: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, black 70%);
background-color: transparent;
}
.show_more_btn div {
position: relative;
width: 83%;
display: block;
padding-right: 18px;
height: 30px;
line-height: 26px;
text-align: center;
border: solid 1px #CACACA;
background: transparent;
border-radius: 30px;
color: #fff;
text-align: center;
font-weight: bold;
font-size: 61%;
}
.show_more_btn div::after {
background: url("../img/premium_v2/icon_arrow.png") no-repeat;
content: "";
display: block;
width: 7px;
height: 8px;
position: absolute;
background-size: contain;
top: 35%;
right: 38%;
}
/*# sourceMappingURL=premium_v2.css.map */
/* 色展開 */
/* 黒ベース */
.color02 .CorseInfo{
background: transparent;
background-color: transparent;
}
.color02 .superPremiumCourse{
background: rgba(214,182,71,.33);
}
.color02 .superPremiumCourse .course_sp_title{
color: #fff;
background-color: transparent;
}
.color02 .superPremiumCourse .course_sp_title .lead{
color: #fff;
}
.color02 .superPremiumCourse .course_sp_title .color_red{
color: #FF9F9F;
}
.color02 .superPremiumCourse dd ul li{
color: #C7A122;
background: #3C3416;
}
.color02 .superPremiumCourse .course_sp_inner_02{
background: #3C3416;
}
.color02 .superPremiumCourse .course_sp_inner_02{
color: #fff;
}
.color02 .superPremiumCourse .course_sp_inner_02 span{
color: #C7A122;
}
.color02 .superPremiumCourse .course_sp_inner_03 a.tukigaku::before{
background: #653539;
}
.color02 .superPremiumCourse .abtestOn{
color: #CCB25A;
}
.color02 .PremiumCourse{
background: rgba(135,177,86,.34);
}
.color02 .PremiumCourse .course_sp_title{
color: #fff;
background: transparent;
}
.color02 .PremiumCourse .course_sp_title .lead{
color: #fff;
}
.color02 .PremiumCourse dd ul li{
color: #6BA022;
background: #1E330D;
}
.color02 .PremiumCourse dd ul li.notice span{
color: #fff;
}
.color02 .PremiumCourse dd ul li.disabled{
color: #44622D;
background: #30431B;
}
.color02 .PremiumCourse .course_sp_inner_02{
color: #fff;
background: #1E330D;
}
.color02 .PremiumCourse .course_sp_inner_02 span{
color: #6BA022;
}
.color02 .PremiumCourse .course_p_inner_03 a{
color: #fff;
background: #83AA4E;
}
.color02 .PremiumCourse .course_p_inner_03 + dd{
color: #83AA4E !important;
}
.color02 .superPremiumCourse dd ul li::after {
background-color: #fff;
}
/* マスターコース */
.CorseInfo .Master,
.superPremiumCourse .Master{
margin-top:53px;
}
.Master .MasterCourse{
width: 88.73%;
padding: 16px 0;
background-color: rgba(58, 43, 136, 0.34);
}
.superPremiumCourse.BtnInner .Master .MasterCourse{
background:none;
}
.Master .MasterCourse .course_sp_inner_03{
margin:auto;
}
.Master .MasterCourse .course_sp_inner_03 a {
display: block;
margin: auto;
min-width: 285px;
padding: 8px 0;
border-radius: 4px;
font-size: 100%;
font-weight: bold;
letter-spacing: -0.3px;
position: relative;
color: #ffffff;
background: linear-gradient(90deg, #BC57A0 0%, #7A4AB1 100%);
-webkit-box-shadow: 0px 4px 0 0 #471471;
box-shadow: 0px 4px 0 0 #471471;
}
.Master .MasterCourse .course_sp_inner_03 a::before {
content: '';
background: url(../img/regist/master_button_trial.png) no-repeat;
background-size: cover;
width: 100%;
height: 100%;
position: absolute;
top: -50px;
left: 50%;
transform: translateX(-50%);
border:none;
}
.Master .MasterCourse .course_sp_inner_03 a em{
padding: 6px 7px;
background: #000000;
border-radius: 50px;
font-size: 14px;
font-weight: bold;
color:#FFFFFF;
}
.Master .MasterCourse .course_sp_inner_03 a span{
display: block;
margin: 5px auto 0;
font-size: 10px;
font-weight: bold;
color:#FFD1F6;
line-height: 1.15;
}
.Master .MasterCourse p{
margin: 10px 0 0;
font-size: 17px;
font-weight: bold;
color:#FFFFFF;
line-height: 1.2;
}
.annual_campaign_text_box .annual_campaign_text{
width: 88.73%;
min-height: 65px;
margin: 42px auto 0;
padding: 18px 0 8px;
background-color: #fff;
border-radius: 10px;
text-align: center;
font-size: 13px;
font-weight: bold;
color:#653539;
line-height: 1.3;
position: relative;
}
.annual_campaign_text_box .annual_campaign_text span{
display: block;
min-width: 210px;
padding: 5px 10px;
background-color: #fff;
border:2px solid #AC1E1E;
border-radius: 50px;
font-size: 13px;
font-weight: bold;
color:#AC1E1E;
line-height: 1.3;
position: absolute;
top: -8px;
left: 50%;
transform: translate(-50%, -50%);
}
.annual_campaign_text_box .annual_campaign_text span::after{
content: '';
position: absolute;
bottom: -12px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 7px solid transparent;
border-right: 7px solid transparent;
border-top: 12px solid #AC1E1E;
}
.annual_campaign_text_box .annual_campaign_text span::before{
content: '';
position: absolute;
bottom: -8px;
left: 50%;
transform: translateX(-50%);
width: 0;
height: 0;
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 11px solid #fff;
z-index: 1;
}
.annual_campaign_text_box .annual_campaign_text em{
font-size:14px;
color:#F36161;
line-height: 1.428;
}