@charset "UTF-8";

/* layout
----------------------------- */
.co_container_box_inner {
width: 965px;
margin: 0 auto;
}
.contents_right {
width: 770px;
float: right;
padding-bottom: 10px;
background: #fff;
}
.contents_right * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
/* common
----------------------------- */
.underline {
text-decoration: underline;
text-underline-position: under;
text-decoration-line: underline;
text-decoration-skip-ink: none;
}
.indent_1em {
padding-left: 1em;
text-indent: -1em;
}
.y_marker {
display: inline-block;
margin-bottom: 2px;
background: linear-gradient(transparent 60%, #ffeb3b 40%);
}
.dispPC {
display: block;
}
.dispSP {
display: none;
}
/* imgBlock
----------------------------- */
.imgBlock {
width: 100%;
margin: 0 auto;
text-align: center;
}
.imgBlock a {
display: block;
}
.imgBlock img {
width: 100%;
max-width: 770px;
height:auto;
}
.imgBlock a img:hover {
opacity: 1;
}
/* header
----------------------------- */
.headArea img {
width: 100%;
max-width: 770px;
height: auto;
}
/* camTerm
----------------------------- */
.camTerm {
margin: 0 auto 30px;
padding: 10px 0 10px;
background: #000;
line-height: 1.2;
text-align: center;
font-weight: bold;
font-size: 18px;
color: #fff;
}
.camTerm .label:after {
content: '：';
}
/* appealTxt01
----------------------------- */
.appealTxt01{
margin: 0 8px 13px;
text-align: center;
}
.appealTxt01 p {
font-size: 13px;
color: #333;
}
/* appealTxt02/03/04
----------------------------- */
.appealTxt02,
.appealTxt03,
.appealTxt04 {
padding:0 35px 0 45px;
line-height:18px;
text-align:left;
}
.appealTxt02 p,
.appealTxt03 p,
.appealTxt04 p {
font-size: 13px;
color: #333;
}
.appealTxt02 p a,
.appealTxt03 p a,
.appealTxt04 p a {
display:inline;
}
/* couponArea2022
----------------------------- */
.couponArea2022 .login {
display: none;
}
/* entryArea
----------------------------- */
.entryArea {
margin:0 auto 30px;
}
.entryArea a {
display: block;
margin-bottom: 8px;
}
.entryArea img.entryBtn {
width: 100%;
max-width: 770px;
height:auto;
}
.entryArea .entryTxt {
line-height:18px;
text-align:center;
font-size: 16px;
color: #333;
}
/* loginArea
----------------------------- */
.contents_right .loginArea {
margin: 30px 60px;
padding: 30px;
background: #fff;
border-radius: 8px;
text-align: center;
}
.contents_right .loginArea .message {
margin-bottom: 10px;
font-size: 16px;
}
.width350 {
display: none;
}
.contents_right .loginArea a {
display: inline-block;
width: 240px;
height: 46px;
margin: 0 10px;
background: #ff8e00;
border-radius: 6px;
line-height: 48px;
font-size: 24px;
color: #fff;
text-decoration: none;
}
.contents_right .loginArea a:hover {
opacity: 0.8;
}
/* mainArea
----------------------------- */
.mainArea {
margin-bottom:30px;
}
.mainArea a:hover img {
-moz-opacity: 1;
-khtml-opacity: 1;
opacity: 1;
filter: alpha(opacity=100);
-ms-filter: "alpha(opacity=100)";
}
.mainArea .to_detail {
margin:5px auto;
text-align: right;
}
.mainArea .to_detail a {
position:relative;
padding-right: 15px;
font-size: 16px;
color: #f60;
}
.mainArea .to_detail a:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 8px;
width: 8px;
height: 8px;
margin-top: -5px;
border-top: 2px solid #f60;
border-right: 2px solid #f60;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* registArea
----------------------------- */
.registArea {
margin-bottom: 20px;
}
.registArea .titleBlock {
width: 750px;
margin: 0 auto;
padding: 10px 0 9px;
border-radius: 6px 6px 0 0;
line-height: 1.2;
text-align: center;
}
.registArea.monthArea .titleBlock {
background: #56ac00;
}
.registArea.pointArea .titleBlock {
background: #00aae6;
}
.registArea .titleBlock p {
color: #fff;
}
.registArea .titleBlock .title {
font-size: 28px;
font-weight: bold;
letter-spacing: 2px;
}
.registArea .titleBlock .subtitle {
font-size: 18px;
font-weight: bold;
color: #fff59D;
}
.registArea .point_common_boxinner {
width: 750px;
margin: 0 auto;
padding: 0 10px;
background: #fff;
border-radius: 0 0 6px 6px;
text-align: left;
}
.registArea.monthArea .point_common_boxinner {
border: 2px solid #56ac00;
}
.registArea.pointArea .point_common_boxinner {
border: 2px solid #00aae6;
}
.registArea .point_pay_method {
padding: 10px 0;
}
.registArea .month.step1 {
border-bottom: 2px dotted #56ac00;
}
.registArea .point.step1 {
border-bottom: 2px dotted #00aae6;
}
.registArea .step1 .subtitle,
.registArea .step2 .subtitle {
position: relative;
padding: 0 0 5px 20px;
line-height: 1.3;
font-size: 20px;
font-weight: bold;
}
.registArea .step1 .subtitle:before,
.registArea .step1 .subtitle:after,
.registArea .step2 .subtitle:before,
.registArea .step2 .subtitle:after {
display:block;
content:'';
position:absolute;
}
.registArea .step1 .subtitle:before,
.registArea .step2 .subtitle:before {
z-index:2;
top: 8px;
left: 4px;
width: 4px;
height: 4px;
border-right: 2px solid #fff;
border-bottom: 2px solid #fff;
-webkit-transform:rotate(-45deg);
transform:rotate(-45deg);
}
.registArea .step1 .subtitle:after,
.registArea .step2 .subtitle:after {
top: 3px;
left:0;
width: 16px;
height: 16px;
border-radius:100%;
}
.registArea .month.step1 .subtitle:after,
.registArea .month.step2 .subtitle:after {
background:#56ac00;
}
.registArea .point.step1 .subtitle:after,
.registArea .point.step2 .subtitle:after {
background:#00aae6;
}
.registArea .step2 .subtitle .titleNotes {
display: block;
font-weight: normal;
font-size: 16px;
}
.registArea .sb_alert {
margin: 5px 5px 10px;
padding: 5px;
border-top: 1px dotted #ccc;
border-bottom: 1px dotted #ccc;
}
.registArea .sb_alert p {
font-size: 14px;
}
.registArea .payment_btn {
margin:10px 10px 0;
}
.registArea .payment_btn ul {
list-style: none;
}
.registArea .payment_btn ul:after {
content: " ";
display: block;
clear: both;
}
.registArea .payment_btn li {
float: left;
width: 32%;
margin: 0 2% 11px 0;
}
.registArea .payment_btn li.credit_btn{
width: 100%;
margin: 0 0 6px 0;
}
.registArea .payment_btn li:nth-child(3n) {
margin: 0 0 11px 0;
}
.registArea .payment_btn li:nth-child(3n+1) {
clear: both;
}
.registArea .payment_btn input[type="radio"] {
display:none;
}
.registArea .payment_btn input[type="radio"]+label {
display:inline-block;
width: 100%;
cursor: pointer;
}
.registArea .payment_btn input[type="radio"]+label:hover {
-moz-opacity: 0.7;
-khtml-opacity: 0.7;
opacity: 0.7;
}
.registArea .payment_btn input[type="radio"]+label span {
display: block;
padding: 16px 5px;
border: 2px solid #ddd;
border-radius: 8px;
box-shadow: 0px -8px 13px -1px rgba(243, 243, 243, 0.6) inset;
-webkit-box-shadow: 0px -8px 13px -1px rgba(243, 243, 243, 0.6) inset;
text-align: center;
}
.registArea .payment_btn input[type="radio"]:checked+label span {
border:2px solid #fe771c;
box-shadow:none;
-webkit-box-shadow:none;
}
.registArea .payment_btn input[type="radio"]+label img {
height: 41px;
}
.registArea .point_pay_method_list {
padding: 10px 0;
}
.registArea .monthlyTable {
display: table;
table-layout: fixed;
text-align: center;
word-break: break-word;
}
.registArea .monthlyTable * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.registArea .monthlyTable li {
display: table-row;
}
.registArea .monthlyTable .monthlyTableTitle {
font-weight: bold;
}
.registArea .monthlyTable .monthlyTableTitle .monthlyTableCel,
.registArea .monthlyTable .monthlyTableTitle .monthlyTableCel.course {
background: #f2f2f2;
border-top: 1px solid #cdcdcd;
}
.registArea .monthlyTable .monthlyTableTitle .monthlyTableCel p {
font-size: 12px;
}
.registArea .monthlyTable .monthlyTableCel {
display: table-cell;
padding: 6px 0;
border-left: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
vertical-align: middle;
}
.registArea .monthlyTable .monthlyTableCel:first-child {
border-left: none;
}
.registArea .monthlyTable .monthlyTableCel p {
font-size: 16px;
}
.registArea .monthlyTable .monthlyTableCel.course {
width: 270px;
padding-left: 10px;
background: #fffdf0;
text-align: left;
font-size: 16px;
font-weight: bold;
}
.registArea .monthlyTable .monthlyTableCel.price,
.registArea .monthlyTable .monthlyTableCel.firstPoint,
.registArea .monthlyTable .monthlyTableCel.nextPoint {
width: 163px;
}
.registArea .monthlyTable .monthlyTableCel.btnArea {
width: 121px;
}
.registArea .monthlyTable .monthlyTableCel .registMark {
display: inline-block;
padding: 3px 2px 2px 3px;
background: #f2fde7;
border: 1px solid #509e01;
border-radius: 2px;
vertical-align: middle;
line-height: 1;
font-size: 13px;
color: #397100;
}
.registArea .monthlyTable .monthlyTableCel .inlineBlock {
display: inline-block;
}
.registArea .monthlyTable .monthlyTableCel .check {
color: #f60;
}
.registArea .monthlyTable .monthlyTableCel .pointUp {
font-weight: bold;
color: #f60;
}
.registArea .monthlyTable .monthlyTableCel.btnArea .monthry_menu {
display: block;
width: 95px;
height: 36px;
margin: 0 auto;
background: #68d000;
border: 1px solid #509e01;
border-radius: 3px;
line-height: 36px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
cursor: pointer;
font-feature-settings: "palt";
text-decoration: none;
}
.registArea .monthlyTable .monthlyTableCel.btnArea .monthry_menu:hover {
opacity: .7;
}
.registArea .monthlyTable .monthlyTableCel.btnArea .changed {
margin: 0 auto;
font-size: 14px;
color: #08c;
text-decoration: underline;
text-underline-position: under;
text-decoration-line: underline;
text-decoration-skip-ink: none;
font-feature-settings: "palt";
}
.registArea .monthlyTable .monthlyTableCel.btnArea .changed:hover {
color: #005580;
}
.registArea .pointTable {
display: table;
table-layout: fixed;
text-align: center;
word-break: break-word;
}
.registArea .pointTable * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.registArea .pointTable li {
display: table-row;
}
.registArea .pointTable .pointTableTitle {
font-weight: bold;
}
.registArea .pointTable .pointTableTitle .pointTableCel,
.registArea .pointTable .pointTableTitle .pointTableCel.course {
background: #f2f2f2;
border-top: 1px solid #cdcdcd;
}
.registArea .pointTable .pointTableTitle .pointTableCel p {
font-size: 12px;
}
.registArea .pointTable .pointTableCel {
display: table-cell;
padding: 6px 0;
border-left: 1px solid #cdcdcd;
border-bottom: 1px solid #cdcdcd;
vertical-align: middle;
}
.registArea .pointTable .pointTableCel:first-child {
border-left: none;
}
.registArea .pointTable .pointTableCel p {
font-size: 16px;
}
.registArea .pointTable .pointTableCel.course {
width: 215px;
padding-left: 10px;
background: #fffdf0;
text-align: left;
font-size: 17px;
font-weight: bold;
}
.registArea .pointTable .pointTableCel.price {
width: 110px;
}
.registArea .pointTable .pointTableCel.firstPoint {
width: 130px;
}
.registArea .pointTable .pointTableCel.totalPoint {
width: 150px;
}
.registArea .pointTable .pointTableCel.btnArea {
width: 120px;
}
.registArea .pointTable .pointTableCel .inlineBlock {
display: inline-block;
}
.registArea .pointTable .pointTableCel .check {
font-weight: bold;
color: #f60;
}
.registArea .pointTable .pointTableCel .pointUp {
font-weight: bold;
color: #f60;
}
.registArea .pointTable .pointTableCel.btnArea .point_menu {
display: block;
width: 95px;
height: 36px;
margin: 0 auto;
background: #00aae6;
border: 1px solid #0083b1;
border-radius: 3px;
line-height: 36px;
text-align: center;
font-size: 14px;
font-weight: bold;
color: #fff;
cursor: pointer;
font-feature-settings: "palt";
text-decoration: none;
}
.registArea .pointTable .pointTableCel.btnArea .point_menu:hover {
opacity: .7;
}
.registArea .att_text {
padding-top: 6px;
}
.registArea.monthArea .point_tab_area,
.registArea.pointArea .month_tab_area {
display: none;
}
.registArea.monthArea #attention_ex8m,
.registArea.pointArea #attention_ex8 {
width: 750px;
margin: 20px auto;
background: #fff;
}
/* appealArea
----------------------------- */
.appealArea .appealTitle{
margin-bottom: 10px;
text-align: center;
font-size: 26px;
font-weight: bold;
color: #333;
}
.appealArea .secTitle {
padding: 5px 13px;
border-top: 2px solid #f60;
border-bottom: 1px solid #ddd;
text-align: left;
}
.appealArea .secTitle h2,
.appealArea .secTitle p {
height: 30px;
line-height: 30px;
font-size: 18px;
font-weight: bold;
color: #f60;
}
.appealArea .secTitle h2 a,
.appealArea .secTitle p a,
.appealArea .secTitle a {
position: relative;
display: block;
color: #f60;
text-decoration: none;
}
.appealArea .secTitle a:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 0;
width: 6px;
height: 6px;
margin-top: -5px;
border-top: 2px solid #f60;
border-right: 2px solid #f60;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.appealArea .subTitle {
padding: 5px 13px;
text-align: left;
}
.appealArea .subTitle h3 {
display: inline-block;
height: 30px;
line-height: 30px;
font-size: 16px;
font-weight: bold;
color: #333;
}
.appealArea .rightLink {
position: relative;
float: right;
display: inline-block;
padding-right: 10px;
line-height: 30px;
font-size: 13px;
text-decoration: none;
}
.appealArea .rightLink:after {
content: '';
display: block;
clear: both;
position: absolute;
top: 50%;
right: 3px;
width: 6px;
height: 6px;
margin-top: -4px;
border-top: 1px solid #666;
border-right: 1px solid #666;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.appealArea .secTitle .rightLink {
color: #f60;
}
.appealArea .secTitle .rightLink:after {
border-top: 1px solid #f60;
border-right: 1px solid #f60;
}
.appealArea .subTitle .rightLink {
color: #333;
}
.appealArea .subTitle .rightLink:after {
border-top: 1px solid #666;
border-right: 1px solid #666;
}
/* fix5Area/fix6Area
----------------------------- */
.appealArea .asideArea,
.appealArea .recommendArea,
.appealArea .recent_title,
.appealArea .notbuyArea {
width: 750px;
margin: 0 auto 30px;
background: #fff;
}
.appealArea .fixBox {
margin: 0 auto;
padding-bottom: 15px;
}
.appealArea .secTitle + .fixBox {
margin: 10px auto 0;
}
.appealArea .fixBox ul {
width: 740px;
margin: 0 auto;
}
.appealArea .fixBox ul + ul {
margin-top: 15px;
}
.appealArea .fixBox ul:after {
content: " ";
display: block;
height: 0;
font-size: 0;
clear: both;
visibility: hidden;
}
.appealArea .fixBox li {
display: block;
float: left;
width: 16.66%;
padding: 0 6px;
}
.appealArea .fixBox .genre_name {
margin-bottom: 3px;
}
.appealArea .fixBox .genre_name p {
font-size: 12px;
}
.appealArea .rank_num {
height: 22px;
margin: 0 auto;
line-height: 22px;
text-align: center;
font-size: 18px;
color: #f60;
}
.appealArea .rank_num a {
color: #f60;
text-decoration: none;
}
.appealArea .rank_num span {
font-size: 14px;
}
.appealArea .fixBox .thum_box {
height: 165px;
}
.appealArea .rankingArea.fix6Area .thum_box {
height: 187px;
}
.appealArea .fixBox a {
position: relative;
display: block;
height: 162px;
}
.appealArea .fixBox .cam_mark {
position: absolute;
top: 0;
right: 0;
height: 18px;
padding: 0 4px;
background: #fff;
border: 1px solid #d00;
line-height: 18px;
font-size: 10px;
color: #d00;
z-index: 1;
}
.appealArea .fixBox .cam_mark.new{
background: #ec1e0d;
color: #fff;
}
.appealArea .fixBox .thum_box img {
max-width: 100%;
max-height: 100%;
border: 1px solid #eee;
}
.appealArea .fixBox .title_name {
display: block;
height: 16px;
text-align: center;
overflow: hidden;
}
.appealArea .fixBox .title_name a {
display: block;
line-height: 17px;
font-size: 12px;
color: #333;
font-feature-settings: "palt";
}
.appealArea .fixBox .author_name {
display: block;
height: 16px;
text-align: center;
color: #767676;
overflow: hidden;
}
.appealArea .fixBox .author_name a {
display: inline;
line-height: 17px;
font-size: 10px;
color: #767676;
font-feature-settings: "palt";
}
.appealArea .fixBox .btn_box {
margin: 0 auto;
padding: 4px 0;
}
.appealArea .fixBox .btn_box a {
display: block;
width: 100%;
height: 28px;
margin: 0 auto;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #f6f6f6));
background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
border: 1px solid #b3b3b3;
border-radius: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 26px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #797979;
text-decoration: none;
font-feature-settings: "palt";
}
.appealArea .fixBox .btn_box a:hover {
background: #fff;
}
/* history
------------------------------*/
.appealArea .recent_title .secTitle {
position: relative;
}
.appealArea .recent_title .secTitle .right_top_link {
position: absolute;
top: 50%;
right: 13px;
margin-top: -8px;
text-decoration: underline;
font-size: 14px;
color: #f60;
cursor: pointer;
}
.appealArea .recent_title .subTitle {
display: none;
}
.appealArea #no_title_hist.recent_title .subTitle {
display: block;
font-size: 14px;
}
.appealArea .sliderBlock.slick-slider {
position: relative;
display: block;
-moz-box-sizing: border-box;
box-sizing: border-box;
-webkit-user-select: none;
-moz-user-select: none;
-ms-user-select: none;
user-select: none;
-webkit-touch-callout: none;
-khtml-user-select: none;
-ms-touch-action: pan-y;
touch-action: pan-y;
-webkit-tap-highlight-color: transparent;
}
.appealArea .sliderBlock {
height: 235px;
overflow: hidden;
}
.appealArea .sliderBlock .slick-arrow {
position: absolute;
display: block;
top: 50%;
margin-top: -30px;
width: 16px;
height: 16px;
border: none;
border-top: 2px solid #999;
border-right: 2px solid #999;
padding: 0;
color: transparent;
background-color: transparent;
outline: none;
cursor: pointer;
-webkit-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.appealArea .sliderBlock .slick-arrow.slick-disabled {
cursor: default;
border-top: 2px solid #e7e7e7;
border-right: 2px solid #e7e7e7;
}
.appealArea .sliderBlock .slick-arrow.slick-prev {
left: 10px;
}
.appealArea .sliderBlock .slick-arrow.slick-next {
right: 10px;
transform: rotate(45deg);
}
.appealArea .slick-slider .slick-track,
.appealArea .slick-slider .slick-list {
-webkit-transform: translate3d(0, 0, 0);
-moz-transform: translate3d(0, 0, 0);
-ms-transform: translate3d(0, 0, 0);
-o-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.appealArea .sliderBlock .slick-list {
position: relative;
display: block;
width: 700px;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
.appealArea .slick-track {
position: relative;
top: 0;
left: 0;
display: block;
}
.appealArea .slick-track:before,
.appealArea .slick-track:after {
display: table;
content: '';
}
.appealArea .slick-track:after {
clear: both;
}
.appealArea .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
}
.appealArea .slick-initialized .slick-slide {
display: block;
}
.appealArea .sliderBlock .slick-slide {
margin: 5px;
}
.appealArea .sliderBlock .slick-slide .thum_box {
position: relative;
height: auto;
margin: 0 auto;
background: #fff;
vertical-align: top;
text-align: center;
}
.appealArea .sliderBlock .thum_box a {
height: 190px;
}
.appealArea .sliderBlock .slick-slide .text_box {
margin: 5px 4px 0;
}
.appealArea .recent_title .bottomBtns {
display: none;
}
/* .notbuyArea
------------------------------*/
.appealArea .notbuyArea .resBox {
margin: 0 auto;
padding-bottom: 15px;
}
.appealArea .notbuyArea .secTitle + .resBox {
margin: 10px auto 0;
}
.appealArea .notbuyArea .resBox li {
display: block;
float: left;
width: 16.66%;
padding: 0 6px;
}
.appealArea .notbuyArea .resBox .thumBox {
height: 165px;  
}
.appealArea .notbuyArea .resBox .thumBox a,
.appealArea .notbuyArea .resBox .thumBox span {
position: relative;
height: 162px;
}
.appealArea .notbuyArea .resBox .camMark {
position: absolute;
top: 0;
right: 0;
height: 18px;
padding: 0 4px;
background: #fff;
border: 1px solid #d00;
line-height: 18px;
font-size: 10px;
color: #d00;
z-index: 1;
}
.appealArea .notbuyArea .resBox .thumBox img {
max-width: 100%;
max-height: 100%;
border: 1px solid #eee;
}
.appealArea .notbuyArea .resBox .titleName {
display: block;
height: 16px;
text-align: center;
overflow: hidden;
}
.appealArea .notbuyArea .resBox .titleName a {
line-height: 17px;
font-size: 12px;
color: #333;
font-feature-settings: "palt";
}
.appealArea .notbuyArea .resBox .authorName {
display: block;
height: 16px;
text-align: center;
color: #767676;
overflow: hidden;
}
.appealArea .notbuyArea .resBox .authorName a {
line-height: 17px;
font-size: 10px;
color: #767676;
font-feature-settings: "palt";
}
.appealArea .notbuyArea .resBox .btnBox {
margin: 0 auto;
padding: 4px 0;
}
.appealArea .notbuyArea .resBox .btnBox a {
display: block;
width: 100%;
height: 28px;
margin: 0 auto;
background: #fff;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #fff), color-stop(1.00, #f6f6f6));
background: -webkit-linear-gradient(top, #fff 0%, #f6f6f6 100%);
background: linear-gradient(to bottom, #fff 0%, #f6f6f6 100%);
border: 1px solid #b3b3b3;
border-radius: 4px;
box-sizing: border-box;
-webkit-box-sizing: border-box;
line-height: 26px;
text-align: center;
font-size: 13px;
font-weight: bold;
color: #797979;
text-decoration: none;
font-feature-settings: "palt";
}
.appealArea .notbuyArea .resBox .btnBox a:hover {
background: #fff;
}
.appealArea .notbuyArea .secTitle .rightLinkMore,
.appealArea .notbuyArea .bottomBtns {
display: none;
}
/* appealBannerArea
----------------------------- */
.appealBannerArea {
width: 750px;
margin: 0 auto 30px;
}
.appealBannerArea .two_cells {
display: flex;
justify-content: center;
align-items: stretch;
margin: 20px auto 0;
text-align: center;
}
.appealBannerArea .two_cells .imgBlock:nth-child(odd) {
margin-right: 10px;
}
.appealBannerArea .two_cells .imgBlock:nth-child(even) {
margin-left: 10px;
}
/* appealBtn
------------------------------*/
.appealArea .appealBtn {
margin: 30px 0 ;
text-align: right;
}
.appealArea .appealBtn a {
display: block;
position: relative;
width: 380px;
height: 40px;
margin: 0 auto;
background: #ff9800;
border: 1px solid #ff9800;
border-radius: 6px;
line-height: 40px;
text-align: center;
font-size: 16px;
color: #fff;
text-decoration: none;
}
.appealArea .appealBtn a:after {
content: "";
display: block;
clear: both;
position: absolute;
top: 50%;
right: 8px;
width: 6px;
height: 6px;
margin-top: -4px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
/* detailArea
----------------------------- */
.detailArea {
margin: 0 10px 15px;
background: #fff;
line-height: 1.4;
}
.detailArea .detailTitle {
padding: 7px;
background: #000;
font-size: 20px;
font-weight: bold;
color: #fff;
}
.detailArea .detail_box {
padding: 15px;
text-align: left;
}
.detailArea .detail_box p {
font-size: 16px;
color: #333;
}
.detailArea .detail_box a {
font-size: 16px;
color: #06f;
text-decoration: underline;
}
.detailArea dl {
text-align: left;
}
.detailArea dt {
font-size: 16px;
font-weight:bold;
color: #333;
}
.detailArea dd + dt {
margin:10px 0 0;
}
.detailArea dt:before {
display: inline;
content: "■";
}
.detailArea dd {
font-size: 16px;
color: #333;
}
.detailArea .detail_scroll {
margin: 0 16px;
padding: 0 10px;
border: 1px solid #333;
height: 120px;
overflow: scroll;
overflow-x: hidden;
}
.detailArea .detail_scroll dt {
font-size: 13px;
font-weight: bold;
margin: 8px 0 0;
}
.detailArea .detail_scroll dt:before {
content: none;
}
.detailArea .detail_scroll dd {
font-size: 13px;
}
/* coupondetailArea
----------------------------- */
.coupondetailArea .couponDetailBox {
margin: 13px 8px;
padding: 13px 8px;
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
line-height: 20px;
text-align: left;
font-size: 14px;
color: #333;
}
.coupondetailArea .couponDetailBox p {
font-size: 14px;
color: #333;
}
.coupondetailArea .couponDetailBox a{
font-size: 14px;
color: #06f;
text-decoration: underline;
}
.coupondetailArea .couponDetailHead {
margin-top: 13px;
font-weight:bold;
}
.coupondetailArea .couponDetailHead:nth-child(1) {
margin-top: 0;
}
.coupondetailArea .couponDetailBox dl {
margin: 8px 0 0;
padding-bottom: 5px;
border: 1px solid #ddd;
font-size: 14px;
color: #333;
}
.coupondetailArea .couponDetailBox dt{
margin: 0 0 8px;
padding: 8px 5px;
background: #fff9e3;
border-top: 1px solid #ddd;
border-bottom: 1px solid #ddd;
font-size: 14px;
}
.coupondetailArea .couponDetailBox dt:nth-child(1) {
border-top: none;
}
.coupondetailArea .couponDetailBox dd + dt {
margin: 8px 0;
}
.coupondetailArea .couponDetailBox dd {
padding: 0 5px;
font-size: 14px;
}
.coupondetailArea .couponDetailBox dd.arrow {
position: relative;
padding: 0 5px 0 17px;
}
.coupondetailArea .couponDetailBox .arrow:after {
display: block;
content: "";
position: absolute;
top: 50%;
left: 8px;
margin: -3px 0 0 0;
border-style: solid;
border-width: 3px 0 3px 5px;
border-color: transparent transparent transparent #333;
-webkit-box-sizing: border-box;
box-sizing: border-box;
}
.coupondetailArea .couponDetailBox .detail_note {
margin-top: 8px;
}
.coupondetailArea .couponDetailBox .detail_note + .detail_note {
margin-top: 0;
}
/* btn_areas(sns)
----------------------------- */
.btn_areas {
margin: 10px;
}
.btn_areas img:hover {
opacity:0.7;
}
/* endArea
----------------------------- */
.endArea {
margin: 40px auto;
text-align: center;
}
.endArea p {
font-size: 30px;
color: #333;
}
/* notargetArea
----------------------------- */
.notargetArea {
padding: 30px 20px 20px;
}
.notargetArea .messeageBox {
padding: 10px 20px 15px;
background: #fff;
border: 1px solid #ccc;
}
.notargetArea .main {
margin-bottom: 15px;
}
.notargetArea .main.center p {
text-align: center;
font-size: 20px;
}
.notargetArea .main.left p {
text-align: left;
font-size: 18px;
}
.notargetArea .sub {
margin-bottom: 15px;
text-align: left;
}
.notargetArea .sub p {
line-height: 1.4;
font-size: 16px;
}
.notargetArea .loginBtnArea a {
display: block;
width: 300px;
height: 45px;
margin: 0 auto;
background: #d00;
border-left: 2px solid #a60000;
border-bottom: 3px solid #a60000;
border-radius: 4px;
line-height: 47px;
font-size: 22px;
color: #fff;
text-decoration: none;
}
.notargetArea .loginBtnArea a:hover {
opacity: 0.7;
}