@charset "shift_jis";
/*==============================================
 common
============================================= */


#header {
border-bottom: #ededed solid 1px;
}
.copyRight { border-top: 1px solid #ededed; }
.pageTop {
width: 40px;
height: 40px;
right: 10px;
background-size: 40px;
border-radius: 50%;
}

img {
width: 100%;
height: auto;
}

.pageTop {
    width: 40px;
    height: 40px;
    right: 10px;
    background-size: 40px;
    border-radius: 50%;
    bottom: 20px !important;
}

.contentsNavi {display: none;}

/*==============================================
.floating-banner
============================================= */
.floating-banner {
    position: fixed;
    z-index: 99999;
    bottom: 0;
    right: 0;
    width: 100%;
    background-color: #fff;
    box-sizing: border-box;
    box-shadow: 0 10px 20px 0 rgba(0, 0, 0, .8);
    transition: 0.5s;
}
.banner-close {
    position: absolute;
    top: 0;
    right: 0;
    padding: 6px 10px;
    border: none;
    background-color: #e8e8e8;
    cursor: pointer;
    font-size: 1.1rem;
}
.floating-banner a {
    text-align: center;
    display: block;
    /*padding: 5px 0;*/
    box-sizing: border-box;
}
.floating-banner img {
    width: 100%;
}
.pconly {
    display: none;
}
.is-hidden {
    visibility: hidden;
    opacity: 0;
}



/*==============================================
 看板
============================================= */
h1 {
padding-top: 85%;
margin: 0 auto;
background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/sp_title.jpg) no-repeat center top;
background-size: 100%;
text-indent: -999em;
font-size: 0;
}
p.lead {
font-size: 1.2rem;
line-height: 1.7;
padding: 25px;
}

/*----　.contentsNavi　----*/
.contentsNavi {
border-top: #dfdfdf 1px solid;
padding: 30px 25px 0;
margin-top: 30px;}

.contentsNavi p {
    padding-top: 8%;
    display: block;
text-indent: -999em;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/index_tit.png) center top no-repeat;
    background-size: 80px;}

.contentsNavi ul li {
    font-size: 1.2rem;
    line-height: 1.6;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/arrow_down.svg) left 8px no-repeat;
    background-size: 20px;
    padding-left: 30px;}

.contentsNavi ul li span {
    font-size: 1.3rem;
    padding-bottom: 3px;
    display: block;
    font-weight: bold;}

.contentsNavi ul li a {
    display: block;}

.contentsNavi ul li a:active {
    color: #ff008c;}

.contentsNavi ul li + li {
    margin-top: 20px;}

/*==============================================
 バナー
============================================= */
.bnr a { text-decoration: none; }

/*----　看板下　----*/
.topbnr {
padding: 30px 25px 0 25px;}

.topbnr a img{
    width: 100%;}

.topbnr a {
background:#ff008c url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/arrow.svg) 96% 50% no-repeat;
background-size: 8px;
font-size: 1.1rem;
line-height: 1.6;
color: #fff;
font-weight: bold;
border-radius: 60px;
box-sizing: border-box;
text-align: center;
display:block;
padding: 15px 10px;
width: 100%;}

.topbnr02 {
padding: 30px 25px 0 25px;}

.topbnr02 a img{
    width: 100%;}

/*----　記事内　----*/
.innerbnr{
padding: 0 25px 30px;}

.innerbnr a{
display:block;
box-sizing:border-box;}

.innerbnr .bnr img{ width: 100% }

.innerbnr .attention {
    margin: 5px auto 0!important;
}

.txtLink a {
    font-size: 1.1rem;
    line-height: 1.6;
    font-weight: bold;
    border: #ff008c 3px solid;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/arrow02.svg) 98% 50% no-repeat;
    padding: 10px 10px;
    border-radius: 50px;
    text-align: center;
    color: #ff008c;
    display: block;
    margin: 40px auto 0;
transition: 0.1s ease-in-out;}


/*==============================================
 #mainContents
============================================= */
.marker {
background-color: #fff589;
font-weight: bold;}

.paragraphIn {
padding: 0 25px 30px;
}

.spAccordion {
display: none;
}

/*#article01{
    background-color: #f4f2f3;
    padding: 30px 0 30px;
    margin-top: 30px;}

#article03{ 
    background-color: #f4f2f3;
    padding: 30px 0 0;
    margin-top: 30px;}

#article02,
#matome{margin-top: 30px;}*/

#article01,
#article03,
.bggray{
    background-color: #f4f2f3;
/*    padding: 30px 0 30px;
    margin-top: 30px;*/}

.bggray {
    padding-top: 30px;
    border-bottom: #fff 3px solid;}

.paragraph h2 {
    padding: 16px 25px 13px 55px;
    margin: 0 auto;
    font-size: 1.35rem;
    line-height: 1.6;
    font-weight: bold;
    text-align: left;
position: relative;}

.paragraph h2 br {
    display: none;}

.paragraph h2 .icon {
    text-indent: -999em;
    font-size: 0;
    padding-top: 51px;
    /*height: 118px;*/
    display: block;}

.paragraph h2 .icon.no01 {
 background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/h2_icon01.png) left top no-repeat;
background-size: 116px;}
.paragraph h2 .icon.no02 {
 background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/h2_icon02.png) left top no-repeat;
background-size: 116px;}
.paragraph h2 .icon.no03 {
 background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/h2_icon03.png) left top no-repeat;
