@charset "UTF-8";

/* layout
----------------------------- */
.co_container_box_inner {
margin: 0 auto;
}
.contents_right {
float: right;
width: 770px;
background: #ffffe7;
padding-bottom: 10px;
}
.contents_right * {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

/* common
----------------------------- */
.contents_right ul,
.contents_right ol {
list-style: none;
}
.contents_right .underline {
text-decoration: underline;
text-underline-position: under;
text-decoration-line: underline;
text-decoration-skip-ink: none;
}
.contents_right .inlineBlock {
display: inline-block;
}
.contents_right .indent1em {
padding-left: 1em;
text-indent: -1em;
}
.contents_right .color_em {
color: #d00;
}

/* headerArea
----------------------------- */
.contents_right .lead_text {
margin: 20px auto 25px;
text-align: center;
font-size: 24px;
}
.contents_right .lead_text .campaign_term:before {
content: "：";
display: inline;
}

.contents_right .endTerm {
margin: 20px 0 40px;
text-align: center;
}
.contents_right .endTerm p {
font-size: 24px;
color: #d00;
font-weight: bold;
}

/* loginArea
----------------------------- */
.contents_right .loginArea {
position: relative;
max-width: 600px;
margin: 15px auto;
padding: 8px 0;
text-align: center;
}
.contents_right .loginArea .loginBtn {
width: 98%;
margin: 0 auto 7px;
}
.contents_right .loginArea .loginBtn a {
float: left;
display: block;
width: 49%;
height: 62px;
margin: 0 auto;
padding: 5px 0;
background: #f60;
background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00, #ff8e00), color-stop(1.00, #f60));
background: -webkit-linear-gradient(top, #ff8e00 0%, #f60 100%);
background: linear-gradient(to bottom, #ff8e00 0%, #f60 100%);
border-radius: 25px;
text-align: center;
font-size: 16px;
color: #fff;
text-decoration: none;
}
.contents_right .loginArea .loginBtn a + a {
float: right;
}
.contents_right .loginArea .loginBtn a:hover {
opacity: .8;
}
.contents_right .loginArea .loginBtn .left_text {
display: block;
padding-left: 20px;
padding-top: 7px;
}
.contents_right .loginArea img.icon_regist {
position: absolute;
top: -17px;
left: 0px;
width: 80px;
height: auto;
z-index: 10;
}
.contents_right .loginArea .loginBtn .right_text {
display: block;
padding: 15px 0;
font-size: 20px;
}
.contents_right .loginArea p {
font-size: 16px;
color: #d00;
}

/* imgBlock
----------------------------- */
.contents_right .imgBlock {
width: 100%;
margin: 0 auto;
text-align: center;
}
.contents_right .imgBlock a {
display: block;
}
.contents_right .imgBlock img {
width: 100%;
max-width: 770px;
height:auto;
}
.contents_right .imgBlock a img:hover {
opacity: 1;
}

/* mainArea
----------------------------- */
.contents_right .mainArea {
margin-bottom:45px;
}
.contents_right .mainArea .appealTxt01,
.contents_right .mainArea .appealTxt02,
.contents_right .mainArea .appealTxt03 {
margin:10px 35px 10px 45px;
line-height:18px;
text-align:left;
}
.contents_right .mainArea .appealTxt01 p,
.contents_right .mainArea .appealTxt02 p,
.contents_right .mainArea .appealTxt03 p {
font-size: 13px;
color: #333;
}
.contents_right .mainArea .appealTxt01 p a,
.contents_right .mainArea .appealTxt02 p a,
.contents_right .mainArea .appealTxt03 p a {
display:inline;
}
.contents_right .mainArea .to_detail {
margin:5px auto;
text-align: right;
}
.contents_right .mainArea .to_detail a {
position:relative;
padding-right: 15px;
font-size: 16px;
color: #f60;
}
.contents_right .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);
}

/* kujiArea
----------------------------- */
.contents_right .kujiArea {
margin-bottom: 40px;
text-align: center;
}
.contents_right .kujiArea .title {
margin-bottom: 10px;
}
.contents_right .kujiArea a {
display: inline-block;
}
.contents_right .kujiArea a img {
opacity: 1;
}
.contents_right .kujiArea a[href]:hover img {
opacity: .7;
}

/* howtoArea
----------------------------- */
.contents_right .howtoArea {
margin-bottom: 45px;
text-align: center;
}
.contents_right .howtoArea .title {
margin-bottom: 15px;
}
.contents_right .howtoArea .imgArea {
text-align: center;
}
.contents_right .howtoArea .txtArea {
position: relative;
width: 550px;
margin: 15px auto;
padding: 0 7px 3px;
text-align: left;
border-bottom: 1px solid #333;
}
.contents_right .howtoArea .txtArea p {
font-size: 14px;
}
.contents_right .howtoArea .txtArea img.mark {
position: absolute;
bottom: -6px;
right: 15px;
height: 60px;
}

/* prArea
----------------------------- */
.contents_right .prArea {
margin-bottom: 35px;
text-align: center;

}
.contents_right .prArea .title {
margin-bottom: 15px;
}

/* rankingArea
----------------------------- */
.contents_right .rankingArea {
width: 750px;
margin: 0 auto 15px;
text-align: left;
background: #fff;
padding: 7px 10px 12px;
border-top: 3px solid #ff9800;
}
.contents_right .rankingArea .subTitle {
font-size: 18px;
font-weight: bold;
color: #ff9800;
margin-bottom: 5px;
}
.contents_right .rankingArea ul {
display: table;
width: 100%;
table-layout: fixed;
}
.contents_right .rankingArea li {
display: table-row;
}
.contents_right .rankingArea .cells {
display: table-cell;
width: 16.666%;
vertical-align: top;
padding: 0 3px;
}
.contents_right .rankingArea .cells:nth-child(1n+7) {
display:none;
}
.contents_right .rankingArea .cells .rank_num {
text-align: center;
font-size: 18px;
color: #ff9800;
}
.contents_right .rankingArea .cells .rank_num span {
font-size: 14px;
}
.contents_right .rankingArea .cells a {
display: block;
position: relative;
}
.contents_right .rankingArea .cells .cam_mark {
position: absolute;
top: 0;
right: 0;
color: #d00;
background: #fff;
padding: 0 4px;
border: 1px solid #d00;
z-index: 1;
}
.contents_right .rankingArea .cells img {
width: 100%;
}
.contents_right .rankingArea .cells a.btn {
display: block;
padding: 5px 0;
margin: 3px auto 5px;
text-align: center;
text-decoration: none;
border: 1px solid #B3B3B3;
border-radius: 3px;
color: #333;
font-size: 12px;
font-weight: bold;
background: #F9F9F9;
font-feature-settings: "palt";
}
.contents_right .rankingArea .cells a.btn:hover {
background: #fff;
}
.contents_right .rankingArea .cells .title_name {
color: #000;
font-size: 12px;
line-height: 16px;
height: 15px;
overflow: hidden;
}
.contents_right .rankingArea .cells .title_name a {
color: #000;
}
.contents_right .rankingArea .cells .author_name {
height: 15px;
font-size: 10px;
line-height: 16px;
color: #8f8f8f;
overflow: hidden;
}
.contents_right .rankingArea .cells .author_name a {
color: #8f8f8f;
display: inline;
}

/* notbuy think_later_area
----------------------------- */
.contents_right .think_later_area {
width: 750px;
margin: 0 auto 18px;
text-align: left;
background: #fff;
padding: 7px 10px 12px;
border-top: 3px solid #ff9800;
}
.contents_right .think_later_area .contents_right_co_title {
margin-bottom: 5px;
}
.contents_right .think_later_area .contents_right_co_title .font_14 {
font-size: 18px;
font-weight: bold;
color: #ff9800;
}
.contents_right .think_later_area ul {
display: table;
width: 100%;
table-layout: fixed;
margin-top: 13px;
}
.contents_right .think_later_area li {
display: table-cell;
width: 16.666%;
vertical-align: top;
padding: 0 3px;
}
.contents_right .think_later_area li:nth-child(1n+7) {
display: none;
}
.contents_right .think_later_area .thum_box3 {
height: 162px;
}
.contents_right .think_later_area .thum_box3 a {
display: block;
}
.contents_right .think_later_area .thum_box3 img {
width: 100%;
max-height: 160px;
}
.contents_right .think_later_area .cover_unit_top_title,
.contents_right .think_later_area .cover_unit_top_title h5 {
color: #000;
font-weight: normal;
font-size: 12px;
line-height: 16px;
height: 15px;
overflow: hidden;
}
.contents_right .think_later_area .cover_unit_top_title a {
color: #000;
}
.contents_right .think_later_area .footer_co_btn_w {
margin: 15px 0 0;
text-align: center;
}
.contents_right .think_later_area .footer_co_btn_inner {
display: inline-block;
width: 300px;
}
.contents_right .think_later_area .footer_co_btn_inner a {
display: block;
position: relative;
margin: 0 auto;
background: #fff;
text-align: center;
color: #ff5722;
border: 1px solid #ff5722;
font-size: 16px;
line-height: 40px;
height: 40px;
border-radius: 6px;
text-decoration: none;
}
.contents_right .think_later_area .footer_co_btn_inner a:after {
content: "";
display: block;
clear: both;
position: absolute;
top: 50%;
right: 8px;
width: 6px;
height: 6px;
margin-top: -4px;
border-top: 2px solid #ff5722;
border-right: 2px solid #ff5722;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}
.contents_right .think_later_area .footer_co_btn_inner a:hover {
background: #fff5f2;
}

/* mark */
.contents_right .think_later_area .point_m {
display: inline-block;
width: 90px;
margin: 0;
padding: 2px 0 0 0;
background: #FFF;
border: 1px solid #6633FF;
font-size: 12px;
font-weight: bold;
color: #6633FF;
line-height: 14px;
text-align: center;
vertical-align: middle;
letter-spacing: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contents_right .think_later_area .point_m:after {
content:"ポイント還元";
display:block;
clear:both;
}
.contents_right .think_later_area .free2_m {
display: inline-block;
width: 90px;
margin: 0;
padding: 2px 0 0 0;
background: #FFF;
border: 1px solid #36C;
font-size: 14px;
font-weight: bold;
color: #36C;
line-height: 14px;
text-align: center;
vertical-align: middle;
letter-spacing: 2px;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contents_right .think_later_area .free2_m:after {
content: "無 料";
display:block;
clear:both;
}
.contents_right .think_later_area .down_m {
position: relative;
display: inline-block;
width: 90px;
margin: 0;
padding: 2px 0 0 10px;
background: #FFF;
border: 1px solid #F06;
font-size: 12px;
font-weight: bold;
color: #F06;
line-height: 14px;
text-align: center;
vertical-align: middle;
letter-spacing: 0;
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.contents_right .think_later_area .down_m:before {
position: absolute;
top: 3px;
left: 15px;
display: inline;
content:url(/sol/pc/images/title/1406/icon_darrow.png);
}
.contents_right .think_later_area .down_m:after {
content:"値下げ";
display: inline;
clear:both;
}

/* recent_title
----------------------------- */
.contents_right .recent_title {
width: 750px;
margin: 0 auto 18px;
text-align: left;
background: #fff;
padding: 7px 10px 12px;
border-top: 3px solid #ff9800;
}
.contents_right .recent_title .secTitle {
position: relative;
margin-bottom: 5px;
}
.contents_right .recent_title .secTitle .title_name {
font-size: 18px;
font-weight: bold;
color: #ff9800;
}
.contents_right .recent_title .secTitle .right_top_link {
position: absolute;
top: 50%;
right: 10px;
margin-top: -8px;
text-decoration: underline;
cursor: pointer;
font-size: 14px;
}
.contents_right .recent_title .fixBox {
margin-top: 13px;
text-align: left;
}
#title_hist_box .subTitle {
display: none;
}
#title_hist_box .sliderBlock {
position: relative;
display: block;
margin: 6px 0 14px;
-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;
overflow: hidden;
}
#title_hist_box .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);
}
#title_hist_box .sliderBlock .slick-arrow.slick-disabled {
cursor: default;
border-top: 2px solid #e7e7e7;
border-right: 2px solid #e7e7e7;
}
#title_hist_box .sliderBlock .slick-arrow.slick-prev {
left: 3px;
}
#title_hist_box .sliderBlock .slick-arrow.slick-next {
right: 3px;
transform: rotate(45deg);
}
#title_hist_box .sliderBlock .slick-list,
#title_hist_box .sliderBlock .slick-track {
-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);
}
#title_hist_box .sliderBlock .slick-list {
position: relative;
display: block;
width: 96%;
overflow: hidden;
margin: 0 auto;
padding: 0;
}
#title_hist_box .sliderBlock .slick-track {
position: relative;
top: 0;
left: 0;
display: flex;
}
#title_hist_box .slick-slide {
display: none;
float: left;
height: 100%;
min-height: 1px;
margin: 0 5px;
}
#title_hist_box .slick-initialized .slick-slide {
display: block;
}
#title_hist_box .slick-slide .thum_box {
position: relative;
margin: 0 auto;
background: #fff;
vertical-align: top;
text-align: center;
}
#title_hist_box .slick-slide .cam_mark {
position: absolute;
top: 0;
right: 1px;
background: #fff;
border: 1px solid #d00;
color: #d00;
height: 18px;
line-height: 18px;
padding: 0 4px;
font-size: 10px;
z-index: 1;
}
#title_hist_box .slick-slide .thum_box a {
display: block;
height: 190px;
}
#title_hist_box .slick-slide .thum_box img {
max-width: 100%;
max-height: 100%;
border: 1px solid #eee;
}
#title_hist_box .slick-slide .text_box {
margin: 5px 4px 0;
}
#title_hist_box .slick-slide .title_name {
height: 13px;
font-size: 12px;
line-height: 14px;
color: #333;
margin-bottom: 4px;
word-break: break-word;
overflow: hidden;
text-align: center;
}
#title_hist_box .slick-slide .title_name a {
color: #333;
}
#title_hist_box .slick-slide .author_name {
width: auto;
height: 13px;
font-size: 10px;
line-height: 14px;
color: #777;
text-align: center;
word-break: break-word;
overflow: hidden;
}
#title_hist_box .slick-slide .author_name a {
color: #777;
}

