@charset "shift_jis";

/* select-box
-------------------------------------------------- */

.contents .head-info {background:#f98daf; border-color:#f98daf;}
.box-link a.btn.orange {background:#f1647e;}
.box-link a.btn.orange:hover {background:#ff9aad;}
.box-link a.btn.green {background:#5eb7ca;}
.box-link a.btn.green:hover{background:#77cadc;}
.box-link a.btn.blue {background:#024FE7;}
.box-link a.btn.blue:hover {background:#4785ff;}

.info-image {text-align:center;}

/* BTN */
.ranking .ranking-box .box-link li:nth-child(2),
.ranking-aside .ranking-box .box-link li:nth-child(2) {padding-right:10px; display:table-cell;}
.ranking .ranking-box .box-link li:nth-child(3),
.ranking-aside .ranking-box .box-link li:nth-child(3) {display:table-cell;}
.ranking .ranking-box .box-link a.btn {line-height:24px; font-size:16px; margin:0 1px 10px; width:307px;}
.ranking-aside .ranking-box .box-link a.btn {line-height:24px; font-size:16px; margin:0 1px 10px; width:287px;}
.ranking-box .box-logo {width:100px; padding:10px 15px;}
.ranking .ranking-box .box-logo + .box-voice {width:535px;}
.ranking .ranking-box .box-voice li {width:535px;}
.ranking-top .ranking .ranking-box .box-voice li {width:505px;}
.ranking .ranking-box .box-logo a {padding-top:0;}
.ranking .ranking-top .ranking-box .box-logo a {padding-top:14px;}
.main-contents .ranking .ranking-box .box-link,
.main-contents .ranking-aside .ranking-box .box-link {display:block; width:auto; display:block; margin:10px 0 0;}
.ranking-top .ranking-aside .ranking-box .box-logo,
.ranking-top .ranking-box .box-logo {vertical-align:top; padding:10px 15px;}
.ranking .box-link ul,
.ranking-aside .box-link ul {margin: 10px 10px 0;}
.ranking .box-link a.btn.orange  {background:#ea5076; width:626px;}
.ranking-aside .box-link a.btn.orange {background:#ea5076; width:586px;}
.ranking .box-link a.btn.orange:hover {background:#ea5076; opacity:0.7;}
.ranking .box-link a.btn.green,
.ranking-aside .box-link a.btn.green {background:#1dc7b8;}
.ranking .box-link a.btn.green:hover {background:#1dc7b8; opacity:0.7;}
.ranking .box-link a.btn.blue,
.ranking-aside .box-link a.btn.blue {background:#3a8de9;}
.ranking .box-link a.btn.blue:hover {background:#3a8de9; opacity:0.7;}
.ranking .ranking-box .box-link li:nth-child(2) .btn:before,
.ranking .ranking-box .box-link li:nth-child(3) .btn:before,
.ranking-aside .ranking-box .box-link li:nth-child(2) .btn:before,
.ranking-aside .ranking-box .box-link li:nth-child(3) .btn:before {margin-top: -12px;}
.ranking .ranking-box .box-link li:nth-child(2) .btn:after,
.ranking .ranking-box .box-link li:nth-child(3) .btn:after,
.ranking-aside .ranking-box .box-link li:nth-child(2) .btn:after,
.ranking-aside .ranking-box .box-link li:nth-child(3) .btn:after {margin-top: -8px !important;}


/* Layout */

.ranking-box .box-voice,
.ranking-aside .box-voice,
.ranking-top .ranking-box .box-voice,
.ranking-top .ranking-aside .box-voice,
.ranking-top .ranking-aside .no-client .box-voice {width:100%; padding:10px 10px 10px 10px; box-sizing:border-box;}
.ranking-box .box-logo,
.ranking-aside .ranking-box .box-logo,
.ranking-top .ranking-box .box-logo,
.ranking-top .ranking-aside .ranking-box .box-logo {vertical-align:top;}
.box-voice .box-voice-txt.box-voice-catch {background-color:#fff; margin:0; padding:0; border-radius:0; overflow:hidden;}
.box-voice .box-voice-txt.box-voice-catch h3 {background-color:#fcc; padding:6px 1rem; font-size:0.9rem;}
.box-voice .box-voice-txt.box-voice-catch p {padding:10px 10px 10px 0; margin:0 0 0 20px;}
.box-voice .box-voice-txt.box-voice-catch h4 {display:block; border-bottom:1px solid #fcc; margin:10px 0.5rem 0; padding:0 0.6rem 5px 0.8rem; font-size:0.9rem;}

.ranking .ranking-box .box-voice li,
.ranking-top .ranking .ranking-box .box-voice li,
.ranking-aside .ranking-box .box-voice li {width:auto; padding:0 10px 6px 0; margin:0;}
.ranking-box .box-voice li.box-voice-txt:before {content:"\30fb"; top:0;}

.other-voice-title {cursor:pointer; background:#fff;}
.other-voice-title:hover {opacity:0.8; background:#fff4f4;}
.other-voice-title h3 {padding:7px 10px 7px 34px; margin-bottom:0; position:relative; border-top:1px dotted #e6e7e7;}
.other-voice-title h3 .icon-status {background-color:#333; display:inline-block; width:16px; height:16px; position:absolute; transform:translateY(-50%); top:50%; left:10px; border-radius:3px;}
.other-voice-title h3 .icon-status:before {display:block; content:""; position:absolute; top:0; bottom:0; left:50%; margin:auto; width:12px; height:2px; background-color:#fff; transition:.1s; transform:rotate(90deg) translate(0,300%);}
.other-voice-title h3 .icon-status:after {display:block; content:""; position:absolute; top:0; bottom:0; left:50%; margin:auto; width:12px; height:2px; background-color:#fff; transition:.1s; transform:translateX(-50%);}
.other-voice-title.open h3 .icon-status:before {transform:rotate(0deg) translateX(-50%);}
.box-voice ul.other-voice-list {display:none; padding:5px 5px 5px 5px; background-color:#fff; margin:0;}

.ranking-aside .ranking-box .box-logo + .box-voice {width:auto;}

/* **
.ranking-box .box-logo a,
.ranking-top .ranking-box .box-logo a {padding:0;}
.callfeat {display:table-cell; margin:0; padding:10px 0 0 0; width:503px; background:none; border:none; padding-bottom:10px;}

.calltxt {height:0; border:none; border-bottom:28px solid #c33; border-right:16px solid transparent; color:#fff; line-height:1rem; padding-left:16px; margin:0; padding:0 32px; line-height:28px; background:none; border-radius:4px 0 0 0; width:auto;
	font-size:13px;}
.callnumber {border:3px solid #c33; border-radius:0 4px 4px 4px; padding:0; box-sizing:border-box; width:508px; margin-top:-3px; position:relative;}
** */
/*.callnumber::before{content:""; position:absolute; right:0; box-sizing:border-box; width:8px; height:6px; border:6px solid transparent; border-left:8px solid #c33; top:50%; margin-top:-6px;}*/
/* **
.callnumber:before{content:""; display:inline-block; width:12px; height:12px; -webkit-border-radius:50%; border-radius:50%;	border:2px solid #c33; background:none;	position:absolute; left:6px; top:50%; margin-top:-8px;}
.callnumber:after{content:""; box-sizing:border-box; width:5px; height:4px; border:4px solid transparent; border-left: 6px solid #c33; background:none; position:absolute; left:12px; top:50%; margin-top:-4px;}
.callnumber a {display:block; padding:10px 10px 10px 30px; background-color:#fff;}
.callnumber a:hover {background-color:#fff6f6;}

** */