@charset "UTF-8";
@import url('https://fonts.googleapis.com/css?family=Noto+Sans+JP|Roboto|Roboto+Condensed&display=swap');
abbr,
fieldset,
img {
border: 0
}
.gachaBtn,
body,
table,
textarea {
width: 100%
}
body,
div,
table {
word-wrap: break-word
}
#mainRight,
.fl {
float: left
}
.ranking-main-dl ul,
.sub-column li,
li {
list-style: none
}
* {
letter-spacing: 0
}
html {
overflow-y: scroll
}
body {
color: #444;
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", Meiryo, "メイリオ", Osaka, "MS PGothic", arial, helvetica, sans-serif;
font-size: 16px;
font-style: normal;
line-height: 2;
background: #fff
}
body.col3 {
overflow: hidden;
position: relative
}
blockquote,
body,
div,
fieldset,
form,
h1,
h2,
h3,
h4,
h5,
h6,
input,
li,
ol,
p,
pre,
ul {
margin: 0;
padding: 0
}
address,
caption,
cite,
code,
dfn,
h1,
h2,
h3,
h4,
h5,
h6,
var {
font-style: normal;
font-weight: 400;
font-size: 100%
}
caption {
text-align: left
}
#mainCenter .center th,
.center,
.gachaBtn {
text-align: center
}
q {
quotes: none
}
q:after,
q:before {
content: '';
content: none
}
img.aligncenter {
display: block;
margin: auto
}
.b,
.bold,
b,
strong {
font-weight: 700
}
dd {
margin: 0
}
button,
input,
optgroup,
option,
select,
textarea {
margin: 0;
font-size: 100%;
vertical-align: baseline;
font-family: sans-serif
}
textarea {
overflow: auto;
vertical-align: top
}
input[type=text],
textarea {
padding: 2px
}
button,
input[type=reset],
input[type=submit],
input[type=button] {
-webkit-appearance: button
}
button::-moz-focus-inner,
input::-moz-focus-inner {
margin: 0;
padding: 0;
border: 0
}
table {
border-collapse: collapse;
border-spacing: 0;
table-layout: fixed;
word-break: break-all
}
table hr {
margin-bottom: 0
}
.clearfix:after {
visibility: hidden
}
.clearfix {
min-height: 1px
}
div#footer-in a {
    color: #fff;
}
#footer-in ul {
    margin-left: 10px;
    margin-bottom: 10px;
}
#footer-in:after,
#global-nav-in #menu:after,
#header-in:after,
#main-and-sub:after,
#main-contents .cont-menu01:after,
#main-contents .cont-menu02:after,
#main-contents .sb:after,
#main-contents dl.dl-style01:after,
#main-in:after,
#top-in:after,
.box-wrap:after,
.clearfix:after,
.contact:after,
.contents:after,
dl.search-box:after {
content: '';
display: block;
clear: both;
height: 0
}
#footer-in,
#global-nav-in #menu,
#header-in,
#main-and-sub,
#main-contents .cont-menu01,
#main-contents .cont-menu02,
#main-contents .sb,
#main-contents dl.dl-style01,
#main-in,
#top-in,
.box-wrap,
.clearfix,
.contact,
.contents,
dl.search-box {
/zoom: 1
}
a:link,
a:visited {
color: #3492cf;
text-decoration: none
}
a:active,
a:hover {
color: #fb568e
}
.fontbig li,
.fontbig p {
font-size: 110%
}
.line {
background: linear-gradient(transparent 60%,#fff2b5 60%);
font-weight: 700
}
.imgBorder {
border: 1px solid #bebfc1;
box-sizing: border-box
}
.emp {
color: #ff7b00;
font-weight: 700
}
.gachaBtn {
border: 1px solid #5fb9f5;
border-radius: 2px;
color: #5fb9f5;
display: block;
font-weight: 700;
padding: 7px 0;
margin: 0 auto;
transition: 0.3s;
font-size: 15px;
box-sizing: border-box
}
.gachaBtn:hover {
color: #fff;
background: #217bd6
}
body .post .gachaBtn {
text-decoration: none;
box-sizing: border-box
}
.hyokaIcon {
display: inline-block;
padding: 0 5px;
border-radius: 3px;
font-weight: 700;
background: #ede6ce;
margin: 0 5px 5px 6px
}
#breadcrumbs ol,
#mainInner {
width: 980px;
margin: 0 auto
}
#breadcrumbs {
clear: both;
font-size: 13px;
line-height: 2
}
#breadcrumbs li {
display: inline;
margin-right: 0.5em;
line-height: 1.8;
font-size: 11px
}
div#breadcrumbs li a {
    color: #3492cf;
}
#main-image,
#mainCenter .app-main br,
#mainCenter .appguide-box br,
#mainCenter .appguide-box p:empty,
#mainCenter .chumokuapp-box p:empty,
#mainCenter .mapplist-box br,
#mainCenter .mapplist-box p:empty,
#mainCenter .new2-box br,
#mainCenter .new2-box p:empty,
#mainCenter .top-slide-box br,
#mainCenter .top-slide-box p:empty,
#sidebar .sidebar-btn,
#sidebar-50,
#sub-contents .sub-contents-btn,
.appguide-box,
.gNaviWrap,
.kaijiban-box,
.logoSP,
.mapplist-box,
.snsBox,
.sp-menu,
.sp-menuBtn{
display: none;
}
#breadcrumbs li a {
padding-right: 15px;
background: url('/media/images/icon/icon-brc.gif') center right no-repeat;
}
#breadcrumbs ol {
overflow: hidden;
white-space: nowrap;
line-height: 30px;
height: 30px
}
#mainInner-col2 #mainCenter {
width:680px;
}
#mainInner-col2 #breadcrumbs {
margin:10px auto 20px;
width:100%;
background: #e3e3e3;
padding:5px 10px;
box-sizing:border-box;
border-radius:10px;
}
#mainInner-col2 #breadcrumbs:before {
content: '';
background: #f5f5f5;
width: 100%;
top: 63px;
left: 0;
height: 32px;
margin: auto;
position: absolute;
z-index: -1
}
#mainCenter {
margin-right: 15px;
margin-bottom: 20px
}
#mainRight {
width: 285px;
}
#mainCenter .chumokuapp-box p:last-child {
margin: 0;
padding: 0;
height: auto;
line-height: 0
}
#sidebar-47,
#sidebar-51 {
margin-bottom: 20px
}
.top-main-banner img {
width: 100%;
height:auto;
object-fit: cover;
}
#mainRight a.allBtn2 {
display: block;
text-align: center;
margin: 20px auto;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
padding: 5px 0;
line-height: 30px;
width: 60%;
border-radius: 30px;
color: #FFF;
box-shadow: 0 2px 0 1px #0070bc
}
#mainRight a.allBtn2:hover {
background: #217bd6;
color: #f2faff
}
#sidebar-new-1,
#sidebar-new-3 {
background: #FFF;
margin-bottom: 20px;
border: 1px solid #e2e2e2
}
#sidebar-new-1 {
position: relative;
padding-bottom: 0
}
#sidebar-new-1 h3 {
background: url('https://oripalette.jp/media/img/common/icon/widget-icon-ranking.png') 15px 11px no-repeat #f7568a;
background-size: 24px;
border: none;
padding: 10px 0 10px 50px;
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
line-height: 1.6;
color: #fff
}
#sidebar-new-1 article {
border-bottom: solid 1px #e2e2e2;
margin: 0 5px 10px;
padding-bottom: 10px
}
#sidebar-new-1 article a.kiji-ss-box {
position: relative;
display: inline-block;
box-sizing: border-box;
width: 48%;
padding: 4px;
vertical-align: top;
}
#sidebar-new-1 article a.kiji-ss-box img.kiji-ss {
width: 100%;
object-fit: cover;
object-position: center top;
height: 81px
}
#sidebar-new-1 article a.kiji-ss-box img.no-icon {
width: 40px;
position: absolute;
left: 0;
top: -2px
}
#sidebar-new-1 article p {
position: relative;
overflow: hidden;
line-height: 18px;
display: inline-block;
width: 48%;
font-size: 14px;
vertical-align: middle
}
#sidebar-44 article p:after,
#sidebar-new-1 article p:before {
position: absolute;
background: #fff
}
#sidebar-new-1 article p a {
font-size: 12px
}
#sidebar-new-1 article p span a {
display: block;
width: 80%;
margin-bottom: 1px;
background: #ccc;
padding: 1px 5px;
text-align: center;
font-size: 10px;
color: #fff;
font-weight: 700;
line-height: normal
}
#sidebar-new-1 article p span a:hover {
color: #fff;
background: #676767
}
#sidebar-new-3 {
position: relative
}
#sidebar-new-3 h3 {
background: url('https://oripalette.jp/media/img/common/icon/widget-icon-list.png') 14px 11px/22px no-repeat #f7568a;
padding: 10px 0 10px 50px;
font-size: 16px;
font-weight: 700;
margin: 0 0 15px;
line-height: 1.6;
color: #fff
}
#sidebar-new-3 span.sub-h-txt {
position: absolute;
top: 28px;
left: 60px;
font-size: 11px;
color: #999
}
.footLogo,
.member-box {
position: relative
}
#sidebar-new-3 ul.ri-app-list {
margin: 10px 0 0;
display: block;
padding: 0 10px
}
#sidebar-new-3 ul.ri-app-list li {
display: inline-block;
width: 31%;
margin: 0;
text-align: center
}
#sidebar-new-3 ul.ri-app-list li a[href="/category/bridalnet"] img {
border: 0
}
#sidebar-new-3 ul.ri-app-list li img {
width: 70px;
height: 70px;
border-radius: 10px;
border: 1px solid #e2e2e2
}
#sidebar-new-3 ul.ri-app-list li span {
display: inline-block;
font-size: 11px;
font-weight: 700;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
width: 100%;
margin-top: 5px
}
#mainRight .search-form_inputXX {
margin: 15px 0 0
}
#mainRight .search-form_inputXX form input[type=text] {
    padding: 0 0 0 6px;
    width: 80%;
    box-sizing: border-box;
    line-height: 30px;
    font-size: 12px;
    border: 1px solid #00c892;
}
#mainRight .search-form_inputXX form input[type=submit] {
    box-sizing: border-box;
    width: 20%;
    line-height: 30px;
    padding: 0;
    border: 1px solid #00c892;
    background: #00c892;
    color: #FFF;
    cursor: pointer;
}
#sidebar-51 h3,
#sidebar-52 h3 {
background: url('https://oripalette.jp/media/img/common/icon/widget-icon-writer.png') 14px 11px/22px no-repeat #f7568a;
padding: 10px 0 10px 50px;
font-size: 16px;
font-weight: 700;
line-height: 1.6;
color: #fff;
border: 1px solid #e2e2e2;
border-bottom: 0
}
.member-box {
background: #FFF;
border: 1px solid #e2e2e2;
border-top: 0;
margin-bottom: 20px;
padding: 10px 0
}
.member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center
}
.member-box ul li {
width: 29%;
text-align: center;
margin: 5px 5px 10px;
display: block
}
.member-box ul li img {
width: 60px;
margin: 0 auto;
display: block;
border-radius: 50%;
cursor: pointer;
transition-duration: 0.8s;
height: 60px;
object-fit: cover
}
.member-box ul li img:hover {
opacity: .8;
cursor: pointer;
transform: scale(1.1);
transition-duration: 1s;
transition-timing-function: ease
}
#mainCenter section.new2-box article ul li a:hover,
.footLogo img:hover {
opacity: .6
}
.member-box ul li span {
display: block;
line-height: normal;
font-size: 12px;
margin-top: 5px
}
#footer {
clear: both;
font-size: 12px
}
#footer-in {
width: 980px;
margin: auto
}
#footer .footer-menu h3 {
background: 0 0;
border-bottom: 1px solid #2299f2;
margin: 0 0 5px;
padding: 0 0 5px;
line-height: normal;
display: block
}
#footer h3 {
color: #333;
font-weight: 700
}
.footLogo:after {
content: '';
display: block;
position: absolute;
top: -15px;
right: 15px;
width: 540px;
height: 105px;
background: url('https://oripalette.jp/media/img/common/icon/icon-no1-pc.png') right/contain no-repeat
}
.footLogo:before {
content: '※ 日本マーケティングリサーチ機構調べ 調査概要：2019年10月期_サイトのイメージ調査';
display: block;
position: absolute;
top: 90px;
right: 75px;
font-size: 10px;
color: #3b6287
}
#footer-in > .area02 {
display: none
}
.footLogo {
margin: 0 auto 40px;
text-align: center;
display: block
}
.footLogo img {
width: 35%;
display: block;
padding-top: 6px
}
#footer .sitelink-f li,
body .footer-menu li {
display: inline-block
}
.area01-freebox {
float: left;
box-sizing: border-box;
width: 38%;
padding: 10px;
color: #333;
background: 0 0;
border-radius: 5px;
border: 1px solid #d8d8d8
}
body #footer .area02 {
float: right;
box-sizing: border-box;
width: 60%;
padding: 0 0 0 10px;
position: relative
}
body .footer-menu li {
margin-bottom: 5px;
padding: 0 10px 3px
}
#footer-in .menu-footer2-container:first-of-type {
margin-bottom: 20px
}
#footer-in .menu-footer2-container:first-of-type li {
margin: 3px 2px;
padding: 0
}
#footer-in .menu-footer2-container:first-of-type li a {
background: #9c9c9c;
padding: 3px 10px;
border-radius: 50px;
color: #FFF
}
#footer-in .menu-footer2-container:first-of-type li a:hover {
opacity: .5
}
body #footer .area01 {
padding-bottom: 20px;
overflow: hidden;
width: 100%;
padding-top: 20px
}
#footer .sitelink-f {
box-sizing: border-box;
float: left;
width: 39%;
margin-top: 10px
}
#footer .sitelink-f li a {
display: block;
padding: 2px 10px 0 18px;
position: relative;
margin-top: 5px
}
#footer .sitelink-f li a:hover {
color: #fb568e
}
#footer .sitelink-f li a::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
background-color: #fb568e;
top: 50%;
left: 0;
margin-top: -2px
}
#footer .sitelink-f li a::after {
position: absolute;
content: "";
border: 7px solid transparent;
border-left: solid 7px #fb568e;
top: 50%;
left: 5px;
margin-top: -6px
}
.copyright {
padding: 5px 0;
background: #d8d8d8;
font-size: 10px;
text-align: center
}
.footerBtn {
display: block;
position: fixed;
width: 20%;
bottom: 25%
}
.topBtn {
position: fixed;
background: rgba(0, 0, 0, .54);
right: 10%;
bottom: 3%;
width: 70px;
height: 70px;
border-radius: 50%
}
body .topBtn a {
position: absolute;
top: 50%;
left: 50%;
-webkit-transform: translate(-50%, -50%);
-moz-transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%);
-o-transform: translate(-50%, -50%);
transform: translate(-50%, -50%);
color: #fff;
font-weight: 700;
text-align: center;
font-size: 12px;
width: 50px;
padding: 25px 0;
display: block
}
.topBtn a img {
display: block;
width: 25px;
text-align: center;
margin: 0 auto 5px;
padding: 0
}
.topBtn:hover {
opacity: .5;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease
}
body .top-main-box {
width: 100%;
margin: 0 auto;
padding: 20px 0 0;
background: url('https://oripalette.jp/media/img/common/top/shindan-monobg.png');
height: 430px;
border-bottom: 0;
position: relative
}
body .top-main-box .shindan-midashi {
position: relative;
z-index: 2;
text-align: center;
background: rgba(0, 0, 0, .85);
padding: 20px 0;
margin: 0
}
body .top-main-box .shindan-midashi:after,
body .top-main-box .shindan-midashi:before {
position: absolute;
width: 100%;
height: 50px;
top: 0;
bottom: 0;
margin: auto;
opacity: .5;
content: ""
}
body .top-main-box .shindan-midashi:before {
background: url('https://oripalette.jp/media/img/common/top/shindan-icon-l.png') right repeat-x;
left: -68%
}
body .top-main-box .shindan-midashi:after {
background: url('https://oripalette.jp/media/img/common/top/shindan-icon-r.png') left repeat-x;
left: 68%
}
body .top-main-box .shindan-midashi img {
width: 400px;
position: relative;
z-index: 1
}
body .top-main-box .select-box {
background: url('https://oripalette.jp/media/img/common/top/shindan-monobg-2.png') #FFF;
width: 650px;
display: block;
text-align: center;
padding: 30px 0 0;
box-sizing: border-box;
border-radius: 10px;
height: 280px;
position: relative;
margin: 20px auto 0
}
body .top-main-box .select-box:before {
content: "";
background: url('https://oripalette.jp/media/img/common/top/shindan-man.png') bottom/100% no-repeat;
position: absolute;
z-index: 3;
width: 190px;
height: 420px;
bottom: -15px;
left: -160px
}
body .top-main-box .select-box:after {
content: "";
background: url('https://oripalette.jp/media/img/common/top/shindan-woman.png') bottom/100% no-repeat;
position: absolute;
z-index: 3;
width: 130px;
height: 400px;
bottom: -15px;
right: -80px
}
body .top-main-box .select-box button {
width: 60%;
line-height: 58px;
border-radius: 10px;
background: rgba(48, 165, 242, 1);
background-image: linear-gradient(-30deg,#f7568a,#2295ed,#30a5f2);
transition: 0.6s;
background-size: 230%;
border: 0;
font-size: 24px;
font-weight: 700;
color: #FFF;
cursor: pointer;
box-shadow: 0 4px 1px 0 #0070bc;
margin: 10px 0 0;
padding: 3px 0 0
}
body .top-main-box .select-box button:hover {
background-position: right center;
box-shadow: 0 4px 1px 0 #005c9a
}
body .top-main-box .select-box button:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
body .top-main-box .select-box a.top-icon-huwa-1 {
position: absolute;
top: -55px;
left: -160px;
z-index: 3
}
body .top-main-box .select-box a.top-icon-huwa-2 {
position: absolute;
top: 0;
right: -90px;
z-index: 4
}
body .top-main-box .select-box a.top-icon-huwa-1 img:hover,
body .top-main-box .select-box a.top-icon-huwa-2 img:hover {
width: 65px;
border-radius: 10px;
border: 2px solid #e2e2e2;
opacity: 1;
transition: 0.5s
}
body .top-main-box .select-box a.top-icon-huwa-1 img,
body .top-main-box .select-box a.top-icon-huwa-2 img {
width: 50px;
border-radius: 10px;
border: 1px solid #e2e2e2
}
body .top-main-box .select-1 {
width: 100%;
position: relative
}
body .top-main-box .select-1 select {
width: 80%;
height: 50px;
border: 1px solid #dedede;
padding: 0 20px;
background: #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
body .top-main-box .select-2-3 {
width: 100%;
margin: 20px 0;
display: flex;
justify-content: center;
align-items: center;
position: relative
}
body .top-main-box .select-2-3 select {
width: 39%;
height: 50px;
border: 1px solid #dedede;
padding: 0 20px;
margin: 0 1%;
background: #FFF;
-webkit-appearance: none;
-moz-appearance: none;
appearance: none
}
.top-main-box .select-2-3:before,
body .top-main-box .select-1:after,
body .top-main-box .select-2-3:after {
content: '▼';
display: inline-block;
color: #f8558a;
position: absolute;
top: 10px;
margin: auto;
width: 1px;
bottom: 0
}
body .top-main-box .select-1:after,
body .top-main-box .select-2-3:after {
right: 90px
}
.top-main-box .select-2-3:before {
right: 65px;
left: 0
}
.top-icon-huwa-1,
.top-icon-huwa-2 {
-webkit-animation: fuwafuwa 3s infinite linear alternate;
animation: fuwafuwa 3s infinite linear alternate
}
@-webkit-keyframes fuwafuwa {
0% {
-webkit-transform: translate(0, 0) rotate(-5deg)
}
50% {
-webkit-transform: translate(0, -5px) rotate(0)
}
100% {
-webkit-transform: translate(0, 0) rotate(5deg)
}
}
@keyframes fuwafuwa {
0% {
transform: translate(0, 0) rotate(-5deg)
}
50% {
transform: translate(0, -5px) rotate(0)
}
100% {
transform: translate(0, 0) rotate(5deg)
}
}
#mainCenter section.new2-box {
margin-bottom: 40px
}
#mainCenter section.new2-box h2 {
color: #FFF;
background: url('https://oripalette.jp/media/img/common/top/h2-bg-r.png') right center/20px no-repeat #333;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
#mainCenter section.new2-box .top-new2-wappa {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
#mainCenter section.new2-box article {
border: 1px solid #e2e2e2;
width: 32%;
margin: 0 0 10px;
display: inline-block;
position: relative;
padding: 0;
max-height: 200px;
min-height: 210px;
border-radius: 10px;
box-sizing: border-box
}
#mainCenter section.new2-box article img {
width: 100%;
height: auto;
max-height: 90px;
position: relative;
object-fit: cover;
top: -1px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #e2e2e2;
box-sizing: border-box
}
#mainCenter section.new2-box article ul,
#mainCenter section.new2-box article ul li {
padding: 0;
margin: 0
}
#mainCenter section.new2-box article ul li a,
#mainCenter section.new2-box article ul li:nth-child(2) a {
padding: 0 12px;
right: 0;
background: rgba(51, 51, 51, .6);
color: #FFF;
width: auto;
font-size: 12px;
line-height: 22px;
margin: 0;
display: inline-block;
position: absolute
}
#mainCenter section.new2-box article ul li a {
top: 0;
border-radius: 0 10px 0 0
}
#mainCenter section.new2-box article ul li:nth-child(2) a {
top: 25px;
border-radius: 0
}
#mainCenter section.new2-box article p {
font-size: 14px;
display: inline-block;
padding: 5px;
margin: 0;
line-height: 1.4;
font-weight: 700
}
#mainCenter section.new2-box article span {
display: inline-block;
padding: 5px;
margin: 0 0 10px;
position: absolute;
bottom: -10px;
right: 3px;
font-size: 12px;
color: #999
}
#mainCenter section.new2-box a.allBtn {
display: block;
text-align: center;
margin: 20px auto 0;
background: #5fb9f5;
padding: 10px;
width: 50%;
border-radius: 20px;
color: #FFF
}
#mainCenter section.new2-box a.allBtn:hover {
background: #217bd6;
color: #f2faff
}
.top-newlist-wappa {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center
}
#mainCenter section.ninkirank-box {
margin-bottom: 30px
}
#mainCenter section.ninkirank-box h2 {
color: #FFF;
background: url('https://oripalette.jp/media/img/common/top/h2-bg-r.png') right center/20px no-repeat #333;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
#mainCenter section.ninkirank-box article {
border: 1px solid #e2e2e2;
width: 32%;
margin: 0 0 10px;
display: inline-block;
position: relative;
padding: 0;
box-sizing: border-box;
max-height: 200px;
min-height: 190px;
border-radius: 10px
}
#mainCenter section.ninkirank-box article br {
display: none
}
div.ninkirank-list-main {
width: auto;
display: inline-block;
vertical-align: top;
margin-top: 0;
padding: 6px;
border-top: 0;
box-sizing: border-box
}
.ninkirank-list1 {
margin: 0 0 6px;
padding: 0;
line-height: 20px
}
.ninkirank-list1 a,
.ninkirank-list1 a:nth-child(2) {
position: absolute;
margin: 0;
padding: 0 12px;
background: rgba(51, 51, 51, .6);
color: #FFF;
width: auto;
line-height: 22px;
right: 0;
font-size: 12px
}
.ninkirank-list1 br {
display: none
}
.ninkirank-list1 a {
display: inline-block;
top: 0;
border-radius: 0 10px 0 0
}
.ninkirank-list1 a:hover {
opacity: .8
}
#mainCenter .contents .mokujiInfo_off .mokujiAC:hover,
#mainCenter .contents .mokujiInfo_on .mokujiAC:hover {
opacity: .6
}
.ninkirank-list1 a:nth-child(2) {
display: inline-block;
top: 25px;
border-radius: 0
}
#mainCenter section.ninkirank-box article a img {
width: 100%;
max-height: 90px;
position: relative;
object-fit: cover;
top: 0;
left: 0;
right: 0;
bottom: 0;
margin: auto;
box-sizing: border-box;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid #e2e2e2
}
#mainCenter section.ninkirank-box article > a {
height: 100%;
width: 100%;
display: inline-block;
padding: 0;
margin: 0;
position: relative
}
#mainCenter section.ninkirank-box article > a br {
display: none
}
#mainCenter section.ninkirank-box article ul li {
display: inline-block;
margin: 0;
padding: 0
}
#mainCenter section.ninkirank-box article ul li a {
display: inline-block;
padding: 10px 10px 5px 5px;
margin: 0 5px 0 0;
background: linear-gradient(transparent 60%,#FFDFEF 0) rgba(0, 0, 0, 0);
font-size: 12px;
color: #3492cf;
font-weight: 700
}
#mainCenter section.ninkirank-box article ul li a:hover {
display: inline-block;
padding: 10px 10px 5px 5px;
margin: 0 5px 0 0;
background: linear-gradient(transparent 60%,#fffdbf 0) rgba(0, 0, 0, 0);
font-size: 12px;
color: #fb568e;
font-weight: 700
}
#mainCenter section.ninkirank-box article p {
display: inline-block;
padding: 0;
margin: 0;
font-size: 14px;
font-weight: 700;
line-height: 1.4
}
#mainCenter section.ninkirank-box article p:empty {
display: none;
margin: 0;
padding: 0
}
#mainCenter section.ninkirank-box article span {
padding: 5px;
margin: 0 0 4px;
position: absolute;
bottom: 0;
right: 5px;
font-size: 11px;
color: #999;
font-weight: 700;
display: none
}
#mainCenter section.ninkirank-box a.allBtn,
#mainCenter section.ninkirank-box a.allBtn2 {
text-align: center;
margin: 20px auto;
padding: 5px 0;
line-height: 30px;
width: 60%;
border-radius: 30px;
box-shadow: 0 2px 0 1px #0070bc
}
#mainCenter section.ninkirank-box a.allBtn {
display: table;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.ninkirank-box a.allBtn:hover {
background: #217bd6;
color: #f2faff
}
#mainCenter section.ninkirank-box a.allBtn2 {
display: block;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.ninkirank-box a.allBtn2:hover {
background: #217bd6;
color: #f2faff
}
div.more-Btn {
width: 100%;
box-sizing: border-box
}
#mainCenter section.chumokuapp-box {
margin-bottom: 30px
}
#mainCenter section.chumokuapp-box h2 {
color: #FFF;
background: url('https://oripalette.jp/media/img/common/top/h2-bg-r.png') right center no-repeat #333;
background-size: 20px;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
#mainCenter section.chumokuapp-box .top-chumokuapp-wappa {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: space-between;
align-items: center;
}
#mainCenter section.chumokuapp-box article {
border: 1px solid #e2e2e2;
background: #FFF;
width: 31.5%;
margin: 0 0 15px;
display: inline-block;
position: relative;
min-height: 180px;
box-sizing: border-box;
line-height: normal;
}
#mainCenter section.chumokuapp-box div.top-chumokuapp-wappa article:nth-child(1) a:before {
content: '';
position: absolute;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
background-image: url('https://oripalette.jp/media/img/common/icon/app-no1-icon.png') no-repeat/contain
}
#mainCenter section.chumokuapp-box div.top-chumokuapp-wappa article:nth-child(2) a:before {
content: '';
position: absolute;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
background-image: url('https://oripalette.jp/media/img/common/icon/app-no2-icon.png') no-repeat/contain
}
#mainCenter section.chumokuapp-box div.top-chumokuapp-wappa article:nth-child(3) a:before {
content: '';
position: absolute;
z-index: 2;
display: inline-block;
width: 40px;
height: 40px;
top: -1px;
left: -1px;
background-image: url('https://oripalette.jp/media/img/common/icon/app-no3-icon.png') no-repeat/contain
}
#mainCenter section.chumokuapp-box article img {
width: 100%;
height: 87px;
object-fit: cover;
}
#mainCenter section.chumokuapp-box article ul li {
display: inline-block;
margin: 0;
padding: 0
}
#mainCenter section.chumokuapp-box article ul li a {
display: inline-block;
padding: 10px;
margin: 0 5px;
background: #ccc;
font-size: 12px;
color: #FFF;
font-weight: 700
}
#mainCenter section.chumokuapp-box article ul li a:hover {
display: inline-block;
padding: 10px;
margin: 0 5px;
background: #676767;
font-size: 12px
}
#mainCenter section.chumokuapp-box article p {
display: block;
padding: 5px;
line-height: 1.8em;
margin: 2px;
font-size: 12px;
color: #676767;
font-weight: 700;
width: auto
}
#mainCenter section.chumokuapp-box article span {
padding: 0 10px;
margin: 0;
bottom: 0;
left: 3px;
font-size: 14px;
font-weight: 700;
color: #2397ed;
width: auto;
text-align: center;
background: none;
}
#mainCenter section.chumokuapp-box a.allBtn,
#mainCenter section.chumokuapp-box a.allBtn2 {
margin: 20px auto;
padding: 5px 0;
width: 60%;
border-radius: 30px;
box-shadow: 0 2px 0 1px #0070bc;
text-align: center;
line-height: 30px
}
#mainCenter section.chumokuapp-box a.allBtn {
display: table;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.chumokuapp-box a.allBtn:hover {
background: #217bd6;
color: #f2faff
}
#mainCenter section.chumokuapp-box a.allBtn2 {
display: block;
background: rgba(48, 165, 242, 1);
background: -moz-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -webkit-gradient(left top,right top,color-stop(0,rgba(48,165,242,1)),color-stop(100%,rgba(34,149,237,1)));
background: -webkit-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -o-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: -ms-linear-gradient(left,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
background: linear-gradient(to right,rgba(48,165,242,1) 0,rgba(34,149,237,1) 100%);
color: #FFF
}
#mainCenter section.chumokuapp-box a.allBtn2:hover {
background: #217bd6;
color: #f2faff
}
section.chumokuapp-box a.linkalls {
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0;
z-index: 10
}
#mainCenter section.chumokuapp-box h3 {
background: url('https://oripalette.jp/media/img/common/top/ranking-icon-koi.png') left center/32px no-repeat;
color: #050d41;
font-size: 16px;
margin: 0 auto;
padding: 0 0 0 45px;
width: auto;
line-height: 50px;
font-weight: 700;
border: 0
}
#mainCenter section.chumokuapp-box h3:nth-of-type(2) {
background: url('https://oripalette.jp/media/img/common/top/ranking-icon-kon.png') left center/32px no-repeat;
border: 0
}
#mainCenter section.chumokuapp-box h3:nth-of-type(3) {
background: url('https://oripalette.jp/media/img/common/top/ranking-icon-date.png') left center/32px no-repeat;
border: 0
}
#mainInner-col2 {
margin: 0 auto;
width: 980px;
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#mainLeft{
display:none;
}
.post h1 {
font-weight: 700;
font-size: 24px;
margin: 0 0 10px;
line-height: 1.6
}
.post-meta02 {
padding:0;
color: #999;
margin: 0;
}
span.post-data {
font-size: 13px;
display: inline-block;
margin: 0 5px 0 0;
}
#main-contents li,
#mainCenter li {
margin: 15px 0;
line-height: 0.5em
}
#mainCenter .post ul li {
padding: 0
}
#mainCenter ul {
margin: 10px 0
}
body .post a {
text-decoration: underline
}
body .post .conve-bt-boxs a,
body .post .kanrenlist-box a {
text-decoration: none
}
.lead {
font-size: 12px;
color: #777;
margin:10px 0;
}
#snsBox01 li a:active,
#snsBox01 li a:hover,
#snsBox01 li a:link,
#snsBox01 li a:visited,
.snsBox02 li a:active,
.snsBox02 li a:hover,
.snsBox02 li a:link,
.snsBox02 li a:visited {
color: #fff
}
#mainCenter table {
margin-bottom: 1.5em;
padding: 0;
border: 1px solid #dde4e6
}
#mainCenter td,
#mainCenter th {
padding: 0.5em;
border-right: 1px solid #dde4e6;
border-bottom: 1px solid #dde4e6;
font-size: 15px
}
#mainCenter th {
background-color: #f0f0f0;
font-weight: 700;
text-align: left
}
#mainCenter table td ul li {
padding: 5px 0;
border-bottom: 1px dotted #ccc;
background: #fff;
margin-bottom: 0
}
#main-contents table.tableLine li {
margin: 5px 0;
line-height: normal;
width: 100%
}
#mainCenter .post table.tableLine li {
margin: 3px 0;
line-height: normal;
width: 100%;
padding: 5px 0;
background-color: #fcfcfc
}
#mainCenter table td ul li:last-child {
border-bottom: 0;
margin: 5px 0
}
.aricle h2,
.article h3,
.article p {
margin: 0 0 20px;
line-height: 2
}
.box {
padding: 2px 20px;
background: #e6f2b0;
border: 2px solid #c1db3f;
margin: 10px 0
}
#mainCenter #osusumerank td ul li,
#mainCenter .rank-list-appicon td ul li {
border: none;
margin: 0;
line-height: 1.5em;
padding: 5px 0
}
#mainCenter .post table.tableLine ul {
margin: 0
}

body #mainCenter h2 {
    background-size: 100%;
    background-color: #00c892;
    line-height: normal;
    color: #fff;
    font-size: 19px;
    margin: 0 0 20px;
    text-align: left;
    padding: 13px 0 13px 18px;
    font-weight: bold;
    line-height: normal;
    border-bottom: solid 3px #009f74;
}
body #mainCenter h3 {
font-size: 17px;
margin: 0 0 20px;
text-align: left;
padding: 5px 10px 5px 20px;
font-weight: 700;
border-bottom: 2px solid #f05656;
line-height:normal;
position:relative;
}
body #mainCenter h3:before{
content:"";
position:absolute;
background-color: #f05656;
background-size:100% 100%;
width:10px;
height:100%;
top:0;
bottom:0;
left:0;
margin:auto;
}
body #mainCenter h3.kuchi-icon {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/02/2019y02m15d_1218516666.png');
background-repeat: no-repeat;
background-size: 25px;
background-position: left;
padding: 5px 0 5px 30px;
margin: 10px 0 5px;
border: none;
color: #444;
font-size: 17px
}
body #mainCenter h4 {
padding: 5px 0;
font-size: 15px;
margin: 10px 0 15px;
font-weight: 700;
line-height: normal;
background: #f2f2f2;
display: flex;
align-items: center;
border-radius:3px;
}
body #mainCenter h4:before {
content: "";
width: 5px;
height: 25px;
background: #f05656;
display: inline-block;
margin: 0 8px;
border-radius: 50px
}
body #mainCenter h4.kuchi-icon {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/02/2019y02m15d_1218516666.png');
background-repeat: no-repeat;
background-size: 25px;
background-position: left;
background-color: #FFF;
padding: 5px 0 2px 30px;
font-size: 15px;
margin: 10px 0 5px;
border: none
}
#snsBox01 li,
.article .snsBox02 li {
border-radius: 0;
font-size: 80%;
cursor: pointer;
vertical-align: middle;
box-sizing: border-box
}
body #mainCenter h4.kuchi-icon:before {
display: none
}
#sns-button {
padding: 0
}
#snsBox01 {
display: flex;
flex-wrap: wrap;
justify-content: space-around
}
#snsBox01 ul {
padding: 10px
}
#mainCenter .post #snsBox01 li,
#snsBox01 li {
padding: 7px 0 0
}
#snsBox01 li {
display: inline-block;
position: relative;
height: 28px;
width: 23%;
text-align: center
}
#snsBox01 li img {
width: 13px;
margin-right: 3px;
margin-bottom: 2px;
vertical-align: middle
}
#snsBox01 li.facebook-icon img {
width: auto;
height: 13px;
margin-right: 4px;
margin-bottom: 2px;
vertical-align: middle
}
#snsBox01 li.twi-icon {
background-color: #20bee2
}
#snsBox01 li.line-icon {
background-color: #22af94
}
#snsBox01 li.facebook-icon {
background-color: #5f699e
}
#snsBox01 li.hate-icon {
background-color: #297faa
}
#snsBox01 li.twi-icon:hover {
background-color: #00b4ff;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
#snsBox01 li.line-icon:hover {
background-color: #22af94;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
#snsBox01 li.facebook-icon:hover {
background-color: #5f699e;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
#snsBox01 li.hate-icon:hover {
background-color: #297faa;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.sns-button02 {
padding: 0;
margin-bottom: 0px;
position: relative;
vertical-align:middle;
}
.post-meta02+.sns-button02 {
margin-top: 0;
display:none;
}
.sns-button02:last-of-type {
text-align: right;
margin-top: 0;
padding: 0px 0 0;
}
.home .article .sns-button02 {
margin: -18px 0 -25px
}
.contents .article .sns-button02 {
margin: 0
}
#mainCenter .post > .contents{
margin-top:10px;
}
#mainCenter .snsBox02 {
margin: 0;
padding: 0;
position: absolute;
right: 0;
bottom: 0;
display: flex;
flex-wrap: wrap;
justify-content: space-between
}
#mainCenter .post-meta02+.sns-button02 .snsBox02 {
bottom: 7px;
}
#mainCenter .sns-button02:last-of-type .snsBox02 {
position: static;
display: inline-block
}
.snsBox02 ul {
padding: 10px
}
.article .snsBox02 li {
display: inline-block;
position: relative;
height: 24px;
width: 20%;
text-align: center
}
#mainCenter .snsBox02 li {
box-sizing: border-box;
margin: 0 10px 0 0;
border-radius: 50px;
width: 60px;
height: 20px;
line-height: 20px;
display: inline-block;
position: relative;
cursor: pointer;
text-align: center;
vertical-align: middle
}
#mainCenter .sns-button02:last-of-type .snsBox02 li {
margin: 0 5px 0 0
}
#mainCenter .sns-button02:last-of-type .snsBox02 li:last-of-type,
#mainCenter .snsBox02 li:last-of-type {
margin: 0
}
.article .snsBox02 li a {
padding: 5px 0 0;
display: block
}
.snsBox02 li a {
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width: 60px;
height: 20px;
line-height: 20px;
}
.snsBox02 .twi-icon img {
width: 14px
}
.snsBox02 .line-icon img {
width: 14px
}
.snsBox02 li.facebook-icon img {
height: 14px;
}
body #mainCenter table.voiceBox td,
body #mainCenter table.voiceBox2 td {
vertical-align: top
}
.snsBox02 .hate-icon img {
width: 14px;
}
.snsBox02 li.twi-icon {
background-color: #20bee2
}
.snsBox02 li.line-icon {
background-color: #50b945
}
.snsBox02 li.facebook-icon {
background-color: #5f699e
}
.snsBox02 li.hate-icon {
background-color: #297faa
}
.snsBox02 li.twi-icon:hover {
background-color: #00b4ff;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li.line-icon:hover {
background-color: #13bf00;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li.facebook-icon:hover {
background-color: #3b5998;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li.hate-icon:hover {
background-color: #016cde;
transition: background-color 0.5s;
-webkit-transition: background-color 0.5s
}
.snsBox02 li a span {
display: none
}
body #mainCenter table.voiceBox {
margin-bottom: 20px;
position: relative;
z-index: 1
}
body #mainCenter table.voiceBox,
body #mainCenter table.voiceBox td,
body #mainCenter table.voiceBox th {
border: none
}
body #mainCenter table.voiceBox td:first-child {
padding: 0 0 0 10px;
margin: 0;
width: 80px
}
body #mainCenter table.voiceBox td:nth-of-type(2) {
padding: 0 20px
}
body #mainCenter table.voiceBox td:first-child span {
font-size: 13px
}
body #mainCenter table.voiceBox td:first-child img {
display: block;
width: 60px;
margin: 0 auto;
text-align: center;
border-radius: 3px
}
body #mainCenter table.voiceBox td:first-child img[src*="2018y11m28d_2024434391.png"] {
width: 65px;
height: 65px;
object-fit: contain;
object-position: center 5px;
margin: 0 auto;
text-align: center;
-webkit-filter:drop-shadow(-2px 2px 0 #fffcf);
border-radius: 50%;
border: 2px solid #ccc
}
body #mainCenter table.voiceBox td:first-child img[src*="2018y11m28d_2024444835.png"] {
width: 60px;
height: 60px;
padding: 4px 2px 0;
object-fit: contain;
object-position: center 5px;
margin: 0 auto;
text-align: center;
-webkit-filter:drop-shadow(-2px 2px 0 #fffcf);
border-radius: 50%;
background: #e7e7e7
}
body #mainCenter table.voiceBox td:nth-child(2) p::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -10px;
top: 7px;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1
}
body #mainCenter table.voiceBox td:nth-child(2) p::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
left: -8px;
top: 8px;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2
}
body #mainCenter table.voiceBox td:nth-child(2) p {
background: #fff;
padding: 10px;
position: relative;
border: 1px solid #ddd;
border-radius: 2px;
line-height: 2em;
font-size: 13px;
margin: 0;
box-shadow: 1px 1px 2px 0 #e4e4e4
}
body #mainCenter table.voiceBox2 {
margin-bottom: 20px;
position: relative;
z-index: 1
}
body #mainCenter table.voiceBox2,
body #mainCenter table.voiceBox2 td,
body #mainCenter table.voiceBox2 th {
border: none
}
body #mainCenter table.voiceBox2 tr {
display: flex;
flex-flow: row nowrap
}
body #mainCenter table.voiceBox2 td:first-child {
padding: 0 10px 0 0;
margin: 0;
width: 100px;
order: 2
}
body #mainCenter table.voiceBox2 td:nth-of-type(2) {
padding: 0 20px 0 10px;
order: 1;
width: 100%
}
body #mainCenter table.voiceBox2 td:first-child span {
font-size: 13px
}
body #mainCenter table.voiceBox2 td:first-child img {
display: block;
width: 60px;
margin: 0 auto;
text-align: center;
border-radius: 3px
}
body #mainCenter table.voiceBox2 td:nth-child(2) p::before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -10px;
top: 7px;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1
}
body #mainCenter table.voiceBox2 td:nth-child(2) p::after {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -8px;
top: 8px;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2
}
body #mainCenter table.voiceBox2 td:nth-child(2) p {
background: #fff;
padding: 10px;
position: relative;
border: 1px solid #ddd;
border-radius: 2px;
line-height: normal;
font-size: 13px;
margin: 0;
box-shadow: 1px 1px 2px 0 #e4e4e4
}
#main #main-contents .contents .mokujiInfo_off,
#main #main-contents .contents .mokujiInfo_on,
#mainCenter .mokujiInfo_off,
#mainCenter .mokujiInfo_on {
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding: 5px
}
#main #main-contents .contents .mokujiInfo_off h2,
#main #main-contents .contents .mokujiInfo_off p.mokujiTitle,
#main #main-contents .contents .mokujiInfo_on h2,
#main #main-contents .contents .mokujiInfo_on p.mokujiTitle,
#mainCenter .contents .mokujiInfo_off h2,
#mainCenter .contents .mokujiInfo_off p.mokujiTitle,
#mainCenter .contents .mokujiInfo_on h2,
#mainCenter .contents .mokujiInfo_on p.mokujiTitle {
background: 0 0;
font-size: 110%;
margin: 0 0 10px
}
#main #main-contents .contents .mokujiInfo_off h2,
#main #main-contents .contents .mokujiInfo_off p.mokujiTitle,
#main #main-contents .contents .mokujiInfo_on h2,
#main #main-contents .contents .mokujiInfo_on p.mokujiTitle,
#mainCenter .mokujiInfo_off h2,
#mainCenter .mokujiInfo_off p.mokujiTitle,
#mainCenter .mokujiInfo_on h2,
#mainCenter .mokujiInfo_on p.mokujiTitle {
background: rgba(0, 0, 0, 0);
border: none;
color: #333;
font-size: 110%;
font-weight: 700;
margin-top: 0;
padding: 0 0 0 10px
}
#main #main-contents .contents .mokujiInfo_off ul,
#main #main-contents .contents .mokujiInfo_on ul,
#mainCenter .mokujiInfo_off ul,
#mainCenter .mokujiInfo_on ul {
margin: 0 10px;
border: solid #f5f5f5
}
#main #main-contents .contents .mokujiInfo_off ul li,
#main #main-contents .contents .mokujiInfo_on ul li,
#mainCenter .mokujiInfo_off ul li,
#mainCenter .mokujiInfo_on ul li {
font-size: 14px;
background: 0 0;
border-bottom: 0;
padding: 0 3px 0 14px;
line-height: 1.2
}
body .post .mokujiInfo_on a {
text-decoration: none
}
#mainCenter .contents .mokujiInfo_off h2,
#mainCenter .contents .mokujiInfo_off p.mokujiTitle,
#mainCenter .contents .mokujiInfo_on h2,
#mainCenter .contents .mokujiInfo_on p.mokujiTitle {
width: 83%;
display: inline-block;
margin: 0;
padding: 8px 0 8px 12px
}
#mainCenter .contents .mokujiInfo_off .mokujiAC,
#mainCenter .contents .mokujiInfo_on .mokujiAC {
margin: 0 10px;
padding: 3px;
border: 1px solid #f7f7f7;
width: 10%;
color: #FFF;
text-align: center;
display: inline-block;
cursor: pointer
}
#mainCenter .contents .mokujiInfo_off .mokujiAC {
background-color: #89adc3
}
#mainCenter .contents .mokujiInfo_on .mokujiAC {
background-color: #ccc
}
#mainCenter .post .answer-list li {
box-sizing: border-box;
display: inline-block;
width: 48%;
background: #5fb9f5;
color: #fff;
border-radius: 20px;
text-align: center;
position: relative;
margin: 5px;
cursor: pointer
}
#mainCenter .post .answer-list li:before {
content: '';
width: 24px;
height: 24px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/08/2019y08m07d_1103046023.png');
background-size: contain;
position: absolute;
top: 0;
bottom: 0;
left: 15px;
margin: auto
}
#mainCenter .post .answer-list li:hover {
background: #fb568e
}
#mainCenter .question-area {
height: auto;
min-height: 220px
}
.answer-list label {
display: block;
padding: 15px 0;
position: relative;
cursor: pointer
}
.answer-list label br,
.answer-list label input {
display: none
}
div.bar-area {
background: #dedede;
padding: 10px 0;
border-radius: 5px;
margin-bottom: 20px
}
.bar-area .basebar {
border: 0;
background: #fff;
display: block;
border-radius: 5px
}
.bar-area .last-cnt-graph {
background: #fb568e;
border-radius: 0 15px 15px 0
}
.result .result-area p {
display: block
}
.result .result-area span {
display: inline-block;
background: #fff;
color: #fb568e;
padding: 3px 7px;
margin: 5px;
border: 1px solid #ffdae7
}
.result-area p,
.result-area p:nth-child(2) {
display: inline-block;
font-weight: 700;
margin-bottom: 10px
}
.result .result-area {
text-align: left;
padding: 10px;
border: 1px solid #ffdf89;
background: #fff5bf
}
div.app-list-area,
div.result-area {
padding: 20px;
border: 1px solid #e2e2e2
}
div.result-area {
text-align: left
}
.result-area p {
font-size: 14px
}
.result-area p:nth-child(2) {
font-size: 18px;
color: #fa578e
}
.result-area p:empty {
display: none
}
.result-area p:nth-of-type(3) {
display: block;
font-weight: 400;
font-size: 12px;
color: #999;
margin-bottom: 0
}
div.app-list-area {
background: 0 0;
margin: 20px 0
}
.result .app-area .app-area-top {
display: flex;
flex-flow: nowrap
}
div.app-area-top {
margin-bottom: 15px;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
.app-area-top > img {
border-radius: 10px;
margin-right: 15px
}
.app-area-top+p {
margin-bottom: 0
}
.app-area-center {
background: #ff8383;
color: #fff;
padding: 10px;
display: none
}
.app-area div.app-area-bottom {
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
display: block;
margin-top: 20px
}
.text_toggle {
cursor: pointer;
width: 100%;
color: #777;
border-width: 1px;
border-style: solid;
border-color: #d1dbde;
border-image: initial;
border-radius: 5px;
padding: 10px 0;
text-align: center;
margin: 10px 0;
display: none
}
.app-area .app-area-bottom {
margin-bottom: 20px
}
.result>p:last-of-type a {
box-sizing: border-box;
border: 1px solid #5fb9f5;
border-radius: 2px;
color: #5fb9f5;
display: block;
font-weight: 700;
padding: 7px 0;
text-align: center;
width: 100%;
margin: 0 auto;
transition: 0.3s;
font-size: 15px
}
.result>p:last-of-type a:hover {
color: #fff;
background: #217bd6
}
.result .rating {
color: orange
}
.result .text_toggle:before {
content: '▼';
display: inline-block;
font-size: 13px;
margin: 0 4px 0 0
}


.hyoubanbox01 dd,
.hyoubanbox02 dd {
margin-left: 5px!important;
font-size:14px;
font-weight:bold
}
.hyoubanbox01 dl,
.hyoubanbox02 dl{
margin:5px 0;
}
.hyoubanbox01 {
border-radius: 4px;
background:#ff7795;
padding: 0px;
border: 0px solid #ff7795;
margin-bottom: 20px;
margin-top:30px;
position:relative;
}
.hyoubanbox01 dt {
font-weight: 700;
margin: 5px 10px;
font-size: 16px;
padding-left:0px;
position:absolute;
display:flex;
top:-20px;
left:-10px;
background:#ff8aa4;
width:auto;
min-width: 25%;
max-width: 100%;
border-radius:50px;
color:#FFF;
padding-right: 15px;
}
.hyoubanbox01 dt:before{
content:"";
display:block;
width:8px;
height:8px;
left:0;
top:0;
bottom:0;
margin:auto 7px auto 10px;
border-radius:50px;
background:#ffffff;
border:1px solid #ff9bb1;
}
.hyoubanbox01 dl{
border-radius: 4px;
background: #ffe2e8;
padding:18px 5px 5px;
border: 2px solid #ff8aa4;
margin:0;
}
.hyoubanbox02 {
border-radius: 4px;
background:#5fb4e5;
padding:0;
border: 0px solid #5fb4e5;
margin-bottom: 20px;
margin-top:30px;
position:relative;
box-sizing:border-box;
}
.hyoubanbox02 dt {
font-weight: 700;
margin: 5px 10px;
font-size: 16px;
padding-left:0px;
position:absolute;
display:flex;
top:-20px;
left:-10px;
background:#75bee8;
width:auto;
min-width: 25%;
max-width: 100%;
border-radius:50px;
color:#FFF;
padding-right: 15px;
}
.hyoubanbox02 dt:before{
content:"";
display:block;
width:8px;
height:8px;
left:0;
top:0;
bottom:0;
margin:auto 7px auto 10px;
border-radius:50px;
background:#ffffff;
border:1px solid #7cc7f3;
}
.hyoubanbox02 dl{
border-radius: 4px;
background: #e7f9ff;
padding:18px 5px 5px;
border: 2px solid #75bee8;
margin:0;
}



.hyoubanbox03 {
border-radius: 4px;
padding: 0;
margin-bottom: 20px
}
#main-contents .hyoubanbox03 h4,
body #mainCenter .hyoubanbox03 h4 {
border-radius: 0;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
color: #ffa0c0;
background: #FFF
}
#main-contents .hyoubanbox03 h4 {
margin-top: 0;
border-left: none
}
#main-contents .hyoubanbox03 dt,
body #mainCenter .hyoubanbox03 dt {
padding: 0;
width: auto;
display: inline-block;
margin: 10px 20px 0;
color: #ffa0c0;
font-weight: 700;
border-bottom: #ffa0c0 solid 1px
}
.hyoubanbox03 dd:first-of-type{
margin-top:10px;
}
.hyoubanbox03 dl {
background: #FFF;
padding: 0 0 10px;
border: 2px solid #ffa0c0 !important;
border-top: none;
margin-bottom: 0;
margin-top: 0;
border-radius: 5px !important
}
.hyoubanbox03 dd {
font-weight: 700;
padding: 2px 5px;
margin: 0 5px;
font-size: 14px;
color: #676767
}
body #mainCenter .hyoubanbox03 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
color: #676767;
background-size: 18px
}
#main-contents .hyoubanbox03 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
margin-top: 0;
color: #676767
}
.hyoubanbox04 {
border-radius: 4px;
padding: 0;
margin-bottom: 20px
}
#main-contents .hyoubanbox04 h4,
body #mainCenter .hyoubanbox04 h4 {
border-radius: 0;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
background: #FFF;
color: #444
}
#main-contents .hyoubanbox04 h4 {
margin-top: 0;
border-left: none
}
#main-contents .hyoubanbox04 dt,
body #mainCenter .hyoubanbox04 dt {
padding: 0;
width: auto;
display: inline-block;
margin: 10px 20px;
color: #444;
font-weight: 700;
border-bottom: #5fcff4 solid 1px
}
.hyoubanbox04 dl {
background: #FFF;
padding: 0 0 10px;
border: 2px solid #5fcff4 !important;
border-top: none;
margin-bottom: 0;
margin-top: 0;
border-radius: 5px !important
}
.hyoubanbox04 dd {
font-weight: 700;
padding: 2px 5px;
margin: 0 5px;
font-size: 14px;
color: #444
}
body #mainCenter .hyoubanbox04 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
color: #444;
background-size: 18px
}
#main-contents .hyoubanbox04 p {
border-radius: 0;
background: #FFF;
padding: 10px 10px 10px 40px;
margin-bottom: 0;
margin-top: 0;
color: #444
}
.wakaru-box {
border-radius: 0;
padding: 2px;
margin-bottom: 20px;
background: #ffdcba
}
.wakaru-box dl {
border-radius: 0;
background: #FFF;
padding: 0;
border: 2px solid #ffa10e;
border-top: none;
margin-bottom: 0;
margin-top: 0
}
body #mainCenter .wakaru-box dt {
border-radius: 0;
background: url('https://oripalette.jp/media/img/media/uploads/2019/02/2019y02m15d_1250501646.png') 10px 50% no-repeat #ffa10e;
padding: 10px 10px 10px 40px;
margin-top: 0;
margin-bottom: 0;
color: #FFF;
background-size: 24px
}
#main-contents .wakaru-box dt {
border-radius: 0;
background: url('https://oripalette.jp/media/img/media/uploads/2019/02/2019y02m15d_1250501646.png') 10px 50% no-repeat #ffa10e;
padding: 10px 10px 10px 40px;
margin: 0;
color: #FFF;
background-size: 24px
}
.wakaru-box dd::after,
.wakaru-box dd:first-child::after {
left: 10px;
width: 5px;
height: 5px;
background-color: #fff;
display: block;
content: ''
}
.wakaru-box dd:first-child {
position: relative;
padding: 5px 0 0 25px
}
.wakaru-box dd {
position: relative;
padding-left: 25px;
margin: 6px 5px
}
.wakaru-box dd:first-child::after {
position: absolute;
top: 52%;
border: 1px solid #ff7e27;
border-radius: 100%
}
.wakaru-box dd::after {
position: absolute;
top: 40%;
border: 1px solid #ff7e27;
border-radius: 100%
}
#mainCenter .post .kanrenlist-box {
background-color: #f0f9ff;
border: 1px solid #c6e7ff;
border-radius: 5px;
padding: 10px 20px 15px;
margin-bottom: 20px
}
#mainCenter .post .kanrenlist-box li:first-child {
font-size: 16px;
font-weight: 700;
display: block;
padding: 5px 0 10px;
background-color: #f0f9ff
}
#mainCenter .post .kanrenlist-box li {
background-color: #f0f9ff;
line-height: normal;
margin: 0
}
.rank-ribbon-1,
.rank-ribbon-2,
.rank-ribbon-3 {
display: inline-block;
padding: 0 12px;
margin: 0;
line-height: 20px;
font-size: 14px;
letter-spacing: 0.1em;
color: #fff;
box-sizing: border-box
}
.rank-ribbon-1 {
position: absolute;
left: 0;
top: -5px;
height: 20px;
background: rgba(252, 234, 187, 1);
background: -moz-linear-gradient(-45deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(252,234,187,1)),color-stop(35%,rgba(252,205,77,1)),color-stop(76%,rgba(248,181,0,1)),color-stop(100%,rgba(248,181,0,1)));
background: -webkit-linear-gradient(-45deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: -o-linear-gradient(-45deg,rgba(252,234,187,1) 0,#fccd4d 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
background: linear-gradient(135deg,rgba(252,234,187,1) 0,rgba(252,205,77,1) 35%,rgba(248,181,0,1) 76%,rgba(248,181,0,1) 100%);
box-shadow: 0 2px 2px rgba(0, 0, 0, .12)
}
.rank-ribbon-1:before {
position: absolute;
content: '';
top: 0;
left: -3px;
border: none;
height: 28px;
width: 3px;
background: #fccd4d;
border-radius: 5px 0 0 5px
}
.rank-ribbon-1:after,
.rank-ribbon-2:before {
position: absolute;
content: '';
border: none
}
.rank-ribbon-1:after {
bottom: -7px;
left: -2px;
height: 7px;
width: 2px;
background: #f88400;
border-radius: 5px 0 0 5px
}
.rank-ribbon-2 {
position: absolute;
left: 0;
top: -5px;
height: 20px;
background: rgba(217, 242, 255, 1);
background: -moz-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(217,242,255,1)),color-stop(92%,rgba(104,149,173,1)),color-stop(100%,rgba(104,149,173,1)));
background: -webkit-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: -o-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(217,242,255,1) 0,rgba(104,149,173,1) 92%,rgba(104,149,173,1) 100%);
background: linear-gradient(135deg,rgba(217,242,255,1) 0,#6895ad 92%,rgba(104,149,173,1) 100%)
}
.rank-ribbon-2:before {
top: 0;
left: -3px;
height: 28px;
width: 3px;
background: #b1cddc;
border-radius: 5px 0 0 5px
}
.rank-ribbon-2:after,
.rank-ribbon-3:before {
border: none;
content: '';
position: absolute
}
.rank-ribbon-2:after {
bottom: -7px;
left: -2px;
height: 7px;
width: 2px;
background: #667f8c;
border-radius: 5px 0 0 5px
}
.rank-ribbon-3 {
position: absolute;
left: 0;
top: -5px;
height: 20px;
background: rgba(255, 205, 130, 1);
background: -moz-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(255,205,130,1)),color-stop(100%,rgba(181,122,34,1)));
background: -webkit-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: -o-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(255,205,130,1) 0,rgba(181,122,34,1) 100%);
background: linear-gradient(135deg,rgba(255,205,130,1) 0,#b57a22 100%)
}
.rank-ribbon-3:before {
top: 0;
left: -3px;
height: 28px;
width: 3px;
background: #dcaf6d;
border-radius: 5px 0 0 5px
}
.rank-ribbon-3:after {
position: absolute;
content: '';
bottom: -7px;
left: -2px;
border: none;
height: 7px;
width: 2px;
background: #b57a22;
border-radius: 5px 0 0 5px
}
.allBtn-moto {
display: table;
text-align: center;
margin: 20px auto;
background: #5fb9f5;
padding: 10px;
width: 70%;
border-radius: 20px;
color: #FFF
}
.allBtn-close,
a.appentry-Btn {
display: block;
font-weight: 700;
text-align: center
}
.allBtn-moto:hover {
background: #217bd6;
color: #f2faff
}
.allBtn-close {
margin: 10px auto 20px;
background: #aaa;
padding: 10px;
width: 80%;
border-radius: 5px;
color: #fff;
border: 1px solid #999;
cursor: pointer
}
.allBtn-close:hover {
background: #ededed;
color: #aaa;
border: 1px solid #aaa
}
img.iconwaku {
border: 1px solid #dde4e6;
border-radius: 10px
}
a.appentry-Btn:hover {
background-position: right center
}
a.appentry-Btn {
font-size: 17px;
color: #FFF;
text-decoration: none;
padding: 12px 24px;
border-radius: 4px;
background-image: linear-gradient(-30deg,#FF006E,#373f9c,#3492d0);
transition: 0.5s;
background-size: 200%;
margin: 0 auto;
width: 70%
}
#categoryBox {
width: 100%;
border-bottom: 1px dotted #ccc;
padding: 10px 0;
margin: 0;
box-sizing: border-box
}
#categoryBox div.clearfix {
display: flex;
align-items: center
}
#categoryBox #categoryTitle02 {
margin: 10px 0 0;
font-size: 12px;
color: #666
}
.comment-author01 .authname,
.comment-author02 {
color: gray
}
#categoryBox div.clearfix > div {
width: 25%;
display: inline-block;
float: none
}
#categoryBox div.clearfix > div a,
#categoryBox div.clearfix > p a {
display: block;
font-size: 14px;
font-weight: 700
}
#categoryBox div.clearfix > div img {
width: 170px;
height: 70px;
object-fit: cover;
object-position: center;
box-sizing: border-box
}
#categoryBox div.clearfix > p {
width: 100%;
padding: 0 10px 0 120px;
margin-bottom: 0;
display: inline-block;
vertical-align: top;
box-sizing: border-box
}
aside #categoryBox div.clearfix {
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start
}
aside #categoryBox div.clearfix > div img {
width: 100%
}
aside #categoryBox div.clearfix > p {
padding: 0 0 0 20px
}
.comment-author01 span {
font-size: 11px
}
.comment-report a {
text-decoration: none;
color: gray
}
.clonecom {
background: #fff;
border: 1px solid;
display: block;
position: absolute;
width: 100%
}
#comreload {
display: block;
text-align: center;
padding: 10px 0;
color: #39f;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0;
background-size: 18px;
background-position: 28% 48%
}
.getajcom {
cursor: pointer;
border-radius: 4px;
border: 1px solid #39f;
padding: 2px 5px;
color: #39f;
font-size: 80%;
display: inline-block;
margin-bottom: 15px
}
.comment-author span:first-child {
font-weight: 700
}
.comment-reply-link a {
padding: 3px 20px;
font-size: 110%;
border: 1px solid #f0f0f0;
border-radius: 4px;
font-weight: 700;
box-shadow: 0 3px 0 #f0f0f0;
float: right
}
.comment-author02 {
font-size: 10px
}
#comment_form #submit,
#comment_form #submitbtn,
#commentform #submit,
#commentform #submitbtn {
background: #4E9B0F;
color: #fff;
text-decoration: none;
border: none;
border-radius: 4px;
-webkit-appearance: none;
box-shadow: 0 4px #3a7a02;
display: block;
margin: 10px auto;
padding: 0.3em 1em;
text-align: center;
width: 145px;
height: 35px
}
#comment_form input,
#comment_form textarea,
#commentform input,
#commentform textarea {
border-radius: 4px;
-webkit-appearance: none;
box-shadow: none
}
#comment_form textarea,
#commentform textarea {
width: 100%;
box-sizing: border-box
}
#comment-image-wrapper {
font-size: 80%
}
#author,
#comment {
border: 1px solid #2EA2CC
}
#main-contents #comment_form p,
#main-contents #commentform p {
margin: 2px 0
}
.comment_paging .current,
.comment_paging a {
background: #4E9B0F;
border-radius: 4px;
color: #fff;
padding: 5px 10px
}
.comment_paging .current {
border: 1px solid #3a7c9e;
background: #fff;
color: #3a7c9e
}
#comment_image {
width: 300px;
margin: 10px 0
}
#dummy_comment {
margin-bottom: 20px
}
#dummy {
width: 100%;
height: auto;
border: 2px solid #ccc;
background: #f0f0f0;
box-sizing: border-box;
padding: 5px 10px
}
#comment_close {
font-size: 85%;
color: #39f
}
#comment_close:hover {
color: #FFA90A
}
.commentimgsub {
font-size: 80%;
margin-top: 14px
}
#comment-image-wrapper {
margin-top: -10px
}
#comment {
margin-bottom: 5px
}
#mainInner-col2 #comment_title {
margin: 15px 0
}
#mainCenter .article-pagenavi ul {
padding: 15px 10px 10px;
text-align: center;
display: flex;
justify-content: center;
align-items: center
}
#mainCenter .article-pagenavi ul li {
display: inline;
margin: 0 5px;
padding: 0
}
#mainCenter .article-pagenavi ul li a,
#mainCenter .article-pagenavi ul li span {
background: #2ea3f1;
border-radius: 4px;
color: #fff;
padding: 5px 10px;
text-decoration: none
}
#mainCenter .article-pagenavi ul li a:hover {
opacity: .5
}
#mainCenter .article-pagenavi ul li.current a {
background: 0 0;
padding: 0;
text-decoration: none
}
#mainCenter .article-pagenavi ul li.current span {
border: 1px solid #2ea3f1;
background: #fff;
color: #2ea3f1;
padding: 5px 10px
}
#mainCenter .contents .interviewTitle {
font-weight: 700;
background: 0 0;
border-bottom: 3px solid #ccc;
color: #333;
padding: 0 0 3px
}
#mainLeft #sub-contents #submenu-2,
#mainLeft #sub-contents #submenu-3,
#mainLeft #sub-contents #submenu-30 {
margin-bottom: 0
}
#mainCenter .reviewTopBox ul li span {
display: inline-block;
width: 48px
}
.post ol.toriatukai li {
width: 24%
}
.post ol.toriatukai li p {
line-height: 1.1em
}
.line-h-adjustment,
body table a {
line-height: 1.2
}
#mainCenter .search-form_inputXX {
text-align: center;
margin-top: 30px
}
#mainCenter .search-form_inputXX #search-form-box_side {
padding: 4px 0 4px 6px;
width: 70%;
margin-left: 0
}
#mainCenter .search-form_inputXX .css-button {
width: 14%;
padding: 5px 0;
border: 1px solid #888;
background: #888;
color: #FFF;
cursor: pointer
}
#mainCenter .search-form_inputXX .css-button:hover {
background: #fb568e
}
.protxtBox1 {
background-color: #fffbe1;
border: 1px solid #bababa;
border-radius: 10px;
color: #494949
}
.protxtBox2,
.protxtBox3 {
border: 1px solid #bababa;
background-color: #fffbe1
}
.protxtBox1 div {
background-image: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1933278188.png);
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
color: #282828;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px
}
.protxtBox2 {
border-radius: 10px;
color: #494949;
padding: 15px 10px 10px 20px
}
.protxtBox2 div,
.protxtBox3 div,
.protxtBox4 div {
background-repeat: no-repeat;
background-position: left top;
font-size: 16px;
padding-left: 30px;
background-size: 20px;
margin-bottom: 10px
}
.protxtBox2 div {
background-image: url('https://oripalette.jp/media/img/common/icon/rei-iconmail.png');
color: #282828
}
.protxtBox3 {
border-radius: 10px;
color: #494949
}
.protxtBox3 div {
background-image: url('https://oripalette.jp/media/img/common/icon/rei-iconmail2.png');
color: #282828
}
.protxtBox4 {
background-color: #fffbe1;
border: 1px solid #bababa;
border-radius: 10px;
color: #494949
}
.protxtBox4 div {
background-image: url('https://oripalette.jp/media/img/common/icon/rei-iconmail3.png');
color: #282828
}
#mainCenter .post ul li.comeBoxM,
#mainCenter .post ul li.comeBoxW {
border: 1px dashed #ccc;
padding: 10px;
margin-bottom: 20px
}
#mainCenter .osusume-app-table,
#mainCenter .osusume-app-table td {
border: 1px solid #ccc
}
#mainCenter .post ul li.comeBoxM span img,
#mainCenter .post ul li.comeBoxW span img {
text-align: center;
width: 60px;
height: 60px;
display: block
}
#mainCenter .post ul li.comeBoxM p,
#mainCenter .post ul li.comeBoxW p {
font-size: 15px;
color: #494949;
display: inline-block;
width: 74%;
padding: 10px;
margin-bottom: 0
}
#mainCenter .post ul li.comeBoxM span,
#mainCenter .post ul li.comeBoxW span {
width: 60px;
text-align: center;
font-size: 14px;
display: inline-block;
vertical-align: top;
margin: 10px;
font-weight: 700
}
#mainCenter .post ul li.comeBoxM span {
color: #6cc
}
#mainCenter .post ul li.comeBoxW span {
color: #ea4c89
}
#mainCenter .post ul li.comeBoxM p.inyoumoto,
#mainCenter .post ul li.comeBoxW p.inyoumoto {
text-align: right;
width: 96%;
color: #494949;
font-size: 11px;
margin: 0;
padding: 0
}
.line-h-adjustment a img {
margin-bottom: 3px
}
#mainCenter .osusume-app-table th {
background: #ffe3a4;
text-align: center;
border: 1px solid #ccc
}
#mainCenter .osusume-app-table th:nth-of-type(1) {
width: 14%
}
#mainCenter .osusume-app-table th:nth-of-type(2) {
width: 20%
}
#mainCenter .osusume-app-table .rank {
font-size: 30px;
font-weight: 700;
padding: 5px;
color: #666;
text-align: center;
line-height: 20px
}
#mainCenter .osusume-app-table .rank img {
display: block;
width: 26px;
height: 18px;
margin: 0 auto 10px
}
#mainCenter .osusume-app-table .icon {
text-align: center;
font-weight: 700;
line-height: 10px
}
#mainCenter .osusume-app-table .icon img:first-of-type {
width: 50px;
height: 50px;
display: block;
margin: 0 auto 2px
}
#mainCenter .osusume-app-table .tokucho {
border-bottom: 0;
padding-bottom: 0;
font-weight: 700
}
#mainCenter .osusume-app-table .ryoukin {
border-top: 0;
border-right: 0;
padding-right: 0
}
#mainCenter .osusume-app-table .ryoukin span {
display: block
}
#mainCenter .osusume-app-table .ryoukin span:first-of-type:before {
content: '男';
width: 22px;
height: 22px;
background: #2299f2;
color: #fff;
display: inline-block;
border-radius: 50%;
text-align: center;
line-height: 22px;
margin-right: 2px
}
#mainCenter .osusume-app-table .ryoukin span:last-of-type:before {
content: '女';
width: 22px;
height: 22px;
background: #fb568e;
color: #fff;
display: inline-block;
border-radius: 50%;
text-align: center;
line-height: 22px;
margin-right: 2px
}
#mainCenter .osusume-app-table .tokucho-tag {
border-top: 0;
border-left: 0
}
#mainCenter .osusume-app-table .tokucho-tag ul {
text-align: center;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0
}
#mainCenter .osusume-app-table .tokucho-tag li {
display: inline-block;
width: 27%;
margin: 0 2px 5px !important;
color: #777;
padding: 8px 0 !important;
border: 0;
border: 1px solid #e6e6e6;
border-radius: 5px;
background: #ededed;
text-align: center;
font-size: 12px
}
.sakura-list-box+p+p br,
.sakura-report-box+p+p br {
display: none
}
#mainCenter .osusume-app-table .tokucho-tag li.checked {
background: #ff7c10;
color: #fff;
border: 1px solid #e6761a
}
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(3n) {
margin-right: 0 !important
}
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(4),
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(5),
#mainCenter .osusume-app-table .tokucho-tag li:nth-of-type(6) {
margin-bottom: 0 !important
}
.sakura-list-box+p,
.sakura-list-box+p+p,
.sakura-report-box+p+p {
margin: 0
}
.article .sakura-list-table .thead {
line-height: 34px;
box-sizing: border-box;
padding-left: 14px;
border-left: 1px solid #ccc;
border-right: 1px solid #ccc
}
.sakura-list-table dd.list-area {
background-color: #fff;
border-top: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
box-sizing: border-box;
padding: 16px;
margin: 0
}
.sakura-list-table dd.list-area:last-of-type {
border-bottom: 1px solid #e2e2e2
}
.sakura-list-table .list-page-area {
border-top: 1px solid #e2e2e2;
padding-top: 10px
}
dl.sakura-list-table .list-area .list-area-top .title span {
margin-left: 0;
margin-right: 10px
}
dl.sakura-list-table .list-area .list-area-center .comment-area {
width: 100%;
display: block
}
.sakura-list-table .list-area .list-area-center div.img-area {
display: block;
width: 100%
}
dl.sakura-list-table .list-area .list-area-center {
display: block
}
.sakura-list-table .list-area .list-area-center .img-area img {
width: 60px;
height: 60px;
object-fit: cover
}
.sakura-list-button {
width: 100%
}
a.sakura-list-more-button {
border: 0;
border-radius: 5px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/03/2019y03m15d_0813524073.png') right 20px center/10px no-repeat #5fb9f5;
display: block;
text-align: center;
margin: 20px auto;
padding: 10px;
width: 50%;
color: #FFF
}
a.sakura-list-more-button:hover {
background: url('https://oripalette.jp/media/img/media/uploads/2019/03/2019y03m15d_0813524073.png') right 20px center/10px no-repeat #217bd6
}
.sakura-report-box div.sakura-report-button button.cancel {
border: 0;
border-radius: 5px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #b0b0b0;
margin-right: 10px
}
.sakura-report-box div.sakura-report-button button.cancel:hover {
background: url('https://oripalette.jp/media/img/media/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #8a8a8a
}
.sakura-report-box div.sakura-report-button button.postBtn {
border: 0;
border-radius: 5px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #5fb9f5
}
.sakura-report-box div.sakura-report-button button.postBtn:hover {
background: url('https://oripalette.jp/media/img/media/uploads/2019/03/2019y03m15d_0813524073.png') right 14px center/10px no-repeat #217bd6;
opacity: 1
}
.happymail:hover,
.mokuji_acbtn:hover {
opacity: .6
}
.sakura-report-table .table-radio {
align-items: center;
padding-left: 0
}
.sakura-report-table .table-radio input {
flex-basis: 5%;
margin-left: 0
}
.sakura-report-table .table-radio input:nth-child(2) {
flex-basis: 5%;
margin-left: 10px
}
.sakura-report-table .col2 {
position: relative
}
.sakura-report-table #age,
.sakura-report-table #app_id {
width: 160px
}
.sakura-report-button {
margin-bottom: 20px
}
.sakura-report-box+p,
.sakura-report-button+p {
margin: 0
}
.sakura-report-box+p br,
.sakura-search-table .app-icon-area a>br:first-child {
display: none
}
.sakura-search-table .app-icon-area img {
border-radius: 10px
}
p.purpose-data {
background-color: #bebebe;
background-repeat: no-repeat;
background-position: 62px center;
background-size: 20px;
letter-spacing: 6px;
line-height: 2em;
margin: 0 0 15px;
width: 130px;
padding: 5px 16px 5px 50px
}
div.shortcode-chart-purpose div.chart-area {
float: none;
display: inline-block;
vertical-align: middle;
box-sizing: border-box
}
div.shortcode-chart-purpose div.purpose-area {
float: none;
display: inline-block;
box-sizing: border-box;
width: 280px;
vertical-align: middle
}
p.purpose-data.chk {
background-color: #ff555e
}
div.purpose-area p:nth-child(1) {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/01/2019y01m28d_1301004724.png')
}
div.purpose-area p:nth-child(2) {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/01/2019y01m28d_1300576315.png')
}
div.purpose-area p:nth-child(3) {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/01/2019y01m28d_1300586024.png')
}
div.purpose-area p:nth-child(4) {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/01/2019y01m28d_1300595403.png')
}
.post .shortcode-chart-gender {
width: 640px
}
div.shortcode-chart-gender div.chart-area {
float: none;
display: inline-block;
vertical-align: middle;
margin-top: 0;
height: auto
}
div.shortcode-chart-gender div.gender-age-area {
float: none;
display: inline-block;
vertical-align: middle;
height: auto;
padding: 3px 0 15px 5px;
margin-top: 0;
margin-left: 20px;
width: 300px
}
.gender-age-graph span.gender-age-data.female,
span.gender-age-data.male {
line-height: 2.3em;
width: 42px;
letter-spacing: 1px;
right: 2px;
position: relative;
text-align: center
}
span.gender-age-data.male {
border: 2px solid #3174a5;
border-radius: 5px;
height: 30px;
vertical-align: middle;
background-color: #2581bd
}
.gender-age-graph span.bar.male {
height: 1.6em;
background-color: #a5d6f9;
border: 2px solid #3174a5;
float: none;
vertical-align: top
}
p.gender-age-head.male {
color: #3174a5
}
.gender-age-graph span.gender-age-data.female {
border: 2px solid #e63d77;
border-radius: 5px;
height: 30px;
vertical-align: middle;
background-color: #fb568e;
font-size: 14px
}
.gender-age-graph span.bar.female {
height: 1.6em;
background-color: #f397cb;
border: 2px solid #e63d77;
float: none;
vertical-align: top
}
p.gender-age-head.female {
color: #e63d77
}
div.gender-age-area div.gender-age-graph {
margin-top: 0
}
#mainCenter div.shortcode-purpose-tree {
height: auto;
margin-bottom: 20px
}
#mainCenter .shortcode-purpose-tree li.tree-child {
padding: 23px 4px 0
}
p.purpose-checked {
margin: 0 0 8px
}
.editors_box {
margin-bottom: 20px;
margin-top: 30px;
padding: 20px;
border: 1px solid #dde4e6;
background: #fff
}
.editors_box div {
margin-bottom: 1px;
display: flex;
align-items: center;
}
.editors_box img {
width: 55px;
height: 55px;
object-fit: cover;
object-position: center;
border-radius: 50%;
border: 1px solid #c4c4c4
}
.editors_box div > span {
position: relative;
vertical-align: middle;
margin-right: 10px
}
.editors_box div > span span {
position: absolute;
width: 160px;
font-size: 13px;
padding: 0;
line-height: 32px;
background: #e8e8e8;
text-align: center;
border-radius: 20px;
left: -10px;
top: -39px;
}
.editors_box div>span span:after {
position: absolute;
left: 62px;
top: 29px;
content: '';
width: 0;
height: 0;
border-style: solid;
border-width: 17px 18px 0 3px;
border-color: #e8e8e8 transparent transparent
}
.editors_box div p {
display: inline
}
.editors_box div p span {
display: inline;
font-weight: 700;
font-size: 16px;
padding: 3px;
border-image: linear-gradient(to right,#2298f2 0,#fb568d 100%) 1 / 0 0 2px 0;
border-style: solid
}
#main-contents .editors_box > p,
.editors_box > p {
margin: 0;
font-size: 13px
}
a.ranking-inpage {
display: block;
margin: 20px auto;
width: 70%;
padding: 10px 0;
text-align: center;
background: #ff5353;
color: #fff;
border-radius: 5px;
position: relative;
font-weight: 700;
font-size: 16px
}
.editors_box .editors_point p{
font-size:13px;
}

.ranking-inpage:after,
.ranking-inpage:before {
content: '';
position: absolute;
top: 0;
bottom: 0;
margin: auto
}
.ranking-inpage:before {
width: 30px;
height: 30px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/07/2019y07m05d_1327378709.png') center center no-repeat;
background-size: contain;
left: 15px
}
.ranking-inpage:after {
width: 26px;
height: 26px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/07/2019y07m05d_1327386176.png') center center no-repeat;
background-size: contain;
right: 15px
}
#mainCenter .post ul li.comeBoxW.Review-bad>p:nth-of-type(1),
#mainCenter .post ul li.comeBoxW.Review-good>p:nth-of-type(1) {
width: 83%
}
#mainCenter .post ul li.comeBoxW>p:nth-of-type(1) {
width: 100%
}
.list-area-top time {
font-size: 12px;
color: #9e9e9e
}
div.title span:first-child {
font-size: 16px
}
.list-area-center {
margin-bottom: 10px;
margin-top: 10px
}
.del-button {
cursor: pointer;
padding: 0;
line-height: 20px;
font-size: 12px;
width: 60px
}
.list-area-top {
margin-bottom: 4px
}
.rank-list-osusume {
display: block;
position: relative;
border: 3px solid #ffad01;
padding: 15px 20px 0;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px
}
.rank-list-osusume dl dt {
display: block;
position: absolute;
top: -40px;
left: -3px;
background: rgba(255, 162, 0, 1);
background: -moz-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: -webkit-gradient(left top,right bottom,color-stop(0,rgba(255,162,0,1)),color-stop(31%,rgba(255,111,0,1)),color-stop(67%,rgba(255,153,0,1)),color-stop(100%,rgba(255,162,0,1)));
background: -webkit-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: -o-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: -ms-linear-gradient(-45deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
background: linear-gradient(135deg,rgba(255,162,0,1) 0,rgba(255,111,0,1) 31%,rgba(255,153,0,1) 67%,rgba(255,162,0,1) 100%);
padding: 0 26px;
line-height: 40px;
margin: 20px 0;
box-sizing: border-box;
border-radius: 5px;
color: #FFF
}
.rank-list-osusume dl {
margin: 25px 0 !important
}
.rank-list-osusume dl dd {
margin: 0 0 25px !important;
padding: 0 !important;
line-height: 1.5
}
.rank-list-osusume dl dd span {
font-weight: 700;
text-decoration: none !important;
border-bottom: 0 solid #b8d9ef !important;
padding: 0 3px;
margin-bottom: 5px;
display: inline-block
}
.rank-list-osusume dl dd a:last-child {
font-weight: 700;
text-decoration: none;
border-bottom: 0 solid #b8d9ef;
padding: 0 3px;
line-height: normal;
display: inline-block
}
.mokujiInfo_ac ul:nth-of-type(2),
.rank-list-osusume dl dd span:empty {
display: none
}
.rank-list-osusume dl dd span img {
margin: 0 5px 0 0;
height: 40px;
}
.rank-list-osusume dl dd span:hover {
border-bottom: 1px dashed #fb568e;
transition: 0.6s ease-out
}
.rank-list-osusume dl dd .rankBtnLR {
margin-top: 5px
}
#mainCenter .mokujiInfo {
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding: 5px
}
#mainCenter .mokujiInfo ul {
margin: -10px 10px 12px 0
}
#mainCenter .contents .mokujiInfo h2,
#mainCenter .contents .mokujiInfo p.mokujiTitle {
background: 0 0;
font-size: 110%;
margin: 0 0 10px
}
#mainCenter .mokujiInfo ul li {
font-size: 14px;
background: 0 0;
border-bottom: 0;
padding: 0 3px 7px 14px
}
#mainCenter .mokujiInfo h2,
#mainCenter .mokujiInfo p.mokujiTitle {
background: rgba(0, 0, 0, 0);
border: none;
color: #333;
font-size: 110%;
font-weight: 700;
margin-top: 0
}
.mokujiInfo_ac {
background: #f5f5f5;
border: 1px solid #dde4e6;
margin-bottom: 20px;
padding: 5px
}
.mokujiInfo_ac .mokujiTitle {
color: #333;
font-size: 110%;
font-weight: 700;
padding: 8px 0 8px 12px;
margin: 0
}
.mokuji_acbtn {
background: #ccc;
cursor: pointer;
border: 1px solid #f7f7f7;
text-align: center;
margin: 0 10px 5px
}
.mokuji_acbtn:before {
content: '▼';
color: #fff
}
.mokuji_acbtn.mokuji_active:before {
content: '▲'
}
#mainCenter .post .mokujiInfo_ac ul {
margin: 0
}
#mainCenter .post .mokujiInfo_ac ul li {
font-size: 14px;
background: 0 0;
padding: 0 3px 0 17px;
line-height: 2.2;
margin: 0
}
body .post .mokujiInfo_ac ul li a,
body .post a.happymail {
text-decoration: none
}
body .post a.happymail {
display: block;
overflow: hidden;
position: relative;
width: 250px;
height: 84px;
padding: 5px 0;
border-radius: 10px;
text-align: center;
margin: 5px auto;
cursor: pointer;
background: #f89b00;
background-size: 200%;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-bottom: solid 6px #de6000;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent
}
body .post a.happymail:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
body .post a.happymail:after {
content: '▶';
position: absolute;
right: 14px;
top: 50%;
color: #de6000;
font-size: 13px;
background: #fff;
width: 20px;
line-height: 20px;
border-radius: 50%;
text-align: center;
margin-top: -10px
}
body .post a.happymail span {
display: block;
color: #fff;
font-size: 14px;
line-height: 26px
}
body .post a.happymail span:first-of-type {
position: relative;
display: inline
}
.happymail span:first-of-type:after,
.happymail span:first-of-type:before {
position: absolute;
content: '';
width: 15px;
height: 15px;
top: 0
}
body .post a.happymail span:first-of-type img {
display: none
}
body .post a.happymail span:first-of-type:before {
left: -20px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/04/2019y04m05d_1931114886.png') top left/contain no-repeat
}
body .post a.happymail span:first-of-type:after {
right: -20px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/04/2019y04m05d_1931100405.png') top right/contain no-repeat
}
body .post a.happymail span:nth-of-type(2) {
font-size: 24px;
font-weight: 700
}
.conve-bt-boxs {
text-align: center;
width: 80%;
padding: 15px 0;
margin: 0 auto 25px;
display: block;
border: 0 solid #ffcc76;
border-radius: 5px;
background: #fff9cc
}
.conve-bt-boxs p.bt-download-txt {
font-size: 16px;
font-weight: 700;
margin: 0;
color: #de6000
}
.conve-bt-boxs p.bt-download-txt+p {
position: relative
}
.conve-bt-boxs p {
margin-bottom: 0
}
.bt-download-txt a {
color: #de6000;
display: inline-block;
width: auto
}
.ninki-ranking div {
font-size: 140%;
font-weight: 700;
padding: 0 0 0 8px
}
.ninki-ranking div img {
width: 35px;
padding-right: 5px
}
.ninki-ranking dd,
.ninki-ranking dt {
vertical-align: top
}
.ninki-ranking dt {
width: 25%;
display: inline-block
}
.ninki-ranking dt img {
width: 100%;
display: inline-block
}
.ninki-ranking dd {
width: 71%;
padding-left: 8px;
text-align: left;
display: inline-block;
margin: 0
}
.ninki-ranking dd a {
display: block;
font-weight: 700;
line-height: normal
}
.ninki-ranking dl:not(:last-child) {
border-bottom: 1px dashed #dde4e6
}
.ninki-ranking dl {
margin: 0.5em 0;
padding: 0 0 8px
}
.ninki-ranking div.h3mode {
background: #eaeeef;
border: none;
color: #333;
font-size: 110%;
font-weight: 700;
letter-spacing: 0.5px;
padding: 8px 2px 8px 12px;
margin-bottom: 15px
}
#more_rank {
display: block;
color: #39f;
text-align: center;
padding: 10px 0;
cursor: pointer;
border-top: 1px solid #f0f0f0;
border-bottom: 1px solid #f0f0f0
}
.osusumeAppMb div dd.review-update {
background: #f97f7f
}
.search-form_input .gsc-control-cse .gs-result .gs-title,
.search-form_input .gsc-control-cse .gs-result .gs-title *,
.search-form_input .gsc-control-cse .gs-spelling {
font-size: 16px;
margin-bottom: 5px;
line-height: normal
}
.search-form_input .gs-image-box.gs-web-image-box.gs-web-image-box-landscape,
.search-form_input .gs-image-box.gs-web-image-box.gs-web-image-box-portrait {
float: left;
margin: 0 10px 0 0;
width: auto;
height: auto
}
.search-form_input .gs-fileFormatType,
.search-form_input .gs-imageResult .gs-snippet,
.search-form_input .gs-webResult .gs-snippet {
color: #333;
line-height: normal;
font-size: 12px
}
.search-form_input .gs-web-image-box-landscape img.gs-image,
.search-form_input .gs-web-image-box-portrait img.gs-image {
object-fit: cover;
width: 70px;
height: 50px;
max-width: 70px;
max-height: 50px
}
.gsc-results .gsc-cursor-box {
margin: 10px
}
.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-page {
position: relative;
top: 0;
left: 0;
margin: 0 8px 4px 0;
cursor: pointer;
vertical-align: middle;
display: inline-block;
text-align: center;
zoom: 1;
border: none;
font-weight: 700;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
padding: 4px;
width: 24px;
height: 24px;
line-height: 25px;
background: #5B6783;
font-size: 11px;
color: #FFF;
text-decoration: none
}
.gsc-wrapper .gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #34a3d1;
background-color: #34a3d1;
text-decoration: none
}
.knren-card-wrap {
display: flex;
box-sizing: border-box;
border: 1px solid #e0e0e0;
padding: 10px;
border-radius: 5px;
box-shadow: 1px 2px 5px 0 #9e9e9e;
margin: 10px 0;
position: relative;
justify-content: center;
align-items: center
}
.knren-card-wrap:hover {
box-sizing: border-box;
background: #fafbfb;
transition-duration: 1s;
transition-timing-function: ease;
cursor: pointer
}
.knren-card-wrap img.knren-card-img {
width: 18%;
object-fit: contain
}
.knren-card-wrap p.knren-card-p {
width: 82%;
margin: 0 0 0 10px;
padding: 0;
font-weight: 700;
font-size: 16px;
line-height: 1.6;
color: #3492cf;
z-index: 1;
position: relative
}
.knren-card-wrap p.knren-card-p:hover {
color: #fb568e
}
.knren-card-wrap dl.knren-card-txt {
width: 70%;
margin: 0 0 0 10px;
padding: 0;
overflow: hidden
}
.knren-card-wrap dl.knren-card-txt dt {
margin: 0 0 10px;
padding: 0;
font-size: 16px;
line-height: 1.6;
font-weight: 700
}
.knren-card-wrap dl.knren-card-txt dd {
margin: 0;
padding: 0;
font-size: 13px;
line-height: 1.6;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3
}
a.knren-card-link {
position: absolute;
width: 100%;
height: 100%;
top: 0;
left: 0
}
.twitter-tweet.twitter-tweet-rendered {
display: block;
margin: 0 auto 20px;
text-align: center
}
.acMenu dt {
border: 1px solid #bbb;
border-radius: 3px;
margin: 10px 0 0;
padding: 7px 5px;
text-align: center;
display: block;
box-shadow: none;
background: #fff;
color: #666;
cursor: pointer;
position: relative
}
.acMenu dt:after,
.acMenu dt:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 5px;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb
}
.acMenu dt:before {
bottom: -4px;
width: 99%;
height: 2px
}
.acMenu dt:after {
bottom: -7px;
width: 98%;
height: 1px
}
.acMenu dd {
display: none;
margin: 0 0 5px !important;
box-sizing: border-box
}
.acMenu dt.active {
border: 1px solid #ffeea1;
background: #fff2b7;
margin: 0 0 5px !important;
box-shadow: 0 2px 0 0 #bbb;
border-radius: 4px 4px 0 0;
color: #444
}
.acMenu dt.active:after,
.acMenu dt.active:before {
border: none
}
#sub-contents .acMenu {
margin: 5px 0
}
#sub-contents .acMenu dt {
border: 1px solid #bbb;
border-radius: 3px;
margin: 0 0 10px;
padding: 5px;
text-align: center;
display: block;
background: #fff;
cursor: pointer;
color: #666
}
#sub-contents .acMenu dt:after,
#sub-contents .acMenu dt:before {
content: "";
position: absolute;
left: 0;
right: 0;
margin: auto;
z-index: 5px;
border-bottom: 1px solid #bbb;
border-left: 1px solid #bbb;
border-right: 1px solid #bbb
}
#sub-contents .acMenu dt:before {
bottom: -3px;
width: 99%;
height: 1px
}
#sub-contents .acMenu dt:after {
bottom: -5px;
width: 98%;
height: 0
}
#sub-contents .acMenu dt.active {
border: 1px solid #ffeea1;
background: #fff2b7;
margin: 0 0 10px !important;
box-shadow: 0 2px 0 0 #bbb;
border-radius: 4px 4px 0 0;
color: #444
}
#sub-contents .acMenu dt.active:after,
#sub-contents .acMenu dt.active:before {
border: none
}
body .writer-tab-wrap {
width: 100%;
margin: 20px 0
}
body .writer-tab-wrap input[type=radio] {
display: none
}
body .tab_area {
font-size: 0;
margin: 0 0 5px;
display: flex;
justify-content: left;
align-items: center
}
body .tab_area label,
body .tab_area label.tab2_label,
body .tab_area label.tab3_label {
width: 70px;
height: 70px;
border-radius: 50%;
display: inline-block;
color: #999;
text-align: center;
font-size: 13px;
cursor: pointer;
transition: ease 0.2s opacity;
margin: 0 10px 10px;
opacity: .5
}
body .tab_area label {
background: url('https://oripalette.jp/media/img/common/member-01.jpg') center no-repeat;
background-size: cover;
text-indent: 100px;
overflow: hidden
}
body .tab_area label.tab2_label {
background: url('https://oripalette.jp/media/img/common/member-03.jpg') center no-repeat;
background-size: cover
}
body .tab_area label.tab3_label {
background: url('https://oripalette.jp/media/img/common/member-05.jpg') center no-repeat;
background-size: cover
}
body .tab_area label:hover {
opacity: .5
}
body .panel_area {
background: #fff
}
body #main-contents .tab_panel,
body .tab_panel {
width: auto;
display: none;
background: #f5f8fa;
box-sizing: border-box
}
body .tab_panel {
padding: 15px;
border-radius: 5px;
min-height: 80px;
border: 1px solid #f0f3f5
}
body #main-contents .tab_panel {
padding: 10px;
border-radius: 5px;
min-height: 60px;
border: 1px solid #f0f3f5
}
body #tab1:checked~.panel_area #panel1,
body #tab2:checked~.panel_area #panel2,
body #tab3:checked~.panel_area #panel3 {
display: block
}
body #main-contents .tab_panel p,
body .tab_panel p {
font-size: 14px;
letter-spacing: 1px;
margin: 0;
text-align: left;
line-height: normal
}
body #tab1:checked~.tab_area .tab1_label {
background: url('https://oripalette.jp/media/img/common/member-01.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #ffcadb;
box-sizing: border-box
}
body #tab2:checked~.tab_area .tab2_label {
background: url('https://oripalette.jp/media/img/common/member-03.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #ffcadb;
box-sizing: border-box
}
body #tab3:checked~.tab_area .tab3_label {
background: url('https://oripalette.jp/media/img/common/member-05.jpg') center no-repeat;
background-size: cover;
opacity: 1;
border: 2px solid #ffcadb;
box-sizing: border-box
}
#rankingBtn li a:hover,
.happymail-doku:hover,
.ranking-main-dl li img:hover,
.top-twitter-bt a:hover,
a.kakudai-box:hover {
opacity: .6
}
.new-kuchiko-wrap {
background: #eaeaea;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
margin: 20px 0
}
#main-contents .new-kuchiko-top,
.new-kuchiko-top {
display: flex;
justify-content: center;
align-items: center
}
.new-kuchiko-man,
.new-kuchiko-woman {
width: 20%;
height: 110px;
text-align: center;
margin-right: 20px;
position: relative
}
#main-contents .new-kuchiko-man,
#main-contents .new-kuchiko-woman {
width: 30%;
height: 120px;
text-align: center;
margin-right: 10px;
position: relative
}
#main-contents .new-kuchiko-man:before,
#main-contents .new-kuchiko-woman:before,
.new-kuchiko-man:before,
.new-kuchiko-woman:before {
content: "";
height: 100%;
display: block;
width: 100%
}
.new-kuchiko-man:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828496704.png) center top/60% no-repeat
}
.new-kuchiko-woman:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828489344.png) center top/60% no-repeat
}
#main-contents .new-kuchiko-man:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828496704.png) center top/90% no-repeat
}
#main-contents .new-kuchiko-woman:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828489344.png) center top/90% no-repeat
}
#main-contents .new-kuchiko-data dl dt,
.new-kuchiko-data dl dt {
background: #848383;
border-radius: 5px;
color: #FFF;
font-weight: 700;
text-align: center
}
.new-kuchiko-man span,
.new-kuchiko-woman span {
position: absolute;
bottom: 0;
text-align: center;
display: block;
width: 100%;
padding: 0;
font-weight: 700
}
.new-kuchiko-data {
width: 80%;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.new-kuchiko-data dl {
display: flex;
width: 50%
}
#main-contents .new-kuchiko-data dl {
display: inline-block;
width: 50%;
text-align: center;
margin: 5px 0;
padding: 0
}
.new-kuchiko-data dl dt {
width: 30%;
margin: 0 10px 0 0;
padding: 0 5px
}
#main-contents .new-kuchiko-data dl dt {
width: 90%;
margin: 0 auto 5px;
padding: 0;
font-size: 13px
}
#main-contents .new-kuchiko-data dl dd {
width: 90%;
margin: 0 auto;
padding: 0;
font-size: 13px
}
.new-kuchiko-data dl dd {
width: 80%;
font-weight: 700
}
.new-kuchiko-bott {
border-top: 1px dashed #ccc;
padding-top: 20px;
margin-top: 10px
}
.new-kuchiko-bott dl {
margin: 0;
background: #f7f7f7;
border-radius: 10px;
padding: 10px 15px
}
.new-kuchiko-bott dl:first-of-type {
margin-bottom: 15px
}
.new-kuchiko-bott dt {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #eaeaea;
line-height: 1.6;
position: relative;
display: flex;
align-items: center
}
.new-kuchiko-bott dl:first-of-type dt:before,
.new-kuchiko-bott dl:nth-of-type(2) dt:before {
content: "";
width: 20px;
height: 20px;
display: inline-block;
margin-right: 8px;
line-height: 1.6
}
.new-kuchiko-bott dd {
font-size: 13px;
line-height: 1.6
}
.new-kuchiko-bott dl:first-of-type dt:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1922505663.png) center left/20px no-repeat
}
.new-kuchiko-bott dl:nth-of-type(2) dt:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1922537931.png) center left/20px no-repeat
}
.acMenu dd .new-kuchiko-wrap {
background: #eaeaea;
border-radius: 10px;
padding: 15px;
box-sizing: border-box;
margin: 20px 0
}
#main-contents .acMenu dd .new-kuchiko-top,
.acMenu dd .new-kuchiko-top {
display: flex;
justify-content: center;
align-items: center
}
.acMenu dd .new-kuchiko-man,
.acMenu dd .new-kuchiko-woman {
width: 20%;
height: 110px;
text-align: center;
margin-right: 20px;
position: relative
}
#main-contents .acMenu dd .new-kuchiko-man,
#main-contents .acMenu dd .new-kuchiko-woman {
width: 30%;
height: 120px;
text-align: center;
margin-right: 10px;
position: relative
}
#main-contents .acMenu dd .new-kuchiko-man:before,
#main-contents .acMenu dd .new-kuchiko-woman:before,
.acMenu dd .new-kuchiko-man:before,
.acMenu dd .new-kuchiko-woman:before {
content: "";
height: 100%;
display: block;
width: 100%
}
.acMenu dd .new-kuchiko-man:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828496704.png) center top/60% no-repeat
}
.acMenu dd .new-kuchiko-woman:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828489344.png) center top/60% no-repeat
}
#main-contents .acMenu dd .new-kuchiko-man:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828496704.png) center top/90% no-repeat
}
#main-contents .acMenu dd .new-kuchiko-woman:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1828489344.png) center top/90% no-repeat
}
.acMenu dd .new-kuchiko-man span,
.acMenu dd .new-kuchiko-woman span {
position: absolute;
bottom: 0;
text-align: center;
display: block;
width: 100%;
padding: 0;
font-weight: 700
}
.acMenu dd .new-kuchiko-data {
width: 80%;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
.acMenu dd .new-kuchiko-data dl {
display: flex;
width: 50%
}
#main-contents .acMenu dd .new-kuchiko-data dl {
display: inline-block;
width: 50%;
text-align: center;
margin: 5px 0;
padding: 0
}
.acMenu .new-kuchiko-data dl dt {
background: #848383;
color: #FFF;
width: 30%;
text-align: center;
border-radius: 5px;
margin: 0 10px 0 0;
padding: 0 5px;
font-weight: 700;
border: 0;
cursor: auto
}
.acMenu .new-kuchiko-data dl dt:after,
.acMenu .new-kuchiko-data dl dt:before {
display: none
}
#main-contents .acMenu dd .new-kuchiko-data dl dt {
background: #848383;
color: #FFF;
width: 90%;
text-align: center;
border-radius: 5px;
margin: 0 auto 5px;
padding: 0;
font-weight: 700;
font-size: 13px
}
#main-contents .acMenu dd .new-kuchiko-data dl dd {
width: 90%;
margin: 0 auto;
padding: 0;
font-size: 13px
}
.acMenu dd .new-kuchiko-data dl dd {
width: 80%;
font-weight: 700;
display: block;
margin: 0 !important;
box-sizing: border-box
}
.acMenu dd .new-kuchiko-bott {
border-top: 1px dashed #ccc;
padding-top: 20px;
margin-top: 10px
}
.acMenu dd .new-kuchiko-bott dl {
margin: 0;
background: #f7f7f7;
border-radius: 10px;
padding: 10px 15px
}
.acMenu dd .new-kuchiko-bott dl:first-of-type {
margin-bottom: 15px
}
.acMenu dd .new-kuchiko-bott dt {
font-size: 16px;
font-weight: 700;
margin: 0 0 10px;
padding: 0 0 10px;
border-bottom: 1px solid #eaeaea;
line-height: 1.6;
position: relative;
display: flex;
align-items: center;
background: 0 0;
cursor: auto;
border-top: none;
border-right: none;
border-left: none
}
.acMenu dd .new-kuchiko-bott dl:first-of-type dt:before,
.acMenu dd .new-kuchiko-bott dl:nth-of-type(2) dt:before {
content: "";
width: 20px;
height: 20px;
line-height: 1.6;
position: relative;
bottom: auto;
left: auto;
right: auto;
margin: 0 5px 0 0;
border: 0
}
.acMenu dd .new-kuchiko-bott dd {
font-size: 13px;
line-height: 1.6;
display: block
}
.acMenu dd .new-kuchiko-bott dl:first-of-type dt:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1922505663.png) center left/20px no-repeat;
display: inline-block
}
.acMenu dd .new-kuchiko-bott dl:first-of-type dt:after {
display: none
}
.acMenu dd .new-kuchiko-bott dl:nth-of-type(2) dt:before {
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m12d_1922537931.png) center left/20px no-repeat;
display: inline-block
}
.acMenu dd .new-kuchiko-bott dl:nth-of-type(2) dt:after {
display: none
}
body .post a.kakudai-box {
display: block;
text-decoration: none
}
body .post a.kakudai-box br {
display: none
}
body .post a.kakudai-box span {
text-align: center;
background: #2299f3;
color: #fff;
padding: 5px 0;
display: flex;
justify-content: center;
align-items: center;
text-decoration: none;
margin: 5px 0 10px
}
body .post a.kakudai-box span:before {
content: '';
display: inline-block;
vertical-align: top;
background-image: url('https://img.oripalette.jp/media/lastidea/uploads/2019/05/2019y05m22d_1937022255.png');
background-size: contain;
width: 15px;
height: 15px;
margin-right: 8px;
background-repeat: no-repeat
}
#rankingBtn li:first-of-type a:before,
#rankingBtn li:last-of-type a:before {
content: "";
width: 13px;
height: 13px;
display: inline-block;
margin-right: 5px
}
#rankingBtn li {
display: block;
background:none;
}
#main-contents #rankingBtn li {
margin: 0 0 8px
}
#rankingBtn li a {
display: flex;
justify-content: center;
align-items: center;
width: 60%;
margin: 0 auto;
padding: 0
}
#main-contents #rankingBtn li a {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
font-size: 12px;
padding: 3px 0;
margin: 0
}
#main-contents #rankingBtn li:first-of-type a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/syousai-bt.png') center left/10px no-repeat;
width: 10px;
height: 10px;
display: inline-block;
margin-right: 3px
}
#main-contents #rankingBtn li:last-of-type a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/download-bt.png') center left/10px no-repeat;
width: 10px;
height: 10px;
display: inline-block;
margin-right: 3px
}
#rankingBtn li a.syousai-bt,
#rankingBtn li:first-of-type a {
background: #2f9ac6;
padding: 2px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 3px 0 0 #2680a5
}
#rankingBtn li a.freedl-bt,
#rankingBtn li:last-of-type a {
padding: 2px 15px;
border-radius: 5px;
box-shadow: 0 3px 0 0 #b11545;
color: #fff;
text-decoration: none
}
#rankingBtn li:first-of-type a:before {
background: url('https://oripalette.jp/media/img/common/icon/syousai-bt.png') center left/13px no-repeat
}
#rankingBtn li:last-of-type a {
background: #e04172
}
#rankingBtn li:last-of-type a:before {
background: url('https://oripalette.jp/media/img/common/icon/download-bt.png') center left/13px no-repeat
}
#main-contents #rankingBtn li a.freedl-bt:before,
#main-contents #rankingBtn li a.syousai-bt:before {
content: "";
width: 10px;
height: 10px;
display: inline-block;
margin-right: 3px
}
#main-contents #rankingBtn li a.syousai-bt:before {
background: url('https://oripalette.jp/media/img/common/icon/syousai-bt.png') center left/10px no-repeat
}
#rankingBtn li a.freedl-bt {
background: #e04172
}
#main-contents #rankingBtn li a.freedl-bt:before {
background: url('https://oripalette.jp/media/img/common/icon/download-bt.png') center left/10px no-repeat
}
.scroll-img-wrap {
width: 100%;
display: flex;
overflow-x: scroll;
overflow-scrolling: touch;
padding: 10px 0;
margin: 10px 0
}
.scroll-img-box {
display: flex;
width: 100%;
min-width: max-content;
flex-wrap: wrap;
-webkit-flex-wrap: wrap
}
#main-contents .scroll-img-box img,
.scroll-img-box img {
display: inline-block;
position: relative;
padding: 0;
margin: 0 10px 0 0
}
.scroll-img-box img {
height: 180px
}
.scroll-img-wrap-hi {
width: 100%;
display: flex;
overflow-x: scroll;
overflow-scrolling: touch;
padding: 10px 0;
margin: 10px 0
}
.scroll-img-wrap-hi .scroll-img-box {
display: flex;
width: 100%;
min-width: max-content;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
max-height: 400px
}
#main-contents .scroll-img-wrap-hi .scroll-img-box img,
.scroll-img-wrap-hi .scroll-img-box img {
display: inline-block;
padding: 0;
margin: 0 10px 0 0;
width: initial;
height: initial;
position: relative
}
.scroll-img-wrap-hi .scroll-img-box img {
max-height: 400px
}
#main-contents .scroll-img-wrap-hi .scroll-img-box img {
max-height: 300px
}
#main-contents .scroll-img-wrap {
width: 100%;
height: 185px;
display: flex;
overflow-x: scroll;
overflow-y: hidden;
overflow-scrolling: touch;
padding: 10px 0;
margin: 10px 0
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar,
#main-contents .scroll-img-wrap::-webkit-scrollbar {
width: 10px;
height: 5px
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar-thumb,
#main-contents .scroll-img-wrap::-webkit-scrollbar-thumb {
background: #fb568e;
border-radius: 50px
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar-track-piece:start,
#main-contents .scroll-img-wrap::-webkit-scrollbar-track-piece:start {
background: #fb568e
}
#main-contents .scroll-img-wrap-hi::-webkit-scrollbar-track-piece:end,
#main-contents .scroll-img-wrap::-webkit-scrollbar-track-piece:end {
background: #ffdee9
}
.scroll-img-wrap .slide-app-in.slide-youbride {
background: -webkit-repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px);
background: repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px)
}
.scroll-img-wrap .slide-app-in.slide-youbride ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #117704
}
.scroll-img-wrap .slide-app-in.slide-omiai {
background: -webkit-repeating-linear-gradient(-45deg,#c9ebff,#c9ebff 2px,#a9dfff 2px,#a9dfff 8px);
background: repeating-linear-gradient(-45deg,#c9ebff,#c9ebff 2px,#a9dfff 2px,#a9dfff 8px)
}
.scroll-img-wrap .slide-app-in.slide-omiai ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #3494ce
}
.scroll-img-wrap .slide-app-in.slide-koimusubi {
background: -webkit-repeating-linear-gradient(-45deg,#ffd1ea,#ffd1ea 2px,#ffbfe2 2px,#ffbfe2 8px);
background: repeating-linear-gradient(-45deg,#ffd1ea,#ffd1ea 2px,#ffbfe2 2px,#ffbfe2 8px)
}
.scroll-img-wrap .slide-app-in.slide-enmusubi,
.scroll-img-wrap .slide-app-in.slide-toukare {
background: -webkit-repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px)
}
.scroll-img-wrap .slide-app-in.slide-koimusubi ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #960130
}
.scroll-img-wrap .slide-app-in.slide-enmusubi {
background: repeating-linear-gradient(-45deg,#fff9f2,#fff9f2 2px,#fbe9d4 2px,#fbe9d4 8px)
}
.scroll-img-wrap .slide-app-in.slide-enmusubi ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #b38144
}
.scroll-img-wrap .slide-app-in.slide-tinder {
background: -webkit-repeating-linear-gradient(-45deg,#ffd7d2,#ffd7d2 2px,#ffc1b8 2px,#ffc1b8 8px);
background: repeating-linear-gradient(-45deg,#ffd7d2,#ffd7d2 2px,#ffc1b8 2px,#ffc1b8 8px)
}
.scroll-img-wrap .slide-app-in.slide-tinder ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #d41512
}
.scroll-img-wrap .slide-app-in.slide-toukare {
background: repeating-linear-gradient(-45deg,#f1f1f1,#f1f1f1 2px,#dedede 2px,#dedede 8px)
}
.scroll-img-wrap .slide-app-in.slide-toukare ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #2f2f2f
}
.scroll-img-wrap-hi .slide-app-in.slide-matchcom {
background: -webkit-repeating-linear-gradient(-45deg,#dcf9d9,#dcf9d9 2px,#ceefca 2px,#ceefca 8px);
background: repeating-linear-gradient(-45deg,#dddfff,#dddfff 2px,#c9ccff 2px,#c9ccff 8px)
}
.scroll-img-wrap-hi .slide-app-in.slide-matchcom ul.slide-app-wrap li.slide-app-icon img {
box-shadow: 0 4px 0 0 #121880
}
.scroll-img-wrap .slide-app-in {
width: 100%;
height: auto;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box
}
.scroll-img-wrap ul.slide-app-wrap {
margin: 0;
padding: 0;
width: 300px
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-icon {
width: 100%;
text-align: center;
margin: 0 auto;
display: block
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-icon img {
width: 100px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: 0 4px 0 0 #117704;
transition: 0.6s
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-icon img:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt {
width: 100%;
text-align: center;
margin: 0 auto;
display: block
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt a {
padding: 15px;
width: 100%;
box-sizing: border-box;
background: #f89b00;
border-radius: 5px;
text-decoration: none;
margin: 0 auto;
display: block;
font-size: 16px;
color: #fff;
box-shadow: 0 4px 0 0 #de6000;
transition: 0.6s
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt a:hover {
background: #f80;
box-shadow: 0 4px 1px 0 #de6000
}
.scroll-img-wrap ul.slide-app-wrap li.slide-app-bt a:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.scroll-img-wrap-hi .slide-app-in {
width: 100%;
height: auto;
padding: 20px;
display: flex;
justify-content: center;
align-items: center;
box-sizing: border-box
}
.scroll-img-wrap-hi ul.slide-app-wrap {
margin: 0;
padding: 0;
width: 300px
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-icon {
width: 100%;
text-align: center;
margin: 0 auto;
display: block
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-icon img {
width: 100px;
border-radius: 10px;
margin-bottom: 20px;
box-shadow: 0 4px 0 0 #117704;
transition: 0.6s
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-icon img:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt {
width: 100%;
text-align: center;
margin: 0 auto;
display: block
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt a {
padding: 15px;
width: 100%;
box-sizing: border-box;
background: #f89b00;
border-radius: 5px;
text-decoration: none;
margin: 0 auto;
display: block;
font-size: 16px;
color: #fff;
box-shadow: 0 4px 0 0 #de6000;
transition: 0.6s
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt a:hover {
background: #f80;
box-shadow: 0 4px 1px 0 #de6000
}
.scroll-img-wrap-hi ul.slide-app-wrap li.slide-app-bt a:active {
-webkit-transform: translateY(4px);
transform: translateY(4px);
box-shadow: 0 0 1px rgba(0, 0, 0, .2);
border-bottom: none
}
.ranking-main-dl {
position: relative;
display: block;
width: 100%;
margin-bottom: 20px
}
.ranking-main-dl img {
position: relative;
top: 0;
display: block;
z-index: 0;
width: 80%;
margin: 0 auto
}
.ranking-main-dl ul {
position: absolute;
top: 0;
z-index: 1;
width: 100%
}
.ranking-main-dl li {
position: absolute;
width: 40%;
z-index: 1;
display: -webkit-flex;
display: flex;
align-items: center;
right: 70px
}
.ranking-main-dl li img {
width: 95%;
margin-right: 8px;
height: auto
}
.ranking-main-dl li:nth-of-type(1) {
top: 100px
}
.ranking-main-dl li:nth-of-type(2) {
top: 246px
}
.ranking-main-dl li:nth-of-type(3) {
top: 392px
}
.ranking-main-dl li:nth-of-type(4) {
top: 538px
}
.ranking-main-dl li:nth-of-type(5) {
top: 684px
}
.ranking-main-dl li:nth-of-type(6) {
top: 830px
}
#sidebar-new-3 ul.ri-app-list.pc-none,
.article p:empty,
.pc-none {
display: none
}
.commentlist {
margin-bottom: 20px
}
#mainCenter #sitemap_list li {
list-style: none;
padding: 15px 10px 15px 20px;
font-weight: 700;
background: #efefef;
border: 1px solid #7a7a7a;
margin: 0 0 10px;
}
#mainCenter #sitemap_list li ul {
margin-top: 10px;
margin-bottom: 0
}
#mainCenter #sitemap_list li li {
padding: 5px 10px 5px 15px;
line-height: 1.3em;
font-weight: 400;
background: 0 0;
border: 0 solid #ccc;
margin: 0;
position: relative
}
#mainCenter #sitemap_list li li::before {
position: absolute;
content: '';
width: 6px;
height: 6px;
border-top: solid 2px #9758f8;
border-right: solid 2px #9758f8;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
top: 50%;
left: 0;
margin-top: -3px;
}
#mainCenter #sitemap_list li a{
color: #444;
}
#mainCenter #sitemap_list li a:hover{
color: #19cf23;
}
#form-area input[type=email],
#form-area input[type=text],
#form-area textarea {
width: 100%;
box-sizing: border-box;
max-width: 100%
}
#form-area ul li {
margin: 30px 0
}
#form-area p {
margin: 10px 0
}
#form-control- .form-submit {
width: 50%;
background: #333;
color: #fff;
text-align: center;
border-radius: 4px;
padding: 7px 0 6px;
border: 0;
margin: 0 auto;
display: block;
cursor: pointer
}
.linemessage-box {
background: #7292c1;
padding: 10px;
margin: 0 0 20px
}
.linemessage-box p.linemessage-le,
.linemessage-box p.linemessage-ri {
display: block;
padding: 10px 20px;
width: 80%;
color: #555;
font-size: 14px;
line-height: 1.4;
box-sizing: border-box
}
.linemessage-box p.linemessage-ri {
background: #86e34a;
position: relative;
margin: 10px auto;
border: 0 solid #555;
border-radius: 30px
}
.linemessage-box p.linemessage-ri:before {
content: "";
position: absolute;
top: 20%;
right: -30px;
margin-top: 0;
border: 12px solid transparent;
border-left: 25px solid #86e34a;
z-index: 2
}
.linemessage-box p.linemessage-le {
background: #FFF;
position: relative;
margin: 10px auto;
border: 0 solid #555;
border-radius: 30px
}
.linemessage-box p.linemessage-le:before {
content: "";
position: absolute;
top: 20%;
left: -30px;
margin-top: 0;
border: 12px solid transparent;
border-right: 25px solid #FFF;
z-index: 2
}
.article .review-list-table .thead,
.article .review-post-table .thead,
.article .review-search-table .thead,
.sakura-report-table .thead,
.sakura-search-table .thead {
line-height: 34px;
box-sizing: border-box;
padding-left: 14px
}
.article .review-post-table .thead,
.sakura-report-table dt.thead {
border-top: 0
}
.sakura-report-table dd.col1,
dl.review-post-table .col1 {
border-left: 0
}
.sakura-report-table .col2,
dl.review-post-table .col2 {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center
}
dl.review-post-table .table-radio {
padding-left: 0
}
.col2 #comment {
border-color: #b8b8b8;
margin-bottom: 0
}
label[for=file_photo] br {
display: none
}
.file_path {
display: block;
width: 120px;
text-align: center;
color: #fff;
background: #7e7e7e;
border-radius: 3px;
cursor: pointer
}
#sakura_local_photo {
background: #fbfbfb;
text-align: center;
margin-bottom: 10px
}
#sakura_local_photo img {
margin: 10px 0
}
#upload_reset {
margin: 0 0 0 5px
}
div.review-post-button button.long {
border: 0;
border-radius: 5px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/03/2019y03m15d_0813524073.png') right 20px center/10px no-repeat #5fb9f5
}
.sakura-search-table dd.search-area input,
dl.review-search-table .search-area input {
width: 90%;
border: 1px solid #888;
border-right: 0
}
.sakura-search-table dd.search-area button,
dl.review-search-table .search-area button {
margin-left: auto;
width: 12%;
background: #5fb9f5;
border: 0;
color: #FFF;
border-radius: 0 5px 5px 0;
padding: 8px 0
}
.review-search-table dd.app-icon-area,
.sakura-search-table dd.app-icon-area {
padding: 24px;
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start
}
.review-search-table dd.app-icon-area div,
.sakura-search-table dd.app-icon-area div {
width: 105px
}
dd.app-icon-area div a {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column
}
dd.app-icon-area div a br {
display: none
}
dd.app-icon-area div a span {
-webkit-box-ordinal-group: 3;
-ms-flex-order: 2;
order: 2
}
dd.app-icon-area div a img {
-webkit-box-ordinal-group: 2;
-ms-flex-order: 1;
order: 1;
border: 1px solid #e8e8e8;
border-radius: 18px
}
.review_sort_box span {
display: inline-block;
width: 160px;
text-align: center;
background: #e94d8a;
color: #fff;
border: 1px solid #e94d8a;
position: relative;
padding: 1px 0
}
.review_sort_box span:after {
display: inline-block;
content: '';
position: absolute;
right: 0;
left: 0;
bottom: -10px;
width: 0;
height: 0;
margin: auto;
border-style: solid;
border-color: #e94d8a transparent transparent;
border-width: 10px 9px 0
}
body .post .review_sort_box a {
display: inline-block;
width: 160px;
text-align: center;
background: #fff;
border: 1px solid #e94d8a;
color: #e94d8a;
padding: 1px 0;
text-decoration: none
}
.review-list-box .review-list-table .list-area {
background-color: #fff;
border-bottom: 1px solid #e2e2e2;
border-left: 1px solid #e2e2e2;
border-right: 1px solid #e2e2e2;
box-sizing: border-box;
padding: 16px;
margin: 0
}
.list-area-top img {
width: 56px;
height: 51px
}
dl.review-list-table .list-area .list-area-top .title {
padding-left: 10px
}
.review-list-box .review-list-table .list-area .list-area-bottom {
margin-bottom: 2px;
font-size: 12px
}
.list-area-bottom span {
margin-right: 15px
}
.sakura-list-table .list-area-bottom span {
margin-right: 0
}
.review-list-box .review-list-table .list-area .list-area-bottom button.good-button {
margin-right: 10px;
padding: 2px 10px;
background: #5d5d5d;
border: 0;
color: #fff
}
.review-list-box .review-list-table .list-area .list-area-bottom .good-num {
padding: 2px 8px;
text-align: center;
border-radius: 30px;
font-size: 12px;
font-weight: 700;
background: #ffafaf;
border: 0;
color: #FFF;
margin-right: 0
}
.review-list-box .review-list-table .list-area>p:last-child {
margin: 0
}
.review-list-table .list-page-area {
padding-top: 10px
}
#mainCenter section.top-member-box h2 {
color: #FFF;
background: url('https://oripalette.jp/media/img/common/top/h2-bg-r.png') right center no-repeat #333;
background-size: 20px;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
.member-box-in {
position: relative;
margin-bottom: 20px;
}
.member-box-in ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
margin: 0!important;
}
.member-box-in ul li {
width: 20%;
text-align: center;
margin: 5px 5px 10px;
display: block
}
.member-box-in ul li img {
width: 100px;
height: 100px;
object-fit: cover;
margin: 0 auto;
display: block;
border-radius: 50%;
cursor: pointer;
transition-duration: 0.8s
}
.member-box-in ul li img:hover {
opacity: .8;
cursor: pointer;
transform: scale(1.1);
transition-duration: 1s;
transition-timing-function: ease
}
.member-box-in ul li span {
display: block;
line-height: normal;
font-size: 15px;
margin-top: 5px
}
#mainCenter section.top-twitter-box h2 {
color: #FFF;
background: url('https://oripalette.jp/media/img/common/top/h2-bg-r.png') right center no-repeat #333;
background-size: 20px;
border-left: #000 solid 5px;
font-size: 18px;
font-weight: 700;
line-height: 50px;
padding: 0 20px 0 10px;
margin-bottom: 10px
}
.twitter-box-in {
border: 1px solid #ccc;
line-height: 0;
margin-bottom: 10px;
box-sizing: border-box
}
.top-twitter-bt a {
display: block;
background: #20bee2;
margin-bottom: 20px;
text-align: center;
line-height: 40px;
border-radius: 10px;
color: #FFF;
cursor: pointer
}
.rankingInfo dt:nth-of-type(1):before,
.rankingInfo dt:nth-of-type(2):before {
top: 2px;
content: '';
display: inline-block;
width: 15px;
height: 15px;
background-size: contain;
vertical-align: middle
}
#main-contents .rankingInfo dd {
margin: 0 0 2px
}
.rankingInfo dt:nth-of-type(1) {
position: relative;
color: #ea5d88;
font-weight: 700
}
.rankingInfo dt:nth-of-type(1):before {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/11/2019y11m19d_1323495404.jpg')
}
.rankingInfo dt:nth-of-type(2) {
position: relative;
color: #328ec2;
font-weight: 700
}
.rankingInfo dt:nth-of-type(2):before {
background-image: url('https://oripalette.jp/media/img/media/uploads/2019/11/2019y11m19d_1323437785.jpg')
}
#mainCenter #rankingBtn {
margin-top: 0
}
#mainCenter #rankingBtn li {
border: none;
margin: 0;
background:none;
}
.happymail-doku,
.happymail-kikon {
overflow: hidden;
padding: 5px 0;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
cursor: pointer;
text-align: center
}
.rbt-img-cv {
margin: 0 auto;
text-align: center
}
.rbt-img-cv img {
height: 50%;
margin: 5px
}
body .post a.happymail-doku {
text-decoration: none
}
.happymail-doku {
display: block;
position: relative;
width: 250px;
height: 84px;
border-radius: 10px;
margin: 5px auto;
background: #f89b00;
background-size: 200%;
border-bottom: solid 6px #de6000
}
.happymail-doku:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
.happymail-doku:after {
content: '▶';
position: absolute;
right: 14px;
top: 50%;
color: #de6000;
font-size: 13px;
background: #fff;
width: 20px;
line-height: 20px;
border-radius: 50%;
text-align: center;
margin-top: -10px
}
.happymail-doku span {
display: block;
color: #fff;
font-size: 14px;
line-height: 26px
}
.happymail-doku span:last-of-type {
position: relative;
display: inline
}
.happymail-doku span:last-of-type:after,
.happymail-doku span:last-of-type:before {
position: absolute;
top: 0;
content: '';
width: 15px;
height: 15px
}
.happymail-doku span:first-of-type img {
display: none
}
.happymail-doku span:last-of-type:before {
left: -20px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/04/2019y04m05d_1931114886.png') top left/contain no-repeat
}
.happymail-doku span:last-of-type:after {
right: -20px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/04/2019y04m05d_1931100405.png') top right/contain no-repeat
}
.happymail-doku span:nth-of-type(2) {
font-size: 24px;
font-weight: 700
}
body .post a.happymail-kikon {
text-decoration: none
}
.happymail-kikon {
display: block;
position: relative;
width: 250px;
height: 84px;
border-radius: 10px;
margin: 5px auto;
background: #78afda;
background-size: 200%;
border-bottom: solid 6px #3381bd
}
.happymail-kikon:hover {
opacity: .6
}
.happymail-kikon:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: " ";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
#mainCenter td.dlbt-box .bt-rank-dl a:hover,
#mainCenter td.dlbt-box .bt-rank-syousai a:hover,
.cvBts:hover {
opacity: .6
}
.happymail-kikon:after {
content: '▶';
position: absolute;
right: 14px;
top: 50%;
color: #3381bd;
font-size: 13px;
background: #fff;
width: 20px;
line-height: 20px;
border-radius: 50%;
text-align: center;
margin-top: -10px
}
.happymail-kikon span {
display: block;
color: #fff;
font-size: 14px;
line-height: 26px
}
.happymail-kikon span:last-of-type {
position: relative;
display: inline
}
.happymail-kikon span:last-of-type:after,
.happymail-kikon span:last-of-type:before {
position: absolute;
top: 0;
content: '';
width: 15px;
height: 15px
}
.happymail-kikon span:first-of-type img {
display: none
}
.happymail-kikon span:last-of-type:before {
left: -20px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/04/2019y04m05d_1931114886.png') top left/contain no-repeat
}
.happymail-kikon span:last-of-type:after {
right: -20px;
background: url('https://oripalette.jp/media/img/media/uploads/2019/04/2019y04m05d_1931100405.png') top right/contain no-repeat
}
.happymail-kikon span:nth-of-type(2) {
font-size: 24px;
font-weight: 700
}
.conve-bt-boxs2 {
text-align: center;
width: 85%;
padding: 15px 0;
margin: 0 auto 25px;
display: block;
border: 0 solid #ff3c70;
border-radius: 5px;
background: #f0f4f7
}
.conve-bt-boxs2 p.bt-download-txt {
font-size: 16px;
font-weight: 700;
margin: 0;
color: #ff3249
}
.conve-bt-boxs2 p.bt-download-txt+p {
position: relative
}
.conve-bt-boxs2 p {
margin-bottom: 0
}
.conve-bt-boxs2 .bt-download-txt a {
color: #ff3249;
display: inline-block;
width: auto
}
.conve-bt-boxs2 .conve-double-in {
display: flex;
justify-content: center;
align-items: center
}
.conve-bt-boxs2 .conve-double-in p {
margin: 10px
}
.conve-bt-boxs2.pc-none {
display: none
}
#mainCenter .ninki5-list-wrap {
width: 100%;
margin: 10px auto 500px;
padding: 0;
position: relative
}
#mainCenter .ninki5-list-wrap .ninki5-list-box {
display: flex;
align-items: center;
width: 100%;
margin: 0 0 5px;
box-sizing: border-box;
border: 1px solid #efefef;
background: #f5f8fa
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-title {
width: 20%;
text-align: center;
position: relative
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-title img {
width: 70px;
border-radius: 10px;
border: 2px solid #ccc;
margin: 0 auto;
display: block
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(1) .ninki5-list-title a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/ninki5-icon-1.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(2) .ninki5-list-title a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/ninki5-icon-2.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(3) .ninki5-list-title a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/ninki5-icon-3.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(4) .ninki5-list-title a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/ninki5-icon-4.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(5) .ninki5-list-title a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/ninki5-icon-5.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box:nth-of-type(6) .ninki5-list-title a:before {
content: "";
background: url('https://oripalette.jp/media/img/common/icon/ninki5-icon-pr.png') center/30px no-repeat;
width: 40px;
height: 40px;
position: absolute;
left: 20px;
top: 10px
}
.cvBts:before,
body .post a.cvBts-haru:before {
animation: kirakira 3s ease-in-out infinite;
left: 0;
top: -180px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main {
width: 80%;
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box {
width: 100%;
display: flex;
align-items: center;
margin: 0;
background: #b5c0d0;
padding: 8px 0 8px 15px;
color: #FFF
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dt {
width: 40%;
display: block;
font-size: 20px;
font-weight: 700
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd {
width: 60%;
display: flex;
align-items: center
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd a {
width: 43%;
padding: 3px;
text-align: center;
text-decoration: none;
border-radius: 50px;
color: #FFF;
font-weight: 700;
cursor: pointer;
display: block
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd a:nth-of-type(1) {
margin: 0 15px 0 0;
background: #fb558f;
box-shadow: 0 2px 0 0 #d10050
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtitle-box dd a:nth-of-type(2) {
margin: 0;
background: #1c9af2;
box-shadow: 0 2px 0 0 #006ac1
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box {
width: 100%;
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 0 15px;
background: #fff
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dt {
width: 100%;
display: block;
font-size: 16px;
font-weight: 700;
color: #5f5f5f
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price {
width: 60%;
color: #5f5f5f
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price span {
position: relative;
width: 100%
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price span.icon-man:before {
content: "男";
background: #5da9e4;
padding: 3px 6px;
border-radius: 50%;
margin-right: 10px;
font-size: 12px;
font-weight: 700;
color: #fff
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-price span.icon-woman:before {
content: "女";
background: #f36091;
padding: 3px 6px;
border-radius: 50%;
margin-right: 10px;
font-size: 12px;
font-weight: 700;
color: #fff
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre {
width: 40%
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre ul {
display: flex;
align-items: center;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
margin: 0;
padding: 5px
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre li {
width: 30%;
text-align: center;
margin: 2px;
padding: 0;
line-height: 21px;
border: 1px solid #e2e2e2;
background: #f5f8fa;
box-sizing: border-box;
border-radius: 4px;
font-size: 12px;
color: #9c9c9c
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre li.icon-on {
width: 30%;
text-align: center;
margin: 2px;
padding: 0;
line-height: 21px;
border: 1px solid #bce8e3;
background: #3edbc8;
box-sizing: border-box;
border-radius: 4px;
font-size: 12px;
color: #fff;
font-weight: 700
}
#mainCenter .ninki5-list-wrap .ninki5-list-box .ninki5-list-main dl.subtxt-box dd.app-genre li:nth-of-type(n+4).icon-on {
width: 30%;
text-align: center;
margin: 2px;
padding: 0;
line-height: 21px;
border: 1px solid #fbdec1;
background: #ffb469;
box-sizing: border-box;
border-radius: 4px;
font-size: 12px;
color: #fff;
font-weight: 700
}
#mainCenter .osusume-app-table .ryoukin {
padding: 0 10px
}
#mainCenter td.tokucho {
border: 0;
padding: 5px 10px 0;
line-height: normal
}
#mainCenter td.dlbt-box {
margin: 0;
padding: 8px 5px;
border-bottom: 1px dashed #e2e2e2
}
#mainCenter td.dlbt-box .bt-rank-dl a,
#mainCenter td.dlbt-box .bt-rank-syousai a {
padding: 5px;
text-decoration: none;
box-sizing: border-box;
color: #FFF;
border-radius: 5px;
font-weight: 700
}
#mainCenter td.dlbt-box div.dlbt-box-in {
display: flex;
justify-content: center;
align-items: center
}
#mainCenter td.dlbt-box .bt-rank-dl,
#mainCenter td.dlbt-box .bt-rank-syousai {
width: 50%;
text-align: center;
margin: 2px
}
#mainCenter td.dlbt-box .bt-rank-dl a {
width: 100%;
height: 100%;
background: #ff83ae;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 0 0 #d9165f
}
#mainCenter td.dlbt-box .bt-rank-dl a:before {
content: "";
width: 13px;
height: 13px;
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m11d_1239048819.png) center/100% 100% no-repeat;
display: inline-block;
margin-right: 8px
}
#mainCenter td.dlbt-box .bt-rank-syousai a {
width: 100%;
height: 100%;
background: #4baef3;
display: flex;
justify-content: center;
align-items: center;
box-shadow: 0 2px 0 0 #006ac1
}
#mainCenter td.dlbt-box .bt-rank-syousai a:before {
content: "";
width: 13px;
height: 13px;
background: url(https://oripalette.jp/media/img/media/uploads/2021/03/2021y03m11d_1239041425.png) center/100% 100% no-repeat;
display: inline-block;
margin-right: 8px
}
.conve-bt-boxs.bridalnet-cv .happymail {
background: #f3656f;
border-bottom: solid 5px #d21926
}
.conve-bt-boxs.bridalnet-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail:after {
color: #f3656f;
background: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.bridalnet-cv {
background: #fdd
}
.conve-bt-boxs.bridalnet-cv p.bt-download-txt a {
color: #f3656f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.bridalnet-cv .happymail {
background: #f3656f;
border-bottom: solid 5px #d21926
}
.conve-bt-boxs.bridalnet-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail:after {
color: #f3656f;
background: #fff
}
.conve-bt-boxs.bridalnet-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.bridalnet-cv {
background: #fdd
}
.conve-bt-boxs.bridalnet-cv p.bt-download-txt a {
color: #f3656f !important
}
}
.conve-bt-boxs.tinder-cv .happymail {
background: #ff7157;
border-bottom: solid 5px #fd3939
}
.conve-bt-boxs.tinder-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tinder-cv .happymail:after {
color: #fd3939;
background: #fff
}
.conve-bt-boxs.tinder-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tinder-cv {
background: #ffe1db
}
.conve-bt-boxs.tinder-cv p.bt-download-txt a {
color: #fd2a7b !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.tinder-cv .happymail {
background: #ff7157;
border-bottom: solid 5px #fd3939
}
.conve-bt-boxs.tinder-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tinder-cv .happymail:after {
color: #fd3939;
background: #fff
}
.conve-bt-boxs.tinder-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tinder-cv {
background: #ffe1db
}
.conve-bt-boxs.tinder-cv p.bt-download-txt a {
color: #fd2a7b !important
}
}
.conve-bt-boxs.ikinari-cv .happymail {
background: #ff686f;
border-bottom: solid 5px #e43965
}
.conve-bt-boxs.ikinari-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.ikinari-cv .happymail:after {
color: #e43965;
background: #fff
}
.conve-bt-boxs.ikinari-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.ikinari-cv {
background: #fff2f3
}
.conve-bt-boxs.ikinari-cv p.bt-download-txt a {
color: #ff686f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.ikinari-cv .happymail {
background: #ff686f;
border-bottom: solid 5px #e43965
}
.conve-bt-boxs.ikinari-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.ikinari-cv .happymail:after {
color: #e43965;
background: #fff
}
.conve-bt-boxs.ikinari-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.ikinari-cv {
background: #fff2f3
}
.conve-bt-boxs.ikinari-cv p.bt-download-txt a {
color: #ff686f !important
}
}
.conve-bt-boxs.omiai-cv .happymail {
background: #ff8381;
border-bottom: solid 5px #ff4643
}
.conve-bt-boxs.omiai-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.omiai-cv .happymail:after {
color: #ff4643;
background: #fff
}
.conve-bt-boxs.omiai-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.omiai-cv {
background: #dcf2ff
}
.conve-bt-boxs.omiai-cv p.bt-download-txt a {
color: #3f9ad1 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.omiai-cv .happymail {
background: #ff8381;
border-bottom: solid 5px #ff4643
}
.conve-bt-boxs.omiai-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.omiai-cv .happymail:after {
color: #ff4643;
background: #fff
}
.conve-bt-boxs.omiai-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.omiai-cv {
background: #dcf2ff
}
.conve-bt-boxs.omiai-cv p.bt-download-txt a {
color: #3f9ad1 !important
}
}
.conve-bt-boxs.tapple-cv .happymail {
background: #ea4c89;
border-bottom: solid 5px #d40555
}
.conve-bt-boxs.tapple-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tapple-cv .happymail:after {
color: #d40555;
background: #fff
}
.conve-bt-boxs.tapple-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tapple-cv {
background: #d9f5f5
}
.conve-bt-boxs.tapple-cv p.bt-download-txt a {
color: #07b3b3 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.tapple-cv .happymail {
background: #ea4c89;
border-bottom: solid 5px #d40555
}
.conve-bt-boxs.tapple-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tapple-cv .happymail:after {
color: #d40555;
background: #fff
}
.conve-bt-boxs.tapple-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tapple-cv {
background: #d9f5f5
}
.conve-bt-boxs.tapple-cv p.bt-download-txt a {
color: #07b3b3 !important
}
}
.conve-bt-boxs.with-cv .happymail {
background: #fe696f;
border-bottom: solid 5px #ff343c
}
.conve-bt-boxs.with-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.with-cv .happymail:after {
color: #ff343c;
background: #fff
}
.conve-bt-boxs.with-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.with-cv {
background: #fffbee
}
.conve-bt-boxs.with-cv p.bt-download-txt a {
color: #fe696f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.with-cv .happymail {
background: #fe696f;
border-bottom: solid 5px #ff343c
}
.conve-bt-boxs.with-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.with-cv .happymail:after {
color: #ff343c;
background: #fff
}
.conve-bt-boxs.with-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.with-cv {
background: #fffbee
}
.conve-bt-boxs.with-cv p.bt-download-txt a {
color: #fe696f !important
}
}
.conve-bt-boxs.tocale-cv .happymail {
background: #2b1b15;
border-bottom: solid 5px #000
}
.conve-bt-boxs.tocale-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tocale-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.tocale-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tocale-cv {
background: #ded4be
}
.conve-bt-boxs.tocale-cv p.bt-download-txt a {
color: #5d4d46 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.tocale-cv .happymail {
background: #2b1b15;
border-bottom: solid 5px #000
}
.conve-bt-boxs.tocale-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.tocale-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.tocale-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.tocale-cv {
background: #ded4be
}
.conve-bt-boxs.tocale-cv p.bt-download-txt a {
color: #5d4d46 !important
}
}
.conve-bt-boxs.match-cv .happymail {
background: #4967da;
border-bottom: solid 5px #2743af
}
.conve-bt-boxs.match-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.match-cv .happymail:after {
color: #2743af;
background: #fff
}
.conve-bt-boxs.match-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.match-cv {
background: #e6e8ff
}
.conve-bt-boxs.match-cv p.bt-download-txt a {
color: #3a3c5d !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.match-cv .happymail {
background: #4967da;
border-bottom: solid 5px #2743af
}
.conve-bt-boxs.match-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.match-cv .happymail:after {
color: #2743af;
background: #fff
}
.conve-bt-boxs.match-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.match-cv {
background: #e6e8ff
}
.conve-bt-boxs.match-cv p.bt-download-txt a {
color: #3a3c5d !important
}
}
.conve-bt-boxs.eveeve-cv .happymail {
background: #48cecf;
border-bottom: solid 5px #1fa4a5
}
.conve-bt-boxs.eveeve-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.eveeve-cv .happymail:after {
color: #1fa4a5;
background: #fff
}
.conve-bt-boxs.eveeve-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.eveeve-cv {
background: #dbefef
}
.conve-bt-boxs.eveeve-cv p.bt-download-txt a {
color: #ea6f99 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.eveeve-cv .happymail {
background: #48cecf;
border-bottom: solid 5px #1fa4a5
}
.conve-bt-boxs.eveeve-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.eveeve-cv .happymail:after {
color: #1fa4a5;
background: #fff
}
.conve-bt-boxs.eveeve-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.eveeve-cv {
background: #dbefef
}
.conve-bt-boxs.eveeve-cv p.bt-download-txt a {
color: #ea6f99 !important
}
}
.conve-bt-boxs.koimusubi-cv .happymail {
background: #e70e75;
border-bottom: solid 5px #c1005c
}
.conve-bt-boxs.koimusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail:after {
color: #c1005c;
background: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.koimusubi-cv {
background: #e9f5ff
}
.conve-bt-boxs.koimusubi-cv p.bt-download-txt a {
color: #e70e75 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.koimusubi-cv .happymail {
background: #e70e75;
border-bottom: solid 5px #c1005c
}
.conve-bt-boxs.koimusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail:after {
color: #c1005c;
background: #fff
}
.conve-bt-boxs.koimusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.koimusubi-cv {
background: #e9f5ff
}
.conve-bt-boxs.koimusubi-cv p.bt-download-txt a {
color: #e70e75 !important
}
}
.conve-bt-boxs.poiboy-cv .happymail {
background: #ff6993;
border-bottom: solid 5px #e83568
}
.conve-bt-boxs.poiboy-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.poiboy-cv .happymail:after {
color: #e83568;
background: #fff
}
.conve-bt-boxs.poiboy-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.poiboy-cv {
background: #fae6ee
}
.conve-bt-boxs.poiboy-cv p.bt-download-txt a {
color: #f66 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.poiboy-cv .happymail {
background: #ff6993;
border-bottom: solid 5px #e83568
}
.conve-bt-boxs.poiboy-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.poiboy-cv .happymail:after {
color: #e83568;
background: #fff
}
.conve-bt-boxs.poiboy-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.poiboy-cv {
background: #fae6ee
}
.conve-bt-boxs.poiboy-cv p.bt-download-txt a {
color: #f66 !important
}
}
.conve-bt-boxs.enmusubi-cv .happymail {
background: #e0006b;
border-bottom: solid 5px #bb0059
}
.conve-bt-boxs.enmusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail:after {
color: #bb0059;
background: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.enmusubi-cv {
background: #f7f5f0
}
.conve-bt-boxs.enmusubi-cv p.bt-download-txt a {
color: #b38144 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.enmusubi-cv .happymail {
background: #e0006b;
border-bottom: solid 5px #bb0059
}
.conve-bt-boxs.enmusubi-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail:after {
color: #bb0059;
background: #fff
}
.conve-bt-boxs.enmusubi-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.enmusubi-cv {
background: #f7f5f0
}
.conve-bt-boxs.enmusubi-cv p.bt-download-txt a {
color: #b38144 !important
}
}
.conve-bt-boxs.youbride-cv .happymail {
background: #59b54d;
border-bottom: solid 5px #439038
}
.conve-bt-boxs.youbride-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.youbride-cv .happymail:after {
color: #439038;
background: #fff
}
.conve-bt-boxs.youbride-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.youbride-cv {
background: #f6f6f6
}
.conve-bt-boxs.youbride-cv p.bt-download-txt a {
color: #7cb727 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.youbride-cv .happymail {
background: #59b54d;
border-bottom: solid 5px #439038
}
.conve-bt-boxs.youbride-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.youbride-cv .happymail:after {
color: #439038;
background: #fff
}
.conve-bt-boxs.youbride-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.youbride-cv {
background: #f6f6f6
}
.conve-bt-boxs.youbride-cv p.bt-download-txt a {
color: #7cb727 !important
}
}
.conve-bt-boxs.marrish-cv .happymail {
background: #d2b074;
border-bottom: solid 5px #a28a57
}
.conve-bt-boxs.marrish-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.marrish-cv .happymail:after {
color: #a28a57;
background: #fff
}
.conve-bt-boxs.marrish-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.marrish-cv {
background: #f8f6f2
}
.conve-bt-boxs.marrish-cv p.bt-download-txt a {
color: #805f20 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.marrish-cv .happymail {
background: #d2b074;
border-bottom: solid 5px #a28a57
}
.conve-bt-boxs.marrish-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.marrish-cv .happymail:after {
color: #a28a57;
background: #fff
}
.conve-bt-boxs.marrish-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.marrish-cv {
background: #f8f6f2
}
.conve-bt-boxs.marrish-cv p.bt-download-txt a {
color: #805f20 !important
}
}
.conve-bt-boxs.dine-cv .happymail {
background: #50180a;
border-bottom: solid 5px #2d150e
}
.conve-bt-boxs.dine-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.dine-cv .happymail:after {
color: #2d150e;
background: #fff
}
.conve-bt-boxs.dine-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.dine-cv {
background: #f6f6f6
}
.conve-bt-boxs.dine-cv p.bt-download-txt a {
color: #c9960f !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.dine-cv .happymail {
background: #50180a;
border-bottom: solid 5px #2d150e
}
.conve-bt-boxs.dine-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.dine-cv .happymail:after {
color: #2d150e;
background: #fff
}
.conve-bt-boxs.dine-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.dine-cv {
background: #f6f6f6
}
.conve-bt-boxs.dine-cv p.bt-download-txt a {
color: #c9960f !important
}
}
.conve-bt-boxs.crossme-cv .happymail {
background: #2c9ffb;
border-bottom: solid 5px #1868a9
}
.conve-bt-boxs.crossme-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.crossme-cv .happymail:after {
color: #1868a9;
background: #fff
}
.conve-bt-boxs.crossme-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.crossme-cv {
background: #f1efff
}
.conve-bt-boxs.crossme-cv p.bt-download-txt a {
color: #1868a9 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.crossme-cv .happymail {
background: #2c9ffb;
border-bottom: solid 5px #1868a9
}
.conve-bt-boxs.crossme-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.crossme-cv .happymail:after {
color: #1868a9;
background: #fff
}
.conve-bt-boxs.crossme-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.crossme-cv {
background: #f1efff
}
.conve-bt-boxs.crossme-cv p.bt-download-txt a {
color: #1868a9 !important
}
}
.conve-bt-boxs.aocca-cv .happymail {
background: #fe708e;
border-bottom: solid 5px #fb476d
}
.conve-bt-boxs.aocca-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.aocca-cv .happymail:after {
color: #fb476d;
background: #fff
}
.conve-bt-boxs.aocca-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.aocca-cv {
background: #fde5e7
}
.conve-bt-boxs.aocca-cv p.bt-download-txt a {
color: #583e39 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.aocca-cv .happymail {
background: #fe708e;
border-bottom: solid 5px #fb476d
}
.conve-bt-boxs.aocca-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.aocca-cv .happymail:after {
color: #fb476d;
background: #fff
}
.conve-bt-boxs.aocca-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.aocca-cv {
background: #fde5e7
}
.conve-bt-boxs.aocca-cv p.bt-download-txt a {
color: #583e39 !important
}
}
.conve-bt-boxs.pairs-cv .happymail {
background: #38c0ca;
border-bottom: solid 5px #1098a2
}
.conve-bt-boxs.pairs-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pairs-cv .happymail:after {
color: #1098a2;
background: #fff
}
.conve-bt-boxs.pairs-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.pairs-cv {
background: #eafeff
}
.conve-bt-boxs.pairs-cv p.bt-download-txt a {
color: #7d7d7d !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.pairs-cv .happymail {
background: #38c0ca;
border-bottom: solid 5px #1098a2
}
.conve-bt-boxs.pairs-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pairs-cv .happymail:after {
color: #1098a2;
background: #fff
}
.conve-bt-boxs.pairs-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.pairs-cv {
background: #eafeff
}
.conve-bt-boxs.pairs-cv p.bt-download-txt a {
color: #7d7d7d !important
}
}
.conve-bt-boxs.yyc-cv .happymail {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs.yyc-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.yyc-cv .happymail:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs.yyc-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.yyc-cv .happymail {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs.yyc-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.yyc-cv .happymail:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs.yyc-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
}
.conve-bt-boxs.happymail-cv .happymail {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs.happymail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.happymail-cv .happymail:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs.happymail-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.happymail-cv .happymail {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs.happymail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.happymail-cv .happymail:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs.happymail-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
}
.conve-bt-boxs.pcmax-cv .happymail {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs.pcmax-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pcmax-cv .happymail:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs.pcmax-cv .happymail span {
color: #fff
}
.conve-bt-boxs.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.pcmax-cv .happymail {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs.pcmax-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.pcmax-cv .happymail:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs.pcmax-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
}
.conve-bt-boxs.jmail-cv .happymail {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs.jmail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.jmail-cv .happymail:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs.jmail-cv .happymail span {
color: #fff
}
.conve-bt-boxs.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs.jmail-cv p.bt-download-txt a {
color: #555 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.jmail-cv .happymail {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs.jmail-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.jmail-cv .happymail:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs.jmail-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs.jmail-cv p.bt-download-txt a {
color: #555 !important
}
}
.conve-bt-boxs.wakuwaku-cv .happymail {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs.wakuwaku-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail span {
color: #fff
}
.conve-bt-boxs.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.wakuwaku-cv .happymail {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs.wakuwaku-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs.wakuwaku-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
}
.conve-bt-boxs.mitsum-cv .happymail {
background: #ffb212;
border-bottom: solid 5px #b37900
}
.conve-bt-boxs.mitsum-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.mitsum-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.mitsum-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.mitsum-cv {
background: #f1efe9
}
.conve-bt-boxs.mitsum-cv p.bt-download-txt a {
color: #5d4d46 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs.mitsum-cv .happymail {
background: #ffb212;
border-bottom: solid 5px #b37900
}
.conve-bt-boxs.mitsum-cv .happymail:before {
background-color: #fff
}
.conve-bt-boxs.mitsum-cv .happymail:after {
color: #000;
background: #fff
}
.conve-bt-boxs.mitsum-cv .happymail span {
color: #FFF
}
.conve-bt-boxs.mitsum-cv {
background: #f1efe9
}
.conve-bt-boxs.mitsum-cv p.bt-download-txt a {
color: #5d4d46 !important
}
}
.conve-bt-boxs2.happymail-cv .happymail-doku {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs2.happymail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-doku:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv .happymail-kikon {
background: #e23f8c;
border-bottom: solid 5px #a51d5d
}
.conve-bt-boxs2.happymail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-kikon:after {
color: #a51d5d;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs2.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.happymail-cv .happymail-doku {
background: #48b9ff;
border-bottom: solid 5px #005a92
}
.conve-bt-boxs2.happymail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymai-dokul:after {
color: #005a92;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv .happymail-kikon {
background: #e23f8c;
border-bottom: solid 5px #a51d5d
}
.conve-bt-boxs2.happymail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.happymail-cv .happymai-kikon:after {
color: #a51d5d;
background: #fff
}
.conve-bt-boxs2.happymail-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.happymail-cv {
background: #e9eef3
}
.conve-bt-boxs2.happymail-cv p.bt-download-txt a {
color: #2b7bb9 !important
}
}
.conve-bt-boxs2.yyc-cv .happymail-doku {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs2.yyc-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv .happymail-kikon {
background: #00bd74;
border-bottom: solid 5px #00804e
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:after {
color: #00804e;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs2.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.yyc-cv .happymail-doku {
background: #5fc4f2;
border-bottom: solid 5px #109fe3
}
.conve-bt-boxs2.yyc-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku:after {
color: #109fe3;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv .happymail-kikon {
background: #00bd74;
border-bottom: solid 5px #00804e
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon:after {
color: #00804e;
background: #fff
}
.conve-bt-boxs2.yyc-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.yyc-cv {
background: #ffebeb
}
.conve-bt-boxs2.yyc-cv p.bt-download-txt a {
color: #fd6969 !important
}
}
.conve-bt-boxs2.pcmax-cv .happymail-doku {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon {
background: #2898d4;
border-bottom: solid 5px #00669c
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:after {
color: #00669c;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs2.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.pcmax-cv .happymail-doku {
background: #fa6cae;
border-bottom: solid 5px #e5317b
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku:after {
color: #e5317b;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon {
background: #2898d4;
border-bottom: solid 5px #00669c
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon:after {
color: #00669c;
background: #fff
}
.conve-bt-boxs2.pcmax-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.pcmax-cv {
background: #b7e6ff
}
.conve-bt-boxs2.pcmax-cv p.bt-download-txt a {
color: #525252 !important
}
}
.conve-bt-boxs2.jmail-cv .happymail-doku {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs2.jmail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon {
background: #003ca0;
border-bottom: solid 5px #00235f
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:after {
color: #00235f;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs2.jmail-cv p.bt-download-txt a {
color: #555 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.jmail-cv .happymail-doku {
background: #f5769e;
border-bottom: solid 5px #e80000
}
.conve-bt-boxs2.jmail-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku:after {
color: #e80000;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.jmail-cv .happymail-kikon {
background: #003ca0;
border-bottom: solid 5px #00235f
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon:after {
color: #00235f;
background: #fff
}
.conve-bt-boxs2.jmail-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.jmail-cv {
background: #dbf3ff
}
.conve-bt-boxs2.jmail-cv p.bt-download-txt a {
color: #555 !important
}
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon {
background: #00b5a5;
border-bottom: solid 5px #006f6b
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon:after {
color: #006f6b;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs2.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.wakuwaku-cv .happymail-doku {
background: #ff2d79;
border-bottom: solid 5px #b90043
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymai-doku:after {
color: #b90043;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon {
background: #00b5a5;
border-bottom: solid 5px #006f6b
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymai-kikon:after {
color: #006f6b;
background: #fff
}
.conve-bt-boxs2.wakuwaku-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.wakuwaku-cv {
background: #c8fcff
}
.conve-bt-boxs2.wakuwaku-cv p.bt-download-txt a {
color: #8e8e8e !important
}
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku {
background: #ff667c;
border-bottom: solid 5px #d83e54
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku:after {
color: #d83e54;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon {
background: #59a9de;
border-bottom: solid 5px #3280b3
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon:after {
color: #3280b3;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.ikukuru-cv {
background: #f3f3f3
}
.conve-bt-boxs2.ikukuru-cv p.bt-download-txt a {
color: #555 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.ikukuru-cv .happymail-doku {
background: #ff667c;
border-bottom: solid 5px #d83e54
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymai-doku:after {
color: #d83e54;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon {
background: #59a9de;
border-bottom: solid 5px #3280b3
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymai-kikon:after {
color: #3280b3;
background: #fff
}
.conve-bt-boxs2.ikukuru-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.ikukuru-cv {
background: #f3f3f3
}
.conve-bt-boxs2.ikukuru-cv p.bt-download-txt a {
color: #555 !important
}
}
.conve-bt-boxs2.asobo-cv .happymail-doku {
background: #ff5a73;
border-bottom: solid 5px #ca0e2b
}
.conve-bt-boxs2.asobo-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-doku:after {
color: #ca0e2b;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-doku span {
color: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon {
background: #6eb9e8;
border-bottom: solid 5px #2a78a9
}
.conve-bt-boxs2.asobo-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon:after {
color: #2a78a9;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon span {
color: #fff
}
.conve-bt-boxs2.asobo-cv {
background: #ffedf3
}
.conve-bt-boxs2.asobo-cv p.bt-download-txt a {
color: #4c1d00 !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.conve-bt-boxs2.asobo-cv .happymail-doku {
background: #ff5a73;
border-bottom: solid 5px #ca0e2b
}
.conve-bt-boxs2.asobo-cv .happymail-doku:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymai-doku:after {
color: #ca0e2b;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-doku span {
color: #FFF
}
.conve-bt-boxs2.asobo-cv .happymail-kikon {
background: #6eb9e8;
border-bottom: solid 5px #2a78a9
}
.conve-bt-boxs2.asobo-cv .happymail-kikon:before {
background-color: #fff
}
.conve-bt-boxs2.asobo-cv .happymai-kikon:after {
color: #2a78a9;
background: #fff
}
.conve-bt-boxs2.asobo-cv .happymail-kikon span {
color: #FFF
}
.conve-bt-boxs2.asobo-cv {
background: #ffedf3
}
.conve-bt-boxs2.asobo-cv p.bt-download-txt a {
color: #4c1d00 !important
}
}
.free-text {
display: block !important
}
.app-area div.app-area-bottom+p a {
display: none
}
.hikakurank-icon dd,
.hikakurank-icon dl,
.hikakurank-icon dt {
margin: 0;
padding: 0;
text-align: center;
display: block;
line-height: 1.6
}
.hikakurank-icon dd {
font-size: 15px;
font-weight: 700;
color: #ff305c
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-mans a,
#mainCenter td.dlbt-box .bt-rank-dl.icon-womans a {
padding: 5px;
width: 100%;
height: 100%;
justify-content: center;
box-sizing: border-box;
color: #FFF;
font-weight: 700;
border-radius: 5px;
text-decoration: none
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-mans a {
background: #0a94e8;
display: flex;
align-items: center;
box-shadow: 0 2px 0 0 #063d5f
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-mans a:before {
display: none
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-womans a {
background: #ff5991;
display: flex;
align-items: center;
box-shadow: 0 2px 0 0 #b11449
}
#mainCenter td.dlbt-box .bt-rank-dl.icon-womans a:before {
display: none
}
.img_kakudai {
display: flex;
justify-content: center;
align-items: center;
text-align: center;
background: #5a99fd;
color: #fff;
padding: 2px 0
}
.img_kakudai:before {
content: '';
display: inline-block;
vertical-align: top;
background-image: url('https://oripalette.jp/media/img/common/icon/search-img.png');
background-size: contain;
width: 13px;
height: 13px;
margin-right: 4px;
background-repeat: no-repeat
}
video {
width: 100%;
height: 100%
}
#mainCenter section.chumokuapp-box a.linkapp-btn span {
display: inline-block;
background: 0 0;
padding: 0;
margin: 0 -8px 0 5px;
font-size: 14px;
font-weight: 400
}
body .post a.cvBts {
text-decoration: none;
color: #FFF
}
body .post a.cvBts+br {
display: none
}
.cvBts-box {
margin: 0 0 30px
}
.cvBts,
.cvBts-box-hanabi .cvBts,
.cvBts-box-heart .cvBts {
display: inline-block;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
overflow: hidden;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29)
}
.cvBts-box p {
text-align: center
}
.cvBts {
background: #f89b00;
border-bottom: solid 6px #de6000
}
.cvBts-box-heart .cvBts {
background: #ff9bac;
border-bottom: solid 6px #e65d75
}
.cvBts-box-hanabi .cvBts {
background: #4644a0;
border-bottom: solid 6px #333179
}
.cvBts:before {
background-color: #fff;
content: "";
height: 100%;
opacity: 0;
position: absolute;
transform: rotate(45deg);
width: 30px
}
@keyframes kirakira {
0% {
transform: scale(0) rotate(45deg);
opacity: 0
}
80% {
transform: scale(0) rotate(45deg);
opacity: .5
}
81% {
transform: scale(4) rotate(45deg);
opacity: 1
}
100% {
transform: scale(50) rotate(45deg);
opacity: 0
}
}
.cvBts span {
font-size: 22px;
font-weight: 700
}
.facebookTxt {
display: block;
color: #FFF;
font-size: 11px;
text-align: center;
line-height: 1.2
}
body .post p.coPtxt-hanabi:after,
body .post p.coPtxt-hanabi:before,
body .post p.coPtxt-summer2:after,
body .post p.coPtxt-summer2:before,
body .post p.coPtxt-summer:after,
body .post p.coPtxt-summer:before,
body .post p.coPtxt:after,
body .post p.coPtxt:before {
width: 15px;
height: 20px;
display: inline-block;
content: ""
}
body .post p.coPtxt,
body .post p.coPtxt-hanabi {
color: #4644a0;
margin: 0;
padding: 0;
position: relative
}
body .post p.coPtxt,
body .post p.coPtxt-hanabi,
body .post p.coPtxt-haru,
body .post p.coPtxt-summer,
body .post p.coPtxt-summer2 {
font-size: 16px;
text-align: center;
font-weight: 700
}
body .post p.coPtxt:before {
border-left: 2px solid #4644a0;
transform: rotate(-30deg)
}
body .post p.coPtxt:after {
border-right: 2px solid #4644a0;
transform: rotate(30deg)
}
body .post p.coPtxt-hanabi:before {
border-left: 2px solid #4644a0;
transform: rotate(-30deg)
}
body .post p.coPtxt-hanabi:after {
border-right: 2px solid #4644a0;
transform: rotate(30deg)
}
body .post p.coPtxt-summer {
margin: 0;
padding: 0;
position: relative;
color: #ff9bac
}
body .post p.coPtxt-summer:before {
border-left: 2px solid #ff9bac;
transform: rotate(-30deg)
}
body .post p.coPtxt-summer:after {
border-right: 2px solid #ff9bac;
transform: rotate(30deg)
}
body .post p.coPtxt-summer2 {
margin: 0;
padding: 0;
position: relative;
color: #229af3
}
body .post p.coPtxt-summer2:before {
border-left: 2px solid #229af3;
transform: rotate(-30deg)
}
body .post p.coPtxt-summer2:after {
border-right: 2px solid #229af3;
transform: rotate(30deg)
}
.rankBtnLR #rankingBtn {
display: -webkit-flex;
display: flex
}
.rankBtnLR #rankingBtn li a {
width: 100px;
display: block;
text-align: center;
margin: 0 10px 0 0;
border: 0
}
.rankBtnLR #rankingBtn.btwd100 {
display: block !important;
box-sizing: border-box !important
}
.rankBtnLR #rankingBtn.btwd100 a {
width: 100% !important;
box-sizing: border-box
}
#rankingBtn.btwdrank5 a {
width: 330px !important;
box-sizing: border-box
}
body .post a.cvBts-haru {
display: inline-block;
overflow: hidden;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
background: #ff9bac;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-bottom: solid 6px #e65d75;
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent
}
body .post a.cvBts-haru:hover {
opacity: .6
}
body .post a.cvBts-haru:before {
background-color: #fff;
content: "";
height: 100%;
opacity: 0;
position: absolute;
transform: rotate(45deg);
width: 30px
}
body .post p.coPtxt-haru:after,
body .post p.coPtxt-haru:before {
content: "";
width: 15px;
height: 20px;
display: inline-block
}
body .post p.coPtxt-haru {
margin: 0;
padding: 0;
position: relative;
color: #ff617c
}
body .post p.coPtxt-haru:before {
border-left: 2px solid #ff617c;
transform: rotate(-30deg)
}
body .post p.coPtxt-haru:after {
border-right: 2px solid #ff617c;
transform: rotate(30deg)
}
body .post .cvBts-box-haru,
body .post a.cvBts-haru {
position: relative
}
body .post .cvBts-box-haru:after,
body .post .cvBts-box-haru:before {
content: "";
display: block;
width: 100px;
height: 200px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-haru:before {
background: url('https://oripalette.jp/media/img/common/icon/sakura-l.png') center no-repeat;
background-size: 45%;
left: -360px;
right: 0
}
body .post .cvBts-box-haru:after {
background: url('https://oripalette.jp/media/img/common/icon/sakura-r.png') center no-repeat;
background-size: 45%;
left: 0;
right: -360px
}
body .post a.cvBts-haru {
text-decoration: none;
color: #FFF
}
body .post a.cvBts-haru+br {
display: none
}
.cvBts-box-haru {
margin: 0 0 30px
}
.cvBts-haru,
body .post a.cvBts-heart {
display: inline-block;
overflow: hidden;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
text-align: center
}
.cvBts-box-haru p {
text-align: center
}
.cvBts-haru {
position: relative;
width: 50%;
background: #f89b00;
border-bottom: solid 6px #de6000
}
.cvBts-haru:before,
body .post a.cvBts-heart:before {
content: "";
height: 100%;
left: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
animation: kirakira 3s ease-in-out infinite
}
.cvBts-haru:hover {
opacity: .6
}
.cvBts-haru:before {
background-color: #fff;
opacity: 0;
width: 30px
}
.cvBts-haru span {
font-size: 20px;
font-weight: 700
}
body .post a.cvBts-heart {
width: 50%;
background: #ff9bac;
border-bottom: solid 6px #e65d75
}
body .post a.cvBts-heart:hover {
opacity: .6
}
body .post a.cvBts-heart:before {
background-color: #fff;
opacity: 0;
width: 30px
}
body .post p.coPtxt-heart:after,
body .post p.coPtxt-heart:before {
content: "";
width: 15px;
height: 20px;
display: inline-block
}
body .post p.coPtxt-heart {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ff617c;
text-align: center
}
body .post p.coPtxt-heart:before {
border-left: 2px solid #ff617c;
transform: rotate(-30deg)
}
body .post p.coPtxt-heart:after {
border-right: 2px solid #ff617c;
transform: rotate(30deg)
}
body .post .cvBts-box-heart,
body .post a.cvBts-heart {
position: relative
}
body .post .cvBts-box-heart:after,
body .post .cvBts-box-heart:before {
display: block;
width: 100px;
height: 200px;
position: absolute;
top: -30px;
bottom: 0;
margin: auto;
z-index: 1;
content: ""
}
body .post .cvBts-box-heart:before {
background: url('https://oripalette.jp/media/img/common/icon/heart01.png') center no-repeat;
background-size: 35%;
left: -360px;
right: 0
}
body .post .cvBts-box-heart:after {
background: url('https://oripalette.jp/media/img/common/icon/heart02.png') center no-repeat;
background-size: 35%;
left: 0;
right: -360px
}
body .post a.cvBts-heart {
text-decoration: none;
color: #FFF
}
body .post a.cvBts-heart+br {
display: none
}
.cvBts-box-heart {
margin: 0 0 30px
}
.cvBts-heart,
body .post .cvBts-box-hanabi a.cvBts {
display: inline-block;
margin: auto;
padding: 10px 0;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
overflow: hidden;
line-height: 1.3;
border-radius: 10px;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
text-align: center
}
.cvBts-box-heart p {
text-align: center
}
.cvBts-heart {
position: relative;
width: 50%;
background: #f89b00;
border-bottom: solid 6px #de6000
}
.cvBts-heart:hover {
opacity: .6
}
.cvBts-heart:before {
animation: kirakira 3s ease-in-out infinite;
background-color: #fff;
content: "";
height: 100%;
left: 0;
opacity: 0;
position: absolute;
top: -180px;
transform: rotate(45deg);
width: 30px
}
.cvBts-heart span {
font-size: 20px;
font-weight: 700
}
body .post .cvBts-box-hanabi a.cvBts {
position: relative;
width: 50%
}
body .post .cvBts-box-hanabi {
position: relative
}
body .post .cvBts-box-hanabi:after,
body .post .cvBts-box-hanabi:before {
content: "";
display: block;
width: 100px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-hanabi:before {
background: url('https://oripalette.jp/media/img/common/icon/kingyo01.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -335px;
right: 0
}
body .post .cvBts-box-hanabi:after {
background: url('https://oripalette.jp/media/img/common/icon/hanabi02.png') center no-repeat;
background-size: 65%;
top: -15px;
left: 0;
right: -360px
}
.cvBts-box-hanabi {
margin: 0 0 30px
}
.cvBts-box-hanabi p {
text-align: center
}
body .post .cvBts-box-summer a.cvBts {
display: inline-block;
overflow: hidden;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ff9bac;
border-bottom: solid 6px #e65d75
}
body .post .cvBts-box-summer {
position: relative
}
body .post .cvBts-box-summer:after,
body .post .cvBts-box-summer:before {
content: "";
display: block;
width: 90px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-summer:before {
background: url('https://oripalette.jp/media/img/common/icon/summer03.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -350px;
right: 0
}
body .post .cvBts-box-summer:after {
background: url('https://oripalette.jp/media/img/common/icon/summer02.png') center no-repeat;
background-size: 65%;
top: -15px;
left: 0;
right: -360px
}
.cvBts-box-summer {
margin: 0 0 30px
}
.cvBts-box-summer p {
text-align: center
}
body .post .cvBts-box-summer2 a.cvBts {
display: inline-block;
overflow: hidden;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #229af3;
border-bottom: solid 6px #1866a0
}
body .post .cvBts-box-summer2 {
position: relative
}
body .post .cvBts-box-summer2:after,
body .post .cvBts-box-summer2:before {
content: "";
display: block;
width: 90px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1
}
body .post .cvBts-box-summer2:before {
background: url('https://oripalette.jp/media/img/common/icon/summer03.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0
}
body .post .cvBts-box-summer2:after {
background: url('https://oripalette.jp/media/img/common/icon/summer02.png') center no-repeat;
background-size: 65%;
top: -15px;
left: 0;
right: -410px
}
.cvBts-box-summer2 {
margin: 0 0 30px
}
.cvBts-box-summer2 p {
text-align: center
}
body .post .conve-bt-boxs3 .cvBts-box-summer2 a.cvBts {
width: 60%
}
body .post p.coPtxt-autumn:after,
body .post p.coPtxt-autumn:before {
content: "";
width: 15px;
height: 20px;
display: inline-block
}
body .post .conve-bt-boxs3 .cvBts-box-summer2 {
margin: 0
}
body .post .conve-bt-boxs3 .cvBts-box-summer2 p {
margin: 0 !important
}
body .post p.coPtxt-autumn {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ea5e00;
text-align: center
}
body .post p.coPtxt-autumn:before {
border-left: 2px solid #ea5e00;
transform: rotate(-30deg)
}
body .post p.coPtxt-autumn:after {
border-right: 2px solid #ea5e00;
transform: rotate(30deg)
}
body .post .cvBts-box-autumn a.cvBts {
display: inline-block;
overflow: hidden;
position: relative;
width: 50%;
line-height: 1.3;
padding: 10px 0;
border-radius: 10px;
text-align: center;
margin: auto;
cursor: pointer;
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ea5e00;
border-bottom: solid 6px #923b00
}
body .post .cvBts-box-autumn {
position: relative
}
body .post .cvBts-box-autumn:after,
body .post .cvBts-box-autumn:before {
content: "";
width: 90px;
height: 200px;
position: absolute;
bottom: 0;
margin: auto;
z-index: 1;
display: block
}
body .post .cvBts-box-autumn:before {
background: url('https://oripalette.jp/media/img/common/icon/autumn-l.png') center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0
}
body .post .cvBts-box-autumn:after {
background: url('https://oripalette.jp/media/img/common/icon/autumn-r.png') center no-repeat;
background-size: 55%;
top: -15px;
left: 0;
right: -395px
}
.cvBts-box-autumn {
margin: 0 0 30px
}
.cvBts-box-autumn p {
text-align: center
}
.conve-bt-boxs3 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: #fffce5;
display: block;
box-sizing: border-box
}
body .post .conve-bt-boxs3 .cvBts-box-autumn a.cvBts {
width: 60%
}
body .post .conve-bt-boxs3 .cvBts-box-autumn {
margin: 0
}
body .post .conve-bt-boxs3 .cvBts-box-autumn p {
margin: 0 !important
}
body .post .conve-bt-boxs3 .cvBts-box-nov p {
margin: 0 !important;
text-align: center;
}
body .post .cvBts-box-nov a.cvBts {
box-shadow: 0 2px 2px rgba(0, 0, 0, .29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ea5e00;
border-bottom: solid 6px #923b00;
width: 60%;
}
body .post .cvBts-box-nov a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url('https://oripalette.jp/media/img/media/uploads/2020/11/2020y11m02d_2109122536.png') no-repeat center / 18px #b74a00;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
.HYlist {
display: block;
box-sizing: border-box;
margin: 10px auto;
padding: 10px;
border: 1px solid #d8d8d8;
border-radius: 5px
}
.HYlist .HYlist-midasi {
text-align: center;
font-size: 20px;
font-weight: 700;
margin: 0 0 10px;
padding: 0 0 10px;
width: 100%;
border-bottom: 1px solid #d8d8d8;
margin-bottom: 0px;
line-height: 20px;
}
.HYlist .HYlist-midasi img {
width: 40px;
height: 40px;
border-radius: 10px;
margin: 0 10px;
border: 1px solid #d8d8d8
}
.HYlist dl dt img[src="https://oripalette.jp/media/img/media/uploads/2020/03/2020y03m27d_1900309367.png"] {
width: 26px;
height: 30px;
}
.HYlist dl dt img[src="https://oripalette.jp/media/img/media/uploads/2020/03/2020y03m27d_1900317246.png"] {
width: 26px;
height: 20px;
}
.HYlist dl dt img[src="https://oripalette.jp/media/img/media/uploads/2020/03/2020y03m27d_1900324928.png"] {
width: 26px;
height: 32px;
}
.HYlist dl dt img[src="https://oripalette.jp/media/img/media/uploads/2020/03/2020y03m27d_1900332523.png"] {
width: 26px;
height: 26px;
}
.HYlist dl dt img[src="https://oripalette.jp/media/img/media/uploads/2020/03/2020y03m27d_1900339816.png"] {
width: 26px;
height: 26px;
}
.HYlist dl dt img[src="https://oripalette.jp/media/img/media/uploads/2020/03/2020y03m27d_1900397326.png"] {
width: 26px;
height: 23px;
}
.HYlist dl dt img[src="https://oripalette.jp/media/img/media/uploads/2020/03/2020y03m27d_1900404673.png"] {
width: 26px;
height: 20px;
}
.HYlist dl {
padding: 3px 5px 2px 5px;
margin: 5px 0;
border-bottom: 1px dotted #e1eef4
}
.HYlist dl:nth-of-type(5) {
padding: 10px;
margin: 5px 0;
border-bottom: 0
}
.HYlist dl dt {
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 0;
line-height: 35px
}
.HYlist dl dt img {
width: 4%;
margin: 0 10px 0 0;
box-sizing: border-box
}
.HYlist dl dt .HYlist-h {
width: 66%;
margin: 0 10px 0 0;
font-size: 16px;
font-weight: 700;
box-sizing: border-box
}
.HYlist dl dt .HYlist-hoshi {
width: 30%;
text-align: center;
font-weight: 700;
font-size: 20px;
background: #FFF;
border: 1px solid #efefef;
border-radius: 50px;
color: #ffa131;
box-sizing: border-box
}
.HYlist dl.HYlist-ok {
background: #fffdf0;
border-radius: 10px;
border: 2px solid #eddfa4;
box-sizing: border-box
}
.HYlist dl.HYlist-ng {
background: #faf3ff;
border-radius: 10px;
border: 2px solid #acb0ea;
box-sizing: border-box
}
.HYlist dl dd {
font-size: 13px;
line-height: normal;
padding: 5px
}
.HYlist dl.HYlist-ng dt span.HYlist-h,
.HYlist dl.HYlist-ok dt span.HYlist-h {
width: 100%;
margin: 0 10px 0 0;
font-size: 16px;
font-weight: 700;
box-sizing: border-box
}
.acMenu li {
line-height: normal !important
}
.yougosyuu-box {
background: #fcfcfc;
border: 2px solid #a3a3a3;
margin: 20px 0
}
.yougosyuu-box p {
background: #a3a3a3;
margin: 0;
padding: 0 10px;
display: inline-block;
font-weight: 700;
color: #FFF
}
.yougosyuu-box dl {
margin: 0;
padding: 10px 15px 15px
}
.yougosyuu-box dl dt {
margin: 0;
padding: 0;
line-height: normal;
font-size: 16px;
font-weight: 700
}
.yougosyuu-box dl dd {
margin: 0 0 10px;
padding: 0;
line-height: normal;
font-size: 14px
}
.yougosyuu-box dl dd:last-of-type {
margin: 0;
padding: 0;
line-height: normal;
font-size: 14px
}
.rankingBtn li {
display: block;
border: 0 !important;
margin: 0 !important
}
.rankingBtn li a {
display: flex;
justify-content: center;
align-items: center;
width: 65%;
font-size: 14px;
line-height: 20px;
padding: 3px 0;
margin: 0 auto;
box-sizing: border-box
}
.rankingBtn li:first-of-type a,
.rankingBtn li:last-of-type a {
padding: 2px 15px;
border-radius: 5px;
color: #fff;
text-decoration: none
}
.rankingBtn li:first-of-type a {
background: #2f9ac6;
box-shadow: 0 3px 0 0 #2680a5;
margin: 0 auto 8px
}
.rankingBtn li:first-of-type a:before,
.rankingBtn li:last-of-type a:before {
content: "";
width: 13px;
height: 13px;
display: inline-block;
margin-right: 5px
}
.rankingBtn li:first-of-type a:before {
background: url('https://oripalette.jp/media/img/common/icon/syousai-bt.png') center left/13px no-repeat
}
.rankingBtn li:last-of-type a {
background: #e04172;
box-shadow: 0 3px 0 0 #b11545
}
.rankingBtn li:last-of-type a:before {
background: url('https://oripalette.jp/media/img/common/icon/download-bt.png') center left/13px no-repeat
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.rankingBtn li a {
width: 100%;
font-size: 14px;
line-height: 16px;
padding: 3px 0;
margin: 0 auto 5px;
box-sizing: border-box
}
}
.article .review-grade-table .grade-score-area .grade-score {
width: 22%;
font-size: 495%;
font-weight: 700
}
.article .review-grade-table .grade-score-area .grade-score-star {
width: 16%
}
.app-zusetsu {
border: 6px solid #36a3ec;
margin-bottom: 40px
}
.article .app-zusetsu p {
margin: 0
}
.app-zusetsu aside {
margin: 0 34px
}
.rankingBtn-hika,
.rankingBtn-hika li {
margin: 0 !important
}
.app-zusetsu .top {
padding: 50px 34px
}
.app-zusetsu .middle {
padding: 40px 34px 50px
}
.app-zusetsu.pcmax {
border-color: #f3447b
}
.app-zusetsu.pcmax .middle {
padding: 20px 34px 10px
}
.rankingBtn-hika li,
.rankingBtn-hika li:last-of-type {
display: block;
border: 0 !important;
padding: 0 !important
}
.rankingBtn-hika {
display: block;
border: 0 !important
}
.rankingBtn-hika li:last-of-type {
margin: 8px 0 3px !important
}
.rankingBtn-hika li a {
display: flex;
justify-content: center;
align-items: center;
width: 70%;
font-size: 14px;
line-height: 20px;
padding: 3px 0;
margin: 0 auto;
box-sizing: border-box
}
.rankingBtn-hika li:first-of-type a {
background: #2f9ac6;
padding: 2px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 3px 0 0 #2680a5;
margin: 0 auto
}
.rankingBtn-hika li:first-of-type a:before,
.rankingBtn-hika li:last-of-type a:before {
content: "";
width: 13px;
height: 13px;
display: inline-block;
margin-right: 5px
}
.rankingBtn-hika li:first-of-type a:before {
background: url('https://oripalette.jp/media/img/common/icon/syousai-bt.png') center left/13px no-repeat
}
.rankingBtn-hika li:last-of-type a {
background: #e04172;
padding: 2px 15px;
color: #fff;
text-decoration: none;
border-radius: 5px;
box-shadow: 0 3px 0 0 #b11545
}
.rankingBtn-hika li:last-of-type a:before {
background: url('https://oripalette.jp/media/img/common/icon/download-bt.png') center left/13px no-repeat
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.rankingBtn-hika li a {
width: 100%;
font-size: 11px;
line-height: 16px;
padding: 4px 0 !important;
margin: 0 auto 5px !important;
box-sizing: border-box
}
.rankingBtn-hika li {
display: block;
border: 0 !important;
margin: 0 !important;
padding: 0 !important
}
}
.rank-list-osusume #rankingBtn {
display: block !important;
box-sizing: border-box !important
}
.rank-list-osusume #rankingBtn a {
width: 330px !important;
box-sizing: border-box
}
.rank-list-osusume .rankingBtn {
display: block !important;
box-sizing: border-box !important
}
.rank-list-osusume .rankingBtn a {
width: 330px !important;
box-sizing: border-box
}
.rank-list-osusume #rankingBtn li+li,
.rank-list-osusume .rankingBtn li+li {
margin-top: 8px !important
}
@media only screen and(orientation:landscape) and(max-width :813px),
(orientation:portrait) and(max-width :753px) {
.rank-list-osusume #rankingBtn a,
.rank-list-osusume .rankingBtn a {
width: 100% !important;
box-sizing: border-box
}
.rank-list-osusume #rankingBtn li+li,
.rank-list-osusume .rankingBtn li+li {
margin-top: 8px !important
}
}
.whsiz {
width: 100%;
height: 100%
}
.twitter-timeline-wrapper {
height: 260px;
margin-bottom: 20px !important;
border-left: 1px solid #ebebeb;
box-sizing: border-box;
overflow-y: scroll
}
.ninki-ranking dt img {
max-height: 70px;
object-fit: cover
}
@media only screen and(max-width :414px) {
.ninki-ranking dt img {
max-height: 50px
}
}
@media only screen and(max-width :375px) {
.ninki-ranking dt img {
max-height: 45px
}
}
@media only screen and(max-width :320px) {
.ninki-ranking dt img {
max-height: 38px
}
}
p.cvbt-toptxt {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
line-height: normal;
color: #ff376e
}


/*------------------------------------------------------------
フローチャート
-------------------------------------------------------------*/
.flowchart {
padding: 3px;
background: #40abd4;
margin-bottom: 20px;
}
.flowchart .innner {
background: #fff;
}
.article .flowchart p {
margin: 0;
}
.flowchart .icon-wrap img[src="https://oripalette.jp/media/img/media/uploads/2018/11/2018y11m22d_1209417713.jpg"] {
display: block;
margin-bottom: 4px;
width: 50px;
border-radius: 8px;
border: 1px solid #e6e6e6;
border-bottom: 2px solid #d2d2d2;
}
.flowchart .icon-wrap img {
display: block;
margin-bottom: 3px;
width: 50px;
border-radius: 8px;
border-bottom: 2px solid #d2d2d2;
}
.flowchart .icon-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.flowchart .icon-wrap ul {
width: 33%;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-ms-flex-pack: distribute;
justify-content: space-around;
}
#mainCenter .post .flowchart .icon-wrap li {
box-sizing: border-box;
background: #f2f2f2;
padding: 20px 3px;
margin: 0;
width: 31%;
line-height: 1;
border-radius: 5px
text-align: center;
}
body .post .flowchart .icon-wrap a {
text-decoration: none;
color: #444;
font-size: 12px;
}
body .post .flowchart .icon-wrap a:hover {
opacity: .6;
}
.flowchart .icon-wrap li span {
display: block;
text-align: center;
margin-bottom: 10px;
height: 86px;
}
.flowchart .icon-wrap li span:last-of-type{
margin: 0;
}
.flowchart .icon-wrap li span.app-name {
margin: 0;
line-height: 1.3;
color: #3492cf;
text-decoration: underline;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .flowchart p {
margin: 0;
}
#main-contents .flowchart .icon-wrap li {
box-sizing: border-box;
background: #f2f2f2;
padding: 10px 0 2px;
margin: 0;
width: 31%;
border-radius: 5px;
}
.flowchart .icon-wrap ul {
margin: 10px 0;
}
body .post .flowchart .icon-wrap a {
font-size: 10px;
height: 90%;
position: relative;
display: block;
}
.flowchart .icon-wrap li span.app-name {
position: absolute;
height: auto;
width: 140%;
left: 50%;
-webkit-transform: translate(-50%, 0) scale(0.8);
transform: translate(-50%, 0) scale(0.8);
}
.flowchart .icon-wrap li span.app-name.ls-down {
letter-spacing: -1px;
}
.flowchart .icon-wrap img {
max-width: 50px;
width: 84%;
margin-bottom: 1px;
border-radius: 6px;
}
.flowchart .icon-wrap img[src="https://oripalette.jp/media/img/media/uploads/2018/11/2018y11m22d_1209417713.jpg"] {
width: 84%;
margin-bottom: 3px;
border-radius: 6px;
}
.flowchart .icon-wrap li span.kaigyou .app-name{
margin-top: -3px;
}
}
@media only screen and (max-width:415px){
.flowchart .icon-wrap li span {
height: 64px;
margin-bottom: 0;
}
.flowchart .icon-wrap li span:first-of-type {
margin: 0;
}
}
@media only screen and (max-width:375px){
.flowchart .icon-wrap li span {
height: 60px;
}
}
@media only screen and (max-width:361px){
.flowchart .icon-wrap li span {
height: 58px;
}
}

.category-list{
width: 100%;
border-bottom: 1px dotted #ccc;
padding: 10px 0;
margin: 0;
box-sizing: border-box;
}
.category-list a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.category-list a img{
width: 20%;
height: 90px;
object-fit: cover;
object-position: center;
box-sizing: border-box;
object-position: top;
}
.category-list a p{
padding: 0 10px 0 20px;
font-size: 14px;
font-weight: 700;
width:80%;
}
.category-list .categorytext{
margin: 10px 0 0;
font-size: 12px;
color: #666;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.category-list a img{
width: 30%;
height: 60px;
}
.category-list a p{
padding: 0 10px 0 15px;
margin:0!important;
width:70%;
line-height:1.5;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
}
.category-list .categorytext {
margin: 10px 0 0;
font-size: 12px;
color: #666;
line-height:1.4;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}
.sns-button02 {
padding:20px 0 0;
margin-bottom: 0px;
position: relative;
vertical-align:middle;
}
}
body .post .cvBts-box-autumn.halloween:before {
background: url(https://oripalette.jp/media/img/common/icon/halloween-1.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .cvBts-box-autumn.halloween:after {
background: url(https://oripalette.jp/media/img/common/icon/halloween-2.png) center no-repeat;
background-size: 55%;
top: -22px!important;;
left: 0;
right: -395px;
}
img[src="https://oripalette.jp/media/img/media/uploads/2018/11/2018y11m21d_1324522688.jpg"]{
border: 1px solid #dde4e6;
border-radius: 10px;
}
body #mainCenter table.voiceBox2 td:nth-child(1) p {
margin: 0;
}
body #mainCenter .footerDbtn{
display:none;
}

body .post p.coPtxt-nov2{margin:0;padding:0;font-weight:700;font-size:16px;position:relative;color:#ea5e00;text-align:center}
body .post p.coPtxt-nov2:before{border-left:2px solid #ea5e00;transform:rotate(-30deg)}
body .post p.coPtxt-nov2:after{border-right:2px solid #ea5e00;transform:rotate(30deg)}
body .post .cvBts-box-nov2 a.cvBts{display:inline-block;overflow:hidden;position:relative;width:50%;line-height:1.3;padding:10px 0;border-radius:10px;text-align:center;margin:auto;cursor:pointer;box-shadow:0 2px 2px rgba(0,0,0,.29);border-top:2px solid transparent;border-left:2px solid transparent;border-right:2px solid transparent;background:#ea5e00;border-bottom:solid 6px #923b00}
body .post .cvBts-box-nov2{position:relative}
body .post .cvBts-box-nov2:after,body .post .cvBts-box-nov2:before{content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block}
body .post .cvBts-box-nov2:before{background:url(https://oripalette.jp/media/img/common/icon/nov-l.png) center no-repeat;background-size:55%;top:-20px;left:-400px;right:0}
body .post .cvBts-box-nov2:after{background:url(https://oripalette.jp/media/img/common/icon/nov-r.png) center no-repeat;background-size:55%;top:-15px;left:0;right:-395px}
.cvBts-box-nov2{margin:0 0 30px}
.cvBts-box-nov2 p{text-align:center}
body .post p.coPtxt-nov2:after,body .post p.coPtxt-nov2:before{content:"";width:15px;height:20px;display:inline-block}
body .post .conve-bt-boxs3 .cvBts-box-nov2 a.cvBts{width:60%}body .post .conve-bt-boxs3 .cvBts-box-nov2{margin:0}body .post .conve-bt-boxs3 .cvBts-box-nov2 p{margin:0!important}
.spTopBtn{
display: none;
}

body .post .xmas{
position:relative;
}
body .post .xmas:before {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://oripalette.jp/media/img/common/icon/winter-1.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .xmas:after {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://oripalette.jp/media/img/common/icon/winter-2.png) center no-repeat;
background-size: 57%;
top: -15px!important;;
left: 0;
right: -395px;
}


.conve-bt-boxs4 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: rgb(255 240 189);
display: block;
box-sizing: border-box;
}
body .post p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #006b48;
text-align: center;
}
body .post p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #006b48;
transform: rotate(-30deg);
}
body .post p.coPtxt-win:after {
border-right: 2px solid #006b48;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs4 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cb0f0f;
border-bottom: solid 6px #a40000;
width: 60%;
}
body .post .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://oripalette.jp/media/img/media/uploads/2020/11/2020y11m02d_2109122536.png) no-repeat center / 18px #a40000;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
body .post .cvBts-box-win.xmas{
position:relative;
}
body .post .cvBts-box-win.xmas:before {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://oripalette.jp/media/img/common/icon/winter-1.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .cvBts-box-win.xmas:after {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://oripalette.jp/media/img/common/icon/winter-2.png) center no-repeat;
background-size: 57%;
top: -15px!important;;
left: 0;
right: -395px;
}
.conve-bt-boxs4.xmas-ver{
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: #1b651a;
display: block;
box-sizing: border-box;
}
body .post .conve-bt-boxs4.xmas-ver p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ffdd3c;
text-align: center;
}
body .post .conve-bt-boxs4.xmas-ver p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #ffdd3c;
transform: rotate(-30deg);
}
body .post .conve-bt-boxs4.xmas-ver p.coPtxt-win:after {
border-right: 2px solid #ffdd3c;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs4.xmas-ver .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs4.xmas-ver .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cb0a0a;
border-bottom: solid 6px #8d0606;
width: 60%;
}
body .post .conve-bt-boxs4.xmas-ver .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://oripalette.jp/media/img/media/uploads/2020/11/2020y11m02d_2109122536.png) no-repeat center / 18px #8d0606;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}


a.ranking-inpage-rank{
display: block;
margin: 20px auto;
width: 80%;
padding: 10px 0px 10px 10px;
line-height:normal;
text-align: center;
background: #ff5353;
color: #fff;
border-radius: 5px;
position: relative;
font-weight:700;
font-size: 18px;
text-decoration:none!important;
box-shadow:0 3px 0 0 #c02b2b;
}
a.ranking-inpage-rank:before{
content:"";
position:absolute;
width:25px;
height:25px;
background: url(https://oripalette.jp/media/img/media/uploads/2019/07/2019y07m05d_1327378709.png) center center no-repeat;
background-size: contain;
left:30px;
top:10px;
}
a.ranking-inpage-rank:after{
content:">";
position:absolute;
display:block;
height:auto;
font-size:24px;
top:3px;
bottom:0;
margin:auto;
left:65px;
width:auto;
}


/*------------------------------------------------------------
会社概要
-------------------------------------------------------------*/
#mainCenter .company-overview .company-info table{
background:#FFF;
margin-bottom:50px;
font-family: 'M PLUS 1p', sans-serif!important;
}
#mainCenter .company-overview .company-info table td:first-child{
background:#333333;
color:#FFF;
font-size:15px;
width:30%;
}
#mainCenter .company-overview .company-info table td{
font-size:15px;
width:70%;
line-height: 1.4;
padding:20px;
}
.company-overview .company-jyusyou ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
#mainCenter .post .company-overview .company-jyusyou li{
box-sizing: border-box;
display: block;
text-align: left;
background: #fff;
position: relative;
border: 1px solid #ededed;
width: 32%;
margin: 0 2% 15px 0;
}
#mainCenter .post .company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 0;
}
#mainCenter .post .company-overview .company-jyusyou li:last-of-type,#mainCenter .post .company-overview .company-jyusyou li:nth-of-type(4){
margin-bottom: 0;
}
.company-overview .company-jyusyou li img{
width: 100%;
height: 100px;
padding: 10px;
box-sizing: border-box;
object-fit: contain;
}
.company-overview .company-jyusyou li p{
box-sizing: border-box;
height: 100px;
margin: 0;
padding: 5px 10px;
color: #FFF;
background: #34a1cf;
line-height: 1.5;
font-size: 14px;
}
.company-overview .company-media{
margin-bottom: 30px;
}
.company-overview .company-media .cop-company-medialist{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.company-overview .company-media .cop-company-medialist dl{
text-align:center;
box-sizing: border-box;
width:48%;
margin: 0 2% 20px 0;
background:#FFF;
border:1px solid #ebebeb;
}
.company-overview .company-media .cop-company-medialist dl:nth-of-type(3n){
margin-right: 2%;
}
.company-overview .company-media  .cop-company-medialist dl dt{
position:relative;
}
.company-overview .company-media  .cop-company-medialist dl dt img{
width:80%;
display: block!important;
margin: auto;
}
.company-overview .company-media   .cop-company-medialist dt a{
display:block;
font-size: 13px;
line-height: 1.5;
}
.company-overview .company-media  .cop-company-medialist dl dt span:first-of-type{
display:block;
text-align:center;
font-size:21px;
font-weight:bold;
}
.company-overview .company-media  .cop-company-medialist dl dt span:last-of-type{
display:block;
text-align:center;
font-size:12px;
}
.company-overview .company-media  .cop-company-medialist dl dd{
padding:10px 14px 10px;
text-align:left;
background:#f4f4f4;
margin:10px;
border-radius:8px;
min-height:110px;
line-height: 1.5;
font-size: 13px;
}
.company-overview .cop-company-medialist{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.company-overview .cop-company-medialist dl{
text-align:center;
box-sizing: border-box;
width:48%;
margin: 0 2% 20px 0;
background:#FFF;
border:1px solid #ebebeb;
}
.company-overview .cop-company-medialist dl:nth-of-type(3n){
margin-right: 2%;
}
.company-overview .cop-company-medialist dl dt{
position:relative;
}
.company-overview .cop-company-medialist dl dt img{
width:80%;
display: block!important;
margin: auto;
}
.company-overview .cop-company-medialist dt a{
display:block;
font-size: 13px;
line-height: 1.5;
}
.company-overview .cop-company-medialist dl dt span:first-of-type{
display:block;
text-align:center;
font-size:21px;
font-weight:bold;
}
.company-overview .cop-company-medialist dl dt span:last-of-type{
display:block;
text-align:center;
font-size:12px;
}
.company-overview .cop-company-medialist dl dd{
padding:10px 14px 10px;
text-align:left;
background:#f4f4f4;
margin:10px;
border-radius:8px;
min-height:110px;
line-height: 1.5;
font-size: 13px;
}
.company-overview .cop-access .cop-access-main p.cop-bt{
margin: 20px auto 0;
}
.company-overview .cop-access p{
text-align: center;
}
.company-overview .cop-bt a{
display:block;
width:50%;
line-height:40px;
margin:10px auto;
border:1px solid #34a1cf;
font-size:14px;
color:#34a1cf;
position:relative;
text-align:center;
box-sizing:border-box;
transition: .5s;
font-family: 'M PLUS 1p', sans-serif!important;
}
.company-overview .cop-bt a:hover{
display:block;
width:50%;
line-height:40px;
margin:10px auto;
opacity: 1;
border:1px solid #34a1cf;
background:#34a1cf;
font-size:14px;
color:#FFF;
position:relative;
text-align:center;
box-sizing:border-box;
}
.company-overview .cop-bt a:after{
content:">";
position:absolute;
right:20px;
font-size:20px;
font-weight:bold;
padding:0;
top: 0;
bottom: 0;
margin: auto;
}
.company-overview .company-member-box {
background: #FFF;
padding: 10px 0;
}
#mainCenter .company-overview .company-member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
width: 80%;
margin: 0 auto;
}
.company-overview .company-member-box ul li {
width: 25%;
text-align: center;
margin: 5px 5px 10px;
display: block;
}
.company-overview .company-member-box ul li img {
width: 80px;
margin: 0 auto;
display: block;
border-radius: 50%;
cursor: pointer;
transition-duration: .8s;
height: 80px;
object-fit: cover;
}
.company-overview .company-member-box ul li span {
display: block;
line-height: normal;
font-size: 12px;
margin-top: 5px;
}
.company-overview .unnyouzisseki{
width:86%;
margin:10px auto 30px;
box-sizing: border-box;
}
.company-overview .unnyouzisseki img{
width: 520px;
max-width:100%;
margin:0 auto;
display:block!important;
}
.company-overview .unnyouzisseki:after {
content: '日本マーケティング機構による調査結果';
display: block;
text-align:center;
font-size: 12px;
color: #3b6287;
font-weight:bold;
}
.company-jyusyou .sp{
display: none;
}
.company-jyusyou h3{
font-size:21px;
background:none;
border-bottom:2px solid #24214e;
width:auto;
display:inline-block;
color:#24214e;
padding:0 10px 5px;
margin:10px auto 30px;
}
.company-jyusyou .cop-company-jyusyou-slider-wrap{
height: 225px;
margin: 0px 40px 40px 40px;
}
.company-jyusyou .sd-message-01{
display:block;
text-align:left;
margin:0 5px;
background:#fff;
position:relative;
border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
display: block!important;
width:100%;
height: 100px;
padding: 15px;
box-sizing:border-box;
object-fit: contain;
}
.company-jyusyou .sd-message-01 p{
box-sizing: border-box;
height: 125px;
margin:0;
padding:10px;
color:#FFF;
background:#3a3168;
font-size: 13px;
line-height: 1.6;
margin: 0;
}
.company-jyusyou .sd-message-01 p:empty{
display: none;
margin:0;
}
.cop-company-jyusyou-slider-area{
position: relative;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev,.cop-company-jyusyou-slider-area .slider-next{
width: 30px;
line-height: 30px!important;
height: 30px;
border-radius: 0;
top: 0;
bottom: 0;
margin:auto;
cursor: pointer;
font-weight: normal;
font-size: 200%!important;
position: absolute;
background: #3a3168;
z-index: 999999;
color: #fff;
text-align: center;
}
.cop-company-jyusyou-slider-area .slider-prev{
left: 0;
}
.cop-company-jyusyou-slider-area .slider-next{
right: 0;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#main-contents .company-overview .company-info table{
background:#FFF;
margin-bottom:20px;
font-family: 'M PLUS 1p', sans-serif!important;
}
#main-contents .company-overview .company-info table td:first-child{
background:#333333;
color:#FFF;
font-size: 12px;
width:30%;
}
#main-contents .company-overview .company-info table td{
width:70%;
line-height: 1.4;
padding: 10px;
font-size: 12px;
}
.company-overview .company-jyusyou ul{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
#main-contents .company-overview .company-jyusyou li{
box-sizing: border-box;
display: block;
text-align: left;
background: #fff;
position: relative;
border: 1px solid #ededed;
width: 49%;
margin:0 2% 10px 0 ;
}
#main-contents .company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 2%;
}
#main-contents .company-overview .company-jyusyou li:nth-of-type(4){
margin-bottom: 10px;
}
#main-contents .company-overview .company-jyusyou li:nth-of-type(2n){
margin-right: 0;
}
#main-contents .company-overview .company-jyusyou li p{
font-size: 13px;
height: 95px;
margin: 0;
}
.company-overview .company-media .cop-company-medialist dl{
width: 100%;
}
#main-contents .company-overview .company-media .cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
margin: 10px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.company-overview .cop-company-medialist dl{
width: 100%;
}
#main-contents .company-overview .cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
margin: 10px;
}
}
.company-overview .cop-access p{
font-size: 12px;
}
.company-overview .cop-bt a{
width: 94%;
font-size: 13px;
}
.company-overview .cop-bt a:hover{
width: 94%;
font-size: 13px;
}
.company-overview .cop-bt a:after{
right: 18px;
font-size: 18px;
line-height: 38px;
}
.company-overview .company-member-box{
padding: 0 0 10px 0;
}
.company-overview .company-member-box ul {
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
justify-content: center;
align-items: center;
}
.company-overview .company-member-box ul li{
margin: 5px 5px 10px;
}
.company-overview .company-member-box ul li img{
width: 70px;
height: 70px;
}
.company-overview .company-media {
margin-bottom: 20px;
}
.company-overview .unnyouzisseki{
width: 100%;
padding:0;
}
.company-overview .unnyouzisseki:after{
line-height: 1.4;
text-align: left;
}
.company-jyusyou .sp{
display: block;
}
.company-jyusyou .pc{
display: none;
}
.company-jyusyou h3{
font-size:16px;
background:none;
border-bottom:2px solid #24214e;
width:auto;
display:inline-block;
color:#24214e;
padding:0 10px 5px;
margin:0px auto 20px;
}
.company-jyusyou .cop-company-jyusyou-slider-area{
position: relative;
height: 180px;
margin-bottom: 30px;
}
.cop-company-jyusyou-slider-area .slider-prev, .cop-company-jyusyou-slider-area .slider-next {
position: absolute;
background: #3a3168;
font-weight: normal;
font-size: 200%!important;
z-index: 999999;
color: #fff;
text-align: center;
width: 30px;
line-height: 30px!important;
height: 30px;
border-radius: 0;
top: 0;
bottom: 0;
margin: auto;
cursor: pointer;
}
.cop-company-jyusyou-slider-area .slider-prev{
left: 0;
}
.cop-company-jyusyou-slider-area .slider-next {
right: 0;
}
.cop-company-jyusyou-slider-wrap {
margin: 0 40px;
}
.company-jyusyou .sd-message-01{
margin: 0 10px;
text-align:left;
background:#FFF;
position:relative;
border:1px solid #ededed;
}
.company-jyusyou .sd-message-01 img{
width: 100%;
height: 100px;
padding: 15px;
box-sizing: border-box;
object-fit: contain;
}
#main-contents .company-jyusyou .sd-message-01 p{
height: 80px;
margin: 0;
padding: 10px;
color: #FFF;
font-size: 13px;
background: #3a3168;
}
.company-jyusyou .sd-message-01 p:empty{
display:none;
margin:0;
}
}


/*------------------------------------------------------------
季節変更用(1月)
-------------------------------------------------------------*/
.conve-bt-boxs5 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: rgb(248 230 179);
display: block;
box-sizing: border-box;
}
.conve-bt-boxs5 .facebookTxt {
color: #795028;
}
body .post .conve-bt-boxs5 p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #ed1c24;
text-align: center;
}
body .post .conve-bt-boxs5 p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #ed1c24;
transform: rotate(-30deg);
}
body .post .conve-bt-boxs5 p.coPtxt-win:after {
border-right: 2px solid #ed1c24;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs5 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs5 .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #ed1c24;
border-bottom: solid 6px #d61c24;
width: 60%;
}
body .post .conve-bt-boxs5 .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://oripalette.jp/media/img/media/uploads/2020/11/2020y11m02d_2109122536.png) no-repeat center / 18px #90230f;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
body .post .conve-bt-boxs5 .cvBts-box-win.syougatu{
position:relative;
}
body .post .conve-bt-boxs5 .cvBts-box-win.syougatu:before {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://oripalette.jp/media/img/common/icon/syougatu-l.png) center no-repeat;
background-size: 55%;
top: -20px;
left: -400px;
right: 0;
}
body .post .conve-bt-boxs5 .cvBts-box-win.syougatu:after {
content:"";width:90px;height:200px;position:absolute;bottom:0;margin:auto;z-index:1;display:block;
background: url(https://oripalette.jp/media/img/common/icon/syougatu-r.png) center no-repeat;
background-size: 57%;
top: -15px!important;;
left: 0;
right: -395px;
}


/*------------------------------------------------------------
季節変更用(2月)
-------------------------------------------------------------*/
.conve-bt-boxs6 {
width: 80%;
padding: 20px 0;
margin: 20px auto;
border-radius: 5px;
background: #15395a;
display: block;
box-sizing: border-box;
}
.conve-bt-boxs6 .facebookTxt {
color: #b9b9b9;
}
body .post .conve-bt-boxs6 p.coPtxt-win {
margin: 0;
padding: 0;
font-weight: 700;
font-size: 16px;
position: relative;
color: #fbe7ae;
text-align: center;
}
body .post .conve-bt-boxs6 p.coPtxt-win:before {
content: "";
width: 15px;
height: 20px;
display: inline-block;
border-left: 2px solid #fbe7ae;
transform: rotate(-30deg);
}
body .post .conve-bt-boxs6 p.coPtxt-win:after {
border-right: 2px solid #fbe7ae;
transform: rotate(30deg);
content: "";
width: 15px;
height: 20px;
display: inline-block;
}
body .post .conve-bt-boxs6 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs6 .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cf1e1e;
border-bottom: solid 6px #870b0b;
width: 75%;
}
body .post .conve-bt-boxs6 .cvBts-box-win a.cvBts:after {
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
background: url(https://oripalette.jp/media/img/common/icon/cv-yajirushi.png) no-repeat center / 18px #560000;
border-radius: 50%;
top: 0;
bottom: 0;
right: 12px;
margin: auto;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen{
position:relative;
}

.app-zusetsu.jmail {
border-color: #2391b6;
}
.app-zusetsu.yyc {
border-color: #079be1;
}
.app-zusetsu.wakuwaku{
border-color:#f6698f;
}

#mainCenter .app-list-area #rankingBtn{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.app-list-area .rankBtnLR #rankingBtn li a{
width: 140px;
margin: 0 5px;
line-height: 36px;
}




.app-zusetsu.jmail {
border-color: #2391b6;
}
.app-zusetsu.yyc {
border-color: #079be1;
}
.app-zusetsu.wakuwaku{
border-color:#f6698f;
}

#mainCenter .app-list-area #rankingBtn{
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
}
.app-list-area .rankBtnLR #rankingBtn li a{
width: 140px;
margin: 0 5px;
line-height: 36px;
}


/*------------------------------------------------------------
アイキャッチサイズ固定
-------------------------------------------------------------*/

/*------------------------------------------------------------
ウィジェット
-------------------------------------------------------------*/
#mainRight{
border-left: 5px solid #d9ffe4;
border-right: 5px solid #d9ffe4;
box-sizing: border-box;
padding: 0 15px 80px;
}
.widget-conts{
margin-bottom: 20px;
}
#mainRight h3{
font-weight: bold;
font-size: 18px;
position: relative;
margin-bottom:20px;
line-height:1.4;
padding-bottom:5px;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#mainRight h3:before{
display:none;
}
#mainRight h3:after{
content: '';
width: 100%;
position: absolute;
bottom: -2px;
left: 0;
box-sizing: border-box;
border-bottom: 4px solid #fff6c2;
border-right: 8px solid transparent;
}
.widget-rank-wrap li{
background: #ececec;
margin-bottom: 2px;
}
.widget-rank-wrap li:last-of-type{
margin: 0;
}
.widget-rank-wrap li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
padding: 10px;
}
.widget-rank-wrap li a:hover, widget-editor-wrap a:hover{
opacity: 0.6;
}
.widget-rank-wrap li .img{
display: inline-block;
font-size: 0;
width: 40%;
margin-right: 10px;
position: relative;
}
.widget-rank-wrap li .img:before{
content: '';
width: 26px;
height: 26px;
line-height: 26px;
background: url(https://oripalette.jp/media/img/media/uploads/2025/02/2025y02m05d_1300363346.png) no-repeat center / contain;
position: absolute;
left: -3px;
top: -3px;
z-index: 5;
color: #fff;
font-size: 14px;
text-align: center;
}
.widget-rank-wrap li:nth-of-type(1) .img:before{
content: '1';
width: 35px;
height: 35px;
line-height: 35px;
font-size: 20px;
}
.widget-rank-wrap li:nth-of-type(2) .img:before{
content: '2';
}
.widget-rank-wrap li:nth-of-type(3) .img:before{
content: '3';
}
.widget-rank-wrap li:nth-of-type(4) .img:before{
content: '4';
}
.widget-rank-wrap li:nth-of-type(5) .img:before{
content: '5';
}
.widget-rank-wrap li:nth-of-type(6) .img:before{
content: '6';
}
.widget-rank-wrap li:nth-of-type(7) .img:before{
content: '7';
}
.widget-rank-wrap li:nth-of-type(8) .img:before{
content: '8';
}
.widget-rank-wrap li:nth-of-type(9) .img:before{
content: '9';
}
.widget-rank-wrap li:nth-of-type(10) .img:before{
content: '10';
}
.widget-rank-wrap li .img img{
width: 100%;
height: 64px;
object-fit: cover;
z-index: 4;
}
.widget-rank-wrap li .text{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
width: 56%;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
font-size: 13px;
line-height: 1.4;
color: #70524b;
font-weight:bold;
margin:0!important;
}
.widget-rank-wrap li:nth-of-type(1){
background: none;
margin-bottom: 14px;
}
.widget-rank-wrap li:nth-of-type(1) a{
display: block;
padding: 0;
}
.widget-rank-wrap li:nth-of-type(1) .img{
width: 100%;
margin: 0 0 4px 0;
}
.widget-rank-wrap li:nth-of-type(1) .img img{
height: auto;
max-height: 150px;
}
.widget-rank-wrap li:nth-of-type(1) .text{
width: 100%;
font-size: 14px;
}
.widget-app-wrap ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
margin-bottom: 5px;
}
.widget-app-wrap ul li{
width: 32%;
margin-right: 1%!important;
margin-bottom: 10px!important;
}
.widget-app-wrap ul li:nth-of-type(3n+1){
margin-left: 1%!important;
}
.widget-app-wrap ul li a{
display: block;
text-align: center;
font-size: 0;
}
.widget-app-wrap ul li a:hover{
opacity: 0.6;
}
.widget-app-wrap ul li img{
width: 80%;
border-radius: 10px;
box-shadow: 0 0 0 1px #ccc;
}
.widget-app-wrap ul li span{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
color: #172763;
font-size: 11px;
font-weight:bold;
line-height:normal;
padding:5px 0;
}
.widget-conts .btn-box{
text-align: center;
margin:20px 0 0;
}
.widget-conts .btn-box a{
display: inline-block;
box-sizing: border-box;
width:90%;
color:#fff;
background: url(https://oripalette.jp/media/img/common/design/bt-bg.png) no-repeat center / contain;
background-size:103%;
padding:5px 0;
height:auto;
font-size: 14px;
border-radius:5px;
border-bottom:2px solid #ffdcdc;
}
.widget-conts .btn-box a:hover{
opacity: 0.6;   
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.widget-conts{
padding: 0 10px;
}
.widget-conts h3{
font-weight: bold;
font-size: 16px;
position: relative;
margin-bottom:15px!important;
padding: 10px 0px 10px 5px!important;
}
.widget-conts h3:before{
display:none;
}
.widget-conts h3:after{
content: '';
width: 100%;
position: absolute;
bottom: -2px;
left: 0;
box-sizing: border-box;
border-bottom: 4px solid #d9ffe4;
/* border-right: 8px solid transparent;*/
}
.widget-rank-wrap li{
background: none;
margin-bottom: 12px;
}
.widget-rank-wrap li:last-of-type {
margin: 0;
}
.widget-rank-wrap li a{
padding: 0;
}
.widget-rank-wrap li:nth-of-type(1) p{
margin:0 0 5px!important;
}
.widget-rank-wrap li:nth-of-type(1){
margin:0 0 30px!important;
}

.widget-rank-wrap li:nth-of-type(1) .img img {
height: auto;
max-height: 240px;
}
.widget-rank-wrap li .img img{
height: 95px;
width:100%;
object-fit:cover;
}
.widget-rank-wrap li .img{
margin:0 10px 0 0!important;
}
.widget-app-wrap ul li img{
width:70%;
margin-bottom:2px;
}
.widget-conts .btn-box a{
width: 100%;
background-size:100%;
border-radius:5px;
border-bottom:2px solid #c9c9c9;
}
.widget-conts .btn-box{
width: 100%;
}
}
/*-カテゴリ一覧-*/
ul.top_categorylist {
margin-top: -8px;
}
.top_categorylist a {
font-size: 14px;
position: relative;
padding-left: 18px;
}
.top_categorylist a:before {
    content: "";
    position: absolute;
    top: 2px;
    left: -3px;
    width: 17px;
    height: 17px;
    border-top: 1px solid #fff;
    border-right: 1px solid #fff;
    border-radius: 50%;
    background-color: #00c892;
}
.top_categorylist a:after {
content: "";
position: absolute;
top: 8px;
left: 2px;
-webkit-transform: rotate(45deg);
-ms-transform: rotate(45deg);
transform: rotate(45deg);
width: 5px;
height: 5px;
border-top: 2px solid #fff;
border-right: 2px solid #fff;
}
/*------------------------------------------------------------
ヘッダー周り
-------------------------------------------------------------*/
header#header{
    background: #ffffff;
}
.headerIn {
margin: 0 auto;
padding: 20px 0 10px;
display: flex;
    align-items: center;
}
.headerIn .headerLeft {
    width:100%;
    background-color: #f3f3f3;
}
.headerIn .header-logo img{
width:250px;
display:block;
margin:0 auto 5px;
}
body #header .headerIn .headerLeft h1,.header-h1{
    color: #05250e;
    font-size: 11px;
    display: block;
    margin: auto;
    text-align: center;
}
.nvi-search-box{
    display: -webkit-flex;
    background: #fff;
    display: flex;
    justify-content: center;
    align-items: center;
    border-radius: 20px 20px 0 0;
}
.gNaviWrap2{
margin:10px;
}
ul.gNavi{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
ul.gNavi li{
font-size:14px;
}
ul.gNavi li a{
    color: #05250e;
    padding: 0 20px;
}
#siteTopSearch{
}
.search-form_inputXX ul {
display: none
}
.search-form_inputXX form {
box-sizing: border-box;
display: flex;
justify-content: flex-end;
align-items: center;
position:relative;
}
#siteTopSearch input.css-button {
text-indent: 100px;
width: 30px;
height: 30px;
border-radius:50px;
background: url('https://oripalette.jp/media/img/common/design/icon-search.svg') center center/15px no-repeat #FFF;
border: 1px solid #e9e9e9;
box-sizing:border-box;
cursor: pointer;
position:absolute;
right:0;

}
#siteTopSearch input.css-button:hover {
opacity:0.6;
}
#siteTopSearch input {
width: 100%;
line-height:25px;
background: #f7f7f7;
font-size: 12px;
padding: 0 0px 0 10px;
border-radius:50px;
box-sizing: border-box;
outline: none;
box-sizing:border-box;
}
#siteTopSearch #search-form-box {
border: 1px solid #e9e9e9;
border-right: 0;
box-sizing: border-box;
padding: 0 35px 0 10px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.head-logo{
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
width:100%;
padding:15px 0;
margin:0;
}
.head-logo .menu-btn{
width:20%;
text-align:center;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .menu-btn a{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .menu-btn img{
width:40%!important;
/*filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);*/
}
.head-logo p.logo{
width:60%;
margin: 0 auto !important;
}
.head-logo p.logo a{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo p.logo img{
width:75%!important;
}
.head-logo .search-bt{
width:20%;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .search-bt a{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.head-logo .search-bt img{
width:30%!important;
/*filter: invert(88%) sepia(61%) saturate(0%) hue-rotate(229deg) brightness(107%) contrast(101%);*/
}

}

/*------------------------------------------------------------
スライダー
-------------------------------------------------------------*/
.slide-bg{
    margin-bottom: 20px;
    background: #00c892;
    position: relative;
    background-image: radial-gradient(#faf1ff66 11%, transparent 30%);
    padding: 50px 0;
    background-size: 20px 20px;
    box-shadow: inset 0px 9px 22px 1px rgb(16 124 47 / 30%);
}
.slide-bg:after{
content: '';
background-color:initial;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
z-index: 2;
}
.slide-wrap{
width: 950px;
z-index: 3;
margin:0 auto;
position: relative;
}
.slide-wrap  ul{
z-index: 5;
}
.slide-wrap li{
outline: none;
}
.slide-wrap li .white-box{
background: #fff;
margin: 0 auto;
width: 820px;
border-radius: 15px;
}
.slide-wrap li a{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 12px;
}
.slide-wrap li a:hover{
opacity: 0.6;
}
.slide-wrap li a .img{
width: 53%;
font-size: 0;
}
.slide-wrap li a .img img{
width: 100%;
height: 275px;
object-fit: cover;
}
.slide-wrap li a .text-box{
width: 45%;
position: relative;
box-sizing: border-box;
}
.slide-wrap li a .text-box .midasi{
color: #333;
font-size: 24px;
font-weight: bold;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
line-height: 1.5;
margin:20px 0 25px;
text-align:left;
}
.slide-wrap li a .text-box .main-text{
    width: 120%;
    box-sizing: border-box;
    position: relative;
    padding: 20px;
    left: -40px;
    background: rgb(0 200 146 / 71%);
    border-radius: 10px;
}
.slide-wrap li a .text-box .main-text p{
font-size: 16px;
color: #fff;
line-height: 1.6;
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
margin:0!important; 
}
.slide-wrap li a .text-box .time{
position: absolute;
bottom: 0;
right: 0;
color: #888;
font-size: 13px;
line-height:1;
}
.slide-wrap .slider-arrow{
position: absolute;
top: 0;
bottom: 0;
width: 70px;
height: 70px;
margin: auto;
font-size: 0;
z-index: 6;
}
.slide-wrap .slider-arrow.slider-prev{
background: url(https://oripalette.jp/media/img/common/design/icon-yaji-l.svg) no-repeat center / contain;
left: -30px;
}
.slide-wrap .slider-arrow.slider-next{
background: url(https://oripalette.jp/media/img/common/design/icon-yaji-r.svg) no-repeat center / contain;
right:  -30px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.slide-bg{
padding: 25px 0;
margin-bottom: 20px;
}
.slide-wrap{
width: 100%;
}
.slide-wrap li .white-box {
width: 76%;
height: 336px;
position: relative;
}
.slide-wrap li a{
display: block;
}
.slide-wrap li a .img {
width: 100%;
margin-bottom: 8px!important;
}
.slide-wrap li a .img img{
height: 160px;
}
.slide-wrap li a .text-box{
width: 100%;
position: static;
}
.slide-wrap li a .text-box .midasi{
font-size: 18px;
text-align: center;
margin: 15px 0 10px!important;
font-weight: bold;
}
.slide-wrap li a .text-box .main-text{
width: 120%;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
padding: 10px 20px;
margin-bottom:8px;
border-radius: 7px;
}
.slide-wrap li a .text-box .main-text p{
font-size: 15px;
font-weight: normal;
line-height: 1.3;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
margin: 0!important;
}
.slide-wrap li a .text-box .time{
right: 5px;
bottom: 5px;
font-size: 11px;
}
.slide-wrap .slider-arrow{
width: 40px;
height: 40px;
}
.slide-wrap .slider-arrow.slider-prev{
left: 2px;
}
.slide-wrap .slider-arrow.slider-next{
right: 2px;
}
}


/*------------------------------------------------------------
TOP記事一覧
-------------------------------------------------------------*/
#top-main p:empty{
display: none;
}
#app-kuchikomi-list{
display:none;
}
#top-main #article-list,#top-main #app-kuchikomi-list,#top-main #o-ranking-list{
}
#top-main #article-list h2, #top-main #app-kuchikomi-list h2, #top-main #o-ranking-list h2, #top-main #cl-office-list h2{
background-size:100%;
font-size:22px;
padding:10px 0 10px 15px;
margin:0 0 20px;
font-weight:bold;
line-height:1.4;
}
#top-main #article-list .article-list-in,#top-main #app-kuchikomi-list .article-list-in,#top-main #o-ranking-list .article-list-in, #top-main #cl-office-list .article-list_cl-office{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: space-between;
}
#top-main #article-list .article-list-in article,#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article, #top-main #cl-office-list .article-list_cl-office article{
width:32%;
box-sizing:border-box;
margin-bottom:25px;
}
#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article{
width:32%;
box-sizing:border-box;
margin-bottom:10px;
}
#top-main #article-list .article-list-in article a,#top-main #app-kuchikomi-list .article-list-in article a,#top-main #o-ranking-list .article-list-in article a{
display: -webkit-flex;
display: flex;
justify-content: space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#top-main #article-list .article-list-in article a:hover,#top-main #app-kuchikomi-list .article-list-in article a:hover,#top-main #o-ranking-list .article-list-in article a:hover,.article-list_cl-office article a:hover{
opacity:0.7;
}
#top-main #article-list .article-list-in article a + p{
display:none;
}
#top-main #article-list .article-list-in article a + p,#top-main #app-kuchikomi-list .article-list-in article a + p,#top-main #o-ranking-list .article-list-in article a + p{
display:none;
}
#top-main #article-list .article-list-in article a img,#top-main #app-kuchikomi-list .article-list-in article a img,#top-main #o-ranking-list .article-list-in article a img{
width:100%;
height:145px;
object-fit:cover;
object-position: top;
}
#top-main #cl-office-list .article-list_cl-office article a img{
width:100%;
height:50px;
object-fit:contain;
object-position: top;
}
body #mainCenter .article-list_cl-office h3 {
color: #70524b;
border-bottom: none;
text-align: center;
margin: 0;
padding: 0.3em 0 0 0;
font-size: 14px;
border-top: 5px dotted rgb(196 158 137 / 27%);
}
body #mainCenter .article-list_cl-office h3:after {
content: "";
position: absolute;
width: 8px;
height: 8px;
border: 0;
border-top: solid 2px rgb(196 158 137 / 53%);
border-right: solid 2px rgb(196 158 137 / 53%);
position: absolute;
top: 57%;
right: 10px;
margin-top: -4px;
transform: rotate(45deg);
}
.article-list_cl-office article {
border: solid 2px #efe5df;
border-radius: 0.5em;
padding: 10px;
}
body #mainCenter .article-list_cl-office h3:before{
display: none;
}
#top-main #article-list .article-list-in article a br{
display:none;
}
#top-main #article-list .article-list-in article p:empty{
display: none;
}
#top-main article .a-list-r{
width:100%;
position:relative;
padding-bottom:15px;
}
#top-main article .a-list-r h3{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border:0;
padding:0;
margin:0 0 5px;
color:#70524b;
background:none;
}
#top-main #app-kuchikomi-list article .a-list-r h3,#top-main #o-ranking-list article .a-list-r h3{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border:0;
padding:0;
margin:5px 0;
color:#70524b;
background:none;
}
#top-main article .a-list-r h3:before{
display:none;
}
#top-main article .a-list-r p.top-list-txt{
line-height:1.4;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color:#666;
display:none;
}
#top-main article .a-list-r p{
display:none;
}
#top-main article .a-list-r .listSub{
color:#646464;
margin:3px 0;
font-size:11px;
font-weight:bold;
}
#top-main article .a-list-r .listSub .listCategory{
background:url(https://oripalette.jp/media/img/common/design/icon-category.svg)no-repeat;
padding-left:15px;
}
#top-main article .a-list-r .listSub .listCategory.cateother{
background:url(https://oripalette.jp/media/img/common/design/icon-category.svg)no-repeat;
}
#top-main article .a-list-r .timeBox{
position:absolute;
bottom:0;
left:0;
color:#ccc;
font-size:11px;
padding:0;
margin:0;
line-height:1;
}
#top-main #o-ranking-list .btn-box{
text-align: center;
margin:10px 0 40px;
width:100%;
}
#top-main #o-ranking-list .btn-box a{
display: inline-block;
box-sizing: border-box;
width:60%;
color:#fff;
background: url(https://oripalette.jp/media/img/common/design/bt-bg.svg) no-repeat center / contain;
background-size:103%;
padding:5px 0;
height:auto;
font-size: 14px;
border-radius:5px;
border-bottom:2px solid #c9c9c9;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#top-main #article-list h2,#top-main #app-kuchikomi-list h2,#top-main #o-ranking-list h2,#top-main #cl-office-list h2{
background-size: 100%;
background-color: #00c892;
line-height: normal;
font-size: 20px;
padding: 7px 0 7px 15px;
margin: 0 0px 20px;
font-weight: bold;
color: #FFF;
box-shadow: initial;
border-bottom: initial;
}
#top-main #article-list .article-list-in,#top-main #app-kuchikomi-list .article-list-in,#top-main #o-ranking-list .article-list-in{
padding:0 5px;
}

#top-main #article-list .article-list-in article,#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article{
padding:0 5px;
box-sizing:border-box;
margin-bottom:20px;
width:50%;
}
#top-main #app-kuchikomi-list .article-list-in article,#top-main #o-ranking-list .article-list-in article{
padding:0 5px;
box-sizing:border-box;
margin-bottom:0px;
width:50%;
}
#top-main #article-list .article-list-in article a,#top-main #app-kuchikomi-list .article-list-in article a,#top-main #o-ranking-list .article-list-in article a{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items:center;
}
#top-main #article-list .article-list-in article a + p{
display:none;
}
#top-main #article-list .article-list-in article a img,#top-main #app-kuchikomi-list .article-list-in article a img,#top-main #o-ranking-list .article-list-in article a img{
width:100%;
height: 115px;
object-fit:cover;
}
#top-main #article-list .article-list-in article a br{
display:none;
}
#top-main #article-list .article-list-in article p:empty{
display: none;
}
#top-main article .a-list-r{
width:100%;
position:relative;
padding:0 0 13px!important;
}
#top-main article .a-list-r h3{
line-height:1.3;
font-size:14px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
border:0;
padding:0;
margin:0 0 5px;
color:#70524b;
font-weight:bold;
background:none;
}
#top-main article .a-list-r h3:before{
display:none;
}
#top-main article .a-list-r p.top-list-txt{
line-height:1.4;
font-size:11px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
color:#666;
margin:0;
display:none;
}
#top-main article .a-list-r p{
display:none;
}
#top-main article .a-list-r{
min-height:50px;
}
#top-main article .a-list-r .listSub{
color:#333;
margin:3px 0;
line-height:normal;
}
#top-main article .a-list-r .listSub .listCategory{
padding-left:10px;
font-size:10px;
color:#646464;
}
#top-main article .a-list-r .listSub .listCategory.cateother{
background:url(https://oripalette.jp/media/img/common/design/icon-category.svg)no-repeat;
}
#top-main article .a-list-r .timeBox{
position:absolute;
bottom:0;
left:0;
color:#ccc;
font-size:10px;
padding:0;
margin:0;
line-height:1;
}
#top-main #o-ranking-list .btn-box{
text-align: center;
margin:10px 0 40px;
width:100%;
}
#top-main #o-ranking-list .btn-box a{
display: inline-block;
box-sizing: border-box;
width:97%;
color:#fff;
background: url(https://oripalette.jp/media/img/common/design/bt-bg.svg) no-repeat center / contain;
background-size:103%;
padding:5px 0;
height:auto;
font-size: 14px;
border-radius:5px;
border-bottom:2px solid #c9c9c9;
}
}

/*------------------------------------------------------------
footer
-------------------------------------------------------------*/
#footer{
    margin-top: 30px;
    background: #00c892 !important;
    display: block;
    padding: 10px 0;
}
.area01{
margin:0!important;
padding:0!important;
}
.area01 ul.footer-link-list{
display: -webkit-flex;
display: flex;
align-items: center;
}
.area01 ul.footer-link-list li{
padding:0 18px;
margin:0 10px;
}
.area01 ul.footer-link-list li a{
color:#FFF;
}
.copyright {
    padding: 5px 0;
    background: #00c892;
    font-size: 10px;
    text-align: center;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.area01 ul.footer-link-list{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.area01 ul.footer-link-list li{
padding:0;
margin:0 10px;
width:44%;
text-align:center;
box-sizing:border-box;
}
.area01 ul.footer-link-list li a{
text-align:center;
}
#footer-in {
width: 100%;
margin: auto
}
}
#topInner-box .article-pagenavi{
display:none;
}
/*------------------------------------------------------------
SP検索モーダル
-------------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#search_modal {
display: none;
width: 100%;
height:100%;
text-align: center;
position: fixed;
top: 0;
z-index: 100;
background: rgba(0,0,0,0.7);
color:#ffff;
font-size: bold;
}
}
/*------------------------------------------------------------
SP用見出し
-------------------------------------------------------------*/
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
body #main-contents .article h2 {
/* background: #fff; */
background-size: 100%;
background-color: rgb(240, 86, 86);
line-height: normal;
box-shadow: none;
border-bottom: solid 2px #ffb4b4;
color: #fff;
font-size: 20px;
margin: 0 0 10px;
text-align: left;
padding: 9px 5px 6px;
font-weight: bold;
/* border-top-left-radius: 20px; */
/* border-top-right-radius: 20px; */
}
body #main-contents .article h3 {
font-size: 18px;
margin: 0 0 20px;
text-align: left;
padding: 5px 10px 5px 15px;
font-weight: 700;
border-bottom: 2px solid rgb(240, 86, 86);
position:relative;
line-height:normal;
}
body #main-contents .article h3:before{
content:"";
position:absolute;
background-color: rgb(240, 86, 86);
background-size:100% 100%;
width:10px;
height:100%;
top:0;
bottom:-1px;
left:0;
margin:auto;
}
body #main-contents h3#comment_title {
background:url(https://oripalette.jp/media/img/common/design/h3-bg.svg)no-repeat center left;
background-size:auto;
font-size: 15px;
margin: 0 0 20px;
text-align: left;
padding: 0 10px 0 15px;
font-weight: 700;
border-bottom: 2px solid #3a3168
}
body #main-contents .article h4 {
padding: 5px 0;
font-size: 16px;
margin: 10px 0 15px;
font-weight: 700;
line-height: normal;
background: #f2f2f2;
display: flex;
align-items: center;
border-radius:3px;
}
body #main-contents .article h4:before {
content: "";
width: 5px;
height: 25px;
background: rgb(240, 86, 86);
display: inline-block;
margin: 0 8px;
border-radius: 50px
}
img[src="https://oripalette.jp/media/img/common/design/logo.svg"]{
margin:0!important;
}
}
img[src="https://oripalette.jp/media/img/common/design/logo.svg"]{
margin:40px 0;
width:300px;
}

.categoryBox{
border-bottom:1px dotted #ccc;
margin-bottom:10px;
}
.categoryBox div div a img{
object-fit: cover;
display: inline;
width: 130px;
height: 85px;
}
.categoryBox div{
display: -webkit-flex;
display: flex;
}
.categoryBox div div{
width:130px!important;
}
.categoryBox div p{
width:77%!important;
padding:0 0 0 20px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.categoryBox div p{
width:77%!important;
padding:0 0 0 15px;
font-size:14px;
line-height:1.6;
}
.categoryBox div div a img{
object-fit: cover;
display: inline;
width: 130px;
height: 70px;
}
}

#rankingBtn li a.freedl-bt,
#rankingBtn li:last-of-type a {
border-radius: 50px;
box-shadow: 0 3px 0 0 #9a2649;
line-height: 20px;
}
#rankingBtn li:first-of-type a:before {
display:none;
}
#rankingBtn li:last-of-type a {
background: #ff0260;
line-height: 20px;
}
#rankingBtn li:last-of-type a:before {
display:none;
}
#rankingBtn li a.freedl-bt {
background: #ff0260;
line-height: 20px;
}
#main-contents #rankingBtn li a.freedl-bt:before {
display:none;
}
#main-contents #rankingBtn li:last-of-type a:before {
display:none;
}


/*------------------------
順位table
------------------------*/
.zyuni-imgTable td:first-of-type{
position: relative;	
}
.zyuni-imgTable td:first-of-type:before{
content: '';
display: block;
position: absolute;
width: 40px;
height: 40px;
top: 0px;
left: 0px;   
z-index: 100;
}
.zyuni-imgTable tr:nth-of-type(2) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426496019.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(3) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426487696.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(4) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426479469.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(5) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426471629.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(6) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426463578.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(7) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426455255.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(8) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426447183.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(9) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_1426438827.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(10) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_142643037.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(11) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2021/06/2021y06m11d_142642216.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(12) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1518072418.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(13) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520231057.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(14) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520306212.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(15) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520295706.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(16) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_152028505.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(17) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520274326.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(18) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520263607.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(19) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520252117.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(20) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520241547.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(21) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m12d_1520460958.png) no-repeat center / contain;
}
/*20241122-順位追加分*/
.zyuni-imgTable tr:nth-of-type(22) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_130116236.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(23) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_1301222891.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(24) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_1301150368.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(25) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_130113863.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(26) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_1301126874.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(27) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_1301115477.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(28) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_130110384.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(29) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_130121062.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(30) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_1301198342.png) no-repeat center / contain;
}
.zyuni-imgTable tr:nth-of-type(31) td:first-of-type:before{
background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_1301186491.png) no-repeat center / contain;
}
.zyuni-imgTable td:first-of-type::after{
content:'';
display: block;
width: calc(100% + 2px);
height: calc(100% + 2px);
top: -1px;
left: -1px;
position: absolute;
box-sizing: border-box;
border: 1px solid #dde4e6;
z-index: 1;
}
.zyuni-imgTable td:first-of-type a{
position: relative;
z-index: 3;
display: inline-block;
line-height: 1.4;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.zyuni-imgTable td:first-of-type:before{
width: 34px;
height: 34px;
}
.rank-list-osusume dl dt{
padding: 0 13px;
}
}

/*------------------------------------------------------------
おすすめ人気記事調整
-------------------------------------------------------------*/
div.categoryBox div p a{
color: #172763;
font-weight: bold;
text-decoration: none;
}
div.categoryBox div p a:hover{
opacity: 0.6;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.categoryBox{
margin: 0;
border: 1px solid #bebebe;
border-top: 0;
padding: 6px;
}
.categoryBox:first-of-type{
border-top: 1px solid #bebebe;
}
.categoryBox div div {
width: 40%!important;
box-sizing: border-box;
}
div.categoryBox div div a{
line-height: 1;
}
div.categoryBox div div a img{
width: 100%;
height: 95px;
}
#main-contents div.categoryBox div p{
width: 60%!important;
box-sizing: border-box;
margin: 0;
padding-left: 10px;
}
div.categoryBox div p a{
font-size: 13px;
}
}

/*------------------------------------------------------------
人気ページランキング調整
-------------------------------------------------------------*/
.ninki-ranking.ninki-pageranking dd a{
color: #172763;
text-decoration: none;
}
.ninki-ranking.ninki-pageranking dd a:hover{
opacity: 0.6;
}
.ninki-ranking.ninki-pageranking dt{
line-height: 1;
}
.ninki-ranking.ninki-pageranking dt img{
max-height: none;
height: 95px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.ninki-ranking.ninki-pageranking dl:not(:last-child){
margin: 0;
border: 1px solid #bebebe;
border-top: 0;
padding: 6px;
}
.ninki-ranking.ninki-pageranking dl:first-of-type{
border-top: 1px solid #bebebe;
}
.ninki-ranking.ninki-pageranking dl:last-child{
border: 1px solid #bebebe;
padding: 6px;
border-top: 0;
margin: 0;
}
.ninki-ranking.ninki-pageranking dd a{
font-size: 13px;
}
.ninki-ranking.ninki-pageranking dt {
width: 38%;
box-sizing: border-box;
}
#main-contents .ninki-ranking.ninki-pageranking dd{
width: 60%;
box-sizing: border-box;
padding-left: 10px;
}
}


/*------------------------
tableスクロール
------------------------*/
.table-scroll{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}
/*------------------------
tableスクロール　１列目固定
------------------------*/
.table-scroll-fix{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
z-index:1;
}
.table-scroll-fix th:first-child,.table-scroll-fix td:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index:3;
}
.table-scroll-fix th:first-child:before,.table-scroll-fix td:first-child:before{
content : "" ;
position : absolute ;
top : -1px ;
width : 1px ;
height : 100% ;
right: -1px;
background: #dde4e6;
}
.table-scroll-fix td{
background: #fff;
}
/*------------------------------------------------------------
scroll-hint
-------------------------------------------------------------*/
@keyframes scroll-hint-appear {
0% {
transform: translateX(40px);
opacity: 0;
}
10% {
opacity: 1;
}
50%,
100% {
transform: translateX(-40px);
opacity: 0;
}
}
.scroll-hint.is-right-scrollable {
background: linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-right-scrollable.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0)), linear-gradient(270deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint.is-left-scrollable {
background: linear-gradient(90deg, rgba(0, 0, 0, .15) 0, rgba(0, 0, 0, 0) 16px, rgba(0, 0, 0, 0));
}
.scroll-hint-icon {
position: absolute;
top: calc(50% - 25px);
left: calc(50% - 60px);
box-sizing: border-box;
width: 120px;
height: 80px;
border-radius: 5px;
transition: opacity .3s;
opacity: 0;
background: rgba(0, 0, 0, .7);
text-align: center;
padding: 20px 10px 10px 10px;
z-index: 100;
}
.scroll-hint-icon-wrap {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
max-height: 100%;
pointer-events: none;
}
.scroll-hint-text {
font-size: 10px;
color: #FFF;
margin-top: 0;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon {
opacity: .8;
}
.scroll-hint-icon:before {
display: inline-block;
width: 40px;
height: 40px;
color: #FFF;
vertical-align: middle;
text-align: center;
content: "";
background-size: contain;
background-position: center center;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDM8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIiBmaWxsPSIjZmZmIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon:after {
content: "";
width: 34px;
height: 14px;
display: block;
position: absolute;
top: 10px;
left: 50%;
margin-left: -20px;
background-repeat: no-repeat;
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDE8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIgZmlsbD0iI2ZmZiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiIGZpbGw9IiNmZmYiLz48L2c+PC9nPjwvc3ZnPg==);
opacity: 0;
transition-delay: 2.4s;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:after {
opacity: 1;
}
.scroll-hint-icon-wrap.is-active .scroll-hint-icon:before {
animation: scroll-hint-appear 1.2s linear;
animation-iteration-count: 2;
}
.scroll-hint-icon-white {
background-color: #FFF;
box-shadow: 0 4px 5px rgba(0, 0, 0, .4);
}
.scroll-hint-icon-white:before {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNS43NyIgaGVpZ2h0PSIzMC41MiIgdmlld0JveD0iMCAwIDI1Ljc3IDMwLjUyIj48dGl0bGU+44Ki44K744OD44OIIDQ8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxwYXRoIGQ9Ik0yMS4zMywzMC41Mkg3Ljg1QTEuNTUsMS41NSwwLDAsMSw2LjMsMjlhMTIuNDYsMTIuNDYsMCwwLDAtLjYzLTQuNDIsMjUuMTYsMjUuMTYsMCwwLDAtNC4yNS01bC0uMDYtLjA2QTUsNSwwLDAsMSwwLDE1Ljg2YTMuNjQsMy42NCwwLDAsMSwxLjE3LTIuNjIsMy42MywzLjYzLDAsMCwxLDUuMTQuMDdWMy43N2EzLjc3LDMuNzcsMCwxLDEsNy41NCwwVjguMzNhMy4zNSwzLjM1LDAsMCwxLDEuMjYsMCwzLDMsMCwwLDEsMiwxLjIyLDMuNSwzLjUsMCwwLDEsMi0uMDYsMy4yMSwzLjIxLDAsMCwxLDIsMS41NCwzLjc0LDMuNzQsMCwwLDEsMywuNDdBNC4yMSw0LjIxLDAsMCwxLDI1Ljc0LDE1YzAsLjExLDAsLjI3LDAsLjQ2YTE5LjI2LDE5LjI2LDAsMCwxLS44NCw3Yy0uMTQuMzgtLjM2LjgxLS41NiwxLjIybC0uMTEuMjJjMCwuMDctLjA5LjE0LS4xNC4yMWE3LjEzLDcuMTMsMCwwLDAtMS4xNywyLjE3Yy0uMDYuNTYtLjA2LDIuMTUtLjA1LDIuNzFBMS41NSwxLjU1LDAsMCwxLDIxLjMzLDMwLjUyWk04LjYxLDI4LjIxaDEyYzAtLjcxLDAtMS43MS4wNy0yLjIzYTguNzQsOC43NCwwLDAsMSwxLjU5LTMuMjVsLjA2LS4xMmExMCwxMCwwLDAsMCwuNDYtMSwxNi44LDE2LjgsMCwwLDAsLjctNi4xMmMwLS4yMywwLS40MSwwLS41NGgwYTIsMiwwLDAsMC0uNjQtMS41MiwxLjMzLDEuMzMsMCwwLDAtMS41NS4wOCwxLjEzLDEuMTMsMCwwLDEtMS4xOC4yOCwxLjE1LDEuMTUsMCwwLDEtLjc4LS45NCwxLjI2LDEuMjYsMCwwLDAtLjc1LTEuMTEsMSwxLDAsMCwwLTEuMTEuMjhsLS4xLjFhMS4xNSwxLjE1LDAsMCwxLTEuMTkuMjksMS4xNiwxLjE2LDAsMCwxLS43OC0uOTVjLS4wOS0uNjgtLjIxLS43Ny0uNy0uODdhLjgyLjgyLDAsMCwwLTEsLjQ4LDEuMTYsMS4xNiwwLDAsMS0yLjE2LS41OFYzLjc3YTEuNDYsMS40NiwwLDEsMC0yLjkyLDB2Ny44NWwwLDQuMzNhMS4xNywxLjE3LDAsMCwxLS44MywxLjExLDEuMTUsMS4xNSwwLDAsMS0xLjItLjM1bC0xLS45MWMtLjQ3LS40Mi0uNzMtLjY2LS44NC0uNzdhMS4zNSwxLjM1LDAsMCwwLTItLjEyTDIuNywxNWExLjMyLDEuMzIsMCwwLDAtLjM5LDFBMi41NywyLjU3LDAsMCwwLDMsMTcuODVsMCwwYTI3LjI0LDI3LjI0LDAsMCwxLDQuNyw1LjYyQTEyLjYzLDEyLjYzLDAsMCwxLDguNjEsMjguMjFaTTIzLjIsMjMuMzVaTTYuNTEsMTYuNTlaIi8+PC9nPjwvZz48L3N2Zz4=);
}
.scroll-hint-icon-white:after {
background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIzMy4yOSIgaGVpZ2h0PSIxMi4wMiIgdmlld0JveD0iMCAwIDMzLjI5IDEyLjAyIj48dGl0bGU+44Ki44K744OD44OIIDI8L3RpdGxlPjxnIGlkPSLjg6zjgqTjg6Tjg7xfMiIgZGF0YS1uYW1lPSLjg6zjgqTjg6Tjg7wgMiI+PGcgaWQ9IuODrOOCpOODpOODvF8xLTIiIGRhdGEtbmFtZT0i44Os44Kk44Ok44O8IDEiPjxsaW5lIHgxPSIxLjg1IiB5MT0iNi4wMSIgeDI9IjEwLjQiIHkyPSI2LjAxIi8+PHBhdGggZD0iTTEwLjQsNy4xN0gxLjg1YTEuMTYsMS4xNiwwLDEsMSwwLTIuMzFIMTAuNGExLjE2LDEuMTYsMCwxLDEsMCwyLjMxWiIvPjxwYXRoIGQ9Ik03LjQsMTJhMS4xNSwxLjE1LDAsMCwxLS43Mi0uMjVsLTYuMjUtNUExLjIsMS4yLDAsMCwxLDAsNS44NywxLjE0LDEuMTQsMCwwLDEsLjQ2LDVMNi43LjIzQTEuMTYsMS4xNiwwLDAsMSw4LjEsMi4wOEwzLDUuOTEsOC4xMiwxMEExLjE2LDEuMTYsMCwwLDEsNy40LDEyWiIvPjxsaW5lIHgxPSIzMS40NSIgeTE9IjYuMDEiIHgyPSIyMi44OSIgeTI9IjYuMDEiLz48cGF0aCBkPSJNMzEuNDUsNy4xN0gyMi44OWExLjE2LDEuMTYsMCwxLDEsMC0yLjMxaDguNTZhMS4xNiwxLjE2LDAsMCwxLDAsMi4zMVoiLz48cGF0aCBkPSJNMjUuOSwxMmExLjE4LDEuMTgsMCwwLDEtLjkxLS40M0ExLjE3LDEuMTcsMCwwLDEsMjUuMTcsMTBsNS4wOS00LjA1TDI1LjIsMi4wOEExLjE2LDEuMTYsMCwwLDEsMjYuNTkuMjNMMzIuODQsNWExLjE2LDEuMTYsMCwwLDEsLjQ1LjkxLDEuMTQsMS4xNCwwLDAsMS0uNDMuOTJsLTYuMjQsNUExLjE3LDEuMTcsMCwwLDEsMjUuOSwxMloiLz48L2c+PC9nPjwvc3ZnPg==);
}
.scroll-hint-icon-white .scroll-hint-text {
color: #000;
}


/*------------------------------------------------------------
ダウンロードボタン&詳細ボタンcustom
-------------------------------------------------------------*/
#main-contents #rankingBtn li a {
line-height: 20px;
}
#rankingBtn li a.syousai-bt, #rankingBtn li:first-of-type a {
background: #06c755;
text-decoration: none;
border-radius: 50px;
box-shadow: 0 3px 0 0 #138743;
padding: 10px 0;
}
#main-contents #rankingBtn li:first-of-type a:before {
display:none;
}
#rankingBtn li a.bt-syousai {
background: #2f9ac6!important;
box-shadow: 0 3px 0 0 #2680a5;
line-height: 20px;
border-radius: 50px;
}
#rankingBtn li a.bt-dl {
background: #f3556a!important;
box-shadow: 0 3px 0 0 #c13548;
line-height: 20px;
border-radius: 50px;
}

/*------------------------------------------------------------
既婚者専用のアプリはあるが会員数が少なく出会いにくい
-------------------------------------------------------------*/
.kikonsya-app-bannar{
border: 4px solid #27b07a;
margin-bottom: 1.5em;
}
.kikonsya-app-bannar .top{
font-size: 34px;
font-weight: bold;
text-align: center;
background: #f2fdf9;
padding: 14px 0;
line-height: 1.4;
margin: 0;
}
.kikonsya-app-bannar .top .red{
display: block;
color: #ec403c;
font-size: 42px;
}
.kikonsya-app-bannar .bottom{
background: #58c99d;
padding: 10px 0;
}
#mainCenter .kikonsya-app-bannar .bottom ul{
border-radius: 6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 356px;
padding: 10px 0;
margin: 0 auto;
}
#mainCenter .kikonsya-app-bannar .bottom ul img{
width: 54px;
border-radius: 6px;
}
#mainCenter .kikonsya-app-bannar .bottom li{
text-align: center;
margin: 0 ;
width: 94px;
}
#mainCenter .kikonsya-app-bannar .bottom li a{
display: inline-block;
}
#mainCenter .kikonsya-app-bannar .bottom .app-name{
display: block;
font-size: 12px;
margin-top: 5px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#main-contents .kikonsya-app-bannar .top{
font-size: 22px;
margin: 0;
padding: 10px 0;
}
#main-contents .kikonsya-app-bannar .top .red{
font-size: 26px;
}
#main-contents .kikonsya-app-bannar .bottom ul{
border-radius: 6px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
background: #fff;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
width: 72%;
padding: 8px 0;
margin: 0 auto;
}
#main-contents .kikonsya-app-bannar .bottom ul img{
width: 42px;
border-radius: 6px;
}
#main-contents .kikonsya-app-bannar .bottom li{
text-align: center;
margin: 0 ;
width: 80px;
}
#main-contents .kikonsya-app-bannar .bottom li a{
display: inline-block;
}
#main-contents .kikonsya-app-bannar .bottom .app-name{
display: block;
font-size: 11px;
margin-top: 5px;
}
.kikonsya-app-bannar .bottom{
padding: 8px 0;
}
}
@media only screen and (max-width:376px){
#main-contents .kikonsya-app-bannar .top{
font-size: 20px;
}
#main-contents .kikonsya-app-bannar .top .red {
font-size: 24px;
}
#main-contents .kikonsya-app-bannar .bottom li{
width: 72px;
}
#main-contents .kikonsya-app-bannar .bottom ul img{
width: 36px;
}
}
@media only screen and (max-width:361px){
#main-contents .kikonsya-app-bannar .top .red {
font-size: 23px;
}
#main-contents .kikonsya-app-bannar .bottom li{
width: 70px;
}
#main-contents .kikonsya-app-bannar .bottom ul img{
width: 34px;
}
#main-contents .kikonsya-app-bannar .bottom .app-name{
font-size: 10px;
}
}



/*------------------------------------------------------------
季節変更用
-------------------------------------------------------------*/
.conve-bt-boxs6 {width: 80%;padding: 20px 0;margin: 20px auto;border-radius: 5px;background:#ffedd7;display: block;box-sizing: border-box;}
.conve-bt-boxs6 .facebookTxt {
color: #7e7e7e;
}
body .post .conve-bt-boxs6 p.coPtxt-win {margin: 0;padding: 0;font-weight: 700;font-size: 16px;position: relative;color: #cf1e1e;text-align: center;}
body .post .conve-bt-boxs6 p.coPtxt-win:before {content: "";width: 15px;height: 20px;display: inline-block;border-left: 2px solid #cf1e1e;transform: rotate(-30deg);}
body .post .conve-bt-boxs6 p.coPtxt-win:after {border-right: 2px solid #cf1e1e;transform: rotate(30deg);content: "";width: 15px;height: 20px;display: inline-block;}
body .post .conve-bt-boxs6 .cvBts-box-win p {
margin: 0!important;
text-align: center;
}
body .post .conve-bt-boxs6 .cvBts-box-win a.cvBts {
box-shadow: 0 2px 2px rgba(0,0,0,.29);
border-top: 2px solid transparent;
border-left: 2px solid transparent;
border-right: 2px solid transparent;
background: #cf1e1e;
border-bottom: solid 6px #870b0b;
width: 60%;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen{
position:relative;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen:before {
content:"";
width: 110px;
height:200px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://oripalette.jp/media/img/media/uploads/2021/11/2021y11m05d_1925306797.png) center no-repeat;
background-size: 55%;
top: -28px;
left: -410px;
right: 0;
display:none;
}
body .post .conve-bt-boxs6 .cvBts-box-win.valen:after {
content:"";
width: 110px;
height:200px;
position:absolute;
bottom:0;
margin:auto;
z-index:1;
display:block;
background: url(https://oripalette.jp/media/img/media/uploads/2021/11/2021y11m05d_1925296856.png) center no-repeat;
background-size: 68%;
top: -15px!important;
left: 0;
right: -420px;
display:none;
}


/*--------------------------------------------------------------
table内ボタンの高さそろえる
-------------------------------------------------------------*/
#mainCenter .botan-takasasoroeru td{
vertical-align: top;
position: relative;
line-height: 1.3;
padding-bottom: 46px;
}
.botan-takasasoroeru td img{
margin-bottom: 3px;
}
.botan-takasasoroeru td ul{
position: absolute;
width: 100%;
left: 0;
bottom: 8px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .botan-takasasoroeru td{
vertical-align: top;
position: relative;
line-height: 1.3;
padding-bottom: 46px;
}
.botan-takasasoroeru td ul{
width: 92%;
bottom: 4px;
right: 0;
margin: auto;
}
}
@media only screen and (max-width:376px){
#main-contents .botan-takasasoroeru td{
padding-bottom: 42px;
}
}



/*------------------------
ライターボックス
------------------------*/
.wbox-txt-wrap{
display: -webkit-flex;
display: flex;
align-items:flex-start;
border:2px solid #d4d4de;
box-sizing:border-box;
border-radius:3px;
margin:0 auto 20px;
padding:15px;
}
.wbox-txt-wrap .wbox-txt-L{
width:15%;
padding-right:10px;
}
.wbox-txt-wrap .wbox-txt-L img{
width:80px;
height: 80px;
object-fit:cover;
border-radius:50%;
box-shadow:0 0 0 1px #e6e6e6;
}
.wbox-txt-wrap .wbox-txt-R{
width:85%;
}
.wbox-txt-wrap .wbox-txt-R dl{
margin:0;
padding:0;
}
.wbox-txt-wrap .wbox-txt-R dt{
margin:0 0 15px;
padding:0;
line-height:1;
color:#333;
font-weight:bold;
font-size:18px;
display:flex;
align-items:center;
}
.wbox-txt-wrap .wbox-txt-R dt:before{
content:"";
background:url(https://thisiswhoiam.jp/wp/wp-content/uploads/2021/08/a51b1671a79321e386648f55168ce7b4.png)no-repeat;
background-size:100% auto;
width:20px;
height:26px;
display:inlinesblock;
margin-right:10px;
}
.wbox-txt-wrap .wbox-txt-R dd{
margin:0;
padding:0;
font-size:16px;
line-height:1.7;
color:#333;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.wbox-txt-wrap .wbox-txt-L{
width:21%;
padding-right:15px;
}
.wbox-txt-wrap .wbox-txt-L img{
width:60px;
height:60px;
}
.wbox-txt-wrap .wbox-txt-R{
width:79%;
}
.wbox-txt-wrap .wbox-txt-R dt{
margin:0 0 10px;
line-height:1;
color:#333;
font-size:16px;
}
.wbox-txt-wrap .wbox-txt-R dt:before{
content:"";
background:url(https://thisiswhoiam.jp/wp/wp-content/uploads/2021/08/a51b1671a79321e386648f55168ce7b4.png)no-repeat;
background-size:100% auto;
background-position:center;
width:15px;
height:20px;
margin-right:10px;
}
.wbox-txt-wrap .wbox-txt-R dd{
margin:0;
padding:0;
font-size:14px;
line-height:1.5;
color:#333;
}
}

/*------------------------------------------------------------
スクロールテーブル調整
-------------------------------------------------------------*/
.cell-kotei tbody{
display: table;
white-space: normal;
}

/*--------------------------------------------------------
おすすめ枠
--------------------------------------------------------*/
.osusume-list-box{
display: block;
position: relative;
border: 3px solid #55c26d;
padding: 10px 10px 10px;
margin: 35px 0 20px;
box-sizing: border-box;
border-radius: 5px;
background: #fafafa;
}
.osusume-list-box dl:first-of-type{
margin-top:24px!important;
margin-bottom:0px!important;
}
.osusume-list-box dl{
margin-top:15px!important;
margin-bottom:0px!important;
}
.osusume-list-box dl dt{
display:block;
position:absolute;
top:-40px;
left:-3px;
background: #55c26d;
padding: 0 26px;
line-height: 40px;
margin:20px 0;
box-sizing:border-box;
border-radius:5px;
color:#FFF;
font-weight: bold;
}
.osusume-list-box dl dd{
margin:0 0 0;
padding:0;
line-height:1.6;
}
.osusume-list-box dl dd span{
font-weight:bold;
text-decoration:none!important;
border-bottom:0px solid #af1010;
padding:0px 3px 5px;
display: -webkit-flex;
display: flex;
align-items: center;
}
.osusume-list-box dl .osusume_app_layout{
background:none;
position:relative;
padding:0px 5px 15px;
margin:0 0 10px;
border-bottom:2px dashed #c6c6c6;
border-radius:0;
display: -webkit-flex;
display: flex;
text-decoration:none;
padding:0 0 15px 0;
cursor:pointer;
top:0;
left:0;
}
.osusume-list-box dl .osusume_app_layout a{
position:absolute;
left:0;
top:0;
width:100%;
height:100%;
}
.osusume-list-box dl .osusume_app_layout img{
border-radius: 6px;
border: 1px solid #bebfc1;
box-sizing: border-box;
}
.osusume-list-box .osusume_app_layout:hover{
opacity:0.6;
cursor:pointer;
}	
.osusume-list-box dl dd span + br{
display:none;
}
.osusume-list-box dl dd a:last-child{
font-weight:bold;
border-bottom: 1px solid #2188e0;
text-decoration:none!important;
padding:0 3px;
line-height:normal;
display:inline-block;
}
.osusume-list-box dl dd span img{
margin:0 5px 0 0;
border:0;
border-radius:8px;
box-shadow:0 0 0 1px #ccc;
}
.osusume-list-box dl dd span:hover{
border-bottom:0px dashed #fb568e;
transition: .6s ease-out;
}
.osusume-list-box dl dd span:empty {
display: none;
}
.osusume-list-box.links-icon dl dd span a:last-child:after{
content:"";
background-size:13px;
width:13px;
height:13px;
display:inline-block;
margin-left:10px;
}
.osusume-list-box .osusume_app_layout div{
display:block;
line-height:1.35;
color:#333;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle div:first-of-type{
font-weight:bold;
font-size:20px;
color:#2188e0;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle div:last-of-type{
border-bottom:2px solid #ff0260;
box-sizing:border-box;
font-size:15px;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle{
padding:0 10px;
}
.osusume-list-box .rankingBtn li a.btn-dl{
text-decoration:none!important;
display:block!important;
background:#ff0260!important;
box-sizing:border-box;
color:#FFF!important;
font-weight:bold!important;
border-radius:50px!important;
box-shadow:0 2px 0 0 #9a2649!important;
line-height:25px!important;
margin: 8px 0 4px 0!important;
padding: 6px!important;
font-size: 16px!important;
text-align: center;
transition: opacity .3s, background-color .3s;
width: 300px;
}
.osusume-list-box .rankingBtn li a.btn-dl:hover{
opacity: 0.6;
}
.osusume-list-box .rankingBtn li a.btn-dl:before{
display: none;
}
.osusume-list-box .osusume_app_layout p:empty{
display:none;
}
.osusume-list-box .osusume_app_layout br{
display:none;
}
.osusume-list-box .osusume_app_layout + p{
display:none;
}
.osusume-list-box .osusume_app_layout .osusume_apptitle + p{
display:none;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-list-box{
font-size: 3.9vw;
}
.osusume-list-box .rankBtnLR .rankingBtn {
display: block!important;
margin: 0 0 10px!important;
}
.osusume-list-box .rankingBtn li {
display: block;
border: 0!important;
margin: 0 0 8px!important;
}
.osusume-list-box .rankingBtn li a.btn-dl{
width: 100%;
}
}

/*------------------------------------------------------------
table-type2
-------------------------------------------------------------*/
#mainCenter .table-type2{
font-size: 14px;
line-height: 1.8;
table-layout: auto;
}
.table-type2 td:first-of-type{
width: 35%;
}
#mainCenter .table-type2 tr:first-of-type ~ tr th:first-of-type{
background: #fff;
}
#mainCenter .table-type2 tr:first-of-type ~ tr th:first-of-type  a{
font-size: 12px;
display: inline-block;
}
#mainCenter .table-type2 tr:first-of-type ~ tr th:first-of-type  a img{
width: 65px;
height: 65px;
border-radius: 8px;
margin-bottom: 6px;
}
#mainCenter .table-type2 td:last-child{
padding: 10px 0 7px 7px;
line-height: 2.2;
}
#mainCenter .table-type2 ul{
margin: 0;
}
#mainCenter .post .table-type2 li{
font-size: 12px;
line-height: 1.8;
border: 0;
margin: 0;
}
#mainCenter .table-type2 li .b{
background: none;
}
#mainCenter .table-type2 .btn-wrap{
line-height: 2;
margin: 0;
}
#mainCenter .table-type2 .btn-wrap a{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 74%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
background: #38c04f;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 5px 0 0 #1ca332;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
#mainCenter .table-type2 .btn-wrap a:hover{
opacity: 0.6;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .table-type2 th{
line-height: 1.8;
font-size: 14px;
padding-top: 10px;
padding-bottom: 10px;
}
#main-contents .table-type2{
font-size: 3.7vw;
line-height: 2;
table-layout: auto;
}
#main-contents .table-type2 tr:first-of-type ~ tr th:first-of-type{
background: #fff;
line-height: 1.8;
}
#main-contents .table-type2 tr:first-of-type ~ tr th:first-of-type  a{
font-size: 12px;
display: inline-block;
}
#main-contents .table-type2 tr:first-of-type ~ tr th:first-of-type  a img{
width: 65px;
height: 65px;
border-radius: 8px;
margin-bottom: 6px;
}
#main-contents .table-type2 td:last-child{
padding: 10px 0 7px 7px;
line-height: 2.2;
}
#main-contents .table-type2 ul{
margin: 0;
}
#main-contents .table-type2 li{
font-size: 12px;
line-height: 1.8;
border: 0;
margin: 0;
}
#main-contents .table-type2 li .b{
background: none;
}
#main-contents .table-type2 .btn-wrap{
line-height: 2;
margin: 0;
padding-right: 7px;
}
#main-contents .table-type2 .btn-wrap a{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 100%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
background: #38c04f;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 5px 0 0 #1ca332;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
#main-contents .table-type2 .btn-wrap a:hover{
opacity: 0.6;
}
}

/*-------------------------------------------------------
目次モーダル非表示(PC)
-------------------------------------------------------*/
.f-navi-mokuji_modal{
display: none;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.sp-top-none{
display: none
}
}

/*-------------------------------------------------------
テーブルアイコンデザイン
-------------------------------------------------------*/
.iconNijyumaru{
border:2.5px solid #ff7171;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
background:#fff1e5fe5;
overflow:hidden;
text-indent:50px;
}
.iconNijyumaru:before{
content:"";
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit-transform: translateY(-50%)translateX(-50%);
margin: auto;
border:2.5px solid #ff4646;
box-sizing:border-box;
display:block;
width:10px;
height:10px;
border-radius:50%;
margin:auto;
}
.iconMaru{
border:3.5px solid #318fd2;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.iconSnkaku{
box-sizing:border-box;
display:block;
width:20px;
height:18px;
margin:auto!important;
position:relative;
border-right: solid 10px transparent;
border-left: solid 10px transparent;
border-bottom: solid 16px #57ab6a;
overflow:hidden;
text-indent:50px;
}
.iconBatu{
box-sizing:border-box;
display:block;
width:20px;
height:20px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.iconBatu::before, .iconBatu::after{
content: "";
display: block;
width:100%;/*バツ線の長さ*/
height:3.5px;/*バツ線の太さ*/
background: #726178;
transform: rotate(45deg);
transform-origin:0% 50%;
position: absolute;
top:calc(15% - 1px);
left:14%;
border-radius:1px;
}
.iconBatu::after{
transform: rotate(-45deg);
transform-origin:100% 50%;
left: auto;
right:14%;
}
.iconNijyumaru:first-child,.iconMaru:first-child,.iconSnkaku:first-child,.iconBatu:first-child{
margin-top: 5px!important;
}


/*-------------------------------------------------------
おすすめ枠
-------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #00c892;
position: relative;
padding: 25px 20px;
border-radius: 10px;
margin: 30px auto 20px auto;
width: calc(100% - 8px);
box-sizing: border-box;
}
.osusume-user_box .midasi{
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px;
}
.osusume-user_box .midasi div{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #009f74;
font-weight:bold;
}
#mainCenter div.osusume-user_box ul{
margin: 0;
}
#mainCenter .post div.osusume-user_box li{
position: relative;
padding: 0 0 0 30px;
margin-top: 0;
margin-bottom: 10px;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
}
.osusume-user_box li:before{
content: '';
display: block;
width: 18px;
height: 18px;
background:#d7ffe2;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border:5px solid #86f590;
box-sizing: border-box;
}
#mainCenter .post .osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box li a{
vertical-align: middle;
}
.osusume-user_box li a img{
vertical-align: middle;
}
.osusume-user_box p:last-of-type{
margin-bottom:0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box{
padding: 20px 10px;
}
.osusume-user_box .midasi div{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
#main-contents .osusume-user_box li{
position: relative;
margin-top: 0;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
margin-bottom: 10px;
padding: 0 0 0 25px;
}
#main-contents .osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box li:before{
width: 16px;
height: 16px;
}
}

/*-------------------------------------------------------
おすすめ枠-ol
-------------------------------------------------------*/
div.osusume-user_box ol{
list-style: none;
margin: 0;
}
div.osusume-user_box ol li:before{
left: 0;
border: 0;
background:#00c892;
color: #fff;
font-size: 10px;
text-align: center;
line-height: 20px;
width: 20px;
height: 20px;
}
div.osusume-user_box ol li:nth-of-type(1):before{
content: '1';
}
div.osusume-user_box ol li:nth-of-type(2):before{
content: '2';
}
div.osusume-user_box ol li:nth-of-type(3):before{
content: '3';
}
div.osusume-user_box ol li:nth-of-type(4):before{
content: '4';
}
div.osusume-user_box ol li:nth-of-type(5):before{
content: '5';
}
div.osusume-user_box ol li:nth-of-type(6):before{
content: '6';
}
div.osusume-user_box ol li:nth-of-type(7):before{
content: '7';
}
div.osusume-user_box ol li:nth-of-type(8):before{
content: '8';
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
div.osusume-user_box ol li:before{
line-height: 18px;
width: 18px;
height: 18px;
}
}
/*-------------------------------------------------------
おすすめ枠-メリットデメリット
-------------------------------------------------------*/
/*--メリット--*/
.osusume-user_box.textbox_melit {
box-shadow: 0 0 0 4px #ffc394;
}
.osusume-user_box.textbox_melit .midasi p {
color: #ff8b30;
}
.osusume-user_box.textbox_melit li:before,.osusume-user_box.textbox_demelit li:before {
background: initial;
border: initial;
scale: 0.4;
top: -16px;
left: -4px;
}
.osusume-user_box.textbox_melit li:before {
content: url(https://oripalette.jp/media/img/media/uploads/2023/10/2023y10m06d_1026487691.png);
}
/*--デメリット--*/
.osusume-user_box.textbox_demelit {
box-shadow: 0 0 0 4px #94c5ff;
}
.osusume-user_box.textbox_demelit .midasi p {
color: #51a0ff;
}
.osusume-user_box.textbox_demelit li:before {
content: url(https://oripalette.jp/media/img/media/uploads/2023/10/2023y10m06d_1026499324.png);
top: -11px;
}
/*-----------------------------------------------------
Q&A
-------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
body #mainCenter .qa-wrap h3{
font-weight: bold;
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
background:none;
margin:10px 0 10px 0;
border: 0;
}
.qa-wrap h3:after{
display: none;
}
body #mainCenter .qa-wrap h3:before{
content: "Q";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #5799D5!important;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 13px;
margin: 0;
}
.qa-wrap p{
position: relative;
line-height: 1.5;
padding: 0 0 0 32px;
font-size: 15px;
margin: 0 0 40px 0;
}
.qa-wrap p:before{
content: "A";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #EC6E83;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 13px;
padding: 0 0 0 1px;
}
.qa-wrap p:after{
content: '';
display: block;
width: 100%;
height: 1px;
background: #e1e1e1;
position: absolute;
bottom: -20px;
left: 0;
}
.qa-wrap p + p:nth-child(n+1):before{
display:none;
}
.qa-wrap dt h3:before{
display:none;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
body #main-contents .article .qa-wrap h3{
font-weight: bold;
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
background:none;
margin:10px 0 10px 0;
border: 0;
font-size: 14px;
}
body #main-contents .article .qa-wrap h3:before{
content: "Q";
display: block;
color: #fff;
text-align: center;
background: #5799D5!important;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
margin: 0;
}
#main-contents .qa-wrap p{
font-size: 14px;
margin-bottom: 32px;
}
.qa-wrap p:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
padding: 0 0 0 1px;
background: #EC6E83;
}
.qa-wrap p:after{
bottom: -16px;
}
}

/*------------------------------------------------------------
ガチャボタンオレンジ
-------------------------------------------------------------*/
body .post .gachaBtn-orange{
display: block;
margin: 0 auto;
width: 70%;
text-align: center;
text-decoration: none;
color: #fff;
border-radius: 50px;
background: #ff9a20;
line-height: 50px;
font-size: 16px;
font-weight: bold;
transition: .3s;
box-shadow: 0 5px 0 0 #d36d00;
position: relative;
}
body .post .gachaBtn-orange:after{
content: '';
display: block;
border-top: solid 3px #fff;
border-right: solid 3px #fff;
width: 9px;
height: 9px;
transform: rotate(45deg);
position: absolute;
top: 0;
bottom: 0;
right: 22px;
margin: auto;
}
body .post .gachaBtn-orange:hover{
opacity: 0.6;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
body .post .gachaBtn-orange{
width: 100%;
font-size: 15px;
}
body .post .gachaBtn-orange:after{
right: 20px;
width: 8px;
height: 8px;
}
}

/*------------------------------------------------------------
おすすめ枠 checkマーク
-------------------------------------------------------------*/
.osusume-user_box_check{
box-shadow: 0 0 0 4px #00c892;
position: relative;
padding: 25px 20px;
border-radius: 10px;
margin: 30px auto 20px auto;
width: calc(100% - 8px);
box-sizing: border-box;
}
.osusume-user_box_check .midasi{
position: absolute;
width: 100%;
height: 40px;
left: 0;
top: -20px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px;
}
.osusume-user_box_check .midasi div{
background: #fff;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #009f74;
font-weight:bold;
}
#mainCenter div.osusume-user_box_check ul{
margin: 0;
}
#mainCenter .post div.osusume-user_box_check li{
position: relative;
padding: 0 0 0 30px;
margin-top: 0;
margin-bottom: 15px;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
}
.osusume-user_box_check li:before{
content: '';
display: block;
width: 22px;
height: 22px;
background:url(https://oripalette.jp/media/img/media/uploads/2025/02/2025y02m06d_1245322645.png) no-repeat center / contain;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
box-sizing: border-box;
}
#mainCenter .post .osusume-user_box_check li:last-of-type{
margin: 0;
}
.osusume-user_box_check li a img{
vertical-align: middle;
}
.osusume-user_box_check p:last-of-type{
margin-bottom:0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box_check{
padding: 20px 10px;
}
.osusume-user_box_check .midasi div{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
#main-contents .osusume-user_box_check li{
position: relative;
margin-top: 0;
font-size:14px;
line-height: 1.5!important;
font-weight:bold;
margin-bottom: 10px;
padding: 0 0 0 28px;
}
#main-contents .osusume-user_box_check li:last-of-type{
margin: 0;
}
.osusume-user_box_check li:before{
width: 20px;
height: 20px;
}
}

/*-------------------------------------------------------
アコーディオン（＋－）
-------------------------------------------------------*/
.accordion-pulus{
margin: 5px 0;
}
.accordion-pulus .acdp-check{
display: none;
}
.accordion-pulus .acdp-label{
border: 1px solid #d6d6d6;
color: #626262;
border-radius: 3px;
margin: 0 0 10px;
padding: 0 0 0 10px;
font-weight: bold;
height: 42px;
line-height: 40px;
text-align: left;
background: #fff;
cursor: pointer;
font-size: 14px;
display: block;
position: relative;
box-sizing: border-box;
box-shadow: 0 0 0 0 #c7c7c7;
position:relative;
}
.accordion-pulus .acdp-check:checked ~ .acdp-label{
border: 1px solid #d6d6d6;
background: #ffedf0;
margin: 0 0 0px!important;
box-shadow: none;
border-radius: 3px 3px 0 0;
color: #626262;
box-sizing: border-box;
}
.accordion-pulus .acdp-label:after{
content: "";
position: absolute;
bottom: -3px;
left: 0;
right: 0;
margin: auto;
width: 99%;
height: 1px;
border-bottom: 1px solid #d6d6d6;
border-left: 0px solid #d6d6d6;
border-right: 0px solid #d6d6d6;
}
.accordion-pulus .acdp-check:checked ~ .acdp-label:after{
display:none;
}
.accordion-pulus .acdp-label:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://oripalette.jp/media/img/media/uploads/2022/07/2022y07m06d_1247448178.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
}
.accordion-pulus .acdp-check:checked ~ .acdp-label:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://oripalette.jp/media/img/media/uploads/2022/07/2022y07m06d_1248035557.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
opacity:0.5;
}
.accordion-pulus .acdp-cont{
visibility: hidden;
height: 0;
opacity: 0;
box-sizing: border-box;
transition: 0.3s ;
}
.accordion-pulus .acdp-check:checked ~ .acdp-cont{
visibility: visible;
height: auto;
opacity: 1;
border-right: 1px solid #d6d6d6;
border-left: 1px solid #d6d6d6;
border-bottom: 1px solid #d6d6d6;
background: #FFF;
padding: 10px;
margin: 0 0 20px!important;
box-shadow: none;
border-radius: 0 0 3px 3px;
color: #333;
line-height: 1.7;
letter-spacing: 0.5px;
box-sizing: border-box;
font-size: 15px;
}
.accordion-pulus p:empty{
display: none;
}
.accordion-pulus > br{
display: none;
}
.accordion-pulus .acdp-cont p{
margin-bottom: 15px;
}
.accordion-pulus .acdp-cont > *:last-child{
margin-bottom: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.accordion-pulus .acdp-check:checked ~ .acdp-cont{
font-size: 14px;
}
}

/*------------------------------------------------------------
例文テンプレボックス
-------------------------------------------------------------*/
.reibun-tenpurebox{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-bottom: 20px;
padding-bottom: 10px;
}
.reibun-tenpurebox-cont{
-webkit-box-flex:0;
-ms-flex:0 0 330px;
flex:0 0 330px;
border: 0;
margin: 0 auto;
background: url(https://oripalette.jp/media/img/media/uploads/2022/07/2022y07m06d_1255239166.png) no-repeat center top / 330px;
padding: 70px 36px 36px;
box-sizing: border-box;
max-height: 660px;
overflow: hidden;
}
.reibun-tenpurebox-cont .midasi{
font-size: 14px;
font-weight: bold;
position: relative;
padding-left: 20px;
border-bottom: 4px solid #ffe8ec;
padding-bottom: 3px;
}
.reibun-tenpurebox-cont .midasi:before{
content: '';
display: block;
width: 14px;
height: 14px;
background: url(https://oripalette.jp/media/img/media/uploads/2022/07/2022y07m06d_1313457848.png) no-repeat center top / contain;
position: absolute;
left: 0;
top: 1px;
}
.reibun-tenpurebox-cont .b{
font-size: 14px;
font-weight: bold;
background: none;
}
.reibun-tenpurebox-cont p{
font-size: 14px;
line-height: 1.4;
}
.reibun-tenpurebox-cont p:last-child{
margin-bottom: 0;
}
.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont .midasi,.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont .b{
display: none;
}
.reibun-tenpurebox-cont ~ .reibun-tenpurebox-cont{
margin-left: 20px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.reibun-tenpurebox{
-webkit-overflow-scrolling: touch;
overflow-x: scroll;
}
.reibun-tenpurebox-cont{
-webkit-box-flex:0;
-ms-flex:0 0 calc(100vw - 20px);
flex:0 0 calc(100vw - 20px);
background: url(https://oripalette.jp/media/img/media/uploads/2022/07/2022y07m06d_1255239166.png) no-repeat center top / cover;
padding: 20vw 10vw 30px;
max-height: none;
}
.reibun-tenpurebox-cont .midasi{
font-size: 15px;
padding-left: 21px;
padding-bottom: 3px;
}
.reibun-tenpurebox-cont .midasi:before{
width: 16px;
height: 16px;
top: 1px;
}
.reibun-tenpurebox-cont .b{
font-size: 15px;
}
.reibun-tenpurebox-cont p{
font-size: 15px;
line-height: 1.4;
}
#main-contents .reibun-tenpurebox-cont p:last-child{
margin-bottom: 0;
}
}

@media only screen and (max-width : 376px){
#main-contents .reibun-tenpurebox-cont p{
margin-bottom: 16px;
}
}


/*------------------------------------------------------------
LINE風テンプレボックス
-------------------------------------------------------------*/
.line-message-box .reibun-tenpurebox-cont{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1446575645.png) no-repeat center top / 330px;
}
.line-message-box .reibun-tenpurebox-cont{
padding: 70px 28px 36px 56px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
}
.line-message-box .line-you,.line-message-box .line-me{
border-radius: 12px;
position: relative;
box-sizing: border-box;
max-width: 78%;
font-size: 11px;
padding: 8px 10px;
margin-bottom: 8px;
color: #121212;
display: inline-block;
}
.line-message-box .line-you{
background: #fff;
}
.line-message-box .line-me{
background: #6fe67a;
margin-left: auto;
margin-right: 0;
}
.line-message-box .line-you:before{
content: '';
display: block;
width: 24px;
height: 24px;
position: absolute;
left: -31px;
top: -6px;
border-radius: 50%;
}
.line-message-box.man .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1840198368.png) no-repeat center bottom / 22px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_184018959.png) no-repeat center bottom / 22px #fff;
}
.line-message-box .line-me:before{
content: '既読';
display: inline-block;
position: absolute;
left: -23px;
bottom: 8px;
font-size: 10px;
transform: scale(0.8);
color: #5a7093;
}
.line-message-box .line-you:after{
content: '';
display: block;
left: -4px;
height: 8px;
width: 9px;
top: 0px;
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1447026223.png) no-repeat center / contain;
position: absolute;
}
.line-message-box .line-me:after{
content: '';
display: block;
right: -4px;
height: 8px;
width: 9px;
top: 0px;
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1447017796.png) no-repeat center / contain;
position: absolute;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.line-message-box .reibun-tenpurebox-cont{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1446575645.png) no-repeat center top / cover;
}
.line-message-box .reibun-tenpurebox-cont{
padding: 20vw 8vw 30px 17vw;
}
#main-contents .line-message-box .line-you,#main-contents .line-message-box .line-me{
font-size: 14px;
padding: 8px 10px;
margin-bottom: 8px;
}
.line-message-box .line-you:before{
width: 34px;
height: 34px;
left: -43px;
}
.line-message-box.man .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1840198368.png) no-repeat center bottom / 32px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_184018959.png) no-repeat center bottom / 32px #fff;
}
.line-message-box .line-me:before{
transform: none;
left: -25px;
}
}

@media screen and (max-width : 428px){
.line-message-box .reibun-tenpurebox-cont{
padding: 20vw 8vw 30px 16vw;
}
.line-message-box .line-you:before{
width: 30px;
height: 30px;
left: -36px;
}
.line-message-box.man .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1840198368.png) no-repeat center bottom / 28px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_184018959.png) no-repeat center bottom / 28px #fff;
}
.line-message-box .line-me:before{
transform: scale(0.9);
left: -24px;
}
}

@media screen and (max-width : 390px){
#main-contents .line-message-box .line-you,#main-contents .line-message-box .line-me{
font-size: 13px;
}
.line-message-box .line-you:before{
width: 26px;
height: 26px;
left: -32px;
}
.line-message-box.man .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1840198368.png) no-repeat center bottom / 24px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_184018959.png) no-repeat center bottom / 24px #fff;
}
}

@media screen and (max-width : 375px){
#main-contents .line-message-box .line-you,#main-contents .line-message-box .line-me{
font-size: 12px;
}
.line-message-box .line-you:before {
width: 24px;
height: 24px;
left: -31px;
}
.line-message-box.man .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_1840198368.png) no-repeat center bottom / 22px #fff;
}
.line-message-box.woman .line-you:before{
background: url(https://oripalette.jp/media/img/media/uploads/2022/08/2022y08m10d_184018959.png) no-repeat center bottom / 22px #fff;
}
.line-message-box .line-me:before{
transform: scale(0.8);
left: -23px;
}
}


/*------------------------------------------------------------
LINE風テンプレボックス　背景全表示
-------------------------------------------------------------*/
.line-message-box.full-size .reibun-tenpurebox-cont{
height: 660px;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.line-message-box.full-size .reibun-tenpurebox-cont{
height: auto;
}
}
@media screen and (max-width : 428px){
.line-message-box.full-size .reibun-tenpurebox-cont{
height: calc((100vw - 14px) * 2);
}
}


/*--------------------------------------------------------
リストデザイン(3パターン)
--------------------------------------------------------*/
.post .list-normal,.post .list-no,.post .list-check{
border: 1px solid #e3eaec;
background:#f9f9f9;
border-radius:3px;
padding:10px!important;
margin:10px 0!important;
}
#main-contents .post .list-normal,#main-contents .post .list-no,#main-contents .post .list-check{
padding:10px!important;
margin:10px 0!important;
}
.post .list-normal li,.post .list-no li,.post .list-check li{
position:relative;
border-bottom: 1px dashed #dde4e6;
background:none;
padding:7px 0 15px 15px!important;
margin:8px 0!important;
font-weight:bold;
}
.post .list-normal li:first-child,.post .list-no li:first-child,.post .list-check li:first-child{
margin:0!important;
}
.post .list-normal li:last-child,.post .list-no li:last-child,.post .list-check li:last-child{
margin:8px 0 0!important;
border:0;
padding-bottom:7px!important;
}
.post .list-normal li:before{
content:"";
position:absolute;
background:#c7d0d2;
border:1px solid #acb6b9;
width:8px;
height:8px;
border-radius:50px;
top:0;
bottom:8px;
left:0;
margin:auto;
box-sizing:border-box;
}
.post .list-check li:before{
content:"";
position:absolute;
background:url(https://img.media.jp/media/uploads/2020/07/2020y07m14d_1650591956.png)no-repeat;
background-size:100%;
width:10px;
height:10px;
top:0;
bottom:8px;
left:0;
margin:auto;
box-sizing:border-box;
}
.post .list-no li{
padding:8px 0 16px 25px!important;
}
.post .list-no li:before{
content:"";
color:#FFF;
font-size:10px;
font-weight:bold;
line-height:18px;
transform:scale(0.99); 
position:absolute;
background:#acb6b9;
width:18px;
height:18px;
border-radius:50px;
top:0;
bottom:8px;
left:0;
margin:auto;
text-align:center;
box-sizing:border-box;
}
.post .list-no li:nth-of-type(1):before{content:"1";}
.post .list-no li:nth-of-type(2):before{content:"2";}
.post .list-no li:nth-of-type(3):before{content:"3";}
.post .list-no li:nth-of-type(4):before{content:"4";}
.post .list-no li:nth-of-type(5):before{content:"5";}
.post .list-no li:nth-of-type(6):before{content:"6";}
.post .list-no li:nth-of-type(7):before{content:"7";}
.post .list-no li:nth-of-type(8):before{content:"8";}
.post .list-no li:nth-of-type(9):before{content:"9";}
.post .list-no li:nth-of-type(10):before{content:"10";}
.post .list-no li:nth-of-type(11):before{content:"11";}
.post .list-no li:nth-of-type(12):before{content:"12";}
.post .list-no li:nth-of-type(13):before{content:"13";}
.post .list-no li:nth-of-type(14):before{content:"14";}
.post .list-no li:nth-of-type(15):before{content:"15";}
.post .list-no li:nth-of-type(16):before{content:"16";}
.post .list-no li:nth-of-type(17):before{content:"17";}
.post .list-no li:nth-of-type(18):before{content:"18";}
.post .list-no li:nth-of-type(19):before{content:"19";}
.post .list-no li:nth-of-type(20):before{content:"20";}
.post .list-no li:nth-of-type(21):before{content:"21";}
.post .list-no li:nth-of-type(22):before{content:"22";}
.post .list-no li:nth-of-type(23):before{content:"23";}
.post .list-no li:nth-of-type(24):before{content:"24";}
.post .list-no li:nth-of-type(25):before{content:"25";}
.post .list-no li:nth-of-type(26):before{content:"26";}
.post .list-no li:nth-of-type(27):before{content:"27";}
.post .list-no li:nth-of-type(28):before{content:"28";}
.post .list-no li:nth-of-type(29):before{content:"29";}
.post .list-no li:nth-of-type(30):before{content:"30";}
.post .list-normal li:last-child:before,.post .list-no li:last-child:before,.post .list-check li:last-child:before{
bottom:0px;
}
.b-red{background: linear-gradient(transparent 60%,#fff2b5 60%);font-weight: bold;}
/*--------------------------------------------------------------
DL詳細ボタン
-------------------------------------------------------------*/
a.btn-dl {
    padding: 10px 0 8px 0;
    width: 62%;
    display: block;
    align-items: center;
    background: #06c755;
    box-sizing: border-box;
    font-weight: bold;
    border-radius: 20px;
    box-shadow: 0 2px 0 0 #138743;
    font-size: 14px;
    line-height: 21px;
    margin: 0 auto;
    text-align: left;
    color: #FFF !important;
    text-align: center;
    text-decoration: none !important;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    a.btn-dl {
        width: 90%;
    }
}
a.btn-dl:before{
content:"";
width:12px;
height:12px;
background:url(https://img.media.jp/media/uploads/2021/05/2021y05m11d_2030241062.png)no-repeat center / 100% 100%;
display:inline-block;
margin:0 3px 0 0;
top:1px;
position:relative;
z-index:0;
}
a.btn-syousai{
padding:2px 5px 0 5px;
text-decoration:none;
width:100%;
display:block;
background:#536aa7;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #3e5694;
font-size:12px;
line-height:21px;
margin:0;
text-align:left;
color:#FFF!important;
text-align:center;
}
a.btn-syousai:before{
content:"";
width:11px;
height:11px;
background:url(https://img.media.jp/media/uploads/2021/05/2021y05m11d_2030234439.png)no-repeat center / 100% 100%;
display:inline-block;
margin:0 4px 0 0;
top:1px;
position:relative;
z-index:0;
}
a.btn-dl:hover,a.btn-syousai:hover{
opacity:0.6;    
}
a.btn-dl + a.btn-syousai{
margin:8px 0 0;
}

/*------------------------------------------------------------
会話文
-------------------------------------------------------------*/
p.talk-text{
color: #333;
font-weight: bold;
margin:0;
line-height: 2;
margin-right: 20px;
margin-left: -5px;
}
.talk-text + p.talk-text{
color: #333;
font-weight: bold;
margin:0;
line-height: 2;
margin-left: -5px;
margin-right: 20px;
}
.talk-text + p{
margin-top: 21px;
}
@media screen and (max-width: 767px){
.talk-text + p.talk-text{
margin-right: 0;
margin-left: -5px;
}
}
/*------------------------------------------------------------
引用タグ
-------------------------------------------------------------*/
blockquote{
background-color:#f1f1f1;
border-radius:10px;
padding:20px;
position:relative;
border:5px solid #fff;
margin-bottom: 12px;
}
blockquote p{
margin-bottom:0;
color:#555;
font-weight:normal;
}
blockquote:before{
content:"“";
font-size:60px;
height:40px;
width:40px;
line-height:60px;
padding-left:5px;
font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#fa0;
position:absolute;
background:#f1f1f1;
border-radius:50px;
left:-10px;
top:-10px;
}

blockquote + p + .lead{
padding-right: 5px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
blockquote{
padding:10px 10px;
}
blockquote p{
margin-bottom:0;
color:#555;
font-weight:normal;
font-size:11px;
}
blockquote:before{
content:"“";
font-size:40px;
height:25px;
width:25px;
line-height:40px;
padding-left:3px;
font-family:'Noto Sans JP', '游ゴシック Medium', '游ゴシック体', 'Yu Gothic Medium', YuGothic, 'ヒラギノ角ゴ ProN', 'Hiragino Kaku Gothic ProN', 'メイリオ', Meiryo, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
color:#fa0;
position:absolute;
background:#f1f1f1;
border-radius:50px;
left:-10px;
top:-10px;
}
}
/*------------------------
CVボタン
------------------------*/

.cta-link-box02{
margin:0 auto 30px auto;
background: #fcf0c7;
padding: 5px 25px;
width:440px;
}
.cta-link-box02 .ctaText02{
background:none;
padding-top:10px;
color:#cc0000;
}
.cta-link-box02 .ctaText02:after,
.cta-link-box02 .ctaText02:before{
border-color:#cc0000;
}
.cta-link-button02{
width: 90%;
font-size:110%;
display: block;
margin: 0 auto 20px auto;
padding: 13px;
border: 0;
background: #CC0066;
color: #FFF!important;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
border-radius: 4px;
box-shadow: 0px 5px #a60053;
position:relative;
line-height:1.5;
text-decoration:none!important;
}
.cta-link-button02:after{
content: '';
position: absolute;
right: -10px;
top: 0;
bottom: 0;
margin: auto;
width: 30px;
height: 30px;
color: #fff!important;
font-size: 20px;
display: block;
background: url(https://thisiswhoiam.jp/wp/wp-content/uploads/2020/03/icon_arrows.png) center no-repeat rgba(255,255,255,0);
background-size: 15px;
-webkit-animation-name: Arrows;
animation-name: Arrows;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
/*------------------------------------------------------------
おすすめユーザー
-------------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #00c892;
position: relative;
padding: 25px 20px;
border-radius:10px;
margin: 30px 0 20px 4px;
}
.osusume-user_box .midasi{
position: absolute;
width: 100%;
height: 100px;
left: 0;
top: -50px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: flex-start;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-left: 20px;
}
.osusume-user_box .midasi p{
background: #fdfdfd;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #9350fa;
font-weight:bold;
}
.osusume-user_box li{
position: relative;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size:14px;
font-weight:bold;
}
.osusume-user_box li:before{
content: '';
display: block;
width: 18px;
height: 18px;
background:#d7ffe2;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border:5px solid #86f590;
}
.osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box li a{
vertical-align: middle;
}
.osusume-user_box li a img{
vertical-align: middle;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box{
padding: 20px 10px;
}
.osusume-user_box .midasi p{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
.osusume-user_box li{
margin-bottom: 10px;
}
.osusume-user_box li:before{
width: 16px;
height: 16px;
}
.osusume-user_box li{
position: relative;
padding: 0 0 0 25px;
}
}

.osusume-user_box p:last-of-type{
margin-bottom:0!important;
}

/*------------------------------------------------------------
おすすめユーザー（ol）
-------------------------------------------------------------*/
.osusume-user_box ol li{
position: relative;
padding: 0 0 0 30px;
margin-bottom: 15px;
font-size:14px;
font-weight:bold;
}
.osusume-user_box ol li:before{
content: '1';
display: block;
text-align:center;
font-size:13px;
font-weight:bold;
width: 20px;
height: 20px;
line-height:22px;
background:#ff417c;
color:#FFF;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border:0px solid #feb4ca;
}
.osusume-user_box li:last-of-type{
margin: 0;
}
.osusume-user_box ol li:nth-of-type(2):before{
content: '2';
}
.osusume-user_box ol li:nth-of-type(3):before{
content: '3';
}
.osusume-user_box ol li:nth-of-type(4):before{
content: '4';
}
.osusume-user_box ol li:nth-of-type(5):before{
content: '5';
}
.osusume-user_box ol li:nth-of-type(6):before{
content: '6';
}
.osusume-user_box ol li:nth-of-type(7):before{
content: '7';
}
.osusume-user_box ol li:nth-of-type(8):before{
content: '8';
}
.osusume-user_box ol li:nth-of-type(9):before{
content: '9';
}
.osusume-user_box ol li:nth-of-type(10):before{
content: '10';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(11):before{
content: '11';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(12):before{
content: '12';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(13):before{
content: '13';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(14):before{
content: '14';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(15):before{
content: '15';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(16):before{
content: '16';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(17):before{
content: '17';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(18):before{
content: '18';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(19):before{
content: '19';
letter-spacing:-1px;
}
.osusume-user_box ol li:nth-of-type(20):before{
content: '20';
letter-spacing:-1px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-user_box ol li{
margin-bottom: 10px;
}
.osusume-user_box ol li:before{
width: 18px;
height: 18px;
line-height:20px;
}
.osusume-user_box ol li{
position: relative;
padding: 0 0 0 25px;
}
.cta-link-box02{
background: #fcf0c7;
padding: 10px 15px;
width:100%;
}
.osusume-user_box{
padding: 20px 10px;
}
}

.cta-link-box{
text-align: center;
}
.cta-link-box .ctaText{
position: relative;
font-size: 16px;
text-align: center;
color: #333;
font-weight: bold;
display: inline-block;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 66%, #fffec1 0%) repeat scroll 0 0;
background: rgba(0, 0, 0, 0) linear-gradient(transparent 66%, #fffec1 0%) repeat scroll 0 0;
padding: 0 0 2px;
}
.cta-link-box .ctaText:before {
content: "";
width: 16px;
height: 18px;
display: inline-block;
border-left: 3px solid #cc0000;
transform: rotate(-30deg);
}
.cta-link-box .ctaText:after {
border-right: 3px solid #cc0000;
transform: rotate(30deg);
content: "";
width: 16px;
height: 18px;
display: inline-block;
}
.cta-link-box .cta-link-button a{
width: 90%;
display: block;
margin: 12px auto 40px;
padding: 12px 60px 9px;
border-radius: 5px;
border: 0;
background:#ff3171;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
line-height:1.4;
box-shadow: 0px 3px 0px 0px #a92e55;
position: relative;
}
.cta-link-box .cta-link-button a:before{
content: "";
width: 50px;
height: 100%;
background: url(https://img.koesiru.jp/koesiru/uploads/2021/03/2021y03m03d_2103302326.png) no-repeat center / contain;
position: absolute;
left: 25px;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
}
body .cta-link-box02 .ctaText02 {
background: none;
padding-top: 10px;
color: #cc0000;
}
*,*:before,*:after {
box-sizing: border-box;
}
@keyframes Arrows{
0% {
opacity: 0;
transform: translate(-30px,0)
}
50% {
opacity: 1;
transform: translate(-10px,0)
}
to {
opacity: 0;
transform: translate(0,0)
}
}
@-webkit-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-moz-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-o-keyframes pulsate {
0% {
transform: scale(.1);
opacity: 0
}
50% {
opacity: 1
}
100% {
transform: scale(1.2);
opacity: 0
}
}
@-ms-keyframes pulsate {
0%,100% {
opacity: 0
}
0% {
transform: scale(.1)
}
50% {
opacity: 1
}
100% {
transform: scale(1.2)
}
}


/*-------------------------------------------------------
縦長アイキャッチ対応
-------------------------------------------------------*/
.contents .article > p:first-child{
background: #f1f1f1;
}
.contents .article > p:first-child .eyecatch-img{
width: auto;
height: 403px;
}
.widget-rank-wrap li .img img,.search-form_input .gs-web-image-box-landscape img.gs-image{
object-position: top;
}
.ninki-ranking dt{
width: 23%;
}
.ninki-ranking dd{
width: 75%;
}
.ninki-ranking.ninki-pageranking dt img{
height: 106px;
object-position: top;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.contents .article > p:first-child .eyecatch-img{
height: auto;
}
.widget-rank-wrap li .img img,.search-form_input .gs-web-image-box-landscape img.gs-image{
object-position: top;
}
.ninki-ranking.ninki-pageranking dt img{
height: 95px;
}
}

/*-------------------------------------------------------
iPhoneがたつき対策
-------------------------------------------------------*/
.table-scroll-fix{
overflow-y: hidden!important;
}

.midori{
background: #91aa00!important;
box-shadow: 0 6px 0 0 #7b8e00!important;
}
.dl-btn a{
font-size:22px!important;
}


/*------------------------------------------------------------
フロー
-------------------------------------------------------------*/
#mainCenter .post .flow-wrap .box{
padding: 0 0 20px 26px;
margin:0;
position: relative;
line-height: 1.5;
background: none;
border: 0;
}
#mainCenter .post .flow-wrap .box:last-of-type{
padding-bottom: 0;
}
.post .flow-wrap .box:before {
content: "";
display: block;
width: 15px;
height: 15px;
background: #ff79a0;
border: solid 3px #ffffff;
border-radius: 50%;
position: absolute;
top: 3px;
left: 3px;
box-shadow: 0 0 0 2px #ff79a0;
}
.post .flow-wrap .box:after {
content: "";
display: block;
height: calc(100% - 27px);
border-left: dotted 4px #e8b3c2;
position: absolute;
top: 24px;
left: 9px;
}
.post .flow-wrap .box:last-of-type:after{
display: none;
}
.flow-wrap .step{
color: #ff6894;
font-weight: bold;
}
.flow-wrap .step p{
color: #444;
}
.flow-wrap .step-midasi{
font-weight: bold;
font-size: 18px;
margin: 0 0 5px 0;
}
.flow-wrap p{
padding-bottom: 10px;
margin: 0;
font-weight:normal;
}
.flow-wrap p.step-text{
padding-bottom: 10px;
margin: 0;
font-weight:normal;
}
.flow-wrap p:last-of-type{
border-bottom: solid 2px #e5e5e5;
padding-bottom: 25px;
margin-bottom:10px;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
#main-contents .flow-wrap .box{
margin:0;
position: relative;
line-height: 1.5;
background: none;
border: 0;
padding: 0 0 16px 26px;
}
#main-contents .flow-wrap .box:last-of-type{
padding-bottom: 0;
}
#main-contents .flow-wrap .step-midasi{
font-size: 16px;
margin: 0;
}
#main-contents .flow-wrap .step-text{
padding-bottom: 8px;
}
#main-contents .flow-wrap p:last-of-type{
border-bottom: solid 2px #e5e5e5;
padding-bottom: 25px;
margin-bottom:10px;
}
}

/*-------------------------------------------------------
table-scroll-fixにzyuni-imgTable適用
-------------------------------------------------------*/
.table-scroll-fix.zyuni-imgTable td:first-child:before{
top: 0px;
width: 40px;
height: 40px;
right: auto;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.table-scroll-fix.zyuni-imgTable td:first-child:before{
width: 34px;
height: 34px;
}
}

/*-----------------------------------------------------
もっと見るボックス
-------------------------------------------------------*/
.mottomiru_box{
transition: all 0.6s;
overflow: hidden;
height: 1000px;
padding-top:0px;
position: relative;
margin-bottom: 40px;
}
.mottomiru_box.motto_open{
height: 100%!important;
transition: all 0.6s;
overflow: auto;
margin-bottom: 10px;
}
.motomiru_bt{
text-align: center;
position: absolute;
width: 100%;
height: 150px;
padding-top: 100px;
box-sizing: border-box;
bottom:0;
z-index:4;
background: #fff;
background: -moz-linear-gradient(top, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
background: -webkit-linear-gradient(top, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
background: linear-gradient(to bottom, rgb(255 255 255 / 30%) 0%, rgb(255 255 255 / 70%) 70%, rgb(255 255 255 / 90%) 100%);
}
.motomiru_bt div.mottotxt_bt{
padding: 0;
display: block;
border-radius: 5px;
margin: auto;
background:#fff;
color: #333;
border:1px solid #333;
font-weight: normal;
cursor: pointer;
width: 40%;
border-radius: 6px;
height: 40px;
line-height: 40px;
}
.motomiru_bt div.mottotxt_bt div{
position: relative;
font-size: 16px;
}
.motomiru_bt div.mottotxt_bt div:after{
content: '＋';
background: #ff7192;
border-radius: 50%;
width: 20px;
height: 20px;
line-height: 20px;
display: inline-block;
text-align: center;
position: absolute;
right: 12px;
bottom: 0;
top: 0;
margin: auto;
color: #fff;
font-size: 14px;
}
.mottomiru_box.motto_open .motomiru_bt{
display: none;
}
.mottomiru_box .app-hyouka-rbox .new-h-rank:before{
left: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.motomiru_bt div.mottotxt_bt{
width: 60%;
}
.motomiru_bt div.mottotxt_bt div{
font-size: 15px;
}
.mottomiru_box{
margin-bottom:40px;
margin-top:0px;
padding-top:0px;
}
.mottomiru_box .app-hyouka-rbox .new-h-rank div h2{
padding-top:50px;
margin-top:-50px;
}
}

/*------------------------------------------------------------
新規見出しデザイン(ピンク)
-------------------------------------------------------------*/
body #mainCenter .pink-heading {
position: relative;
margin: 0 0 20px;
}
body #mainCenter .pink-heading:after {
display: block;
content: '';
width: 34px;
height: 34px;
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_184247659.png") no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
right: 0;  
}
body #mainCenter .pink-heading__contents {
display: flex;
flex-flow: wrap;
background: #FFE6EE;
border-top: solid 2px #FFB3CB;
border-bottom: solid 2px #FFB3CB;
padding: 11px 17px 11px 17px;
position: relative;
}
body #mainCenter .pink-heading__contents.no-1:before,
body #mainCenter .pink-heading__contents.no-2:before,
body #mainCenter .pink-heading__contents.no-3:before,
body #mainCenter .pink-heading__contents.no-4:before,
body #mainCenter .pink-heading__contents.no-5:before,
body #mainCenter .pink-heading__contents.no-6:before,
body #mainCenter .pink-heading__contents.no-7:before,
body #mainCenter .pink-heading__contents.no-8:before,
body #mainCenter .pink-heading__contents.no-9:before,
body #mainCenter .pink-heading__contents.no-10:before,
body #mainCenter .pink-heading__contents.no-11:before,
body #mainCenter .pink-heading__contents.no-12:before,
body #mainCenter .pink-heading__contents.no-13:before,
body #mainCenter .pink-heading__contents.no-14:before,
body #mainCenter .pink-heading__contents.no-15:before,
body #mainCenter .pink-heading__contents.no-16:before,
body #mainCenter .pink-heading__contents.no-17:before,
body #mainCenter .pink-heading__contents.no-18:before,
body #mainCenter .pink-heading__contents.no-19:before,
body #mainCenter .pink-heading__contents.no-20:before,
body #mainCenter .pink-heading__contents.no-21:before,
body #mainCenter .pink-heading__contents.no-22:before,
body #mainCenter .pink-heading__contents.no-23:before,
body #mainCenter .pink-heading__contents.no-24:before,
body #mainCenter .pink-heading__contents.no-25:before {
display: block;
content: '';
width: 48px;
height: 58px;
margin-right: 10px;
margin-top: -15px;
z-index: 1;  
}
body #mainCenter .pink-heading__contents.no-1:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1843327119.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-2:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1844230541.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-3:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_184450802.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-4:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1845295791.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-5:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1845557182.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-6:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1846332585.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-7:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1847116399.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-8:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1847456621.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-9:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1848184544.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-10:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1848482117.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-11:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1849125761.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-12:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1849438523.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-13:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1850293651.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-14:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1853235756.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-15:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_185352271.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-16:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1854241068.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-17:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1855200716.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-18:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1855464106.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-19:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1856307675.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-20:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1857064441.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-21:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_185751235.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-22:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1903006742.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-23:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1903279623.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-24:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_190356268.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents.no-25:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1904295552.png") no-repeat;
background-size: contain;
}
body #mainCenter .pink-heading__contents > h2,
body #mainCenter .pink-heading__contents > h3 {
width: calc(100% - 58px);
display: flex;
flex-flow: column; 
background: initial;
color: #444;
font-size: 19px;
text-align: left;  
padding: 0;
margin: 0 0 0px;
border-left: none;
border-bottom: none;
line-height: 2;
position: static;
}
body #mainCenter .pink-heading__contents > h3:before{
display: none;
}
.pink-heading__ttl {
font-size: 19px;
font-weight: 700;
line-height: 1.2;
}
.pink-heading__sub {
font-size: 15px;
font-weight: 700;
color: #E67E9F;
line-height: 1.2;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px) {
body #main-contents .pink-heading {
position: relative;
margin: 0 0 20px;
}
body #main-contents .pink-heading:after {
display: block;
content: '';
width: 26px;
height: 26px;
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_184247659.png") no-repeat;
background-size: contain;
position: absolute;
bottom: 0;
right: 0;  
}
body #main-contents .pink-heading__contents {
display: flex;
flex-flow: wrap;
background: #FFE6EE;
border-top: solid 2px #FFB3CB;
border-bottom: solid 2px #FFB3CB;
padding: 10px 10px 10px 10px;
position: relative;
}
body #main-contents .pink-heading__contents.no-1:before,
body #main-contents .pink-heading__contents.no-2:before,
body #main-contents .pink-heading__contents.no-3:before,
body #main-contents .pink-heading__contents.no-4:before,
body #main-contents .pink-heading__contents.no-5:before,
body #main-contents .pink-heading__contents.no-6:before,
body #main-contents .pink-heading__contents.no-7:before,
body #main-contents .pink-heading__contents.no-8:before,
body #main-contents .pink-heading__contents.no-9:before,
body #main-contents .pink-heading__contents.no-10:before,
body #main-contents .pink-heading__contents.no-11:before,
body #main-contents .pink-heading__contents.no-12:before,
body #main-contents .pink-heading__contents.no-13:before,
body #main-contents .pink-heading__contents.no-14:before,
body #main-contents .pink-heading__contents.no-15:before,
body #main-contents .pink-heading__contents.no-16:before,
body #main-contents .pink-heading__contents.no-17:before,
body #main-contents .pink-heading__contents.no-18:before,
body #main-contents .pink-heading__contents.no-19:before,
body #main-contents .pink-heading__contents.no-20:before,
body #main-contents .pink-heading__contents.no-21:before,
body #main-contents .pink-heading__contents.no-22:before,
body #main-contents .pink-heading__contents.no-23:before,
body #main-contents .pink-heading__contents.no-24:before,
body #main-contents .pink-heading__contents.no-25:before {
display: block;
content: '';
width: 48px;
height: 58px;
margin-right: 10px;
margin-top: -14px;
z-index: 1;  
}
body #main-contents .pink-heading__contents.no-1:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1843327119.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-2:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1844230541.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-3:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_184450802.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-4:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1845295791.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-5:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1845557182.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-6:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1846332585.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-7:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1847116399.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-8:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1847456621.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-9:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1848184544.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-10:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1848482117.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-11:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1849125761.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-12:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1849438523.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-13:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1850293651.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-14:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1853235756.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-15:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_185352271.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-16:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1854241068.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-17:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1855200716.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-18:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1855464106.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-19:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1856307675.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-20:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1857064441.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-21:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_185751235.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-22:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1903006742.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-23:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1903279623.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-24:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_190356268.png") no-repeat;
background-size: contain;
}
body #main-contents .pink-heading__contents.no-25:before {  
background: url("https://oripalette.jp/media/img/media/uploads/2023/07/2023y07m20d_1904295552.png") no-repeat;
background-size: contain;
}  
body #main-contents .pink-heading__contents > h2,
body #main-contents .pink-heading__contents > h3 {
width: calc(100% - 58px);
display: flex;
flex-flow: column; 
background: initial!important;
color: #444!important;
font-size: 19px!important;
text-align: left!important;  
padding: 0!important;
margin: 0 0 0px!important;
border-left: none!important;
border-bottom: none!important;
line-height: 2;
position: static;
}
body #main-contents .pink-heading__contents > h3:before{
display: none;
}
.pink-heading__ttl {
font-size: 17px;
margin-bottom: 4px;
}
.pink-heading__sub {
font-size: 13px;
}
}


/*------------------------------------------------------------
スクロールするけどヒント無し用
-------------------------------------------------------------*/

table.scroll-hint-none div.scroll-hint-icon-wrap {
display: none;
}

/*------------------------------------------------------------
通勤/在宅のアイコン
-------------------------------------------------------------*/
span.tsukin-icon, span.zaitaku-icon {
display: inline-block;
color: #fff;
padding: 1px 5px;
border-radius: 4px;
}

span.tsukin-icon {
background: #00a11b;
}

span.zaitaku-icon {
background: #b79800;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px) {
span.tsukin-icon, span.zaitaku-icon {
padding: 1px 5px 3px;
}
}


/*------------------------------------------------------------
出典
-------------------------------------------------------------*/
p.small-source {
text-align: right;
font-size: 8px;
}
table + p.small-source { /* テーブル直下のみ余白縮める */
margin-top: -20px;
}
/*------------------------------------------------------------
TOP調整
-------------------------------------------------------------*/
.widget-rank-wrap.member-box-in ul li {
background: initial;
margin: 5px 5px 10px;
}
.widget-rank-wrap.member-box-in ul li img {
width: 50px;
height: 50px;
}
.widget-rank-wrap.member-box-in ul li a {
display: block;
padding: 0;
}
.widget-rank-wrap.member-box-in ul li span {
font-size: 12px;
}
.widget-officerank_area ul li:hover {
opacity: 0.7;
}
.widget-officerank_area ul li {
font-size: 13px;
color: #f779ac;
font-weight: bold;
padding: 4px;
border-bottom: 1px dotted #f0b1bc;
position: relative;
}
.widget-officerank_area ul li:after {
position: absolute;
content: '';
width: 8px;
height: 8px;
border: 0;
border-top: solid 1px #acacac;
border-right: solid 1px #acacac;
top: 38%;
right: 11px;
margin-top: -4px;
transform: rotate(45deg);
}
#sidebar-12 h3 {
font-size: 17px;
}
div#sidebar-13 {
display:none;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px) {
#sidebar-12 h3 {
font-size: 15px;
}
div#sidebar-13 {
display:block
}
.widget-officerank_area ul li{
font-size: 14px;
font-weight: initial;
padding: 4px;
}
}

/*------------------------------------------------------------
lineカラーCVボタン変更
-------------------------------------------------------------*/

#mainCenter .table-type2 .btn-wrap a.btn-dl-line{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 74%;
padding:10px 0px 10px 0!important;
text-decoration: none;
display: flex;
align-items:center;
justify-content:center;
background: #06c755;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 5px 0 0 #138743;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
a.btn-dl-line:before{
content:"";
width:35px;
height:35px;
background:url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m19d_1351469922.png)no-repeat center / 100% 100%;
display:inline-block;
margin:0 10px 0 0;
position:relative;
z-index:0;
}
a.btn-dl-line:after{
content: '';
position: absolute;
right:0px;
top: 0;
bottom: 0;
margin: auto;
width: 25px;
height: 20px;
color: #fff!important;
display: block;
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m19d_1805528881.png) center no-repeat rgba(255,255,255,0);
background-size: 12px;
-webkit-animation-name: Arrows;
animation-name: Arrows;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .table-type2 .btn-wrap a.btn-dl-line{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 100%;
margin-top: 4px;
padding:10px 15px 10px 0!important;
text-decoration: none;
display: flex;
align-items:center;
justify-content:center;
background: #38c04f;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 5px 0 0 #1ca332;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
a.btn-dl-line:after{
content: '';
position: absolute;
right:-5px;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 15px;
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m19d_1805528881.png) center no-repeat rgba(255,255,255,0);
background-size: 10px;
}
}
#mainCenter .table-type2 .btn-wrap a{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 74%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
background: #38c04f;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 5px 0 0 #1ca332;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
#mainCenter .table-type2 .btn-wrap a:after{
content: '';
position: absolute;
right:0px;
top: 0;
bottom: 0;
margin: auto;
width: 25px;
height: 20px;
color: #fff!important;
display: block;
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m19d_1805528881.png) center no-repeat rgba(255,255,255,0);
background-size: 12px;
-webkit-animation-name: Arrows;
animation-name: Arrows;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
a.btn-dl:before{
display:none;
}
#mainCenter .table-type2 .btn-wrap a{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 74%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
background: #38c04f;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 5px 0 0 #1ca332;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
#mainCenter .table-type2 .btn-wrap a:after{
content: '';
position: absolute;
right:0px;
top: 0;
bottom: 0;
margin: auto;
width: 25px;
height: 20px;
color: #fff!important;
display: block;
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m19d_1805528881.png) center no-repeat rgba(255,255,255,0);
background-size: 12px;
-webkit-animation-name: Arrows;
animation-name: Arrows;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
a.btn-dl:before{
display:none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#main-contents .table-type2 .btn-wrap a{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 100%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
background: #38c04f;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 5px 0 0 #1ca332;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
#main-contents .table-type2 .btn-wrap a:after{
content: '';
position: absolute;
right:-5px;
top: 0;
bottom: 0;
margin: auto;
width: 20px;
height: 15px;
background: url(https://oripalette.jp/media/img/media/uploads/2023/09/2023y09m19d_1805528881.png) center no-repeat rgba(255,255,255,0);
background-size: 10px;
-webkit-animation-name: Arrows;
animation-name: Arrows;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-timing-function: ease;
animation-timing-function: ease;
-webkit-animation-iteration-count: infinite;
animation-iteration-count: infinite;
}
}

/*目次上*/
.table-type2 .btn-wrap a.btn_ctatable.btn_mokuji {
    background: #36b84c!important;
    box-shadow: 0 5px 0 0 #028117 !important;
}
/*-------------------------------------------------------
オーバーレイバナー
-------------------------------------------------------*/
.cv-over-bt{display:none;}
.cv-over-bt br{display:none}
.cv-over-bt p:empty{display: none;}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.cv-over-bt{
position:fixed;
bottom:0;
text-align: right;
z-index: calc(infinity);
font-size: 0;
left: 0;
-webkit-transform:none;
transform:none;
display:block;
}
.cv-over-bt input {
display:none;
}
.cv-over-bt label:before {
content:'';
background:url(https://img.match-apps.jp/media/uploads/2022/09/2022y09m08d_1910108587.png) no-repeat center / 11px rgb(255 255 255 / 95%);
display: inline-block;
border-radius:50px;
height: 23px;
width: 23px;
position:relative;
bottom:0px;
right:5px;
box-shadow:1px 1px 2px 1px rgb(115 115 115 / 40%);
cursor:pointer;
z-index:1;
}
.cv-over-bt input:checked ~ label:before{
display:none;
}
.cv-over-bt input:checked ~ .cv-over-in {
opacity:0;
transition:0.8s;
display:none;
}
.cv-over-bt .cv-over-in a{
text-decoration: none;
}
.cv-over-bt .cv-over-in img{
margin: 0;
max-width: 100%;
width: 100%;
}
}


/*---PRロゴ設置CSS---*/
.post-meta02{
position: relative;
}
.pr-icon {
position: absolute;
right: 0;
top: 50%;
transform: translate(0, -50%);
background: #ccc;
color: #fff;
font-size: 12px;
padding: 3px 6px;
border-radius: 50px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.pr-icon{
font-size: 11px;
padding: 2px 5px;
}
}

/*---ランキングh2見出し調整---*/
.pink-heading .pink-heading__contents h2{
box-shadow:none !important;
}

/*---監修者---*/
img.editorlist_img {
width: 100%;
}
.widget-editor-wrap ul {
margin-bottom: 16px;
}
.widget-editor-wrap ul li {
display: flex;
align-items: center;
}
.widget-editor-wrap ul li img {
display: inline;
width: 45px;
height: 45px;
object-fit: cover;
object-position: center;
border-radius: 50%;
border: solid 1px #c4c4c4;
margin-right: 5px;
}
.widget-editor-wrap ul li .text-wrap {
    display: flex;
    flex-direction: column;
    margin-bottom: 5px;
}
.widget-editor-wrap ul li p {
display: inline-block;
font-size: 11px;
border-image:linear-gradient(to right, #af81f4 0, #e5e0e1 100%) 1 / 0 0 2px 0;
border-style: solid;
line-height: 1.1;
margin-bottom: 5px;
}
.widget-editor-wrap ul li p.name {
font-weight: 800;
}
.widget-editor-wrap ul li p.text {
color: #777;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-box-orient: vertical;
font-size: 11px;
line-height: 1.4;
border-image: initial;
border-style: none!important;
display: block!important;
}
.widget-editor-wrap a {
font-size: 12px;
margin: 0 auto!important;
border-radius: 28px;
font-weight: 800;
float: right;
}
.widget-editor-wrap a:hover{
color:#3492cf;
opacity:0.7;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.widget-editor-wrap ul li img {   
width: 50px;
height: 50px;
margin-right: 8px;
}
#main-contents .widget-editor-wrap ul li p {
font-size: 12px;
margin-bottom:0;
}
#main-contents .widget-editor-wrap ul li p.name {
    font-size: 14px;
    margin-bottom: 5px;
}
}

/*---サイドバー事務所ランキング---*/
.widget-region_area dl.list-area {
display: flex;
flex-wrap: wrap;
}
.widget-region_area dl.list-area dt {
width: 100%;
font-size: 15px;
color: #444;
font-weight: bold;
/*---border-bottom: dotted 1px #ff6894;---*/
line-height: 20px;
}
.widget-region_area .list-area dd {
margin-right: 15px !important;
font-size: 15px;
margin-top: 0px !important;
margin-bottom: 1px !important;
}
.widget-region_area .list-area dd a {
}


/*---スマホ/PC切り替え---*/

.sp-display {
display: none !important;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.sp-display {
display: block !important;
}
}

.pc-display {
display: block !important;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.pc-display {
display: none !important;
}
}
/*PC表示の場合埋め込みを中央寄せに-20231005追加*/
.twitter-tweet {
display: block!important;
margin: 0 auto !important;
width: 550px !important;
margin-bottom: 20px !important;
}
.twitter-tweet iframe {
width:550px!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.twitter-tweet {
display:flex!important;
width: 100% !important;
}
}
/*TOPページ左カラム_地域別のおすすめチャトレ事務所*/
ul.city-list {
width: 100%;
display: flex;
flex-wrap: wrap;
flex-direction: row;
margin: 0!important;
justify-content: flex-start;
margin-bottom: 25px!important;
}
li.city-list-title {
width: 32%!important;
border: solid 2px #efe5df;
border-radius: 10px;
padding: 14px 6px;
margin: 4px!important;
}
.city-list-area-name {
font-weight: 800;
color: #70524b;
margin-bottom: 7px;
padding-bottom: 2px;
border-bottom: solid 6px #f0e7e1b3;
}
ul.city-list-items {
display: flex;
align-items: center;
flex-wrap: wrap;
justify-content: flex-start;
margin: 0!important;
}
ul.city-list-items li {
display: block;
padding: 5px;
width: 33%;
font-size: 14px;
line-height: 1em!important;
margin: 0!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
ul.city-list{
justify-content: space-around;
}
.city-list-area-name{
line-height: 1!important;
padding-bottom: 0px;
}
li.city-list-title{
width:48%!important;
margin: 0 0 10px 0!important;
}
ul.city-list-items li{
width: 50%;
padding: 5px;
font-size: 14px;
}
}
/*-------------------------------------------------------
ショートコード用　目次ボタン TOPボタン
-------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
body #main-contents .footer-navi-wrap.short-cord {
position: fixed;
bottom: 85px;
width: initial;
left: initial!important;
right: 10px!important;
opacity: 0.8;
display: -webkit-box;
display: -ms-flexbox;
display: flex;}
.footer-navi-wrap.short-cord ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
#main-contents .footer-navi-wrap.short-cord li{
display: block;
background: #000000;
font-size: 10px;
border-radius: 50px;
margin: 0 5px;
width: 55px;
height: 55px;
line-height: 75px;
text-align: center;
color: #FFF;
position: relative;
}
body .footer-navi-wrap.short-cord li a{
line-height: 38px;
box-sizing: border-box;
color: #FFF;
display: block;
width: 100%;
height: 100%;
padding: 20px 0 0;
text-decoration: none;
letter-spacing: 2px;
padding-left: 2px;
}
#main-contents .footer-navi-wrap.short-cord li.f-navi-ptop{
display:none;
} 
}
/*--改行不具合解消--*/
.table-type2 + br, .cv-over-bt +br{
    display: none!important;
}
#main-contents .contents.clearfix{
margin-bottom: 0!important;
}
.i4ewOd-pzNkMb-haAclf {
display: none!important;
}

/* =============================================
PCサイド追尾CTA
============================================= */
.pc_followingCTA {
  width: auto;
  background: none;
  margin: 8px 0 0;
  border-radius: 0;
  box-shadow: 0 0 0 5px #f7798e6b;
  padding: 8px 0 5px;
  background: #fff;
    display: flex;
  transition: opacity 1s;
    flex-direction: column;
    align-items: center;
  }
  .pc_followingCTA_ttl {
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    margin-bottom: 0px;
    font-size: 15px;
display: inline-block;
    background: linear-gradient(transparent 60%, #fff4d2 60%);
}
span.logo-wrap_text {
  font-weight: bold;
  color: #de4c4c;
  font-size: 13px;
}
  .pc_followingCTA .logo-wrap {
  text-align: center;
  }
  .pc_followingCTA .logo-wrap img {
    width: 100%;
height:auto;
    margin: 0 auto;
  }
  body div.pc_followingCTA p {
    padding: 0;
    font-size: 13px;
    margin-bottom: 0px;
    color: initial;
    line-height: 1.4em;
  }
  .pc_followingCTA .btn-wrap {
  background: #fffeec;
    padding: 5px 0px 12px 0px;
  margin-top: 5px;
    text-align: center;
  }
  .pc_followingCTA .btn-wrap .mc {
  display: block;
  margin: 0 auto 4px;
  color: #de4c4c;
  font-size: 12px;
  font-weight: bold;
  position: relative;
  margin-bottom: 0;
    line-height: 1.2em;
}
  a.pc_followingCTA_button {
    text-decoration: none;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button {
  display: block;
    width: 230px;
  margin: 0 auto;
  background: #2ccd4f;
  border-radius: 10px;
  color: #fff;
  text-align: center;
  font-size: 17px;
  font-weight: bold;
  padding: 10px 0 9px;
  box-shadow: #10912c 0px 4px 0px 0px;
  }
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button:hover {
    box-shadow: #10912c 0px 2px 0px 0px;
    opacity: initial;
}
.pc_followingCTA .btn-wrap a.pc_followingCTA_button:active {
  box-shadow: none;
}
  .pc_followingCTA .btn-wrap a.pc_followingCTA_button span {
  display: block;
  width: max-content;
  margin: 0 auto 5px;
  background: #f9ed02;
  border-radius: 30px;
  padding: 4px 16px 3px;
  color: #dc2c25;
  font-size: 13px;
  line-height: 1;
  }
  .pc_followingCTA.sticky {
    position: fixed;
    top: 75px;
    width: 245px;
}
.pc_followingCTA_ttl span {
  background: linear-gradient(transparent 60%, #d2ffd2 60%);
}
/*-------------------------------------------------------
ここから移植修正用（爆モテにも要転載）
-------------------------------------------------------*/
/*--口コミボックス修正--*/
blockquote.bq_kuchikomi {
    background: #fff;
    padding: 0;
}
blockquote.bq_kuchikomi:before {
    content: none;
}

#mainCenter .post ul li.comeBoxW span.b-red {
    color: inherit;
    display: inline-block;
    margin: 0;
    width: auto;
}


/*-------------------------------------------------------
ここまで移植修正用（爆モテにも要転載）
-------------------------------------------------------*/


/*------------------------------------------------------------
レクタングルバナー非表示
-------------------------------------------------------------*/
#topInner-box a.banner-rectangle {
    display: none;
}

div#banner-rectangle_none a.banner-rectangle {
    display: none;
}

.pink-heading a.banner-rectangle {
    display: none;
}

/*------------------------------------------------------------
運営会社用
-------------------------------------------------------------*/

.company-overview .company-media .cop-company-medialist {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.company-overview .company-media .cop-company-medialist dl {
    text-align: center;
    width: 31%;
    margin: 0 2% 20px 0;
    background: #FFF;
    box-sizing: border-box;
    border: 1px solid #ebebeb;
}

.company-overview .company-media .cop-company-medialist dl dt {
    position: relative;
}

.company-overview .company-media .cop-company-medialist dt a {
    display: block;
    font-size: 13px;
    line-height: 1.5;
}

.company-overview .company-media .cop-company-medialist dl dt img {
    width: 80%;
    display: block !important;
    margin: auto;
}

.company-overview .company-media .cop-company-medialist dl dd {
    padding: 10px 14px 10px;
    text-align: left;
    background: #f4f4f4;
    margin: 10px;
    border-radius: 8px;
    min-height: 110px;
    line-height: 1.5;
    font-size: 13px;
}

.company-jyusyou .sd-message-01 p:last-of-type {
    background: #34a1cf;
    height: 125px;
    box-sizing: border-box;
    line-height: 1.6;
    padding: 10px;
    color: #FFF;
    font-size: 13px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.company-overview .company-media .cop-company-medialist dl {
    width: 100%;
}

.company-overview .company-media .cop-company-medialist dl dd {
    margin: 10px !important;
}
}


/*------------------------------------------------------------
東証ロゴ用
-------------------------------------------------------------*/
.tosyo-logo {
    display: flex;
    align-items: center;
    float: left;
    margin-right: 100px;
}
.tosyo-logo img {
    width: 60px;
}
.tosyo-logo p {
    margin-left: 10px;
    color: #fff;
    width: 205px;
    line-height: 1.3;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.tosyo-logo {
    float: none;
    justify-content: center;
    margin-bottom: 25px;
    margin-right: 0;
}
}

/*------------------------------------------------------------
新ボタンデザイン
-------------------------------------------------------------*/
.gachaBtnWrap.button_rainbow {
    background: none !important;
}
.gachaBtnWrap.button_rainbow a {
    height: 62px!important;
    cursor: pointer!important;
    color: #fff!important;
    font-size: 17px!important;
    border-radius: 1rem!important;
    border: none!important;
    position: relative!important;
    background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,94,247,1) 17.8%, rgba(2,245,255,1) 100.2% )!important;
    transition: 0.1s!important;
    line-height: 1.2 !important;
    box-shadow: none !important;
    align-content: center;
}
.gachaBtnWrap.button_rainbow a:before{
content: "";
display: inline-block;
width: 100%;
height: 100%;
background-image: radial-gradient(circle farthest-corner at 10% 20%, rgba(255, 94, 247, 1) 17.8%, rgba(2, 245, 255, 1) 100.2%);
filter: blur(15px);
z-index: -1;
position: absolute;
left: 0;
top: 0;
}
.gachaBtnWrap.button_rainbow a:hover, .gachaBtnWrap.button_rainbow a:active  {
    opacity: 0.8;
}
.gachaBtnWrap.button_rainbow a:active {
transform: scale(0.9) rotate(3deg)!important;
background: radial-gradient( circle farthest-corner at 10% 20%,  rgba(255,94,247,1) 17.8%, rgba(2,245,255,1) 100.2% )!important;
transition: 0.5s!important;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.gachaBtnWrap.button_rainbow {
    width: 80%;
}
}

/*B*/
a.gachaBtn.gradient {
  height:auto!important;
  border-radius: 50px!important;
  background-image:linear-gradient(135deg, #ff9ac0 0%, #fb3a83 100%) !important;
  box-shadow:0 20px 30px -6px rgb(238 97 150 / 50%) !important;
  cursor: pointer;
  font-size: 17px;
    line-height: 20px !important;
  color: white!important;
    align-content: center;
  transition: all 0.3s ease-in-out;
    width: 74% !important;
    padding: 15px !important;
}
a.gachaBtn.gradient:hover {
  transform: translateY(3px)!important;
  box-shadow: none!important;
}
a.gachaBtn.gradient:active {
  opacity: 0.5!important;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
a.gachaBtn.gradient  {
    width:90%!important;
        padding: 20px 5px 20px 5px !important;
        line-height: 23px !important;
}
}
/*C*/
main#main-lower .gachaBtnWrap.blur p {
padding: 0px !important;
margin:0!important;
}
.gachaBtnWrap.blur {
 position: relative!important;
  padding: 3px!important;
  background: linear-gradient(90deg, #03a9f4, #f441a5)!important;
  border-radius:0.8em!important;
  transition: all 0.4s ease!important;
  width: max-content;
  margin: 0 auto;
  box-shadow: 0px 0px 8px #868686;
}
.gachaBtnWrap.blur a{
  font-size:17px!important;
  padding: 0.6em 0.8em!important;
  border-radius: 0.5em!important;
    background-color: #ffffff !important;
    color: #565052 !important;
  cursor: pointer!important;
  box-shadow: none!important;
align-content: center!important;
    width: 255px;
}
.gachaBtnWrap.blur a::before {
  content: "";
  position: absolute;
  inset: 0;
  margin: auto;
  border-radius: 0.9em;
  z-index: -10;
  filter: blur(0);
  transition: filter 0.4s ease;
}
.gachaBtnWrap.blur a:hover{
opacity: 1;
}
.gachaBtnWrap.blur a:hover::before {
  background: linear-gradient(90deg, #03a9f4, #f441a5);
  filter: blur(1.2em);
}
.gachaBtnWrap.blur a::before {
  filter: blur(0.2em);
}

/*------------------------------------------------------------
ボタンアニメーション
-------------------------------------------------------------*/

/*上下にふわふわ浮く*/
.anime_fuwafuwa {
    animation: fuwafuwa 2s linear infinite;
    scale: 1;
}
@keyframes fuwafuwa{
 0%{transform:translateY(0)}
 50%{transform:translateY(-10px)}
 100%{transform:translateY(0)}
}


/*左右にゆらゆら揺れる*/
.anime_yurayura{
  animation: yurayura 2s linear infinite;
  scale: 1;
}
@keyframes yurayura{
	0%  {transform:rotate(0deg);}
	25% {transform:rotate(-2deg);}
	50% {transform:rotate(0deg);}
	75% {transform:rotate(2deg);}
	100% {transform:rotate(0deg);}
}

/*キラーンと光る*/
.gachaBtnWrap.anime_kira a,
.gachaBtn.gradient.anime_kira{
  overflow: hidden;
}
.gachaBtnWrap.anime_kira a:after,
.gachaBtn.gradient.anime_kira:after{
    position: absolute;
    content: '';
    display: inline-block;
    top: -180px;
    left: 0;
    width: 30px;
    height: 100%;
    background-color: #fbfbfb;
    animation: kiran 2.5s ease-in-out infinite;
}
@-webkit-keyframes kiran {
    0% { -webkit-transform: scale(0) rotate(45deg); opacity: 0; }
    80% { -webkit-transform: scale(0) rotate(45deg); opacity: 0.5; }
    81% { -webkit-transform: scale(4) rotate(45deg); opacity: 1; }
    100% { -webkit-transform: scale(50) rotate(45deg); opacity: 0; }
}

/*もわもわ光る*/
.gachaBtnWrap.anime_mowa a,
.gachaBtn.gradient.anime_mowa {
  -webkit-animation: glow-reverse 1s ease-in-out infinite alternate;
          animation: glow-reverse 1s ease-in-out infinite alternate;
}
.gachaBtnWrap.anime_mowa a:after,
.gachaBtn.gradient.anime_mowa:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: -1;
  background: inherit;
-webkit-box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgba(255, 255, 255, 0.5) inset;
    box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgba(255, 255, 255, 0.5) inset;
  -webkit-animation: glow 2s ease-in-out infinite alternate;
        animation: glow 2s ease-in-out infinite alternate;
}
.gachaBtnWrap.button_rainbow.anime_mowa a:after{
    border-radius: 1rem !important;
}
.gradient.anime_mowa:after{
    box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgb(238 97 150 / 50%) inset;
    border-radius: 50px!important;
}
.gachaBtnWrap.blur.anime_mowa a:after{
    box-shadow: 0 0 1.3em #ffffff, 0 0 0.5em rgb(238 97 150 / 50%) inset;
    border-radius:0.5em!important;
}
@-webkit-keyframes glow {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes glow {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@-webkit-keyframes glow-reverse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}
@keyframes glow-reverse {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.8;
  }
  100% {
    opacity: 1;
  }
}


/*------------------------------------------------------------
指差し用
-------------------------------------------------------------*/
a.r-arrow:after {
    content: "";
    background: url(https://oripalette.jp/media/img/media/uploads/2024/11/2024y11m22d_130543541.png) no-repeat center / 100% 100%;
    width: 35px;
    height: 35px;
    position: absolute;
    top: 29px;
    left: 10px;
    animation: icon_rotate 0.64s linear infinite alternate;
}
@keyframes icon_rotate {
 0% {
 transform: rotate(15deg);
}
 100% {
 transform: rotate(55deg);
}
}

/*------------------------------------------------------------
引越しまとめ移植用
-------------------------------------------------------------*/
.graybox {
    width: calc(100% - 100px);
    background-color: #fff;
    font-size: 14px;
    line-height: 1.5;
    border: solid 2px #d6c6ef;
    border-radius: 10px;
    padding: 16px 24px;
    margin: 0 auto 24px;
}

@media screen and (max-width: 780px) {
    .graybox {
        width: 100%;
        padding: 16px;
        margin: 0 auto 16px !important;
    }
}

.otf-wrap {
    padding: 0px;
    box-sizing: border-box;
}
.otf-wrap .otf-midashi {
    background: #d6c6ef;
    display: inline-block;
    width: auto;
    text-align: center;
    margin: 0;
    padding: 5px 10px;
    border-radius: 5px 5px 0 0;
    font-size: 14px;
    border: none;
    font-weight: bold;
    margin-bottom: -1px !important;
}
ol.otf-wrap__contents, ul.otf-wrap__contents {
    background: #fff;
    border: 2px solid #d6c6ef;
    padding: 10px 10px 10px 28px !important;
    border-radius: 0 4px;
    width: 92%;
    margin-top: 0px !important;
}
ul.otf-wrap__contents {
    margin: 0;
}
@media screen and (max-width: 780px) {
    .otf-wrap {
        width: 100%;
    }
    .otf-wrap p {
        padding: 5px !important;
}
    ul.otf-wrap__contents {
        margin: 0 !important;
        width: auto !important;
        padding: 5px 5px 5px 17px !important;
}
}

/*------------------------------------------------------------
オリパレットコラム用
------------------------------------------------------------*/

.toposusume {
    background: #00c892;
    padding-top: 30px;
    padding-bottom: 40px;
    margin-bottom: 30px;
    padding-left: 153px;
    padding-right: 153px;
}
.toposusume_title {
    text-align: center;
    font-size: 23px;
    color: #ffffff;
    font-weight: bold;
    position: relative;
    display: block;
    margin-bottom: 10px;
}

.toposusume_title:before, .toposusume_title:after {
    content: '';
    position: absolute;
    top: 40%;
    display: inline-block;
    width: 38%;
    height: 5px;
    border-top: solid 2px #ffffff;
    border-bottom: solid 1px #ffffff;
}

.toposusume_title:before {
    left: 0;
}
.toposusume_title:after {
    right: 0;
}

.toposusume_wrap {
    display: flex;
    justify-content: space-between;
}

.toposusume_content {
    background: #fff;
    width: calc(100% / 3 - 16px);
    border: 6px double #C72E00;
}

.toposusume_content_img {
    text-align: center;
}

.toposusume_content_img img {
    max-width: 100%;
    margin: 0 auto;
}
p.toposusume_content_txt {
    padding: 4px;
    margin-top: -8px;
    line-height: 1.7em;
    color: #000;
}


@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.toposusume {
    padding-left: 5px;
    padding-right: 5px;
}
.toposusume_title {
    line-height: 1.3em;
}
.toposusume_title:before, .toposusume_title:after {
    width: 20%;
}
.toposusume_wrap {
    flex-wrap: wrap;
    margin-top: 15px;
}
.toposusume_content {
    width: calc(100% / 2 - 2px);
    border: 4px double #C72E00;
    margin-bottom: 10px;    
}
p.toposusume_content_txt {
    font-size: 14px;
    overflow: hidden;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    display: -webkit-box;
    margin-bottom: 0px !important;
}
}


/*------------------------------------------------------------
オリパレットcolumn用
------------------------------------------------------------*/
body #mainCenter h2 {
    background-size: 100%;
    background-color: #f05656;
    line-height: normal;
    color: #fff;
    font-size: 19px;
    margin: 0 0 20px;
    text-align: left;
    padding: 13px 0 13px 18px;
    font-weight: bold;
    line-height: normal;
    border-bottom: solid 3px #c20000;
/*    border-top-left-radius: 20px; */
/*    border-top-right-radius: 20px; */
}


body #top-main #article-list h2,
body #top-main #app-kuchikomi-list h2,
body #top-main #o-ranking-list h2,
body #top-main #cl-office-list h2 {
    background-size: 100%;
    font-size: 22px;
    padding: 10px 0 5px 15px;
    margin: 0 0 20px;
    font-weight: bold;
    line-height: 1.4;
}

body .toposusume_content {
    background: #fff;
    width: calc(100% / 3 - 16px);
    margin: 0 10px;
    position: relative;
    background-color: #fff;
    border: 1px solid #e0e0e0;
    border-radius: 10px;
    cursor: pointer;
    padding: 20px;
    box-shadow: 2px 4px 10px rgba(0, 0, 0, .3);
}

body .toposusume {
    background: #ffffff;
}

body .toposusume_title:before,
body .toposusume_title:after {
    content: none;
}

body .toposusume_title {
    color: #2f2a2a;
}

body #mainRight {
    border-left: 5px solid #fff6c2;
    border-right: 5px solid #fff6c2;
}

body #mainRight .search-form_inputXX form input[type=text] {
    border: 1px solid #f7d40a;
}

body #mainRight .search-form_inputXX form input[type=submit] {
    border: 1px solid #f7d40a;
    background: #f7d40a;
}

body .toposusume_content_img {
    border-radius: 10px;
}

body .toposusume_content_img img {
    border-radius: 10px;
}

body #footer {
    background: #353e59 !important;
}

body .copyright {
    background: #353e59;
    color: #fff;
}

body .widget-rank-wrap li .img:before {
    background: url(https://oripaguide.jp/img/oripaguide/uploads/2025/05/2025y05m28d_1444089666.png) no-repeat center / contain;
}

body .top_categorylist a:before {
    background-color: #f7d40a;
}

body .nvi-search-box {
    display: none !important;
}

.oripalette_fv {
    text-align: center;
    margin-bottom: 25px;
}

.oripalette_fv img {
    display: block;
    margin: 0 auto 10px;
    border-radius: 10px;
    width: 695px;
}

a.oripalette_btn {
    padding: 5px 20px;
    border-radius: 50px;
    border: 2px solid #111;
    width: 695px;
    display: block;
    color: #111;
    font-weight: bold;
    box-shadow: 0 1px 0 #111;
    margin: 0 auto;
}

/*------------------------------------------------------------
オリパレットcolumn用（スマホ）
------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
body .toposusume_content {
    width: 100%;
    margin: 0 10px 20px;
 }

body #top-main #article-list h2,
body #top-main #app-kuchikomi-list h2,
body #top-main #o-ranking-list h2,
body #top-main #cl-office-list h2 {
    background-color: #f05656;
    border-top-left-radius: 20px;
    border-top-right-radius: 20px;
    width: 95%;
    margin: 0 auto 20px;
}
body .widget-conts h3:after {
        border-bottom: 4px solid #fff1a0;
}
.oripalette_fv {
    width: 95%;
    margin: 10px auto 0;
}
.oripalette_fv img {
    width: 100%;
}
a.oripalette_btn {
    font-size: 14px;
    width: 100%;
}
}

/*-------------------------------------------------------
コピーボタン
-------------------------------------------------------*/
.txt-copy-area .copy-btn{
background: #e9e9e9;
color: #2188e0;
border-radius: 30px;
border: 0;
display: inline-block;
padding: 6px 13px;
font-size: 16px;
margin-left: 8px;
cursor: pointer;
line-height: 1;
vertical-align: middle;
}
.txt-copy-area br{
display: none;
}
.txt-copy-area .copy-txt{
border: 1px solid #bfbfbf;
border-radius: 4px;
padding: 0px 6px;
color: #333;
background: #fff;
min-width: 212px;
max-width: 70%;
white-space: nowrap;
overflow: hidden;
display: inline-block;
box-sizing: border-box;
font-size: 16px;
vertical-align: middle;
}
.txtcopy_done:before{
content: 'コピーしました';
display: block;
width: 200px;
height: 100px;
line-height: 100px;
position: fixed;
left: 0;
top: 0;
bottom: 0;
right: 0;
margin: auto;
background: rgba(0,0,0,0.5);
color: #fff;
text-align: center;
font-size: 16px;
z-index: 9999;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.txt-copy-area{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.txt-copy-area .copy-txt{
border: 1px solid #bfbfbf;
border-radius: 4px;
padding: 0px 6px;
color: #333;
background: #fff;
min-width: auto;
max-width: none;
display: inline-block;
box-sizing: border-box;
font-size: 16px;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.txt-copy-area .copy-btn{
margin-left: 6px;
}
}

@media screen and (max-width : 415px){
.txt-copy-area .copy-btn{
font-size: 15px;
}
}

@media screen and (max-width : 361px){
.txt-copy-area .copy-txt{
font-size: 14px;
}
.txt-copy-area .copy-btn{
font-size: 14px;
}
}

/*-------------------------------------------------------
コピーボタン　table内
-------------------------------------------------------*/
table .txt-copy-area{
margin: 3px 0;
}
table .txt-copy-area:first-child{
margin-top: 0;
}
table .txt-copy-area:last-child{
margin-bottom: 0;
}
table .txt-copy-area .copy-txt{
max-width: 180px;
min-width: auto;
font-size: 14px;
}
table .txt-copy-area .copy-btn{
padding: 5px 10px;
font-size: 13px;
margin-left: 7px;
cursor: pointer;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
table .txt-copy-area{
display: block;
}
table .txt-copy-area .copy-txt{
max-width: 130px;
}
table .txt-copy-area .copy-btn {
padding: 5px 8px;
font-size: 13px;
margin-left: 7px;
}
}

@media screen and (max-width : 391px){
table .txt-copy-area .copy-txt{
max-width: 122px;
}
}

@media screen and (max-width : 361px){
table .txt-copy-area .copy-txt {
max-width: 120px;
}
table .txt-copy-area .copy-btn{
font-size: 12px;
margin-left: 6px;
}
}

/*-------------------------------------------------------
コピーボタン
-------------------------------------------------------*/
.service-recommend__info-btn.btn_green {
background: #ef1e6c;
box-shadow: 0px 4px #9a2649;
border-radius: 25px !important;
position: relative;
display: flex !important;
align-items: center;
flex-direction: row;
justify-content: center;
margin-bottom: .9em;
font-size: 14px;
line-height: 1;
text-align: center;
text-decoration: none !important;
color: #FFF !important;
font-weight: 700;
padding: 10px 0;
}
.service-recommend__info-btn.btn_green:hover{
opacity:0.9;
transition: 800ms;
}
.service-recommend__info-btn.btn_green:after {
display: inline-block;
content: "\f105";
font-family: 'FontAwesome';
position: absolute;
font-size: 24px;
top: 20%;
right: 17px;
}

/*-------------------------------------------------------
flow-wrap2
-------------------------------------------------------*/
ul.flow-wrap.flow-wrap2 {
    counter-reset: step;
}
.post .flow-wrap.flow-wrap2 .box:after {
content:none!important;
}
ul.flow-wrap.flow-wrap2 li.box:before {
    border: none;
    border-left: 1px dashed #EC6E83!important;
    content: "";
    display: block;
    height: 100%;
    left: 23px !important;
    position: absolute;
    top: 0;
    box-shadow: none !important;
    background: none !important;
    border-radius: initial !important;
}
ul.flow-wrap.flow-wrap2 li.box {
    padding: 0 0 20px !important;
}
ul.flow-wrap.flow-wrap2 .step_head {
    display: flex;
}
ul.flow-wrap.flow-wrap2 .step_head .step {
    display: flex;
    background: #EC6E83;
    border-radius: 50%;
    color: #fff;
    height: 48px;
    margin-right: 16px;
    position: relative;
    width: 48px;
    flex-direction: column;
    justify-content: center;
    line-height: 1;
    align-items: center;
    flex-shrink: 0;
    font-weight: initial;
    font-size: 10px;
}
ul.flow-wrap.flow-wrap2 .step_head .step:after {
    content: counter(step);
    counter-increment: step;
    display: block;
    font-size: 20px;
    margin-top: 3px;
}
.flow-wrap.flow-wrap2 .step_head .step-midasi {
    font-size: 1.05em !important;
    font-weight: 700;
    line-height: 1.6 !important;
    margin: 0 !important;
    align-self: center;
}
ul.flow-wrap.flow-wrap2 .step_text {
    margin-left: 64px;
    margin-top: 1em;
}
ul.flow-wrap.flow-wrap2 .step_text p.step-text {
    border: 0;
    padding: 0;
    line-height: 2;
}
ul.flow-wrap.flow-wrap2 .step_text p.step-text:last-of-type {
    margin: 0;
}
#mainCenter .post .flow-wrap .box:last-of-type {
    padding-bottom: 0 !important;
}
#mainCenter .post .flow-wrap .box:last-of-type:before {
content:none!important;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
ul.flow-wrap.flow-wrap2 .step_head .step {
    height: 36px;
    margin-right: 12px;
    width: 36px;
}
ul.flow-wrap.flow-wrap2 li.box:before {
    left: 17px !important;
}
ul.flow-wrap.flow-wrap2 .step_head .step span {
    transform: scale(.75);
}
ul.flow-wrap.flow-wrap2 .step_head .step:after {
    font-size: 16px;
    margin-top: -1px;
}
ul.flow-wrap.flow-wrap2 .step_text {
    margin-left: 48px;
}
#main-contents .flow-wrap2 p:last-of-type,ul.flow-wrap.flow-wrap2 li.box:last-of-type:before {
    border: none !important;
}
#main-contents .flow-wrap2 p:last-of-type {
    padding: 0 !important;
    margin: 0 !important;
}
}