@charset "utf-8";

/* 191212 */
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}
p {
	text-align: justify;
}
.itemData .boxL p {
	text-align: center;
}

a {
-webkit-tap-highlight-color: rgba(200,200,255,.6);
display: block;
}
a,
a::before,
a::after { 
-webkit-transition: all .3s;
transition: all .3s;
}
img {
max-width: 100%;
margin-top:-0.5px;
}
img:not([width]) {
width: 100%;
}
html {
font-size: 62.5%;
}
body {
font-size: 1.4rem; /* =14px*/
-webkit-text-size-adjust:100%;
}
.pcOnly {
display:block;
}
.spOnly {
display:none;
}
.wrap {
width: 100%;
background: #fff;
color: #333;
line-height: 1.5em;
margin: 0 auto;
}
.contents {
max-width:1020px;
margin:0 auto;
padding:0 0 0 20px
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
header
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
header {
width:100%;
background:url(../images/tokudane_head_bg.png) center repeat-x;
background-size:1000px;
position: relative;
}
header h1 {
width:360px;
margin:0 auto;
padding:15px 0 35px;
}
.mainTtl.cprank {
width:100%;
background:url(../images/cprank_main_bg.jpg) center repeat-x;
background-size:1000px;
margin:0 0 15px;
}
.mainTtl.cprank h2 {
width:390px;
margin:0 auto;
}

/* 190312 */
.pr {
	max-width: 1020px;
	margin: 0 auto; 
	text-align: right;
	position: absolute;
	right: 1.25%;
	top: 15.625%;
	left: 0;
}
.pr p {
	font-size: 100%;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
contBox
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.contBox {
width:calc(100% - 280px) ;
float:left;
}
/*==========リード==========*/
.contBox .lead {
margin:30px auto 60px;
}
.contBox .lead .report01  {
margin-bottom:0;
}
.contBox .lead .report01 dt {
width:450px;
margin:0 auto 30px;
}
.contBox .lead .report01 dd img {
width:380px;
}

/* 191211 */
.rankReport {
	display: flex;
	justify-content: space-between;
	flex-direction: row-reverse;
}
.pieChart {
	width: 380px;
}
.rankLead {
	width: calc(100% - 400px);
}
.rankLead p {
	width: 100%;
	font-size:15px;
	line-height:1.8em;
}
.rankLead table {
	margin-top: 1em;
	width: 100%;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	font-size: 93.75%;
}
.rankLead table th,
.rankLead table td {
	border-right:  1px solid #999999;
	border-bottom:  1px solid #999999;
	padding: 0.25em 0.5em;
}
.rankLead table th {
	background-color: #99ccff;
}
.contBox .lead .report01 dd p.cap {
	font-size:11px;
	line-height:1.4em;
	margin: 1em 0 0 6.25%;
	width: 87.5%;
}
p.overview {
	border: #78b400 1px solid;
	font-size: 7px;
	line-height: 1.4em;
	padding: 0.5em;
	margin-top: 1em;
	width: 100%;
}

.contBox .lead .report02 dd {
border:#78b400 1px solid;
}
.contBox .lead .report02 dd p {
font-size:11px;
line-height:1.4em;
padding:12px;
}
/*==========rankBox==========*/
.rankWrap {
width:100%;
position:relative;
padding-top:10px;
}
.rankWrap .rankIcon {
width:86px;
height:86px;
position:absolute;
top:0;
left:17px;
}
.rankWrap .rankBox {
border:#328cb4 2px solid;
border-top:none;
margin:0 0 40px;
}
.itemName {
width:100%;
min-height:42px;
background-color:#328cb4;
padding:5px 0 5px;
margin:0 0 20px;
}
.itemName .name {
font-size:34px;
line-height:1.4em;
font-weight:bold;
float:left;
padding:0 0 0 120px;
}
.itemName .name.small {
font-size:28px;
line-height:1.2em;
padding-top:8px;
}
.itemName .name a {
color:#FFF;
text-decoration:none;
}
.itemName .share {
float:right;
padding:0 17px 0 0;
}
.itemName .share img {
width:64px;
float:left;
padding:11px 10px 0 0;
}
.itemName .share p {
float:right;
color:#ffff00;
font-size:34px;
line-height:1.4em;
font-weight:bold;
text-align:right;
float:left;
}
.itemName .share span {
font-size:18px;
}

.sort-box {
    text-align: center;
    padding: 0.5em 1em;
    margin: 10px 0 20px 0;
    background: #fff8dc;
    border: dashed 2px #a9a9a9;
}
.sort-box p {
    font-size: 110%;
    padding: 0;
}
.sort-box p.sub {
    text-align: inherit;
    font-size: 120%;
	margin: 0.25em auto 0.33em;
}
.sort-box p a {
    display: inline;
	padding: 0 0.66em;
	line-height: 1.5em;
}

.boxL {
	width: 50%;
	margin: 0 auto;
}
.boxL p {
	text-align: center;
}
.boxN {
	width: 94%;
	margin: 0 auto;
}
.boxN ul {
	display: flex;
	justify-content: space-between;
}
.boxN ul li {
	width: 48.75%;
}

/*==========商品情報==========*/
.itemData {
margin:0 20px 2% 0;
}
.itemData .boxL {
width:34%;
float:left;
font-size:14px;
line-height:1.4em;
text-align:center;
}
.itemData .boxR {
width:66%;
float:left;
}
.itemData .boxR table {
width:100%;
border-top:#0064a0 1px solid;
border-left:#0064a0 1px solid;
margin:0 0 3%;
}
.itemData .boxR th {
background-color:#5cc1b3;
border-right:#0064a0 1px solid;
border-bottom:#0064a0 1px solid;
color:#FFF;
font-size:14px;
line-height:1.2em;
font-weight:bold;
text-align:center;
padding:5px 1em;
}
.itemData .boxR td {
background-color:#ffffdc;
border-right:#0064a0 1px solid;
border-bottom:#0064a0 1px solid;
color:#333;
font-size:12px;
line-height:1.4em;
text-align:center;
padding:0.5em 1em;
}
.itemData .boxR td p {
text-align: left;
}
.itemData .boxR li {
width:calc(50% - 7px) ;
float:left;
}
.itemData .boxR li:first-child {
margin:0 14px 0 0;
}

.boxN {
    width: 94%;
    float: none;
	margin: 5% auto 0;
}
.boxN li:first-child {
    margin: 0 3% 0 0;
}
.boxN li {
    width: calc(50% - 1.5%);
    float: left;
}

.boxN2 {
	margin-top: 5%;
}

.boxN2 table {
    width: 94%;
    border-top: #0064a0 1px solid;
	border-left: #0064a0 1px solid;
    margin: 0 auto 5%;
}
.boxN2 th {
    font-size: 12px;
    line-height: 1.2em;
    padding: 5px 0;
	background-color: #5cc1b3;
	border-right: #0064a0 1px solid;
	border-bottom: #0064a0 1px solid;
	color: #FFF;
	font-weight: bold;
	text-align: center;
}
.boxN2 td {
    background-color: #ffffdc;
	border-right: #0064a0 1px solid;
	border-bottom: #0064a0 1px solid;
	color: #333;
    font-size: 12px;
    line-height: 1.4em;
    text-align: center;
    padding: 0.5em 1em;
}
/*==========総合評価==========*/
.itemEval {
margin:0 20px 0;
}
.itemEval table {
width:100%;
border:#0064a0 1px solid;
border-bottom:none;
}
.itemEval th {
width:calc(6em + 108px) ;
background-color:#5cc1b3;
border-bottom:#0064a0 1px solid;
color:#FFF;
font-size:16px;
line-height:1.2em;
font-weight:bold;
text-align:left;
padding:0 1em 0;
white-space: nowrap;
}
.itemEval th .star {
width:108px;
display:inline-block;
float:right;
}
.itemEval td {
border-bottom:#0064a0 1px solid;
font-size:14px;
line-height:1.4em;
padding:0.8em 1em;
}
.itemEval strong {
width:428px;
float:right;
}
/*==========実感レポート==========*/
.reportBox {
width:100%;
position:relative;
}
.reportBox h4 {
width:43%;
position:absolute;
top:0;
left:10px;
}
.reportBox .inner {
width:calc(100% - 40px) ;
background:url(../images/cprank_item_repo_bg.png) repeat-y;
background-size: contain;
margin:0 20px 30px;
}
.reportBox dl {
width:58%;
float:left;
margin:18px 2% 0 4%;
}
.reportBox dt {
color:#f67280;
font-size:28px;
line-height:1.3em;
font-weight:bold;
margin:0 0 3% 0;
}
.reportBox dd {
font-size:16px;
line-height:1.6em;
}
.reportBox dd strong {
color:#ff5064;
font-weight:bold;
background-color:#ffff00;
padding:0.2em;
}
.reportBox ul {
width:30%;
float:right;
margin:0 4% 0 0;
}
.reportBox li:first-child {
margin:0 0 10px 0;
}
/*==========公式サイトボタン==========*/
.rankBtn {
width:400px;
background:url(../images/cprank_item_btn_icon.png) right center no-repeat;
background-size:21px;
background-color:#ff6400;
border-radius:5px;
box-shadow: 0 4px #b43200;
margin:0 auto 34px;
}
.rankBtn:hover {
background-color:#ffb400;
}
.rankBtn,
.rankBtn::before,
.rankBtn::after { 
-webkit-transition: all .4s;
transition: all .4s;
}
.rankBtn a {
width:100%;
height:100%;
display:inline-block;
color:#FFF;
font-size:22px;
line-height:1.2em;
text-align:center;
font-weight:bold;
text-decoration:none;
padding:19px 0;
}
/*==========圏外その他==========*/
.otherName {
width:100%;
min-height:42px;
background-color:#328cb4;
padding:8px 0 4px;
margin:0 0 20px;
}
.otherName h3 {
color:#FFF;
font-size:26px;
line-height:1.4em;
font-weight:bold;
text-align:center;
}
.otherBox {
margin:20px 20px 10px;
}
.otherBox li {
width:16%;
display:inline-block;
vertical-align:top;
}
.otherBox li p {
font-size:11px;
min-height:3em;
line-height:1.2em;
text-align:center;
padding:0 0.5em;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
sideBox
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.sideBox {
width:260px;
float:right;
}
/*==========ご注意==========*/
.sideBox .attention {
margin:0 0 6%;
}
.sideBox .attention dt {
background-color:#dc0000;
color:#FFF;
font-size:20px;
line-height:1.4em;
font-weight:bold;
text-align:center;
padding:2px 0;
}
.sideBox .attention dd {
border:#dc0000 2px solid;
border-top:none;
padding:15px;
}
.sideBox .attention dd h4 {
color:#dc0000;
font-size:20px;
line-height:1.4em;
font-weight:bold;
text-align:center;
padding:0 0 10px;
}
.sideBox .attention dd p {
font-size:12px;
line-height:1.4em;
}
/*==========ランキング結果==========*/
.sideBox .sideRank {
background-color:#fffadc;
padding:10px 0;
border-radius:10px;
margin:0 0 6%;
}
.sideBox .sideRank li {
border-bottom:#dcd2be 1px solid;
padding:10px 0 15px;
}
.sideBox .sideRank li:last-child {
border-bottom:none;
}
.sideBox .sideRank li dl {
width:230px;
margin:0 auto;
color:#582b25;
}
.sideBox .sideRank li dt {
text-align:center;
margin:0 auto 0.4em;
}
.sideBox .sideRank li dt img {
width:100px;
padding:0 0 5px;
}
.sideBox .sideRank li dt span {
font-size:18px;
line-height:1.4em;
font-weight:bold;
display:block;
}
.sideBox .sideRank li dd img {
width:80px;
float:left;
padding:0 10px 0 0;
margin:0;
}
.sideBox .sideRank li dd p {
width:140px;
float:left;
font-size:14px;
line-height:1.4em;
}
.sideBox .sideRank li dd a {
display:block;
color:#ff6400;
font-weight:bold;
padding:0.3em 0 0;
text-decoration:none;
}
.sideBox .sideRank li dd a:hover {
text-decoration:underline;
}
/*==========関連記事==========*/
.sideBox .relation {
background-color:#e1f0e6;
padding:10px 0 5px;
border-radius:10px;
margin:0 0 6%;
}
.sideBox .relation li {
width:240px;
margin:0 auto;
border-bottom:#bed2c8 1px solid;
padding:15px 0;
}
.sideBox .relation li a {
width:100%;
height:100%;
display:inline-block;
}
.sideBox .relation li:last-child {
border-bottom:none;
}
.sideBox .relation li img {
width:100px;
float:left;
margin:0 10px 0 0;
}
.sideBox .relation li p {
width:130px;
float:left;
font-size:14px;
line-height:1.4em;
}
.sideBox .relation li a {
color:#582b25;
text-decoration:none;
}
.sideBox .relation li a:hover p {
text-decoration:underline;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
footer {
width:100%;
text-align:center;
font-size:11px;
line-height:1.4em;
color:#333;
padding:80px 0 1em;
}
footer .footLink {
width:100%;
border-bottom:#ddd 1px solid;
padding:0 0 1em;
margin-bottom:1em;
}
footer .footLink a {
color:#333;
}
footer address {
font-size:11px;
line-height:1.4em;
font-style:normal;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
about
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.aboutBox {
width:100%;
max-width:900px;
margin:0 auto;
}
.aboutBox p {
width:90%;
margin:0 auto 20px;
padding:50px 0 0;
font-size: 28px;
line-height:1.4em;
}
.aboutBox table {
width:90%;
margin:0 auto;
border:#dcdcdc 1px solid;
padding:2em 0 1.5em 5%;
text-align:left;
}
.aboutBox table tr {
display: block;
padding-bottom: 0.5em;
}
.aboutBox table th {
width:6em;
vertical-align: top;
font-size: 14px;
line-height: 1.4em;
}
.aboutBox table td {
font-size: 14px;
line-height: 1.4em;
}

/* 181214 */
dl.campaign {
	width: 81.25%;
	margin: 30px auto 30px;
}
dl.campaign dt {
	border-top: 1px solid #ff6666;
	border-left: 1px solid #ff6666;
	border-right: 1px solid #ff6666;
	padding: 6px 18px;
	font-size: 131.25%;
	font-weight: bold;
	background-color: #ffeeee;
}
dl.campaign dd {
	border: 1px solid #ff6666;
	padding: 6px 18px;
}
dl.campaign dd h5 {
	font-size: 131.25%;
	font-weight: bold;
	margin: 0.25em 0 0.25em -0.5em;
	color: #ff6666;
	line-height: 1.25em;
	text-indent: -0.5em;
}

.mb30 {
	margin-bottom: 30px;
}

@media screen and (max-width: 960px) {
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
contBox　 960px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.contBox {
width:calc(78% - 20px) ;
float:left;
}
/*==========リード==========*/
.contBox .lead {
width:100%;
}
.contBox .lead .report01 dt {
width:92%;
max-width:450px;
margin:0 auto 30px;
}
.contBox .lead .report01 dd img {
width:92%;
max-width:420px;
float:none;
margin:0 auto 3%;
display:block;
}
.contBox .lead .report01 dd p {
width:92%;
float:none;
margin:0 auto 1em;
display:block;
}
.contBox .lead .report02 dd {
border:#78b400 1px solid;
}
.contBox .lead .report02 dd p {
font-size:11px;
line-height:1.4em;
padding:12px;
}

/*==========総合評価==========*/
.itemEval th {
width: auto ;
padding:0.5em 1em;
white-space: nowrap;
}
.itemEval th .star {
width:108px;
display:block;
float: none;
}
.itemEval strong {
width:300px;
float:right;
}
/*==========実感レポート==========*/
.reportBox dl {
width:90%;
float:none;
margin:15px auto 4%;
}
.reportBox dt {
font-size:26px;
line-height:1.3em;
}
.reportBox ul {
width:90%;
max-width:90%;
float: none;
margin:0 auto 0;
}
.reportBox li {
width:calc(50% - 7px) ;
float:left;
}
.reportBox li:first-child {
margin:0 14px 2% 0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
sideBox　 960px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.sideBox {
width:22%;
float:right;
}
/*==========ご注意==========*/
.sideBox .attention dd h4 {
font-size:18px;
line-height:1.3em;
padding:0 0 10px 0;
}
/*==========ランキング結果==========*/
.sideBox .sideRank li dl {
width:84%;
}
.sideBox .sideRank li dt img {
width:45%;
}
.sideBox .sideRank li dd img {
width:60%;
float: none;
padding:0 0 5%;
margin:0 auto;
display:block;
}
.sideBox .sideRank li dd p {
width:100%;
float: none;
font-size:13px;
line-height:1.4em;
}
/*==========関連記事==========*/
.sideBox .relation {
padding:10px 0 5px;
margin:0 0 6%;
}
.sideBox .relation li {
width:82%;
margin:0 auto;
padding:15px 0 10px;
}
.sideBox .relation li img {
width:100%;
float:none;
margin:0 0 5%;
}
.sideBox .relation li p {
width:100%;
float:none;
font-size:13px;
line-height:1.4em;
}
}


@media screen and (max-width: 750px) {
img:not([width]) {
max-width: 750px;
}
.pcOnly {
display:none;
}
.spOnly {
display:block;
}
.wrap {
max-width: 750px;
}
.contents {
max-width:100%;
margin:0 auto;
padding:0;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
header　750px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
header {
background-size: cover;
}
header h1 {
width:48%;
padding:2% 0 5%;
}
.mainTtl.cprank {
background:url(../images/cprank_main_bg.jpg) center repeat-x;
background-size: cover;
}
.mainTtl.cprank h2 {
width:80%;
}
	
/* 190312 */
.pr {
	top: 12.5%;
}
.pr p {
	font-size: 68.75%;
	margin-left: 2%;
}
/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
contBox　750px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.contBox {
width:92% ;
float: none;
margin:0 auto;
}
/*==========リード==========*/
.contBox .lead {
margin:2% auto 8%;
}
.contBox .lead .report01 dt {
width:98%;
max-width:100%;
}
.contBox .lead .report01 dt {
margin:0 auto 5%;
}
.contBox .lead .report01 dd p {
float:none;
font-size:15px;
line-height:1.5em;
	margin-top: 0;
}

/* 191212 */
.contBox .lead .report01 dt {
    width: 100%;
}
.rankReport {
    display: block;
}
.rankLead {
    width: 100%;
}
.contBox .lead .report01 dd p {
    width: 100%;
}
.contBox .lead .report01 p.overview {
	font-size: 7px;
    line-height: 1.5em;
    margin-top: 1em;
}
.pieChart {
    width: 100%;
	margin-top: 8%;
}

/*==========rankBox==========*/
.rankWrap {
padding-top:10px;
}
.rankWrap .rankIcon {
width:20%;
height:20%;
position:absolute;
top:0;
left:4%;
}
.rankWrap .rankBox {
border:#328cb4 3px solid;
border-top:none;
margin:0 0 10%;
}
.itemName {
width:100%;
min-height:100%;
padding:4px 0 4px;
margin:0 0 2%;
}
.itemName .name {
font-size:24px;
line-height:1.2em;
float:none;
padding:0 0 0 28%;
}
.itemName .name.small {
font-size:18px;
line-height:1.2em;
padding-top:2px;
}
.itemName .share {
float:none;
padding:0 0 0 28%;
}
.itemName .share img {
width:60px;
float:left;
padding:6px 10px 0 0;
}
.itemName .share p {
float:left;
font-size:28px;
line-height:1.2em;
text-align:left;
float:left;
}
.itemName .share span {
font-size:18px;
}
/*==========商品情報==========*/
.itemData {
width:94%;
margin:0 auto;
}
.boxL {
width:60%;
float: none;
font-size:12px;
line-height:1.2em;
text-align:center;
margin:0 auto 5%;
}
.boxL p {
	text-align: center;
}
.itemData .boxR {
width:100%;
float:none;
margin-bottom:5%;
}

.itemData .boxR table {
margin:0 0 5%;
}
.itemData .boxR th {
font-size:12px;
line-height:1.2em;
padding:5px 0;
}
/*.itemData .boxR li {
width:100%;
float: none;
}*/
.itemData .boxR li:first-child {
margin:0 0 5% 0;
}

/*==========総合評価==========*/
.itemEval {
width:94%;
margin:0 auto;
}
.itemEval th {
width: auto ;
padding:0.5em 1em;
white-space: nowrap;
}
.itemEval th .star {
width:100%;
display:block;
float: none;
}
.itemEval td {
font-size:12px;
line-height:1.4em;
padding:0.8em;
}
.itemEval strong {
width:100%;
float:right;
}
/*==========実感レポート==========*/
.reportBox h4 {
width:60%;
position:absolute;
top:0;
left:1%;
}
.reportBox .inner {
width:94%;
margin:0 auto 6%;
}
.reportBox dl {
width:90%;
float:none;
margin:8% auto 4%;
}
.reportBox dt {
font-size:22px;
line-height:1.3em;
margin:0 0 4% 0;
}
.reportBox dd {
font-size:15px;
line-height:1.5em;
}
.reportBox li {
width:100% ;
float: none;
}
.reportBox li:first-child {
margin:0 0 5% 0;
}

.reportBox .inner li:first-child {
    margin: 0 3% 0 0;
}
.reportBox .inner li {
    width: calc(50% - 1.5%);
    float: left;
}

/*==========公式サイトボタン==========*/
.rankBtn {
width:80%;
margin:0 auto 8%;
}
.rankBtn a {
font-size:20px;
line-height:1.2em;
padding:19px 0;
}
/*==========圏外その他==========*/
.otherName {
width:100%;
min-height:100%;
padding:4px 0 4px;
margin:0 0 4%;
}
.otherName h3 {
font-size:18px;
line-height:1.4em;
}
.otherBox {
margin:2% 2% 0;
}
.otherBox li {
width:33%;
float:left;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
sideBox　750px
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.sideBox {
width:100%;
float: none;
}
/*==========ご注意==========*/
.sideBox .attention {
width:92%;
margin:0 auto 6%;
}
.sideBox .attention dt {
font-size:18px;
line-height:1.2em;
}
.sideBox .attention dd {
padding:3% 5% 5%;
}
.sideBox .attention dd h4 {
font-size:6vw;
line-height:1.3em;
padding:0 0 2% 0;
}
.sideBox .attention dd p {
font-size:12px;
line-height:1.4em;
}
/*==========ランキング結果==========*/
.sideBox .sideRank {
padding:15px 0 10px;
border-radius:0;
margin:0;
}
.sideBox .sideRank dt {
width:90%;
margin:0 auto;
}
.sideBox .sideRank li {
padding:3% 0 4%;
}
.sideBox .sideRank li dl {
width:90%;
}
.sideBox .sideRank li dt {
width:100%;
text-align:left;
margin:0 0 5px;
vertical-align:bottom;
}
.sideBox .sideRank li dt img {
width:23%;
padding:0 4% 0 0;
}
.sideBox .sideRank li dt span {
font-size:6vw;
line-height:1.4em;
font-weight:bold;
display: inline-block;
}
.sideBox .sideRank li dt.lower span {
font-size:5vw;
line-height:1.4em;
}
.sideBox .sideRank li dd img {
width:23%;
float:left;
padding:0 4% 0 0;
margin:0;
}
.sideBox .sideRank li dd p {
width:73%;
float:left;
font-size:4vw;
line-height:1.4em;
}
.sideBox .sideRank li dd a {
padding:0;
}
/*==========関連記事==========*/
.sideBox .relation {
padding:15px 0 5px;
border-radius:0;
margin:0;
}
.sideBox .relation dt {
width:90%;
margin:0 auto;
}
.sideBox .relation li {
width:90%;
margin:0 auto;
padding:4% 0;
}
.sideBox .relation li img {
width:30%;
float:left;
margin:0 5% 0 0;
}
.sideBox .relation li p {
width:65%;
float:left;
font-size:4vw;
line-height:1.4em;
}

.spBnr {
	margin: 12px auto 12px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
footer
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
footer {
padding:10% 0 1em;
}
	
/* 181214 */
dl.campaign {
	width: 94%;
}
dl.campaign dd h5 {
	margin: 0.25em 0 0.25em 0;
}



.itemData .boxR li:first-child {
    margin: 0 3% 0 0;
}
.itemData .boxR li {
    width: calc(50% - 1.5%);
    float: left;
}



}