background-size: 116px;}
.paragraph h2 .icon.no04 {
 background: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/h2_icon04.png) left top no-repeat;
background-size: 116px;}

.paragraph h2 .text span {
    color: #ff008c;
}

.paragraph h2 ul.attention {
    margin-top: 5px !important;
}


.paragraph h2:after {
content: "";
display: inline-block;
position: absolute;
top: 1px;
bottom: 0;
left: 20px;/*----　左からの矢印の位置　----*/
width: 10px;
height: 10px;
margin: auto;
-webkit-transition: opacity .2s ease, -webkit-transform .2s ease;
transition: opacity .2s ease, -webkit-transform .2s ease;
transition: transform .2s ease, opacity .2s ease;
transition: transform .2s ease, opacity .2s ease, -webkit-transform .2s ease;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
vertical-align: middle;
border-bottom: 4px solid #ff008c;/*----　矢印の色　----*/
border-right: 4px solid #ff008c;/*----　矢印の色　----*/
}
.paragraph.active h2:after {
top: 3px;
-webkit-transform: rotate(225deg);
transform: rotate(225deg);
}



.paragraph h3 {
text-align: center;}

.paragraph h3 span {
    font-size: 1.55rem;
    line-height: 1.7;
    font-weight: bold;
    margin: 50px auto 0;
  position: relative;
  display: inline-block;
  margin-bottom: 1em;}

.paragraph h3 span:before {
  content: '';
  position: absolute;
  left: 50%;
  bottom: -15px;/*線の上下位置*/
  display: inline-block;
  width: 46px;/*線の長さ*/
  height: 3px;/*線の太さ*/
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);/*位置調整*/
  background-color: #ff008c;/*線の色*/
  border-radius: 2px;/*線の丸み*/
}

.subtitle {
margin-top: 40px;
text-align: center;
font-size: 1.4rem;
font-weight: bold;
border: #333 1px solid;
padding: 10px;}

.subtitle02 {
    font-size: 1.3rem !important;
    text-align: center;
    margin-top: 20px !important;
    font-weight: bold;
}

.subtitle02 span {
    color: #ff008c;
}

.answer {
    text-align: center;
    font-weight: bold;
    font-size: 1.6rem !important;
line-height: 0;}

.answer span {
    color: #ff008c;
    font-size: 2.7rem !important;}

.subtitle02 + .answer{
    margin-top: 0 !important;}

/*----- 文字 -----*/
#mainContents .paragraph,
#mainContents .mainTitleWrap,
table th,table td,
.productBox{
font-feature-settings: "palt" 1;
letter-spacing: 0.03em;}

.paragraph p {
font-size: 1.3rem;
line-height: 1.8;
margin-top: 30px;
}
/*.paragraphIn > p:first-child {
margin-top: 10px;
}*/
.paragraph .cap {
font-size: 1.1rem;
margin-top: 10px !important;
}

/*---- .attention　----*/
ul.attention {
margin:15px auto 0;}

ul.attention li{
    font-size: 0.9rem;
    line-height: 1.6;
    padding-left: 2em;
  text-indent: -2em;}

ul.attention li + li {
    margin-top: 2px;}

.p25 {padding: 0 25px;}

.attention02 {
    font-size: 1rem !important;
}

ul.attention.mbtm30 + p {
    margin-top: 30px !important;}

ul.attention.mbtm30{
    margin-top: 10px !important;
}

/*---- .reviewbox ----*/
.reviewbox {
 padding: 20px;
border-radius: 10px;
margin-top: 30px;}