/* bottomBtns
----------------------------- */
.contents_right .bottomBtns {
margin: 15px 0 0;
text-align: right;
}
.contents_right .bottomBtns a {
display: block;
position: relative;
width: 380px;
margin: 0 auto;
background: #fff;
text-align: center;
color: #ff5722;
border: 1px solid #ff5722;
font-size: 16px;
line-height: 40px;
height: 40px;
border-radius: 6px;
text-decoration: none;
}
.contents_right .bottomBtns a:after {
content: "";
display: block;
clear: both;
position: absolute;
top: 50%;
right: 8px;
width: 6px;
height: 6px;
margin-top: -4px;
border-top: 2px solid #ff5722;
border-right: 2px solid #ff5722;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}

/* detailArea
------------------------------*/
.contents_right .detailArea {
width: 750px;
margin: 0 auto 10px;
padding: 20px 0;
background: #fff;
border: 1px solid #ccc;
text-align: center;
}
.detailArea .title {
margin: 0 auto 10px;
}
.contents_right .detailArea .main {
padding: 0 20px;
text-align: left;
}
.contents_right .detailArea .main p {
font-size: 17px;
line-height: 1.5;
}
.contents_right .detailArea .subTitle {
font-weight: bold;
}
.contents_right .detailArea p + .subTitle {
margin-top: 13px;
}
/* appealBtn
------------------------------*/
.kujiArea .appealBtn {
margin: 40px 0 30px;
text-align: right;
}
.kujiArea .appealBtn a {
display: block;
position: relative;
width: 380px;
height: 46px;
margin: 0 auto;
background: #ff8000 ;
border: 1px solid #ff8000 ;
border-radius: 6px;
line-height: 46px;
text-align: center;
font-size: 22px;
font-weight: bold;
color: #fff;
letter-spacing: 1px;
text-decoration: none;
}
.kujiArea .appealBtn a:after {
content: "";
display: block;
clear: both;
position: absolute;
top: 50%;
right: 8px;
width: 10px;
height: 10px;
margin-top: -7px;
border-top: 3px solid #fff;
border-right: 3px solid #fff;
transform: rotate(45deg);
-webkit-transform: rotate(45deg);
}