.reviewbox .cap {
    margin-top: 25px;
    font-size: 12px !important;
    line-height: 1.6;
    text-align: center;
}

.reviewbox .title{
font-size: 1.4rem;
font-weight: bold;
color: #333;
text-align: center;}

.reviewbox .title span::before{    content: "";
    display: inline-block;
    width: 25px;
    height: 28px;
    background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/review_left.png) ;
    background-size: 20px;
    background-position: left bottom;
background-repeat: no-repeat;}

.reviewbox .title span::after{    content: "";
    display: inline-block;
    width: 25px;
    height: 28px;
    background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/review_right.png) ;
    background-size: 20px;
    background-position: right bottom;
background-repeat: no-repeat;}

.reviewbox .review {
display: table;
padding: 20px 25px;
box-sizing: border-box;
border-radius: 5px;
margin-top: 15px;}

.reviewbox .review p span.attention {
    display: block;
    font-size: 1.1rem;
    font-weight: bold;
    margin-top: 5px;
}

.reviewbox .cap {
    text-align: left;
}

.reviewbox .review .img{
    display: block;
text-align: center;}
.reviewbox .review .img img {
    width: 24%;
}

.reviewbox .review p{
    margin-top: 10px !important;
    line-height: 1.7 !important;}

.reviewbox.white {
background-color: #fff;}
.reviewbox.white .review {
background-color: #f4f2f3;}

.reviewbox.gray {
background-color: #f4f2f3;}
.reviewbox.gray .review {
background-color: #fff;}

/*----- 画像 -----*/
.imgBox {margin-top: 30px;}
.imgBox div {overflow: hidden;}
.imgBox img {width: 100%;}
.imgBox div + .cap{
	margin-top: 15px;}
.imgBox a + .cap {
	margin-top: 0;}

.col2 div {
display: table;}

.col2 div a,
.col2 div p.cap{
display: table-cell;
width: 49%;
vertical-align: middle;}

.border {
    border: #e9e9e9 1px solid;
    box-sizing: border-box;
}

.imgBox.w762 {
    margin: 10px auto 0 !important;
}

/*----　table　----*/
table{
/*width: 880px;*/
margin: 30px auto 0;
border-collapse:separate;
border-spacing:0;
box-sizing: border-box;
border-left:#000 1px solid;
border-top:#000 1px solid; }

table th,
table td{
padding: 5px;
box-sizing: border-box;
font-size: 1.2rem;
line-height: 1.7;
text-align: center;}

table th{
background-color: #000;
color: #fff;
border-right: #4e4e4e 1px solid;
border-bottom: #4e4e4e 1px dotted;
word-break: break-all;}

table td span{
    display: block;
    font-size: 0.9rem;}

table td{
/*width: 37%;*/
border-right: #000 1px solid;
border-bottom: #000 1px dotted;}


table th.end,
table td.end{
border-bottom: #000 1px solid;}

.mainbgcolor {background-color: #ff008c;}
.bgcolor01 {background-color: #ffb2dc;}
.bgcolor02 {background-color: #ffcce8;}
.bgcolor03 {background-color: #ffe5f3;}

table .white {
width: 26%;
color: #fff;
font-weight: bold;}

/*----- .scroll -----*/
.scroll {
overflow: auto;
padding-bottom: 10px;
}
.scroll::-webkit-scrollbar{
height: 5px;
}
.scroll::-webkit-scrollbar-track{
background: #F1F1F1;
}
.scroll::-webkit-scrollbar-thumb {
background: #BCBCBC;
}

/*==============================================
.kakomi
============================================= */
.kakomi {
    border: #ff008c 3px solid;
    border-radius: 10px;
box-sizing: border-box;
margin-top: 30px;}

.kakomiIn {
 /*   width: 730px;*/
    padding: 0 20px 20px;
    box-sizing: border-box;
}

.kakomi .title {
    text-indent: -999em;
    background: #ff008c url(https://img1.kakaku.k-img.com/images/article/tieup/25/03_rakuten/sp_kakomi_tit02.png) center 15px no-repeat;
    background-size: 90%;
    padding-top: 45%;
}

.kakomi ul.attention li{
    padding-left: 3em;
  text-indent: -3em;}




/*==============================================
.releasedate
============================================= */
.releasedate {
	font-size: 0.85rem; 
	padding: 0 25px 30px;
	color: #333;}

#footer {
	padding-top: 30px;}