@charset "UTF-8";

h2,h3{
font-weight:bold!important;
}
.article p a{
color: #448acb;
}
.article a{
color: #39f;
}
tbody .align-top {
  width: 20%
}
html { scroll-behavior: smooth;}
/*------------------------------------------------------------
下層ヘッダー
-------------------------------------------------------------*/
header#lower-header{
padding: 20px 0;
box-sizing: border-box;
width:1000px;
margin: 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
width:60%;
}
.header-h1{
font-size: 12px;
margin-left:20px;
width:100%;
}
#lower-header form{
border-radius: 4px;
margin-left: auto;
}
#search-form-box{
border: 0;
padding: 5px;
background: none;
width: 320px;
line-height: 26px;
}
#lower-header form .css-button{
border: none;
background: #2d2d2d;
display: inline-block;
padding: 0 30px;
line-height: 24px;
color: #fff;
font-size: 12px;
cursor: pointer;
margin-right: 10px;
border-radius: 30px;
}
/*  topform　*/
header#lower-header form{
width:44%;
margin:auto;
display:block;
position: relative;
right:0;
}
header#lower-header form input:focus {
background: #ffffff!important;
}
header#lower-header #search-form-box {
border:1px solid #FFF;
padding: 8px 100px 8px 10px;
background: none;
width:100%;
line-height: 26px;
background: #ccc;
border-radius: 5px;
outline: none;
border:2px solid #ccc;
}
header#lower-header #search-form-box:focus{
border:2px solid #ccc;
}
header#lower-header .css-button {
border: none;
background: #2d2d2d;
display: inline-block;
padding: 0 30px;
line-height: 30px;
color: #fff;
font-size: 14px;
cursor: pointer;
position:absolute;
right:-38px;
top:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
/*------------------------------------------------------------
パンくず
-------------------------------------------------------------*/
#breadcrumbs{
background: #303030;
line-height: 30px;
margin-bottom: 30px;
}
#breadcrumbs ol{
width:1000px;
padding-left:20px;
margin: 0 auto;
}
#breadcrumbs li{
display: inline-block;
font-size: 11px;
color: #8c8c8c;
}
#breadcrumbs li a span{
color: #FFF;
}
#breadcrumbs li span{
color: #8c8c8c;
}

#breadcrumbs li:after{
content:'>';
display: inline-block;
margin: 0 5px;
}
#breadcrumbs li:last-of-type:after{
display: none;
}
/*------------------------------------------------------------
下層メイン
-------------------------------------------------------------*/
.kasou-cont-wrap{
box-sizing: border-box;
width:1000px;
margin: 0 auto 200px;
display: -webkit-flex;
display: flex;
}
main#main-lower{
width: 680px;
margin-right: 20px;
}
main#main-lower h2 {
background: #222;
color: #FFF;
padding: 18px 20px 15px;
margin: 20px 0;
font-size: 18px;
line-height: 1.4;
}
main#main-lower h2 .comment-page-title{
color:#ccc;
margin-left:5px;
font-size:14px;
}
main#main-lower p{
line-height:1.7;
margin:0 0 23px;
letter-spacing:0.5px;
font-size: 15px;
}
main#main-lower p.lead {
font-size: 11px;
color: #999;
margin:5px 0 23px;
}
main#main-lower table + p{
margin:23px 0;
}
main#main-lower ul + p,main#main-lower ol + p,main#main-lower dl + p{
margin-top:23px!important;
}
main#main-lower p.mg-none{
margin:0!important;
}
main#main-lower h3 + p{
margin-top:0px;
}
main#main-lower .hyoukaRnk-title dd p{
background: none;
padding: 0;
margin: 0;
font-size: 22px;
color: #066493;
font-weight: bold;
text-align:left;
}
main#main-lower p.error_msg{
line-height:normal;
font-size:14px;
font-weight:bold;
color:#ff3636;
margin:10px 0;
}
.kasou-cont-wrap main#main-lower h1{
font-size: 26px;
margin-bottom:20px;
font-weight: bold;
line-height:1.4;
}
.post .article > ul,.post .article > ol{
margin: 0 0 23px;
}
.post-meta{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 6px;
}
main#main-lower .post-meta p.post-data{
margin:0;
}
main#main-lower .post-data time{
font-size: 14px;
color: #c4c4c4;
}
.post-tag{
color: #fff;
font-size: 12px;
display: inline-block;
position: relative;
padding: 0 20px;
margin:0 10px;
background: #c4c4c4;
line-height: 26px;
text-align:center;
box-sizing:border-box;
}
.post-tag:before,.post-tag:after{
content: '';
position: absolute;
top: 0;
width: 0;
height: 0;
border: 13px solid transparent;
border-right: 14px solid transparent;
border-left: 14px solid transparent;
}
.post-tag:before {
right: 100%;
border-right-color: #c4c4c4;
}
.post-tag:after {
left: 100%;
border-left-color:  #c4c4c4;
}
.post-tag span{
color: #fff;
}
.post-data{
width:35%;
}
.snsBox.share-box{
margin-left: auto;
display:flex;
justify-content:flex-end
}
.snsBox{
margin-left: auto;
}
.snsBox li{
display: inline-block;
margin-left: 10px;
}
.snsBox li img{
width: 30px;
}
/*--?U??--*/
.mokuji{
background: #f7f7f7;
border: 2px solid #ebebeb;
border-radius: 5px;
padding: 15px 20px;
margin:20px 0 10px;
}
main#main-lower p.mokujititle{
font-weight: bold;
font-size: 16px;
position: relative;
padding:0 0 0 20px;
line-height:normal;
margin:0 0 10px;
}
main#main-lower p.mokujititle + ul{
padding-top:10px;
}
main#main-lower p.mokujiTitle + ul{
padding-top:10px;
}
.mokujititle:before{
content:'';
display: inline-block;
background: url(https://koesiru.jp/img/common/icon/icon-mokuji.png) no-repeat 0 center / contain;
width: 14px;
height: 14px;
position: absolute;
left: 0;
bottom: 4px;
margin: auto;
vertical-align:middle;
}
.mokuji ul{
border-top:1px solid #ddd;
padding-top:10px;
}
.mokuji li{
margin-bottom:10px;
font-size:14px;
}
.mokuji li:last-of-type{
margin-bottom:0px;
}

.mokuji li a{
position: relative;
padding-left: 20px;
color: #666;
line-height:1.6;
}
.mokuji li a:before{
content:'';
width: 12px;
height: 30px;
position: absolute;
top:2px;
bottom: 0;
left:0;
margin: auto;
background: url(https://koesiru.jp/img/common/icon/icon-yajishita.png) no-repeat center;
background-size: 100%;
margin-right: 10px;
}


/*--rank-box--*/

.rank-box{
padding:2px;
border-radius:5px;
background:#f2f2f2;
margin-bottom:10px;
position:relative;
}
.rank-box:after {
content: "";
bottom: 3px;
right: 3px;
border-top: 0.9em solid transparent;
border-right: 0.9em solid #e1e1e1;position: absolute;
z-index: 100;
}

.rank-box-in{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
padding:10px;
border:3px solid #e1e1e1;
background:#FFF;
border-radius:5px;
box-sizing:border-box;
position:relative;
}
.rank-box-in::before{
content: "";
top:-3px;
left:-3px;
border-left: 3em solid #555;
border-bottom: 3em solid transparent;
position: absolute;
z-index: 100;
}
.rank-box-in.no-1::before {
border-left: 3em solid #fa0;
}
.rank-box-in.no-2::before {
border-left: 3em solid #1ca3c8;
}
.rank-box-in.no-3::before {
border-left: 3em solid #803300;
}
.rank-box-in.no-4::before,.rank-box-in.no-5::before.rank-box-in.no-6::before,.rank-box-in.no-7::before,.rank-box-in.no-8::before,.rank-box-in.no-9::before,.rank-box-in.no-10::before,.rank-box-in.no-11::before,.rank-box-in.no-12::before,.rank-box-in.no-13::before,.rank-box-in.no-14::before,.rank-box-in.no-15::before,.rank-box-in.no-16::before,.rank-box-in.no-17::before,.rank-box-in.no-18::before,.rank-box-in.no-19::before,.rank-box-in.no-20::before,.rank-box-in.no-21::before,.rank-box-in.no-22::before,.rank-box-in.no-23::before,.rank-box-in.no-24::before,.rank-box-in.no-25::before,.rank-box-in.no-26::before,.rank-box-in.no-27::before,.rank-box-in.no-28::before,.rank-box-in.no-29::before,.rank-box-in.no-30::before,.rank-box-in::before{
border-left: 3em solid #555;
}
/*
.rank-box-in.no-6::after,.rank-box-in.no-7::after,.rank-box-in.no-8::after,.rank-box-in.no-9::after,.rank-box-in.no-10::after,.rank-box-in.no-11::after,.rank-box-in.no-12::after,.rank-box-in.no-13::after,.rank-box-in.no-14::after,.rank-box-in.no-15::after,.rank-box-in.no-16::after,.rank-box-in.no-17::after,.rank-box-in.no-18::after,.rank-box-in.no-19::after,.rank-box-in.no-20::after,.rank-box-in.no-21::after,.rank-box-in.no-22::after,.rank-box-in.no-23::after,.rank-box-in.no-24::after,.rank-box-in.no-25::after,.rank-box-in.no-26::after,.rank-box-in.no-27::after,.rank-box-in.no-28::after,.rank-box-in.no-29::after,.rank-box-in.no-30::after{
content: "";
display: block;
top: 5px;
color: #fff;
left: 5px;
position: absolute;
z-index: 101;
}
*/
.kutikomi-lank {
counter-reset: counter_rank 0;
}
.rank-box-in:after {
counter-increment: counter_rank 1;
content: counter(counter_rank) " ";
display: block;
top: 5px;
color: #fff;
left: 2px;
position: absolute;
z-index: 101;
}
.rank-box-in.no-1::after,.rank-box-in.no-2::after,.rank-box-in.no-3::after,.rank-box-in.no-4::after,.rank-box-in.no-5::after,.rank-box-in.no-6::after,.rank-box-in.no-7::after,.rank-box-in.no-8::after,.rank-box-in.no-9::after{
left: 5px;
}
.rank-box-l {
width:30%;
}
.rank-box-l .icon-wrap img{
width: 120px;
display: block;
margin: 0 auto 5px;
}
.rank-box-l .btn-wrap{
text-align: center;
margin-top:20px;
}
.rank-box-l .btn-wrap a{
display: inline-block;
font-size: 14px;
width: 80px;
line-height: 24px;
border-radius: 30px;
color: #fff;
margin: 0 2px;
}
.rank-box-l .icon-wrap{
display: block;
text-align: center;
margin: 0 auto;
color:#066493;
margin-bottom: 10px;
font-size: 13px;
}
.rank-box-l .syousai{background: #2d2d2d;}
.rank-box-l .dl{background: #ff3171;}

.rank-box-r {
width:70%;
}

.rank-box-r .hyouban-wrap dt{
display: inline-block;
width: 15%;
text-align: center;
font-weight: bold;
margin-right: 16px;
}
.rank-box-r .hyouban-wrap{
display: -webkit-flex;
display: flex;
align-items: center;
}
.rank-box-r .hyouban-wrap{
background:#fff9e3;
padding:10px;
margin-bottom:10px;
}
.rank-box-r .hyouban-wrap dt{
font-size:20px;
}
.rank-box-r .hyouban-wrap dd{
display: -webkit-flex;
display: flex;
align-items: center;
}
.rank-box-r .hyouban-wrap dd img{
width:150px;
}
.rank-box-r .hyouban-wrap dd span{
font-size:34px;
font-weight:bold;
margin-left:10px;
}

.rank-box-r .kutikomi-wrap{
display: -webkit-flex;
display: flex;
align-items: center;
padding-bottom: 15px;
margin-bottom: 15px;
border-bottom: 1px dashed #ccc;
}
.rank-box-r .kutikomi-wrap dt{
display: inline-block;
width: 20%;
text-align: center;
font-weight: bold;
margin-right:5px;
}
.rank-box-r .kutikomi-wrap dd{
padding:0 5px;
font-weight: bold;
position:relative;
z-index:1;
}
/*.rank-box-r .kutikomi-wrap dd:before{
content:"";
position:absolute;
bottom:-1px;
left:-1px;
z-index:-1;
height:6px;
width: calc(100% + 4px);
background:#ececec;
}*/
.rank-box-r .kutikomi-wrap dd a{
color: #1c83d8;
text-decoration: underline;
}
main#main-lower .good  h3 {
background:none;
padding:0px;
margin:0px 0 5px;
border-radius: 6px;
font-size: 14px;
font-weight:bold;
}
.good{
margin-bottom: 10px;
}
.good  h3{
color: #ff78af;
}
main#main-lower .bad  h3{
background: none;
padding: 0px;
margin: 0px 0 5px;
border-radius: 6px;
font-size: 14px;
}
.bad  h3{
color: #004f76;
}
.good h3 img,.bad h3 img{
width: 14px;
vertical-align: middle;
margin-right: 4px;
margin-top: -3px;
}
main#main-lower .good dl,main#main-lower .bad dl{
position: relative;
padding: 10px;
border: 2px solid #ccc;
font-size: 14px;
border-radius: 3px;
}
main#main-lower .good dt,main#main-lower .bad dt{
position:relative;
width:95%;
}
main#main-lower .good p{
padding: 0px;
margin: 0px 0 5px;
border-radius: 6px;
font-size: 14px;
font-weight:bold;
color: #ff78af;
}
main#main-lower .bad p{
padding: 0px;
margin: 0px 0 5px;
border-radius: 6px;
font-size: 14px;
font-weight:bold;
color: #004f76;
}
main#main-lower .good p > a,main#main-lower .bad p > a{
color: #066493;
padding:2px 10px 3px;
display:inline-block;
background:#e9f9ff;
border-radius:3px;
border-bottom:1px solid #daecf2;
box-sizing:border-box;
}
main#main-lower .good p img,main#main-lower .bad p img{
width:16px;
vertical-align:middle;
margin-right:5px;
}
.good dt:after,.bad dt:after{
content:'';
background:url(https://koesiru.jp/img/common/icon/icon-yajishita.png) no-repeat;
background-size:100% auto;
position: absolute;
width:10px;
height:10px;
top:50%;
right:-25px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.good dd,.bad dd{
margin-top:10px;
padding-top:10px;
border-top: 1px solid #ececec;
display:none;
}


/*--app-syourai-wrap--*/

.app-syourai-wrap .hyouban-wrap{
border:1px solid #ccc;
border-radius: 5px 5px 0 0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.app-syourai-wrap .kutikomi-wrap{
border:1px solid #ccc;
border-top:0;
border-radius:0 0 5px 5px;
margin-bottom: 20px;
padding:0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.app-syourai-wrap .hyouban-wrap dt,.app-syourai-wrap .kutikomi-wrap dt{
background: #939393;
width: 120px;
line-height: 48px;
color:#fff;
font-size: 20px;
text-align:center;
font-weight:bold;
}
.app-syourai-wrap .hyouban-wrap dd{
vertical-align:middle;
display: -webkit-flex;
display: flex;
align-items: center;
padding:0 10px;
}
.app-syourai-wrap .hyouban-wrap dd img{
width:150px;
vertical-align:middle;
}
.app-syourai-wrap .kutikomi-wrap dd{
padding-left:10px;
}
.app-syourai-wrap .kutikomi-wrap .nam{
font-size: 24px;
line-height:30px;
height:30px;
background:#303030;
padding:0 20px;
margin-right:5px;
border-radius:50px;
font-weight:bold;
color:#FFF;
}
.app-syourai-wrap .hyouban-wrap .nam{
font-size: 34px;
margin-left:10px;
font-weight:bold;
}

.morebtn{
text-align: center;
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;
margin: 20px auto 0;
padding: 0px 10px;
width: 88%;
height: 48px;
background: #066493;
line-height: 1.3;
font-size: 18px;
font-weight: bold;
color: #fff;
border-radius: 30px;
}
.app-syourai-wrap img.radarChart{
width:50%;
margin:0 auto 20px;
display:block;
}
main#main-lower .app-syourai-wrap .hyouka-box .hyouka-good dt{
display: -webkit-flex;
display: flex;
align-items: center;
}
main#main-lower .app-syourai-wrap .hyouka-box .hyouka-good dt div:first-of-type{
font-size: 14px;
font-weight: bold;
color: #ff92be;
white-space: nowrap;
}
main#main-lower .app-syourai-wrap .hyouka-box .hyouka-bad dt{
display: -webkit-flex;
display: flex;
align-items: center;
}
main#main-lower .app-syourai-wrap .hyouka-box .hyouka-bad dt div:first-of-type{
font-size: 14px;
font-weight: bold;
color: #4e6275;
white-space: nowrap;
}
main#main-lower .app-syourai-wrap .hyouka-box .hyouka-box-name dd p{
font-size:12px;
color:#555;
padding:0;
margin:0px;
}
.app-syourai-wrap .hyouka-box .hyouka-box-name dd .hyouka-hoshi{
margin-top:0px;
font-size:18px;
font-weight:bold;
}
/*------------------------------------------------------------
サイドメニュー
-------------------------------------------------------------*/
aside{
width: 300px;
margin-left:20px;
}
.category-wrap{
margin-bottom: 40px;
}
aside h3{
text-align: center;
font-size: 24px;
position: relative;
font-size: 20px;
margin: 0 0 22px;
}
aside h3:after{
left: 0;
right: 0;
bottom: -20px;
margin: auto;
display: block;
font-size: 16px;
font-weight: normal;
color: #ccc;
position: absolute;
}
aside h3 .kakko{
display: none;
}
.category-wrap h3:after{
content:'category';
}
.category-wrap ul{
border: 1px solid #ccc;
border-radius: 5px;
padding: 20px;
margin-top:40px;
}
.category-wrap li a{
padding:5px 0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.category-wrap li img{
width:20px;
margin-right:10px;
}

.category-wrap li:last-of-type{
margin-bottom: 0px;
}
.category-wrap .game a{background: url(https://img.altema.jp/altema/uploads/2020/09/2020y09m07d_1848075695.png) no-repeat 0 center / 20px;}
.category-wrap .match a{background: url(https://img.altema.jp/altema/uploads/2020/09/2020y09m07d_1848309008.png) no-repeat 0 center / 20px;}
.category-wrap .life a{background: url(https://img.altema.jp/altema/uploads/2020/09/2020y09m07d_1849127767.png) no-repeat 0 center / 20px;}
.rank-wrap{margin-bottom: 40px;}
.rank-wrap h3:after{
content:'ranking';
}
.rank-wrap .tab{
border-bottom: 0px solid #666;
margin-top:40px;
}
.rank-wrap .tab span{
display: inline-block;
cursor:pointer;
width: 50%;
color: #fff;
text-align: center;
background: #b7b7b7;
line-height: 36px;
}
.rank-wrap .tab .active{background: #2d2d2d;}
.rank-wrap .tab span:first-of-type{border-radius: 10px 0 0 0;}
.rank-wrap .tab span:last-of-type{border-radius: 0 10px 0 0;}
.rank-list{
border: 1px solid #ccc;
border-top: 3px solid #2d2d2d;
border-radius: 0 0 10px 10px;
}
.rank-list{
padding:0 10px;
}
.rank-list article{
padding: 10px 0;
border-bottom: 2px solid #ccc;
}
.rank-list article:last-of-type{
border-bottom:0;
}
.rank-list article:nth-of-type(1) .thumbnail:before{
content:'1';
background: #ffbd00;
}
.rank-list article:nth-of-type(2) .thumbnail:before{
content:'2';
background: #399bc0;
}
.rank-list article:nth-of-type(3) .thumbnail:before{
content:'3';
background: #9a3f00;
}
.rank-list article:nth-of-type(4) .thumbnail:before{
content:'4';
}
.rank-list article:nth-of-type(5) .thumbnail:before{
content:'5';
}

.rank-list article{
margin:0;
padding:0;
border-bottom:1px solid #ccc;
}
.rank-list article a{
display: -webkit-flex;
display: flex;
position:relative;
padding:10px 0;
border:0;
}
.rank-list article a:before{
content:"";
width:7px;
height:30px;
display:block;
background:url(https://koesiru.jp/img/common/icon/icon-yajiyoko-sp.png) no-repeat center;
background-size:100%;
top:50%;
right:0px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
position:absolute;
}
.rank-list article a:after{
content:'';
display:block;
width:24px;
height:24px;
line-height:22px;
border-radius:50%;
position:absolute;
top:7px;
left:-5px;
font-size:14px;
color:#fff;
font-weight:bold;
text-align:center;
}
.rank-list article:nth-of-type(1) a:after{
content:'1';
background:#ffbc00;
}
.rank-list article:nth-of-type(2) a:after{
content:'2';
background:#3c9abf;
}
.rank-list article:nth-of-type(3) a:after{
content:'3';
background:#994100;
}
.rank-list article:nth-of-type(4) a:after{
content:'4';
background:#c1c1c1;
}
.rank-list article:nth-of-type(5) a:after{
content:'5';
background:#c1c1c1;
}
.rank-list article img{
width:80px;
object-fit: contain;
}
.rank-list article dl{
padding:0 20px 0 10px;
width:66%;
}
.rank-list article dl dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
line-height:1.2;
}
.rank-list article dl dd{
font-size:12px;
line-height:1.2;
color:#555;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
}


/* top-qlist */
.request-wrap{
}
#lowerRight .request-wrap h3:after{
content:'request';
}
#lowerRight .qlist-in{
border: 1px solid #ccc;
border-radius: 5px;
padding: 10px;
margin:40px 0;
}
#lowerRight .qlist-in li{
display:block;
margin:10px 0;
position:relative;
}
#lowerRight .qlist-in li:first-of-type{
margin:0;
}
#lowerRight .qlist-in li:last-of-type{
margin:0;
}
#lowerRight .qlist-in li:before{
content:"";
width:20px;
height:100%;
display:block;
background:url(https://koesiru.jp/img/common/icon/icon-q.png) no-repeat center;
background-size:100%;
top:0;
left:20px;
position:absolute;
}
#lowerRight .qlist-in li a{
display:block;
background:#f2f2f2;
padding:10px 70px 10px 60px;
font-size:16px;
font-weight:bold;
border-radius:6px;
line-height:1.2;
}
#lowerRight .qlist-in li .sandou{
position:absolute;
display:block;
top:50%;
right:-20px;
transform: translateY(-50%) translateX(-50%);
/* -webkit- transform: translateY(-50%)translateX(-50%); */
margin: auto;
text-align:center;
background:#ff3171;
color:#FFF;
padding:5px;
line-height:1.1;
border-radius:5px;
height:40px;
width:50px;
font-size:14px;
}
#lowerRight .qlist-in li .sandou span{
display:block;
color:#FFF;
}
#lowerRight .qlist-in li .bosyuchu{
position:absolute;
display:block;
top:50%;
right:-20px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
text-align:center;
background:#fa0;
color:#FFF;
padding:5px;
line-height:1.3;
border-radius:5px;
height:40px;
width:50px;
font-size:12px;
}
#lowerRight .qlist-in li .bosyuchu span{
display:block;
color:#FFF;
}



/*------------------------------------------------------------
下層2詳細
-------------------------------------------------------------*/

/*--kutikomi-hyouka--*/

.kutikomi-hyouka .hyouban-wrap{
border:1px solid #ccc;
border-radius: 5px 5px 0 0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.kutikomi-hyouka .kutikomi-wrap{
border:1px solid #ccc;
border-top:0;
border-radius:0 0 5px 5px;
margin-bottom: 20px;
padding:0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.kutikomi-hyouka .hyouban-wrap dt,.kutikomi-hyouka .kutikomi-wrap dt{
background: #939393;
width: 120px;
line-height: 48px;
color:#fff;
font-size: 20px;
text-align:center;
font-weight:bold;
}
.kutikomi-hyouka .hyouban-wrap dd{
vertical-align:middle;
display: -webkit-flex;
display: flex;
align-items: center;
padding:0 10px;
}
.kutikomi-hyouka .hyouban-wrap dd img{
width:150px;
vertical-align:middle;
}
.kutikomi-hyouka .kutikomi-wrap dd{
padding-left:10px;
}
.kutikomi-hyouka .kutikomi-wrap .nam{
font-size: 24px;
line-height:30px;
height:30px;
background:#303030;
padding:0 20px;
margin-right:5px;
border-radius:50px;
font-weight:bold;
color:#FFF;
}
.kutikomi-hyouka .hyouban-wrap .nam{
font-size: 34px;
margin-left:10px;
font-weight:bold;
}
.kutikomi-hyouka img.radarChart{
width:50%;
margin:0 auto 20px;
display:block;
}
.kutikomi-hyouka .hyouka-box .hyouka-box-name dd p{
font-size:12px;
color:#555;
padding:0;
}
.kutikomi-hyouka .hyouka-box .hyouka-box-name dd .hyouka-hoshi{
margin-top:0px;
font-size:18px;
font-weight:bold;
}
.hikaku-link a{
position: absolute;
right: 15px;
bottom: 15px;
font-size: 16px;
color: #FFF;
background: #066493;
padding: 8px 20px;
border-radius: 50px;
}

/*--kutikomi-hyouka--*/

.kutikomi-hyouka{
}
.kutikomi-title-box-in{
padding:10px;
background:#ccc;
border-radius:10px;
}
.kutikomi-title-box-in .kutikomi-title{
background:#FFF;
padding:10px;
border-radius:10px;
}
.kutikomi-title dl{
display: -webkit-flex;
display: flex;
align-items: center;
}
.kutikomi-title dl dt img{
width:80px;
}
.kutikomi-title dl dt{
margin-right:10px;
}
.kutikomi-title .hyouka-title-txt{
display: -webkit-flex;
display: flex;
align-items:baseline;
margin-bottom:10px;
}
.kutikomi-title .hyouka-title-txt img{
width:150px;
margin:0 5px;
}
.kutikomi-title .hyouka-title-txt div:last-of-type img{
width:100px;
margin:0 5px;
}
.kutikomi-title .hyouka-title-txt div:first-of-type{
font-size:34px;
font-weight:bold;
margin-right:10px;
}
.kutikomi-title .hyouka-title-txt div:last-of-type{
font-size:16px;
color:#999;
}
main#main-lower .kutikomi-title dd p{
padding:0;
margin:0;
font-size:18px;
font-weight:bold;
vertical-align:middle;
}
.kutikomi-title dd a{
margin:0 10px 0 5px;
padding:0;
border-bottom:2px solid #1a78a5;
color:#1a78a5;
font-weight:bold;
}
.kutikomi-title dd a:before{
content:"▶";
margin-right:5px;
}
.kutikomi-title dd a{
color:#1a78a5;
font-size:16px;
}
.kutikomi-title dd a:first-letter{
font-size:10px;
vertical-align:middle;
margin-right:5px;
}

.radarChart-box{
background:#FFF;
padding:10px;
border-radius:10px;
margin-top:10px;
}
.radarChart-box img.radarChart{
width:50%;
margin:10px auto;
}

.kutikomi-g-b{
padding:10px 2px;
border-radius:10px;
margin-top:10px;
}
.kutikomi-g-b .hyouka-good{
margin:0;
}
main#main-lower  .kutikomi-g-b .hyouka-good h3{
font-size:18px;
font-weight:bold;
margin: 0 0 10px 0;
background:url(https://koesiru.jp/img/common/icon/icon-maru2.png) no-repeat 0 center;
background-size:16px;
padding:0 0 0 20px;
color:#ff3171;
}
main#main-lower  .kutikomi-g-b dl{
padding: 10px;
background:#fff;border-radius: 3px;
margin-bottom: 5px;
}
main#main-lower  .kutikomi-g-b dd{
margin-top: 10px;
padding-top: 10px;
border-top: 1px solid #ececec;
}
main#main-lower  .kutikomi-g-b .hyouka-good dd{
display: none;
}
div.kutikomi-g-b dt{
font-size:14px;
line-height:1.4;
color:#555;
padding:0;
margin-bottom:0;
border-radius:3px;
background:#FFF;
position:relative;
padding-right: 30px;
}
.kutikomi-g-b dt:before{
content:"";
width:10px;
height:30px;
display:block;
background:url(https://koesiru.jp/img/common/icon/icon-yajishita.png) no-repeat center;
background-size:100%;
top:50%;
right:10px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
position:absolute;
}
.kutikomi-g-b .hyouka-bad{
margin:15px 0 0;
}
main#main-lower  .kutikomi-g-b .hyouka-bad h3{
font-size:18px;
font-weight:bold;
margin: 0 0 10px 0;
background:url(https://koesiru.jp/img/common/icon/icon-batu2.png) no-repeat 0 center;
background-size:16px;
padding:0 0 0 20px;
color:#22588d;
}
main#main-lower  .kutikomi-g-b .hyouka-bad dd{
display: none;
}

/*--kutikomi-hyouka-matome--*/

.kh-matome-title{
display: -webkit-flex;
display: flex;
align-items:baseline;
margin-bottom:0px;
padding:10px;
border-radius:5px 5px 0 0;
border:1px solid #ccc;
border-bottom:0;
position:relative;
}
.kh-matome-title .no-review{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-radius:5px;
display: -webkit-flex;
display: flex;
align-items: baseline;
margin: 0px;
padding: 15px 10px;
position: relative;
width:680px;
align-items: center;
position:absolute;
top:0;
left:-1px;
}
.kh-matome-title .no-review a {
position: absolute;
font-size: 16px;
color: #FFF;
right: 15px;
top: 7px;
background: #066493;
padding: 8px 20px;
border-radius: 50px;
}
.kh-matome-title img{
width:150px;
margin:0 5px;
}
.kh-matome-title div:last-of-type img{
width:100px;
margin:0 5px;
}
.kh-matome-title div:first-of-type{
font-size:34px;
font-weight:bold;
margin-right:10px;
}
.kh-matome-title div:last-of-type{
font-size:16px;
color:#999;
}
.kh-matome-title a{
position:absolute;
font-size:16px;
color:#FFF;
right:15px;
top:10px;
background:#066493;
padding:8px 20px;
border-radius:50px;
}

.kh-matome-hoshi{
margin-bottom:10px;
padding:10px;
border-radius:0px 0px 5px 5px;
border:1px solid #ccc;
border-top:0;
background:#efefef;
}
.kh-matome-hoshi ul{
width:90%;
margin:auto;
}

.kh-matome-hoshi li{
margin:10px;
display: -webkit-flex;
display: flex;
align-items:center;
justify-content:center;
position:relative;
}
.kh-matome-hoshi li:hover{
opacity: 0.6;
}
.kh-matome-hoshi li div{
color:#066493;
}
.kh-matome-hoshi li div.allLink{
width:100%;
height:100%;
position:absolute;
display:block;
}
.kh-matome-hoshi li div.allLink a{
width:100%;
height:100%;
display:block;
cursor:pointer;
}
.kh-matome-hoshi li div:first-of-type{
display: inline-block;
width:10%;
}
.kh-matome-hoshi li div:nth-of-type(3){
display: inline-block;
width:10%;
text-align:right;
}

.kh-matome-hoshi li div.barBox{
display: inline-block;
width:80%;
height:30px;
margin:0 10px;
border-radius:5px;
border:1px solid #CCC;
background:#FFF;
box-sizing:border-box;
position:relative;
}
.kh-matome-hoshi li div.barIn{
display: inline-block;
background:#fa0;
border:1px solid #ffc400;
height:30px;
display:block;
box-sizing:border-box;
border-radius:5px;
position:absolute;
left:-1px;
top:-1px;
}

.kutikomi-hyouka-matome .hyouka-box-in {
width:100%;
border:2px solid #ccc;
border-radius:10px;
padding:10px;
margin:10px 0;
box-sizing:border-box;
background:#fffff8;
}
.kutikomi-hyouka-matome .hyouka-box-in:nth-of-type(1) {
margin:0 0 10px;
}
.kutikomi-hyouka-matome .hyouka-box-name{
width:100%;
display: -webkit-flex;
display: flex;
align-items:center;
margin-bottom:10px;
}
.kutikomi-hyouka-matome .hyouka-box-name dt{
margin-right:10px;
width:35px;
}
.kutikomi-hyouka-matome .hyouka-box-name dt img{
width:35px;
}
.kutikomi-hyouka-matome .hyouka-box-name dd p{
font-size:12px;
color:#555;
padding:0;
}
main#main-lower .kutikomi-hyouka-matome .hyouka-box-name dd p{
margin:0;
padding:0;
}
.kutikomi-hyouka-matome .hyouka-box-name dd p span{
font-size:12px;
color:#888;
}
.kutikomi-hyouka-matome .hyouka-box-name dd .hyouka-hoshi{
margin-top:0px;
font-size:18px;
font-weight:bold;
}
.kutikomi-hyouka-matome .hyouka-box-name dd .hyouka-hoshi img{
width:80px;
margin-right:10px;
}
.kutikomi-hyouka-matome .hyouka-good{
margin:15px 0 0;
}
.kutikomi-hyouka-matome .hyouka-good dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
background:url(https://koesiru.jp/img/common/icon/icon-maru.png) no-repeat 0 center;
background-size:14px;
padding-left:20px;
color:#555;
display: -webkit-flex;
display: flex;
align-items: center;
line-height:1.3;
}
.kutikomi-hyouka-matome .hyouka-good dt div:first-of-type{
font-size:14px;
font-weight:bold;
margin-bottom:0px;
color:#ff92be;
}
.kutikomi-hyouka-matome .hyouka-good dt div:nth-of-type(2){
display: flex;
align-items: center;
}
.kh-matome .hyouka-good dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
}
.kh-matome .hyouka-bad dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
line-height:1.3;
}
main#main-lower .kutikomi-hyouka-matome .hyouka-good dt p{
padding:0;
margin:0;
}
.kutikomi-hyouka-matome .hyouka-good dd{
font-size:14px;
line-height:1.4;
color:#555;
}
.kutikomi-hyouka-matome .hyouka-bad{
margin:15px 0 0;
}
.kutikomi-hyouka-matome .hyouka-bad dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
background:url(https://koesiru.jp/img/common/icon/icon-batu.png) no-repeat 0 center;
background-size:14px;
padding-left:20px;
color:#555;
display: -webkit-flex;
display: flex;
align-items: center;
}
.kutikomi-hyouka-matome .hyouka-bad dt div:first-of-type{
font-size:14px;
font-weight:bold;
margin-bottom:0px;
color:#4e6275;
}
.kutikomi-hyouka-matome .hyouka-bad dt div:nth-of-type(2){
display: flex;
align-items: center;
}
main#main-lower .kutikomi-hyouka-matome .hyouka-bad dt p{
padding:0;
margin:0;
}
.kutikomi-hyouka-matome .hyouka-bad dd{
font-size:14px;
line-height:1.4;
color:#555;
}

.kutikomikaitou dl{
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom:10px;
}
.kutikomikaitou dl dt{
margin:0;
color:rgba(253,41,111,1);
font-weight:bold;
width: 7%;
line-height: 1.5;
}
.kutikomikaitou dl dd a{
color:#066493;
font-weight:bold;
}
.kutikomikaitou dl dd a:after,.kutikomikaitou dl dd span:after{
content:'/';
margin: 0px 5px;
font-weight: normal;
color:#666;
}
.kutikomikaitou dl dd a:last-child:after,.kutikomikaitou dl dd span:last-child:after{
content: '';
}
.kutikomikaitou dl dd a:hover:after{
opacity: 1;
color:#666;
}

.kutikomi-hyouka-matome .hyouka-box-in.influencer-box{
padding:25px 10px 10px;
margin:20px 0 10px;
position:relative;
}
.kutikomi-hyouka-matome .hyouka-box-in.influencer-box span.influencer-review{
position:absolute;
top:-13px;
left:-8px;
padding:3px 10px 5px;
background:#ff3372;
font-size:11px;
height:auto;
line-height:normal;
border-radius:0px;
color:#FFF;
font-weight:bold;
}
.kutikomi-hyouka-matome .hyouka-box-in.influencer-box span.influencer-review:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left:-35px;
border: 6px solid transparent;
border-top: 6px solid #ff3372;
}

.hyouka-box-in.influencer-box {
width: 100%;
box-shadow: 0 0 0 2px #dde4e6;
border-radius: 10px;
padding: 10px;
margin: 30px 0 10px!important;
box-sizing: border-box;
padding:25px 10px 10px;
position:relative;
}
.hyouka-box-in.influencer-box span.influencer-review{
position:absolute;
top:-13px;
left:-8px;
padding:3px 10px 5px;
background:#ff3372;
font-size:11px;
height:auto;
line-height:normal;
border-radius:0px;
color:#FFF;
font-weight:bold;
}
.hyouka-box-in.influencer-box span.influencer-review:before {
content: "";
position: absolute;
top: 100%;
left: 50%;
margin-left:-35px;
border: 6px solid transparent;
border-top: 6px solid #ff3372;
}

.iinebt-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top: 10px;
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.iinebt{
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fa0;
color: #fff;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
.iinebt p{
margin:0!important;
padding:0!important;
}
div.iinegray {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #cccccc none repeat scroll 0 0;
color: #fff;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
main#main-lower .iinebt p{
padding: 0;
}
main#main-lower .iinebt a{
position: absolute;
padding: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.iinebt:before{
content:'';
width:14px;
height:14px;
background: url(https://koesiru.jp/img/common/icon/icon-iine.png) no-repeat center;
background-size:100%;
top: 0;
bottom:0;
left: 8px;
margin:auto;
position: absolute;
}
main#main-lower .iinebt div:first-of-type{
color:#fff;
}
main#main-lower .iinebt div:last-of-type{
background: #fff;
display: inline-block;
padding: 4px 10px;
border-radius: 35px;
font-size: 14px;
font-weight:bold;
margin-left: 5px;
}
main#main-lower h3 {
background: #eee;
padding: 16px 18px 13px;
margin: 20px 0;
border-radius: 6px;
font-size: 18px;
line-height: 1.4;
}
main#main-lower h4 {
padding: 8px 18px 6px;
margin: 10px 0;
font-size: 16px;
border-bottom: 1px solid #555;
position: relative;
font-weight: bold;
line-height: 1.4;
}
main#main-lower h4:before{
content:"";
width:8px;
height:100%;
border-radius:10px 10px 0 0;
top:0;
left:0;
background:#555;
position:absolute;
}
.kaitousyabetu-wrap dl{
margin-bottom: 10px;
padding-left: 10px;
}
.kaitousyabetu-wrap dl dt{
color:#f28;
font-weight: bold;
margin-right: 10px;
display: inline-block;
}
.kaitousyabetu-wrap dl dd{
display: inline-block;
font-weight: bold;
}
.kaitousyabetu-wrap dl dd a{
color:#058bb3;
margin-right: 10px;
}
.kaitousyabetu-wrap dl dd a:after{
content:'/';
color: #555;
margin-left: 10px;
}
.kaitousyabetu-wrap dl dd a:last-of-type:after{
display: none;
}
main#main-lower .iiten{
background: none;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px 20px;
color: #ff92be;
background: url(https://koesiru.jp/img/common/icon/icon-maru.png) no-repeat 0 center;
background-size: 16px;
padding: 0 0 0 20px;
}
main#main-lower .warui{
background: none;
font-size: 16px;
font-weight: bold;
margin: 0 0 10px 20px;
color: #4e6275;
background: url(https://koesiru.jp/img/common/icon/icon-batu.png) no-repeat 0 center;
background-size: 16px;
padding:0 0 0 20px;
}
.formKutikomi .form-kutikomi{
background:#fff;
}
.formKutikomi .form-kutikomi dt{
font-size:16px;
font-weight:bold;
margin-bottom:10px;
}
.formKutikomi .form-kutikomi dd{
margin-bottom:20px;
}
.formKutikomi .form-kutikomi input[type="text"]{
box-sizing:border-box;
border:1px solid #ccc;
border-radius:5px;
background:#f5f5f5;
width:100%;
padding:10px;
}
.formKutikomi .form-kutikomi select{
background:#f5f5f5;
box-sizing:border-box;
width:200px;
border:1px solid #ccc;
padding:10px ;
border-radius:5px;
}
.formKutikomi .form-kutikomi .hosiwrap img{
width: 32px;
margin-right:5px;
}
main#main-lower .formKutikomi .form-kutikomi .fukidasi{
border:3px solid #fa0;
border-radius: 6px;
font-size:16px;
font-weight:bold;
padding: 5px 10px;
margin: 16px 0 0px 0;
position: relative;
}
main#main-lower .formKutikomi .form-kutikomi .fukidasi:before{
content: '';
position: absolute;
box-sizing: border-box;
width: 20px;
border-bottom: 14px solid #fff;
border-left: 10px solid transparent;
border-right: 10px solid transparent;
top: -11px;
left: 62px;
z-index: 3;
}
main#main-lower .formKutikomi .form-kutikomi .fukidasi:after{
content: '';
position: absolute;
box-sizing: border-box;
width: 20px;
border-bottom: 16px solid #fa0;
border-left: 12px solid transparent;
border-right: 12px solid transparent;
top:-16px;
left: 60px;
z-index: 2;
}
.form-kutikomi-inner dl{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 1px solid #ccc;
border-bottom:0;
padding: 10px;
}
.form-kutikomi-inner dl:last-of-type{
border-bottom: 1px solid #ccc;
}
.formKutikomi .form-kutikomi .form-kutikomi-inner dt{
margin:0;
max-width: 300px;
line-height: 1.4;
}
.formKutikomi .form-kutikomi .form-kutikomi-inner dd{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin:0 0 0 auto;
}
.form-kutikomi-inner dd .hosiwrap input[type="button"]{
background: #999;
color:#fff;
border: 0;
line-height: 32px;
border-radius: 30px;
cursor: pointer;
margin-right: 10px;
font-size: 14px;
width: 130px;
border-bottom:2px solid #757575;
}
.form-kutikomi-inner dd .hosiwrap.no-hyoka input[type="button"]{
background:#525252;
border-color:#353535;
outline:none;
}
.form-kutikomi-inner dd input[type="button"]:focus{
outline:none;
background: #525252!important;
}
.kutikomi-hyouka-matome table{
box-sizing: border-box;
width: 100%;
border:1px solid #ddd;
}
.kutikomi-hyouka-matome th{
background: #eee;
padding: 10px;
border: 1px solid #ddd;
}
.kutikomi-hyouka-matome td{
border: 1px solid #ddd;
padding: 10px;
}
.kutikomi-hyouka-matome td a{
color:#1a78a5;
}
.hyoukaRnk-list{
border-radius:5px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
margin:10px 0;
}
.hyoukaRnk-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.hyoukaRnk-title dt img {
width: 80px;
margin-right: 14px;
}
main#main-lower .hyoukaRnk-title dd h3{
background: none;
padding: 0;
margin:0;
font-size:22px;
color:#066493;
font-weight:bold;
}
.hyoukaRnk-title ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items:center;
}
.hyoukaRnk-list .hyoukaRnk-title li{
padding:0;
margin:0;
text-align: left;
line-height:normal;
}
.hyoukaRnk-list .hyoukaRnk-title li img{
width:150px;
margin-right: 10px;
position: static;
vertical-align: middle;
}
.hyoukaRnk-list .hyoukaRnk-title li:first-of-type{
font-size: 34px;
font-weight: bold;
color: #333;
vertical-align: middle;
}
.hyoukaRnk-title li:last-of-type{
background: #ff3171;
color: #FFF;
width: 60px;
text-align: center;
padding: 8px 0;
margin-left: 10px;
}
.hyoukaRnk-list li{
text-align: left;
position:relative;
padding: 12px 0px 12px 50px;
}
.hyoukaRnk-list li img{
position: absolute;
width:40px;
top:0;
left:0;
bottom:0;
margin:auto;
}
main#main-lower .hyoukaRnk-list li p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding: 0;
margin:0;
line-height:normal;
}
.hyoukaRnk-list li span{
font-size:12px;
color: #999;
}
.hyoukaRnk-list-more{
position:relative;
font-size: 22px;
font-weight: bold;
color: #066493;
}
.hyoukaRnk-list-more:before{
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left:-18px;
bottom:0;
margin: auto;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 10px solid #066493;
}


/*--NEWhyoukalist--*/

.hyokaRnk-wrapper.hyokaRnk-scroll{
width: 100%;
display: flex;
overflow-x: scroll;
overflow-scrolling: touch;
padding:0;
margin:0;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list{
border-radius:5px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
margin:10px;
position:relative;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title{
display:block;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
width:250px;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title dt img {
width:100%;
margin:0;
box-sizing:border-box;
box-shadow:0 0 0 1px #eff3f4;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title dd p.hyoukaRnk-img{
display: -webkit-flex;
display: flex;
align-items: center;
font-size:20px;
line-height:normal;
font-weight:bold;
color:#555;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title dd p.hyoukaRnk-img img{
width:50%;
margin-right:10px;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title dd p.hyoukaRnk-name{
display:block;
font-size:18px;
color:#555;
padding-top:5px;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title dd p.hyoukaRnk-cnt{
font-size:18px;
color:#555;
width:auto;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title dd p.hyoukaRnk-cnt:before{
content:"";
display:inline-block;
width:15px;
height:15px;
background:url(https://koesiru.jp/img/common/icon/hikakukensuuicon.png)no-repeat center center;
background-size:100%;
margin-right:6px;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title dd h3{
background: none;
padding: 0;
margin:0;
font-size:22px;
color:#066493;
font-weight:bold;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items:center;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list .hyoukaRnk-title li{
padding:0;
margin:0;
text-align: left;
line-height:normal;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list .hyoukaRnk-title li img{
width:100%;
margin-right: 10px;
position: static;
vertical-align: middle;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list .hyoukaRnk-title li:first-of-type{
font-size: 34px;
font-weight: bold;
color: #333;
vertical-align: middle;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-title li:last-of-type{
background: #ff3171;
color: #FFF;
width: 60px;
text-align: center;
padding: 8px 0;
margin-left: 10px;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list li{
text-align: left;
position:relative;
padding: 12px 0px 12px 50px;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list li img{
position: absolute;
width:40px;
top:0;
left:0;
bottom:0;
margin:auto;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list li p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding: 0;
margin:0;
line-height:normal;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list li span{
font-size:12px;
color: #999;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll p.hyoukaRnk-list-more{
position:relative;
font-size: 16px;
font-weight: bold;
color: #FFF;
background:#066493;
padding:5px 0;
border-radius:5px;
width:80%;
margin:10px auto 0;
box-sizing:border-box;
box-shadow:0 2px 0 0px #00517a;
}
main#main-lower .hyokaRnk-wrapper.hyokaRnk-scroll p.hyoukaRnk-list-more:before{
display:none;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-1:before{
content:"1";
position:absolute;
top:5px;
left:5px;
width:30px;
height:30px;
line-height:30px;
background:#ff9800;
color:#FFF;
box-sizing:border-box;
box-shadow:2px 1px 0 0 rgb(34 34 34 / 11%);
border-radius:50px;
font-size:15px;
font-weight:bold;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-2:before{
content:"2";
position:absolute;
top:5px;
left:5px;
width:30px;
height:30px;
line-height:30px;
background:#3c9abf;
color:#FFF;
box-sizing:border-box;
box-shadow:2px 1px 0 0 rgb(34 34 34 / 11%);
border-radius:50px;
font-size:15px;
font-weight:bold;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-3:before{
content:"3";
position:absolute;
top:5px;
left:5px;
width:30px;
height:30px;
line-height:30px;
background:#994100;
color:#FFF;
box-sizing:border-box;
box-shadow:2px 1px 0 0 rgb(34 34 34 / 11%);
border-radius:50px;
font-size:15px;
font-weight:bold;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list:before{
content:"";
position:absolute;
top:5px;
left:5px;
width:30px;
height:30px;
line-height:30px;
background:#c1c1c1;
color:#FFF;
box-sizing:border-box;
box-shadow:2px 1px 0 0 rgb(34 34 34 / 11%);
border-radius:50px;
font-size:15px;
font-weight:bold;
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-4:before{
content:"4";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-5:before{
content:"5";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-6:before{
content:"6";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-7:before{
content:"7";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-8:before{
content:"8";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-9:before{
content:"9";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-10:before{
content:"10";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-11:before{
content:"11";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-12:before{
content:"12";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-13:before{
content:"13";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-14:before{
content:"14";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-15:before{
content:"15";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-16:before{
content:"16";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-17:before{
content:"17";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-18:before{
content:"18";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-19:before{
content:"19";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-20:before{
content:"20";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-21:before{
content:"21";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-22:before{
content:"22";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-23:before{
content:"23";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-24:before{
content:"24";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-25:before{
content:"25";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-26:before{
content:"26";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-27:before{
content:"27";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-28:before{
content:"28";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-29:before{
content:"29";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-30:before{
content:"30";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-31:before {
content: "31";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-32:before {
content: "32";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-33:before {
content: "33";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-34:before {
content: "34";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-35:before {
content: "35";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-36:before {
content: "36";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-37:before {
content: "37";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-38:before {
content: "38";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-39:before {
content: "39";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-40:before {
content: "40";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-41:before {
content: "41";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-42:before {
content: "42";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-43:before {
content: "43";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-44:before {
content: "44";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-45:before {
content: "45";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-46:before {
content: "46";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-47:before {
content: "47";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-48:before {
content: "48";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-49:before {
content: "49";
}
.hyokaRnk-wrapper.hyokaRnk-scroll .hyoukaRnk-list.no-50:before {
content: "50";
}



/*--narabikae--*/

.narabikae {
overflow:hidden;
width: 80%;
margin: 10px auto 10px;
text-align: center;
display:inline-block;
}
.narabikae select {
width: 100%;
padding-right: 1em;
cursor: pointer;
text-indent: 0.01px;
text-overflow: ellipsis;
border: none;
outline: none;
background: transparent;
background-image: none;
box-shadow: none;
-webkit-appearance: none;
appearance: none;
}
.narabikae select::-ms-expand {
display: none;
}
.narabikae {
position: relative;
border: 1px solid #bbbbbb;
border-radius: 2px;
background: #ffffff;
vertical-align:middle;
}
.narabikae::before {
position: absolute;
top: 0.8em;
right: 0.9em;
width: 0;
height: 0;
padding: 0;
content: '';
border-left: 6px solid transparent;
border-right: 6px solid transparent;
border-top: 6px solid #666666;
pointer-events: none;
}
.narabikae select {
padding: 8px 38px 8px 8px;
color: #666666;
}
.kh-matome{
margin-bottom:40px;
}
.radar-chart canvas{
margin:auto;
}
.more-review{
width: 90%;
display: block;
margin:20px auto 0;
padding: 13px;
border-radius: 100px;
border: 0;
background: #066493;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align:center;
}
.more-review:hover{
opacity:0.8;
}
.kutikomikaitou dd{
font-size:14px;
color:#666;
width: 93%;
line-height: 1.5;
}
.hyoka-category{
padding:10px;
font-size:14px;
}
.hyoka-category > p{
color:#ff366b;
font-weight:bold;
}
.hyoka-category input[type=radio] {
display: none;
}
.hyoka-category label{
box-sizing: border-box;
cursor: pointer;
display: inline-block;
padding: 5px 15px;
position: relative;
width: auto;
margin-right:10px;
}
.hyoka-category label:before {
background: #fff;
border: 1px solid #ccc;
box-sizing:border-box;
border-radius: 50%;
content: '';
display: block;
position:absolute;
height:16px;
width:16px;
top:50%;
left:0;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.hyoka-category label:after {
background: #ffaa00;
border-radius: 50%;
content: '';
display: block;
height: 16px;
left:0;
top:50%;
position: absolute;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
transition: transform .2s ease-in-out, opacity .2s ease-in-out;
width: 16px;
opacity:0;
}
input[type=radio]:checked + label:before {
border-color: #CCC;
}
input[type=radio]:checked + label:after {
opacity: 1;
}


/*------------------------------------------------------------
下層3
-------------------------------------------------------------*/
.kutikomi-hikaku-wrap{
background: #f2f2f2;
border-radius: 10px;
padding: 10px 16px 20px 16px;
}
main#main-lower .kutikomi-hikaku-wrap h2{
background: none;
position: relative;
font-weight: bold;
padding: 0 0 0 44px;
color: #000;
font-size: 20px;
}
main#main-lower .kutikomi-hikaku-wrap h2:before {
content: '';
display: block;
width: 38px;
height: 38px;
background: url(https://koesiru.jp/img/common/icon/a-b.png) no-repeat center / contain;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.kutikomi-hikaku-wrap .app-wrap{
background: #fae6ec;
border-radius: 10px;
padding: 10px;
margin-bottom: 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border: 2px solid #f5ccd8;
}
.kutikomi-hikaku-wrap .app-wrap:nth-of-type(2){
background: #def1f4;
border: 2px solid #bce8ef;
}
.kutikomi-hikaku-wrap .app-wrap img{
width: 80px;
}
.kutikomi-hikaku-wrap .app-wrap dl{
margin-left: 12px;
}
.kutikomi-hikaku-wrap .app-wrap dt{
font-size: 20px;
margin-bottom: 10px;
font-weight: bold;
color: #555;
}
.kutikomi-hikaku-wrap .app-wrap dd img{
width: 140px;
}
.kutikomi-hikaku-wrap .app-wrap .num{
font-size: 34px;
display: inline-block;
font-weight: bold;
margin-left: 10px;
position: relative;
top: 3px;
}
.kutikomi-hikaku-wrap .chart-wrap .inner{
background: #fff;
border-radius: 10px;
margin-top: 20px;
padding: 10px 50px;
}
.kutikomi-hikaku-wrap .chart-wrap .sougou{
border-bottom: 2px solid #ccc;
font-size: 22px;
font-weight: bold;
color: #555;
margin-bottom: 10px;
text-align: center;
}
.kutikomi-hikaku-wrap .chart-wrap .sougou a{
color: #066493;
margin-left: 3px;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin: 20px 0 0 0;
font-weight: bold;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text div{
position: relative;
color: #555;
margin: 0px 10px;
padding-left:30px;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text div:before{
content: '';
display:inline-block;
width: 22px;
height: 22px;
position: absolute;
background: #efafc3;
border: 3px solid #ef356f;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text div:nth-of-type(2):before{
background: #94d3dd;
border: 3px solid #009bb5;
}
main#main-lower .app-kutikomi-wrap h3{
font-weight: bold;
background: #fff;
position: relative;
font-size: 20px;
padding: 0 0 0 44px;
margin: 0 0 26px 10px;
}
main#main-lower .app-kutikomi-wrap h3:before {
content: '';
display: block;
width: 38px;
height: 38px;
background: url(https://koesiru.jp/img/common/icon/original.png) no-repeat center / contain;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
main#main-lower .app-kutikomi-wrap h3.muryou{
margin: 36px 0 26px 10px;
}
main#main-lower .app-kutikomi-wrap h3.muryou:before{
background: url(https://koesiru.jp/img/common/icon/muryou.png) no-repeat center / contain;
}
.app-kutikomi-wrap .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.app-kutikomi-wrap .inner dl{
box-sizing: border-box;
width:48%;
border-radius: 10px;
border: 2px solid #f5ccd8;
background: #fae6ec;
}
.app-kutikomi-wrap .inner dl:nth-of-type(2){
margin-left:auto;
background: #def1f4;
border: 2px solid #bce8ef;
}
.app-kutikomi-wrap .inner dt{
text-align: center;
padding: 10px 0;
}
.app-kutikomi-wrap .inner dt img{
width:100px;
}
.app-kutikomi-wrap .inner dt div{
color: #066493;
font-weight: bold;
margin-top: 5px;
font-size: 18px;
}
.app-kutikomi-wrap .inner dd{
text-align: center;
padding: 2px 0 8px;
background: #fff9e6;
border-radius: 0 0 10px 10px;
}
.app-kutikomi-wrap .inner dd img{
width:140px;
}
.app-kutikomi-wrap .inner dd .num{
font-size: 34px;
display: inline-block;
font-weight: bold;
position: relative;
top: 3px;
margin-left: 10px;
}
.app-kutikomi-wrap .app-kutikomi{
border:2px solid #ccc;
border-radius:10px;
margin-bottom: 20px;
background: #f2f2f2;
padding: 0 0 10px 0;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi{
background:#fff;
border-radius: 10px 10px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 14px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .en-icon{
position: relative;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .en-icon:before{
content: '';
display: block;
width: 28px;
height: 28px;
background: url(https://koesiru.jp/img/common/icon/kakin.png) no-repeat center / contain;
position: absolute;
top: -5px;
left: -9px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi img{
width:70px;
margin-right: 10px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .small{
font-size: 16px;
font-weight: bold;
color: #999;
margin-bottom: 8px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .big{
font-size: 30px!important;
font-weight: bold;
color: #555;
}
.app-kutikomi-wrap .app-kutikomi .inner-name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px 14px;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div{
margin-right: 8px;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div:after{
content:'|';
color: #ccc;
font-size: 12px;
margin-left: 8px;
position: relative;
bottom: 1px;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div:last-of-type{
color: #888;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div:last-of-type:after{
content:'';
}
.app-kutikomi-wrap .app-kutikomi .inner-white{
padding: 10px;
background:#fff;
border-radius:10px;
margin: 0 14px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white p{
color:#666;
}
.app-kutikomi-wrap .app-kutikomi .inner-white .inner-white-in img{
width:140px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white .inner-white-in .num{
font-size: 34px;
display: inline-block;
font-weight: bold;
margin-left: 10px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white a{
position: relative;
color:#066493;
left: 24px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white a:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left: -18px;
bottom: 0;
margin: auto;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 10px solid #066493;
}
main#main-lower .app-kutikomi-wrap .inner dt p{
padding:0;
}
main#main-lower .app-kutikomi-wrap .app-kutikomi .iinebt{
margin-right: 14px;
}
main#main-lower .app-kutikomi-wrap .app-kutikomi .inner-white p:last-of-type{
padding:0;
}

/*------------------------------------------------------------
投稿フォーム
-------------------------------------------------------------*/
.koesiru-onegai {
position: relative;
display: inline-block;
margin:0;
padding:10px 10px;
width: 100%;
color: #555;
font-size: 16px;
background: #fffee8;
border: solid 3px #fa0;
box-sizing: border-box;
border-radius:5px;
}
.koesiru-onegai:before {
content: "";
position: absolute;
bottom: -24px;
left: 40px;
margin-left: -13px;
border: 12px solid transparent;
border-top: 12px solid #fffee8;
z-index: 2;
}
.koesiru-onegai:after {
content: "";
position: absolute;
bottom: -29px;
left:40px;
margin-left: -14px;
border: 14px solid transparent;
border-top: 14px solid #fa0;
z-index: 1;
}
main#main-lower .koesiru-onegai p:first-of-type {
margin: 0 0 5px;
padding: 0;
color:#ff3167;
font-weight:bold;
}
main#main-lower .koesiru-onegai p:nth-of-type(2) {
margin: 0;
padding: 0;
font-size:13px;
}
.kuchikomi-toko{
background: #eee;
padding:10px 18px;
margin: 20px 0 40px;
border-radius: 6px;
font-size: 18px;
font-weight:bold;
position:relative;
}
.kuchikomi-toko p{
margin:0!important;
}
.one-point{
position: absolute;
top:50%;
right:-40px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.kuchikomi-toko span{
position: absolute;
bottom: -20px;
left: 0;
font-size: 12px;
color: #555;
font-weight: normal;
}
.one-point button{
border:0;
font-size:14px;
margin:0;
padding:5px 10px;
background:#333;
color:#FFF;
margin-right: 3px;
}
.one-point button:before{
content: "";
display: inline-block;
width: 10px;
height: 10px;
border: 5px solid transparent;
vertical-align: middle;
border-left: 6px solid #fff;
}
.one-point button:focus{
outline: none;
}
#kuchikomi-toko-form{
margin-bottom:30px;
}
#toko-form.formKutikomi .form-kutikomi input[type="text"]{
box-sizing:border-box;
border:1px solid #ccc;
border-radius:0px;
background:#FFF;
width:100%;
padding:10px;
font-weight:bold;
font-size:16px;
}

#toko-form.formKutikomi .form-kutikomi textarea {
width:100%;
box-sizing:border-box;
border:1px solid #ccc;
padding:10px ;
border-top:0;
font-size:16px;
}
.notice-message{
padding:0px 10px;
font-size:14px;
line-height:normal;
color:#888;
}
#kuchikomi-image-wrapper{
margin:10px 0 0;
}
#kuchikomi-image-wrapper ul{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
#kuchikomi-image-wrapper ul:first-of-type li{
width:25%;
margin:5px;
text-align:center;
padding:10px 0;
box-sizing:border-box;
border:1px solid #ccc;
background:#444;
cursor:pointer;
}
#kuchikomi-image-wrapper ul:first-of-type li:hover{
opacity:0.8;
}
#kuchikomi-image-wrapper ul:first-of-type li span{
color:#FFF;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
#kuchikomi-image-wrapper ul:last-of-type{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items:self-start;
margin-bottom:0;
}
#kuchikomi-image-wrapper ul:last-of-type li img{
width:100%;
}
#kuchikomi-image-wrapper ul:last-of-type li{
width:25%;
margin:5px;
text-align:center;
padding:0px 0;
box-sizing:border-box;
}
.kuchikomiimgsub{
text-align:center;
font-size:14px;
color:#ff7d7d;
padding:0 0 10px!important;
display:none;
}
input[name="kuchikomi-toko"]{
width:90%;
display:block;
margin:auto;
padding:13px;
border-radius:100px;
border:0;
background:#066493;
color:#FFF;
font-weight:bold;
cursor:pointer;
}
input[name="kuchikomi-toko"]:hover{
opacity:0.8;
}
#kuchikomi-toko-form .submit-bt{
width: 250px;
display: block;
margin: 20px auto 0;
padding: 13px;
border-radius: 100px;
border: 0;
background: #fa0;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
}
.kuchikomi-menu{
display: none;
}
#kuchikomi_upload_reset{
border:1px solid #d1d1d1;
background:#ededed;
padding:4px 10px;
margin:0 5px;
font-size:12px;
border-radius:5px;
color:#066493;
}

/*口コミ募集*/
.mokujiInfo{
background: #f7f7f7;
border: 2px solid #ebebeb;
border-radius: 5px;
padding: 15px 20px;
margin: 20px 0 10px;
}
main#main-lower p.mokujiTitle {
font-weight: bold;
font-size: 16px;
position: relative;
padding: 0 0 0 20px;
line-height: normal;
margin: 0 0 10px;
}
main#main-lower p.mokujititle + ul{
padding-top:10px;
}
main#main-lower p.mokujiTitle + ul{
padding-top:10px;
}
.mokujiTitle:before{
content:'';
display: inline-block;
background: url(https://koesiru.jp/img/common/icon/icon-mokuji.png) no-repeat 0 center / contain;
width: 14px;
height: 14px;
position: absolute;
left: 0;
bottom: 4px;
margin: auto;
vertical-align:middle;
}
.mokujiInfo ul {
border-top: 1px solid #ddd;
padding-top: 10px;
}
.mokujiInfo li{
margin-bottom:10px;
font-size:14px;
}
.mokujiInfo li:last-of-type{
margin-bottom:0px;
}
.mokujiInfo li a{
display: block;
position: relative;
padding-left: 20px;
color: #666;
line-height:1.6;
}
.mokujiInfo li a:before{
content:'';
width: 12px;
height: 30px;
position: absolute;
top:2px;
bottom: 0;
left:0;
margin: auto;
background: url(https://koesiru.jp/img/common/icon/icon-yajishita.png) no-repeat center;
background-size: 100%;
margin-right: 10px;
}
.kutikomibosyuutoha table{
border: 1px solid #ccc;
border-radius: 5px 5px 0 0;
}
.kutikomibosyuutoha th{
background: #939393;
padding: 10px 0;
color: #fff;
text-align: center;
border: 1px solid #ccc;
}
.kutikomibosyuutoha td{
border: 1px solid #ccc;
padding: 10px 10px;
}
.kutikomibosyuutoha h4{
font-weight: bold;
margin: 15px 0 5px;
}
.kutikomibosyuutoha li{
margin-bottom: 10px;
}
.kutikomibosyuutoha li:last-of-type{
margin:0;
}
.nokori_touhyou-table{
border: 1px solid #ccc;
margin-bottom: 20px;
}
.nokori_touhyou-table tr{
border: 1px solid #ccc;
}
.nokori_touhyou-table th{
background: #f2f2f2;
padding: 10px 0;
font-size: 14px;
}
.nokori_touhyou-table td{
text-align: center;
color:#ff3171;
padding: 10px 0;
font-weight: bold;
}
.touhyou_ranking_list{
border: 1px solid #ccc;
}
.touhyou_ranking_list td{
border: 1px solid #ccc;
padding:8px 6px;
vertical-align: middle;
}
.touhyou_ranking_list td:last-of-type{
padding:8px 10px;
}
.touhyou_Btn{
font-size: 14px;
margin: auto;
color: #FFF;
box-sizing: border-box;
background-color: #ccc;
width: 100%;
text-align: center;
line-height: 50px;
display: block;
border-radius: 5px;
cursor: text;
}
.touhyou_Btn.kuchikomi_request_tohyo_btn{
background-color: #ff3171;
cursor: pointer;
}
.touhyou_ranking_list .tohyoContents01{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
width:100%!important;
}
.touhyou_ranking_list .tohyoWrap .tohyoCnt{
margin-left:auto;
}
.ui-dialog-content .submitbutton{
width: 80%;
display: block;
margin: 20px auto 0;
padding: 10px 0;
border-radius: 100px;
border: 0;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
background: #ff3171;
outline:none;
}
.ui-dialog-content .submitbutton:active{
outline:none;
}
.ui-dialog-content li p{
line-height: 1.4;
}
#kuchikomi_request_frm{
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;
}
#kuchikomi_request_frm #title{
width: 60%;
margin-right: 10px;
line-height: 36px;
padding: 0 10px;
border: 1px solid #9c9c9c;
}
#kuchikomi_request_frm #TitleSubmit{
line-height: 36px;
padding: 0 10px;
background-color: #066493;
border: 1px solid #066493;
}
#addcomment.ui-dialog-content.ui-widget-content{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
padding: 0 10px 15px 10px;
}
#addcomment.ui-dialog-content.ui-widget-content ul{
margin:0 auto;
}


/*口コミ承認状況の進捗確認*/
.status-check-box{
background: #f9f9f9;
padding: 16px;
border-radius: 8px;
border:3px solid #ccc;
margin-bottom:20px;
}
.status-check-box dl{
margin-bottom:10px;
padding:0 0 10px 0;
border-bottom:1px solid #ddd;
}
.status-check-box dl:last-of-type{
border:0;
padding-bottom:0;
}
.status-check-box dt{
font-weight:bold;
}
.input-form{
margin-bottom: 20px;
}
.input-form form{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
font-weight:bold;
font-size: 18px;
}
.input-form form input[type="text"]{
margin:0 10px;
padding:0 10px;
line-height:30px;
border:0;
border:1px solid #999;
font-weight:normal;
font-size: 16px;
}
.input-form form input[type="submit"]{
display: inline-block;
width:100px;
line-height:30px;
border-radius: 5px;
border: 0;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
background: #ff3171;
border:1px solid #ff3171;
outline:none;
font-size: 16px;
}
.input-form form input[type="submit"]:focus{
background: #ff3171!important;
}
.input-form form input[type="submit"]:hover{
opacity:0.6;
}
.error-message{
color:red;
text-align: center;
margin-bottom: 10px;
}
.return-bt-box .return-bt a{
color:#066493;
}
.return-bt-box .return-bt a:before{
content: "";
width: 12px;
height: 12px;
display: inline-block;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 10px solid #066493;
position: relative;
left: 3px;
}
main#main-lower .yokumi-in h3,main#main-lower .toukou-in h3{
padding: 0;
text-align: center;
background: #eee;
color: #333;
height: 50px;
line-height: 50px;
font-size: 18px;
border-radius: 0;
margin: 0 0 20px;
}
main#main-lower .top-ranking-in{
margin-top: 0;
}
main#main-lower .yokumi-in article dl dd,main#main-lower .toukou-in article dl dd{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
}
main#main-lower .yokumi-in article a+p,main#main-lower .toukou-in article a+p{
display: none;
}
main#main-lower .yokumi-in, main#main-lower .toukou-in{
width: 49%;
margin:0;
}
main#main-lower .toukou-in{
margin-left: auto;
}


/* ranking修正 */
#kaso-ranking{
}
#kaso-ranking .top-ranking-in{
display: -webkit-flex;
display: flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-top:0;
}
#kaso-ranking .top-ranking-in article a{
position:relative;
}
#kaso-ranking .top-ranking-in article a:after{
content:'';
display:block;
width:20px;
height:20px;
line-height:20px;
border-radius:50%;
position:absolute;
top:-10px;
left:-1px;
color:#fff;
font-weight:bold;
text-align:center;
font-size:11px;
}
#kaso-ranking .top-ranking-in article:nth-of-type(1) a:after{
content:'1';
background:#ffbc00;
}
#kaso-ranking .top-ranking-in article:nth-of-type(2) a:after{
content:'2';
background:#3c9abf;
}
#kaso-ranking .top-ranking-in article:nth-of-type(3) a:after{
content:'3';
background:#994100;
}
#kaso-ranking .top-ranking-in article:nth-of-type(4) a:after{
content:'4';
background:#c1c1c1;
}
#kaso-ranking .top-ranking-in article:nth-of-type(5) a:after{
content:'5';
background:#c1c1c1;
}
#kaso-ranking .top-ranking-in article p a:after{
display:none;
}
#kaso-ranking .yokumi-in{
margin-right:10px;
}
#kaso-ranking .yokumi-in h3{
text-align:center;
background:#222;
color:#FFF;
height:50px;
line-height:50px;
font-size:18px;
}
#kaso-ranking .yokumi-in article{
margin:20px 0;
}
#kaso-ranking .yokumi-in article a{
display:-webkit-flex;
display:flex;
}
#kaso-ranking .yokumi-in article img{
width:115px;
height:80px;
object-fit:contain;
justify-content:center;
box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);
}

#kaso-ranking .yokumi-in article dl{
padding-left:10px;
}
#kaso-ranking .yokumi-in article dl dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
line-height:1.2;
}
#kaso-ranking .yokumi-in article dl dd{
font-size:12px;
line-height:1.2;
color:#555;
}

#kaso-ranking .toukou-in{
margin-left:10px;
}
#kaso-ranking .toukou-in h3{
text-align:center;
background:#222;
color:#FFF;
height:50px;
line-height:50px;
font-size:18px;
}
#kaso-ranking .toukou-in article{
margin:20px 0;
}
#kaso-ranking .toukou-in article a{
display: -webkit-flex;
display: flex;
}
#kaso-ranking .toukou-in article img{
width:115px;
height:80px;
object-fit:contain;
justify-content:center;
box-shadow: 0 0 0px 1px rgba(0,0,0,0.1);
}
#kaso-ranking .toukou-in article dl{
padding-left:10px;
}
#kaso-ranking .toukou-in article dl dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
line-height:1.2;
}
#kaso-ranking .toukou-in article dl dd{
font-size:12px;
line-height:1.2;
color:#555;
}


/*--radarChart4kaku--*/
.radarChart-box.diaGram_4{
display:block;
background:#FFF;
padding:60px 0;
border-radius:10px;
margin-top:30px;
margin-bottom: 30px;
text-align:center;
position:relative;
}
.radarChart-box.diaGram_4 ul.radarC-lists{
display:block;
width:100%;
height:100%;
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_4 ul.radarC-lists li .radarC-item{
display:block;
font-size:14px;
font-weight:bold;
}
.radarChart-box.diaGram_4 ul.radarC-lists li .radarC-number{
display:inline-block;
font-size:14px;
font-weight:bold;
background:#ff417c;
color:#FFF;
border-radius:50px;
width:28px;
height:28px;
line-height:28px;
margin-top:5px;
}
.radarChart-box.diaGram_4 ul.radarC-lists li {
width: 200px;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(1){
position: absolute;
top:40px;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){
position: absolute;
top:46%;
right:0%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(3){
position: absolute;
bottom: -8px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4){
position: absolute;
top:46%;
left:30%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}

/*--radarChart5kaku--*/

.radarChart-box.diaGram_5{
display:block;
background:#FFF;
padding:60px 0;
border-radius:10px;
margin-top:30px;
text-align:center;
position:relative;
}
.radarChart-box.diaGram_5 ul.radarC-lists{
display:block;
width:100%;
height:100%;
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_5 ul.radarC-lists li .radarC-item{
display:block;
font-size:14px;
font-weight:bold;
width: 95px;
margin: 0 auto;
}
.radarChart-box.diaGram_5 ul.radarC-lists li .radarC-number{
display:inline-block;
font-size:14px;
font-weight:bold;
background:#ff417c;
color:#FFF;
border-radius:50px;
width:28px;
height:28px;
line-height:28px;
margin-top:5px;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
position: absolute;
top:40px;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
position: absolute;
top:35%;
right:20%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
position: absolute;
top:75%;
right:24%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
position: absolute;
top:75%;
left:30%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
position: absolute;
top:35%;
left:28%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
/*--radarChart5kaku(スライダー)--*/
.slick-slider  .hyouka-main img.radarChart{
margin-right: 0;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li{
width: 200px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
position: absolute;
top:50px;
left:50%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
position: absolute;
top:35%;
right:-30%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:85%;
right: -14%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:85%;
left:29%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:12%;
}

/*--radarChart5kaku(app-syourai-wrap)--*/
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li{
width: 200px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
position: absolute;
top:44px;
left:50%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
position: absolute;
top:35%;
right:2%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:75%;
right: 6%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:75%;
left:36%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:32%;
}


/*--radarChart5kaku(kutikomi-title-box)--*/
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li{
width: 200px;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
position: absolute;
top:44px;
left:50%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
position: absolute;
top:35%;
right:2%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:75%;
right: 6%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:75%;
left:36%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:32%;
}

/*--radarChart6kaku--*/
.radarChart-box.diaGram_6{
display:block;
background:#FFF;
padding:60px 0;
border-radius:10px;
margin-top:30px;
margin-bottom: 30px;
text-align:center;
position:relative;
}
.radarChart-box.diaGram_6 ul.radarC-lists{
display:block;
width:100%;
height:100%;
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_6 ul.radarC-lists li .radarC-item{
display:block;
font-size:14px;
font-weight:bold;
width: 60px;
margin: 0 auto;
}
.radarChart-box.diaGram_6 ul.radarC-lists li .radarC-number{
display:inline-block;
font-size:14px;
font-weight:bold;
background:#ff417c;
color:#FFF;
border-radius:50px;
width:28px;
height:28px;
line-height:28px;
margin-top:5px;
}
.radarChart-box.diaGram_6 ul.radarC-lists li {
width: 200px;
}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(1){
position: absolute;
top:40px;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2){
position: absolute;
top:29%;
right:2%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
position: absolute;
top: 65%;
right: 2%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(4){
position: absolute;
bottom: -8px;
left: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(5){
position: absolute;
top: 65%;
left: 31%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(6){
position: absolute;
top: 29%;
left: 31%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}


/*--hikaku--*/

.kutikomi-hikaku-wrap2{
}
.kutikomi-hikaku-wrap2 .kutikomi-title-box-in {
padding: 10px;
background: #eaeaea;
border-radius: 10px;
}
.kutikomi-hikaku-wrap2 .kutikomi-title {
background:none;
padding:0;
border-radius: 10px;
}
.kutikomi-hikaku-wrap2 .hyouka-title-txt .num{
font-size: 26px;
font-weight: bold;
margin-right:10px;
}
.kutikomi-hikaku-wrap2 .hyouka-title-txt .hyouban-name-title{
color: #555;
}
.kutikomi-hikaku-wrap2 .hyouka-title-txt .hyouban-name-title a{
color: #066493;
}
main#main-lower .kutikomi-hikaku-wrap2 .sougoukutikomi{
margin:10px 0 0;
padding:20px 0;
background:#FFF;
border-radius:10px 10px 0 0;
text-align:center;
border-bottom:1px solid #ccc;
}
.kutikomi-hikaku-wrap2 .sougoukutikomi{
color: #555;
font-size:20px;
font-weight:bold;
}
.kutikomi-hikaku-wrap2 .sougoukutikomi span{
font-size:26px;
color: #fa0;
margin-right:5px;
}
.kutikomi-hikaku-wrap2 .kutikomi-title .hyouka-title-txt {
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 10px;
color:#888;
background:rgb(255 242 198);
padding:20px 10px;
border-radius:10px;
box-sizing:border-box;
border:2px solid rgb(255 220 146);
}
.kutikomi-hikaku-wrap2 .kutikomi-title .hyouka-title-txt:nth-of-type(2){
background:rgb(230 245 255);
border:2px solid rgb(182 227 255);
}
.kutikomi-hikaku-wrap2 .kutikomi-title .hyouka-title-txt img {
width: 130px;
margin: 0 10px 0 0;
}
.kutikomi-hikaku-wrap2 .radarChart-box {
background:none;
padding:0;
margin-top:0;
}
.kutikomi-hikaku-wrap2 .radarChart-box .radar-chart{
background:#FFF;
border-radius:0 0 10px 10px;
}
.kutikomi-hikaku-wrap2 .radarChart-box .radar-chart canvas{
}
.kutikomi-hikaku-wrap2 .radar-chart-legend{
text-align: center;
margin:20px 0 10px;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend img{
width:50px;
margin:0 5px;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend img:nth-of-type(2){
width:50px;
margin:0 5px 0 40px;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend span{
display: inline-block;
width:30px!important;
height:30px!important;
border:3px solid rgba(255,170,0,0.8)!important;
background-color: rgba(255,196,0,0.5)!important;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend span:nth-of-type(2){
display: inline-block;
width:30px;
height:30px;
border:3px solid rgba(54,164,235,0.8)!important;
background-color: rgba(54,164,235,0.5)!important;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban{
border:0px solid #e1e1e1;
border-radius: 5px;
box-shadow: 0 0 0 0px #f2f2f2;
display:contents;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban tbody{
display: -webkit-flex;
display: flex;
border:0;
justify-content: center;
align-items: center;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban tr{
width:50%;
border:2px solid rgb(255 220 146);
background:rgb(255 242 198);
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 5px 20px;
box-sizing:border-box;
border-radius:5px;
height:auto;
}

main#main-lower .kutikomi-hikaku-wrap2 table.hyouban tr:nth-of-type(2){
width:50%;
background:rgb(230 245 255);
border:2px solid rgb(182 227 255);
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 5px 20px;
box-sizing:border-box;
border-radius:5px;
height:auto;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td{
border:0;
width:100%;
text-align:center;
padding:10px 0;
margin-top:10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td:nth-of-type(2){
border:0;
width:100%;
text-align:center;
padding:10px 0;
background:#fff9ec;
border-radius:0 0 2px 2px;
margin-top:10px;
height:auto;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td img{
border-radius:8px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td span{
font-size:24px!important;
font-weight:bold;
margin:0 5px;
color:#ff8500!important;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td span:nth-of-type(2){
color:#555!important;
}


main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi{
border:0px solid #ccc;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tbody{
border:2px solid #ccc;
display:block;
border-radius:10px;
background:#f8f8f8;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td{
border:0px;
width:auto!important;
padding:0;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tr{
border:0px;
display: -webkit-flex;
display: flex;
align-items: center;
padding:10px;
background:#FFF;
border-radius:10px 10px 0 0;
border-bottom:1px solid #e8e8e8;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2){
border:0px;
margin-left:10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2) br{
display:none;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2) span{
margin:0 0 8px;
padding:0;
display:block;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2) span:nth-of-type(2){
margin:0;
padding:0;
display:block;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tr:nth-of-type(2){
border:0px;
background:none;
padding:0 10px 10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tr:nth-of-type(2) td span{
font-size:12px;
color:#f8f8f8;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-kaitou-sb{
padding:15px 10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb{
padding:10px 10px 5px;
background:#FFF;
border-radius:10px 10px 0 0;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb span:nth-of-type(1){
font-size:24px;
color:#ff8500!important;
font-weight:bold;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb span:nth-of-type(2){
font-size:24px;
color:#333;
font-weight:bold;
margin:0 5px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb span:nth-of-type(3){
font-size:12px;
color:#888!important;
margin:0 5px;
}

main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-kaitoutxt-sb{
padding:10px 10px 20px;
margin-bottom:10px;
background:#FFF;
border-radius:0 0 10px 10px;
line-height:normal;
font-size:14px;
}


main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .iinebt-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5px;
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .iinebt {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fa0;
color: #fff;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .iinebt div:last-of-type {
background: #fff;
display: inline-block;
padding: 0px 10px;
line-height:21px;
border-radius: 50px;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
}

#hikaku-overlay .modal_content{
width:85%;
margin: auto;
background:#FFF;
border-radius:10px;
padding:10px;
}
#hikaku-overlay .modal_content ul{
display: -webkit-flex;
display: flex;
justify-content:flex-start;
align-items:flex-start;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#hikaku-overlay .modal_content li{
width:20%;
height:120px;
max-height:200px;
padding:5px;
background:#FFF;
font-size:12px;
margin:5px 0;
}
#hikaku-overlay .modal_content li a{
display:block;
}
#hikaku-overlay .modal_content li a span{
display:block;
margin-top:5px;
color:#066493;
}
#hikaku-overlay .modal_content li span{
display:block;
color:#fa0;
}
#hikaku-overlay #hikaku-overlay-close-btn{
margin:auto;
display:block;
width:50%;
margin-top:20px;
padding:5px;
border:#ccc solid 1px;
border-radius:50px;
color:#FFF;
background:#888;
cursor:pointer;
}
#hikaku-overlay #hikaku-overlay-close-btn:hover{
opacity:0.8;
}

/*--kuchikomikakikata--*/

#kuchikomi_kakikata .modal-overlay {
width:100%;
height:100%;
display: flex;
justify-content: center;
align-items: center;
}
#kuchikomi_kakikata .modal-content {
padding:30px;
background-color: #FFF;
text-align: center;
font-size: large;
width:60%;
border-radius:10px;
box-sizing:border-box;
box-shadow:0 0 0 4px #ccc;
}
#kuchikomi_kakikata .modal-content p span{
font-size:24px!important;
display:block;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:3px solid #333;
}
#kuchikomi_kakikata .modal-content ul + p{
text-align:left;
background:#f4f4f4;
padding:10px;
border-radius:10px;
font-size:16px;
margin:20px 0 40px;
}
#kuchikomi_kakikata .modal-content ul{
text-align:left;
}
#kuchikomi_kakikata .modal-content ul li{
margin:10px 0;
font-weight:bold;
color:rgba(253,41,111,1);
}
#kuchikomi_kakikata .modal-content button{
border:1px solid #ccc;
padding:10px 20px;
border-radius:50px;
width:250px;
background:#555;
color:#FFF;
font-size:16px;
}

/*--accordion--*/

.kutikomikaitou label {
display:none;
}
.kutikomikaitou input {
display: none;
}

/*--no--*/

iframe[allowfullscreen="allowfullscreen"]{
width:100%;
}
.twitter-tweet{
display:block;
margin:10px auto!important;
}

.thanks-message dl{
background:#e1f0f6;
padding:10px;
border-radius:5px;
margin:20px 0;
display: -webkit-flex;
display: flex;
align-items: center;
}
.thanks-message dl dt{
color:#555;
}
.thanks-message dl dd{
margin-left:10px;
font-weight:bold;
}
.return-bt-box{
display: -webkit-flex;
display: flex;
align-items: center;
margin:30px 0 40px;
}
.thanks-message .return-bt-box .return-bt{
border-bottom:2px solid #066493;
padding-bottom:5px;
}
.thanks-message .return-bt-box .return-bt + div{
margin-left:30px;
}

.bannerImage{
width:100%;
height:250px;
position:relative;
background:url(https://koesiru.jp/img/common/design/hikakubanana.jpg);
border:1px solid #ececec;
}
.bannerImage ul{
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.bannerImage ul li{
margin:20px!important;
}
.bannerImage ul li img{
width:100%;
border-radius:15px;
}

.article .search-form_inputXX{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-radius: 5px;
padding: 8px 10px;
background: #eee;
width: 96%;
margin: 0 auto;
}
.article .search-form_inputXX #search-form-box{
background: #fff;
border: 1px solid #888;
width: 94%;
}
.article .search-form_inputXX .css-button{
border: none;
background: #2d2d2d;
display: inline-block;
padding: 0 30px;
line-height: 30px;
color: #fff;
font-size: 14px;
cursor: pointer;
border-radius: 30px;
margin-left: 10px;
}

a.gachaBtn.detailLink{
width: 90%;
display: block;
margin: 20px auto;
padding: 10px;
border-radius:5px;
border: 0;
background: #ff3171;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
box-shadow:0px 3px 0px 0px #a92e55;
}

/* creators */
ul.creators-list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
width:100%;
padding:10px;
border-radius:3px;
margin:0 0 30px!important;
}
ul.creators-list li.creator-box{
width:100%;
height:140px;
padding:5px 10px;
margin:5px;
border-radius:3px;
box-shadow:0 0 0 1px #ebf1f2;
background:#FFF;
box-sizing:border-box;
}
ul.creators-list li.creator-box p:empty{
display:none;
}
ul.creators-list li.creator-box a{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
box-sizing:border-box;
width:100%;
}
ul.creators-list li.creator-box img{
width:120px;
height:120px;
object-fit:cover;
border-radius:10px;
box-shadow:0 0 0 1px #ebf1f2;
display:block;
text-align:left;
margin-bottom:3px;
}
ul.creators-list li.creator-box .creator-title{
display:block;
width:100%;
text-align:left;
font-size:14px;
line-height:normal;
font-weight:bold;
}
ul.creators-list li.creator-box .creator-title + br{
display:none;
}
ul.creators-list li.creator-box .creator-name{
display:block;
width:100%;
text-align:left;
font-size:20px;
font-weight:bold;
line-height:normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom:5px;
}
ul.creators-list li.creator-box{
display: -webkit-flex;
display: flex;
align-items: center;
}
ul.creators-list li.creator-box .creator-box-left{
width:18%;
}
ul.creators-list li.creator-box .creator-box-right{
width:82%;
padding:0 20px 0 20px;
}
ul.creators-list li.creator-box .creator-box-right br{
display:none;
}
ul.creators-list li.creator-box .creator-box-right .creator-profile{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
font-size:14px;
margin-bottom:5px;
}
ul.creators-list li.creator-box .creator-box-right .creator-awards{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size:12px;
color:#999;
}
ul.creators-list li.creator-box .creator-box-right .creator-awards:before{
content:"";
background:url(https://koesiru.jp/img/common/icon/keireki-icon.svg)no-repeat;
width:20px;
height:18px;
display:inline-block;
vertical-align:middle;
}
/* creators2 */
.creator-detail{
margin:10px 0;
padding:20px;
border-radius:5px;
box-shadow:0 0 0 1px #222;
}
.creator-detail .creator-name{
width:100%;
margin-bottom:20px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
border-bottom:3px double #222;
padding-bottom:20px;
}
.creator-detail .creator-name dt{
margin-right:20px;
}
.creator-detail .creator-name dt img{
border-radius:50px;
width:80px;
height:80px;
object-fit:cover;
box-shadow:0 0 0 1px #ccc;
}
.creator-detail .creator-name dd{
display: -webkit-flex;
display: flex;
align-items: center;
}
.kasou-cont-wrap main#main-lower .creator-detail .creator-name dd h1{
margin:0;
}
.creator-detail .creator-name dd span:nth-of-type(1){
display:block;
width:100%;
font-size:14px;
line-height:normal;
color:#888;
}
.creator-detail .creator-name dd span:nth-of-type(2){
display: block;
width: 100%;
font-size: 18px;
font-weight:bold;
line-height: normal;
color:#333;
height:auto;
}
.creator-detail .creator-profile{
width:100%;
}
.creator-detail .creator-profile dt{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.creator-detail .creator-profile dd{
line-height:normal;
margin-bottom:20px;
font-size:14px;
}
.creator-detail .creator-awards{
width:100%;
}
.creator-detail .creator-awards dt{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.creator-detail .creator-awards dd{
line-height:normal;
margin-bottom:20px;
font-size:14px;
}
.creator-detail .creator-sns{
width:100%;
margin-bottom:20px;
}
.creator-detail .creator-sns dt{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.creator-detail .creator-sns dd{
}
.creator-detail .creator-sns dd ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin-bottom:10px;
}
.creator-detail .creator-sns dd ul li{
width:40px;
margin-right:15px;
}
.creator-detail .creator-sns dd ul li img{
width:100%;
}
.creator-detail .creator-sns dd ul li img[src="https://koesiru.jp/img/common/icon/sns-y.png"]{
box-shadow:0 0 0 1px #dde4e6;
border-radius:5px;
}
.creator-detail .creator-sns .job-request{
line-height:normal;
font-size:14px;
color:#888;
width:100%;
background:#fffff8;
display:block;
padding:10px;
border-radius:3px;
}
.creator-detail .creator-review{
}
.creator-detail .creator-review dt{
font-size:20px;
font-weight:bold;
margin-bottom:10px;
}
.creator-detail .creator-review dd{
}
.creator-detail .creator-review dd .creator-review-list{
}
.creator-detail .creator-review dd .creator-review-list li{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;
padding:10px;
background:#f0f0f0;
border-radius:5px;
}
.creator-detail .creator-review dd .creator-review-list li a{
width:70px;
margin-right:20px;
}
.creator-detail .creator-review dd .creator-review-list li a img{
width:100%;
}
.creator-detail .creator-review dd .creator-review-list li .kuchikomi-title{
width:80%;
}
.creator-detail .creator-review dd .creator-review-list li .kuchikomi-title a{
font-size:18px;
font-weight:bold;
color:#ff3171;
line-height:1.2;
}
.creator-detail .creator-review dd .creator-review-list li .kuchikomi-postdate{
position:absolute;
left:100px;
bottom:10px;
color:#919191;
}

/* tooltip */
main#main-lower p#hyouka-kijun{
margin:0;
line-height:1;
}
main#main-lower p#hyouka-kijun img{
width:20px!important;
height:20px!important;
}
.hyouka-kijun-tooltip{
background:#f2f7f9;
padding:10px;
box-shadow:0 0 0 2px #b8d1dd;
width:650px;
margin:auto;
font-size:14px;
line-height:1.5;
border-radius:5px;
}



/*--PCend--*/


@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){

/*------------------------------------------------------------
下層ヘッダー
-------------------------------------------------------------*/
body {
overflow-x: hidden;
-webkit-overflow-scrolling: touch;
}

header#lower-header{
padding: 20px 0;
box-sizing: border-box;
width:100%;
margin: 0 auto;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.header-h1{
font-size: 12px;
margin-left:20px;
width:100%;
}
main#main-lower p{
line-height:1.7;
margin:0px 0 21px;
font-size:14px;
}
main#main-lower p.lead {
font-size: 11px;
color: #999;
margin:5px 0 21px;
}
main#main-lower table + p{
margin:21px 0;
}
main#main-lower ul + p,main#main-lower ol + p,main#main-lower dl + p{
margin-top:21px!important;
}
main#main-lower p.mg-none{
margin:0!important;
}
main#main-lower h3 + p{
margin-top:0px;
}
main#main-lower .hyoukaRnk-title dd p{
background: none;
padding: 0;
margin: 0;
font-size:16px;
color: #066493;
font-weight: bold;
text-align:left;
}
main#main-lower p.error_msg{
line-height:normal;
font-size:14px;
font-weight:bold;
color:#ff3636;
margin:10px 0;
}
header#lower-header form{
border-radius: 4px;
margin:0 0 0 auto;
width: 60%;
}
#search-form-box{
border: 0;
padding: 5px;
background: none;
width: 320px;
line-height: 26px;
}
header#lower-header .css-button {
right: -15px;
top: 50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
#lower-header form .css-button{
border: none;
background: #2d2d2d;
display: inline-block;
padding: 0 10px;
line-height: 24px;
color: #fff;
font-size: 11px;
cursor: pointer;
margin-right: 0;
border-radius: 100px;
}
header#lower-header #search-form-box {
border:1px solid #FFF;
padding: 0px 50px 0px 10px;
background: none;
width:100%;
line-height:normal;
background: #ccc;
border-radius: 5px;
outline: none;
height:35px;
max-width: 100%;
font-size:12px!important;
}

header#lower-header{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
box-sizing: border-box;
padding: 10px;
width: 100%;
justify-content: space-between;
}
.logo{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
align-items: center;
width:auto;
}
.header-h1{
margin: 5px 0 0 0;
font-size: 10px;
}
#search-form-box{
width: 74px;
}
form .css-button{
padding: 0 10px;
margin-right: 5px;
}
.menu-btn img{
width: 25px;
margin:0 5px 0 15px;
}
#breadcrumbs{
width: 100%;
line-height: 24px;
margin-bottom: 20px;
}
#breadcrumbs ul{
box-sizing:border-box;
width: 100%;
padding-left: 10px;
}
#breadcrumbs li {
font-size: 10px;
}
.kasou-cont-wrap{
width: 100%;
padding: 0px 10px;
margin: 0 auto 160px;
display: block;
}
main#main-lower{
width: 100%;
margin-bottom: 50px;
float: none;
}
.kasou-cont-wrap main#main-lower h1{
font-size: 20px;
font-weight: bold;
margin: 10px 0 5px;
line-height:1.4;
}
.post .article > ul,.post .article > ol{
margin: 0 0 21px;
}
.post-data {
font-size: 11px;
}
.post-tag{
margin-left: 20px;
padding: 0 8px;
line-height: 22px;
}
.post-tag:before, .post-tag:after{
border: 11px solid transparent;
border-right: 10px solid transparent;
border-left: 10px solid transparent;
}
.post-tag:before {
border-right-color: #cacaca;
}
.post-tag:after {
border-left-color:  #cacaca;
}
.snsBox li img {
width: 26px;
}
.mokuji{
padding: 12px 16px;
margin: 14px 0 10px;
}
main#main-lower h2 {
font-size: 16px;
margin: 30px 0 10px;
padding: 12px 14px 10px;
}
main#main-lower h2 + p{
margin-top:0;
}
.rank-box-l{
width: 33%;
margin-right: 1%;
}
.rank-box-in{
padding: 8px;
}
.rank-box-l .icon-wrap{
font-size: 12px;
}
.rank-box-l .icon-wrap img{
width: 80px;
}
.rank-box-l .btn-wrap a{
font-size: 13px;
width:80%;
line-height: 24px;
margin-bottom:5px;
}
.rank-box-l .btn-wrap a.syousai{
margin-bottom:0px;
}
.rank-box-r{
width: 66%;
}
.rank-box-r .hyouban-wrap{
padding: 8px;
}
.rank-box-r .hyouban-wrap dt {
font-size: 16px;
width: 36px;
margin-right: 6px;
text-align: left;
}
.rank-box-r .hyouban-wrap dd img {
width: 100px;
}
.rank-box-r .hyouban-wrap dd span {
font-size: 26px;
margin-left: 6px;
}
.rank-box-r .kutikomi-wrap dt {
display: inline-block;
width: 92px;
margin-right: 0;
text-align: left;
padding-left: 8px;
}
.good p, .bad p{
font-size: 13px;
}
.app-syourai-wrap .hyouban-wrap dt, .app-syourai-wrap .kutikomi-wrap dt{
font-size: 16px;
width: 80px;
}
.app-syourai-wrap .hyouban-wrap dd img{
width: 100px;
}
.app-syourai-wrap .hyouban-wrap .nam{
font-size: 26px;
margin-left: 8px;
}
.app-syourai-wrap .kutikomi-wrap .nam{
font-size: 18px;
padding: 0px 16px;
margin-right: 4px;
}
.app-syourai-wrap img.radarChart{
width: 80%;
}
.morebtn{
width: 100%;
height: 42px;
font-size: 12px;
border-radius: 25px;
color: #fff;
font-weight: bold;
padding: 0;
text-align: center;
}
aside {
width: 100%;
margin-left: 0;
}
.kasou-cont-wrap aside h3{
font-size: 24px;
position: relative;
margin: auto;
padding: 15px;
width: 90%;
background-color: #FFF;
}
aside h3 .kakko{
display: block;
}
.kasou-cont-wrap aside h3:before{
position: absolute;
content: '';
width: 15px;
height: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
top: 0;
left: 0;
border-top: 3px solid #fa0;
border-left: 3px solid #fa0;
}
.kasou-cont-wrap aside h3:after{
position: absolute;
content: '';
width: 15px;
height: 15px;
-webkit-box-sizing: border-box;
box-sizing: border-box;
bottom: 0;
left: 0;
right: auto;
border-bottom: 3px solid #fa0;
border-left: 3px solid #fa0;
}
#lowerRight .request-wrap h3:after{
content: '';
}
.category-wrap ul{
border:0;
padding: 0;
margin-top: 30px;
}
.category-wrap li a{
position: relative;
padding: 25px 10px 25px 65px;
border: 0;
border-top: 2px solid #ccc;
}
.category-wrap li:last-of-type{
border-bottom: 2px solid #ccc;
}
.category-wrap li a:before {
content: "";
width: 7px;
height: 30px;
display: block;
background: url(https://koesiru.jp/img/common/icon/icon-yajiyoko-sp.png) no-repeat center;
background-size: 100%;
top: 50%;
right: 0px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
position: absolute;
}
.rank-wrap .tab{
margin-top: 30px;
}
.rank-wrap .tab span:first-of-type,.rank-wrap .tab span:last-of-type{
border-radius: 0;
}
.category-wrap li img{
width: 35px;
display: block;
margin: auto;
position: absolute;
top: 50%;
left: 30px;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
}
.rank-list{
padding: 0;
border:0;
border-top: 3px solid #2d2d2d;
}
.rank-list article{
padding: 10px 12px;
border-bottom: 2px solid #ccc;
}
.rank-list article:last-of-type{
border-bottom: 2px solid #ccc;
}
.rank-list article img {
width: 120px;
height:80px;
object-fit: contain;
}
.rank-list article dl dt {
font-size: 14px;
font-weight: bold;
margin-bottom: 5px;
}
.rank-list article dl dd {
font-size: 12px;
line-height: 1.2;
color: #555;
}
.qlist-in{
border:0;
padding: 0;
margin: 30px 0;
}

/*--kutikomi-hyouka--*/
.kutikomi-title dl dt{
margin-right: 3px;
width:15%;
}
.kutikomi-title dl dd{
width:85%;
}
.kutikomi-title dl dt img {
width: 50px;
}
.kutikomi-title .hyouka-title-txt img {
width: 80px;
margin: 0 5px;
}
.kutikomi-title .hyouka-title-txt div:first-of-type{
font-size: 24px;
margin-right: 4px;
}
.kutikomi-title .hyouka-title-txt div:last-of-type {
font-size: 11px;
}
.kutikomi-title .hyouka-title-txt div:last-of-type img {
width: 46px;
margin: 0 2px;
}
.kutikomi-title dd a{
font-size: 12px;
}
.kutikomi-title .hyouka-title-txt{
margin-bottom: 4px;
}
.radarChart-box img.radarChart{
width: 80%;
}
/*--kutikomi-hyouka-matome--*/


.kh-matome-title .no-review{
border-bottom:1px solid #ccc;
border-left:1px solid #ccc;
border-right:1px solid #ccc;
border-radius:5px;
display: -webkit-flex;
display: flex;
align-items: baseline;
margin:0px!important;
padding: 18px 0px 18px 10px;
position: relative;
width:100.6%;
align-items: center;
position:absolute;
top:0;
left:-1px;
}
.kh-matome-title .no-review a {
position: absolute;
font-size: 16px;
color: #FFF;
right: 5px;
top: 7px;
background: #066493;
padding: 8px 20px;
border-radius: 50px;
}



.kh-matome-title img{
width: 80px;
margin: 0 4px 0 0;
}
.kh-matome-title div:first-of-type{
font-size: 26px;
margin-right: 6px;
}
.kh-matome-title div:last-of-type{
font-size: 11px;
}
.kh-matome-title a{
top: 12px;
right: 8px;
padding: 6px 10px;
font-size: 12px;
}
.kh-matome-hoshi ul{
width: 96%;
}
.kh-matome-hoshi li div:first-of-type {
display: inline-block;
width: 18%;
}
.kh-matome-hoshi li div.barBox{
display: inline-block;
height: 26px;
}
.kh-matome-hoshi li div.barIn{
display: inline-block;
height: 26px;
}
.kh-matome-hoshi li div:nth-of-type(3){
width: 13%;
}
.kutikomikaitou dl dt{
width: 13%;
}
main#main-lower h3 {
font-size: 16px;
margin: 25px 0 15px;
padding: 13px 12px 11px;
}
main#main-lower h2 + h3 {
font-size: 16px;
margin: 15px 0 15px;
padding: 13px 12px 11px;
}
main#main-lower h4 {
padding: 8px 18px 7px;
margin: 10px 0;
font-size: 14px;
border-bottom: 1px solid #555;
position: relative;
font-weight: bold;
}
main#main-lower h4:before{
content:"";
width:6px;
height:100%;
border-radius:10px 10px 0 0;
top:0;
left:0;
background:#555;
position:absolute;
}
.kaitousyabetu-wrap dl dt{
margin-right: 8px;
}
.kaitousyabetu-wrap dl dd a{
margin-right: 2px;
}
.kaitousyabetu-wrap dl dd a:after{
margin-right: 2px;
}
main#main-lower .iiten{
margin: 0px 0 10px 14px;
}
main#main-lower .warui{
margin: 0px 0 10px 14px;
}
.formKutikomi .form-kutikomi dt{
font-size: 14px;
}
.formKutikomi .form-kutikomi dd {
margin-bottom: 16px;
}
.formKutikomi .form-kutikomi .hosiwrap img {
width: 26px;
margin-right: 4px;
}
.formKutikomi .form-kutikomi .fukidasi {
font-size: 14px;
padding: 8px 10px;
margin: 16px 0 16px 0;
}
.form-kutikomi-inner dl{
padding: 8px;
}
.formKutikomi .form-kutikomi .form-kutikomi-inner dt{
font-size: 13px;
}
@media only screen and (max-width : 414px){.formKutikomi .form-kutikomi .form-kutikomi-inner dt{max-width: 180px;}}
@media only screen and (max-width : 375px){.formKutikomi .form-kutikomi .form-kutikomi-inner dt{max-width: 140px;}}
@media only screen and (max-width : 375px){.formKutikomi .form-kutikomi .form-kutikomi-inner dt{max-width: 124px;}}
.form-kutikomi-inner dt{
width:50%;
}
.form-kutikomi-inner dd{
width:50%;
}
.form-kutikomi-inner dd .hosiwrap{
display: -webkit-flex;
display: flex;
align-items: center;
}
.form-kutikomi-inner dd .hosiwrap input[type="button"]{
font-size: 11px;
line-height:23px;
width:70px;
margin-right: 5px;
}
.formKutikomi .form-kutikomi .form-kutikomi-inner dd .hosiwrap img{
width: 20px;
margin-right: 0px;
}
.kutikomi-hyouka-matome th{
font-size: 13px;
vertical-align: middle;
padding: 10px 0;
}
.kutikomi-hyouka-matome td{
font-size: 13px;
vertical-align: middle;
}
.hyoukaRnk-title dt img{
width: 56px;
margin-right: 5px;
}
main#main-lower .hyoukaRnk-title dd h3{
font-size: 16px;
}
.hyoukaRnk-list .hyoukaRnk-title li img{
width: 100px;
margin-right: 6px;
}
.hyoukaRnk-list .hyoukaRnk-title li span{
font-size: 26px;
}
.hyoukaRnk-title li:last-of-type{
font-size: 13px;
padding: 5px 0;
}
.hyoukaRnk-list li{
padding: 8px 0px 8px 36px;
}
.hyoukaRnk-list li img{
width: 28px;
}
.hyoukaRnk-list-more{
font-size: 18px;
}
.hyoukaRnk-list-more:before{
width: 10px;
height: 10px;
left: -13px;
border: 5px solid transparent;
border-left: 8px solid #066493;
}
main#main-lower .kutikomi-g-b .hyouka-good h3{
font-size: 16px;
}
main#main-lower .kutikomi-g-b .hyouka-bad h3{
font-size: 16px;
}

/*------------------------------------------------------------
投稿フォーム
-------------------------------------------------------------*/
.kuchikomi-toko p{
width:60%;
font-size:16px;
}
#toko-form.formKutikomi .form-kutikomi input[type="text"]{
min-width:100%;
}
#toko-form.formKutikomi .form-kutikomi textarea {
min-width:100%;
}

#kuchikomi-image-wrapper ul:first-of-type li{
margin:2px;
font-size:12px;
}
input[name="kuchikomi-toko"]{
width:95%;
}

.kuchikomi-menu{
width:100%;
position: fixed;
left:0;
bottom:0;
background:#000!important;
z-index:1000;
opacity:0.85;
display:block;
}
.kuchikomi-menu ul{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
height:50px;
}
.kuchikomi-menu ul li{
display:block;
background:none;
border-right:1px solid #FFF;
padding:0!important;
margin:0!important;
height:50px;
box-sizing:border-box;
}
.kuchikomi-menu ul li:last-of-type{
border:0;
}
.kuchikomi-menu ul li a{
display:block;
background:none;
font-size:13px;
height:100%;
width:100%;
line-height:normal;
color:#FFF;
box-sizing:border-box;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.kuchikomi-menu ul li a span{
color:#fa0;
margin-top:-15px;
display:block;
}


/*------------------------------------------------------------
下層3
-------------------------------------------------------------*/
.kutikomi-hikaku-wrap{
padding: 5px 10px 20px 10px;
}
main#main-lower .kutikomi-hikaku-wrap h2{
padding: 0 0 0 44px;
font-size: 18px;
line-height:1.2;
margin-bottom:20px;
}
main#main-lower .kutikomi-hikaku-wrap h2:before {
width: 32px;
height: 32px;
}
.kutikomi-hikaku-wrap .app-wrap img{
width: 50px;
}
.kutikomi-hikaku-wrap .app-wrap dl{
margin-left: 12px;
}
.kutikomi-hikaku-wrap .app-wrap dt{
font-size: 16px;
margin-bottom: 5px;
font-weight: bold;
color: #555;
}
.kutikomi-hikaku-wrap .app-wrap dd img{
width: 100px;
}
.kutikomi-hikaku-wrap .app-wrap .num{
font-size: 24px;
margin-left: 5px;
top:0px;
}
.kutikomi-hikaku-wrap .chart-wrap .inner{
border-radius: 10px;
margin-top: 20px;
padding: 10px 20px;
}
main#main-lower .kutikomi-hikaku-wrap .chart-wrap .sougou{
font-size: 24px;
padding:0 0 5px;;
margin:0 0 10px;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text{
margin: 20px 0 0 0;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text div{
margin: 0px 10px;
font-size:14px;
display:block;
width:auto;
box-sizing:border-box;
padding-left:25px;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text div:before{
width: 18px;
height: 18px;
border: 2px solid #ef356f;
left:0;
}
.kutikomi-hikaku-wrap .chart-wrap .chart-text div:nth-of-type(2):before{
border: 2px solid #009bb5;
}
main#main-lower .app-kutikomi-wrap h3{
font-weight: bold;
background: #fff;
position: relative;
font-size: 16px;
padding: 0 0 0 28px;
margin: 0 0 20px 0px;
}
main#main-lower .app-kutikomi-wrap h3:before {
content: '';
display: block;
width: 23px;
height: 23px;
background: url(https://koesiru.jp/img/common/icon/original.png) no-repeat center / contain;
position: absolute;
top: 0;
bottom: 0;
left: 0;
margin: auto;
}
main#main-lower .app-kutikomi-wrap h3.muryou{
margin: 36px 0 26px 0px;
}
main#main-lower .app-kutikomi-wrap h3.muryou:before{
background: url(https://koesiru.jp/img/common/icon/muryou.png) no-repeat center / contain;
}
.app-kutikomi-wrap .inner{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 20px;
}
.app-kutikomi-wrap .inner dl{
box-sizing: border-box;
width:48%;
border-radius: 10px;
border: 2px solid #f5ccd8;
background: #fae6ec;
}
.app-kutikomi-wrap .inner dl:nth-of-type(2){
margin-left:auto;
background: #def1f4;
border: 2px solid #bce8ef;
}
.app-kutikomi-wrap .inner dt{
text-align: center;
padding: 10px 0;
}
.app-kutikomi-wrap .inner dt a{
display:block;
margin-bottom:5px;
}
.app-kutikomi-wrap .inner dt img{
width:80px;
}
.app-kutikomi-wrap .inner dt div{
color: #066493;
font-weight: bold;
margin: 10px 0 0;
font-size: 14px;
}
.app-kutikomi-wrap .inner dd{
text-align: center;
padding: 2px 0 8px;
background: #fff9e6;
border-radius: 0 0 10px 10px;
}
.app-kutikomi-wrap .inner dd img{
width:100px;
}
.app-kutikomi-wrap .inner dd .num{
font-size:24px;
display: inline-block;
font-weight: bold;
position: relative;
top:0;
margin-left:5px;
}
.app-kutikomi-wrap .app-kutikomi{
border:2px solid #ccc;
border-radius:10px;
margin-bottom: 20px;
background: #f2f2f2;
padding: 0 0 10px 0;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi{
background:#fff;
border-radius: 10px 10px 0 0;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 14px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .en-icon{
position: relative;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .en-icon:before{
content: '';
display: block;
width: 28px;
height: 28px;
background: url(https://koesiru.jp/img/common/icon/kakin.png) no-repeat center / contain;
position: absolute;
top: -5px;
left: -9px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi img{
width:50px;
margin-right: 10px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .small{
font-size: 14px!important;
font-weight:normal;
color: #999;
margin-bottom: 8px;
}
.app-kutikomi-wrap .app-kutikomi .inner-midasi .big{
font-size: 18px!important;
font-weight: bold;
color: #555;
}
.app-kutikomi-wrap .app-kutikomi .inner-name{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 10px 10px 15px;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div{
margin-right: 5px;
font-size:10px;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div:after{
content:'|';
color: #ccc;
font-size: 12px;
margin-left: 8px;
position: relative;
bottom: 1px;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div:last-of-type{
color: #888;
}
.app-kutikomi-wrap .app-kutikomi .inner-name div:last-of-type:after{
content:'';
}
.app-kutikomi-wrap .app-kutikomi .inner-white{
padding: 10px;
background:#fff;
border-radius:10px;
margin: 0 10px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white p{
font-size:14px;
color:#666;
}
.app-kutikomi-wrap .app-kutikomi .inner-white .inner-white-in img{
width:140px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white .inner-white-in .num{
font-size: 24px;
display: inline-block;
font-weight: bold;
margin-left: 10px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white a{
position: relative;
color:#066493;
left: 24px;
}
.app-kutikomi-wrap .app-kutikomi .inner-white a:before {
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left: -18px;
bottom: 0;
margin: auto;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 10px solid #066493;
}
main#main-lower .app-kutikomi-wrap .inner dt p{
padding:0;
}
main#main-lower .app-kutikomi-wrap .app-kutikomi .inner-white p:last-of-type{
padding:0;
}


/*口コミ募集*/
.mokujiInfo {
padding: 12px 16px;
margin: 14px 0 10px;
}
.kutikomibosyuutoha th{
font-size: 14px;
vertical-align: middle;
line-height: 1.5;
}
.kutikomibosyuutoha td{
font-size: 14px;
line-height: 1.5;
}
.kutikomibosyuutoha h4{
font-size: 16px;
}
.touhyou_ranking_list td{
padding: 4px;
}
.touhyou_ranking_list td .tohyoWrap{
width: 100%;
}
.touhyou_ranking_list .tohyoWrap .tohyoCnt{
width: 24%;
text-align: right;
}
.touhyou_ranking_list .tohyoContents01{
line-height: 1.3;
}
#kuchikomi_request_frm #title{
font-size: 13px;
width: 65%;
margin-right: 5px;
}
#kuchikomi_request_frm #TitleSubmit{
padding: 0px 6px;
font-size: 14px;
}


/*口コミ承認状況の進捗確認*/
.input-form form{
font-size: 16px;
}
.input-form form input[type="text"]{
margin: 0px 5px;
padding: 0px 5px;
font-size: 14px;
width: 50%;
}
.input-form form input[type="submit"]{
width: 80px;
font-size: 14px;
}
.status-check-box{
padding: 12px;
border: 2px solid #ccc;
margin-bottom: 15px;
}
.status-check-box dt{
font-size: 15px;
}
main#main-lower .yokumi-in h3, main#main-lower .toukou-in h3{
font-size: 16px;
height: 44px;
line-height: 44px;
}
main#main-lower .yokumi-in article,main#main-lower .toukou-in article{
padding-bottom: 20px;
}
main#main-lower .yokumi-in, main#main-lower .toukou-in{
width: 100%;
margin:0;
}

/*崩れ回収CSS*/

.kutikomi-hyouka-matome .hyouka-good dt div:first-of-type{
width:15%;
}
.kutikomi-hyouka-matome .hyouka-good dt div:nth-of-type(2){
width:85%;
display: flex;
align-items: center;
}
.kutikomi-hyouka-matome .hyouka-bad dt div:first-of-type{
width:15%;
}
.kutikomi-hyouka-matome .hyouka-bad dt div:nth-of-type(2){
width:85%;
display: flex;
align-items: center;
}
.good dt:after,.bad dt:after{
top:60%;
right:-20px;
}
.post-meta{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
margin-bottom: 10px;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
position:relative;
}
main#main-lower .post-data time{
font-size: 10px;
color: #c4c4c4;
}
.post-tag{
color: #fff;
font-size: 11px;
display: inline-block;
position: relative;
padding: 0 5px;
margin:0 5px;
background: #c4c4c4;
line-height: 20px;
width:auto;
text-align:center;
box-sizing:border-box;
}
.post-tag:before,.post-tag:after{
content: '';
position: absolute;
top: 0;
width: 0;
height: 0;
border: 10px solid transparent;
border-right: 5px solid transparent;
border-left: 5px solid transparent;
}
.post-tag:before {
right: 100%;
border-right-color: #c4c4c4;
}
.post-tag:after {
left: 100%;
border-left-color:  #c4c4c4;
}
.post-tag span{
color: #fff;
}
.post-data{
width:auto;
display:inline-block;
display:block;
width:100%;
margin:0px 0 3px!important;
}
.snsBox.share-box{
width:auto;
margin: 0 0 0 auto!important;
position:absolute;
top:50%;
right:0;
transform: translateY(-50%) translateX(0%);
-webkit- transform: translateY(-50%)translateX(0%);
}
.snsBox{
margin-left: auto;
}
main#main-lower .snsBox li{
display: inline-block;
margin-left: 5px;
margin-bottom:0;
line-height:normal;
}
.snsBox li img{
width: 28px;
}


/*--radarChart4kaku--*/
@media only screen and (max-width : 429px){
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){right:-36%;}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(3){bottom: -6px;}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4){left:16%;}
}
@media only screen and (max-width : 376px){
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){right:-41%;}
}
@media only screen and (max-width : 360px){
.radarChart-box.diaGram_4{margin-bottom: 20px;}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){right:-44%;}
}

/*--radarChart5kaku--*/

.radarChart-box.diaGram_5{
display:block;
background:#FFF;
padding:50px 0;
border-radius:10px;
margin-top:30px;
text-align:center;
position:relative;
}
.radarChart-box.diaGram_5 ul.radarC-lists{
display:block;
width:100%;
height:100%;
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
}
.radarChart-box.diaGram_5 ul.radarC-lists li .radarC-item{
display:block;
font-size:12px;
font-weight:bold;
}
.radarChart-box.diaGram_5 ul.radarC-lists li .radarC-number{
display:inline-block;
font-size:14px;
font-weight:bold;
background:#ff417c;
color:#FFF;
border-radius:50px;
width:26px;
height:26px;
line-height:26px;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top:38px;
left:50%;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-5%;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:85%;
right:0%;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:85%;
left:25%;
}
.radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:15%;
}
.kutikomi-hyouka .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:3%;
}
.kutikomi-hyouka .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:85%;
right:17%;
}
/*--radarChart5kaku(スライダー)--*/
.slick-slider .hyouka-main img.radarChart {
margin:0 auto 20px;
}
@media only screen and (max-width : 429px){
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top:20px;
left:50%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-40%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:82%;
right: -28%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:82%;
left:24%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:13%;
}
}
@media only screen and (max-width : 414px){
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top:20px;
left:50%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-43%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:82%;
right: -28%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:82%;
left:25%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:12%;
}
}
@media only screen and (max-width : 376px){
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top:20px;
left:50%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-49%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:82%;
right: -38%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:82%;
left:21%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:12%;
}
}
@media only screen and (max-width : 360px){
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-52%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:82%;
right: -40%;
}
}
/*--radarChart5kaku(app-syourai-wrap)--*/
@media only screen and (max-width : 429px){
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top:34px;
left:50%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-32%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:75%;
right: -24%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:75%;
left: 28%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:20%;
}
}
@media only screen and (max-width : 414px){
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top:34px;
left:50%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-35%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:75%;
right: -25%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:75%;
left: 28%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:20%;
}
}
@media only screen and (max-width : 376px){
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){right:-41%;}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){right: -32%;}
}
@media only screen and (max-width : 360px){
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){right:-44%;}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){right: -35%;}
}

/*--radarChart5kaku(kutikomi-title-box)--*/
@media only screen and (max-width : 429px){
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top:34px;
left:50%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
top:35%;
right:-33%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
top:75%;
right: -26%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
top:75%;
left: 28%;
}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
top:35%;
left:20%;
}
}
@media only screen and (max-width : 376px){
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){right:-40%;}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){right: -32%;}
}
@media only screen and (max-width : 360px){
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){right:-42%;}
.article .kutikomi-title-box .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){right: -34%;}
}

/*--radarChart6kaku--*/
@media only screen and (max-width : 415px){
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2){top: 28%;right: -32%;}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){top: 66%;right: -32%;}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(4){bottom: -6px;}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(5){top: 66%;left: 20%;}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(6){top: 28%;left: 20%;}
}
@media only screen and (max-width : 376px){
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2){right: -37%;}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){right: -37%;}
}
@media only screen and (max-width : 360px){
.radarChart-box.diaGram_6{margin-bottom: 20px;}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2){right: -41%;}
.radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){right: -41%;}
}

/*--other--*/
#main-lower .post table{
margin-bottom:0;
}
#main-lower .scroll-table-box .scroll-table-box-in table {
  margin-bottom: 10%;
}
.narabikae{
width: 76%;
}
@media only screen and (max-width : 376px){
.narabikae{
width: 72%;
}
}

.thanks-message dl{
background:#e1f0f6;
padding:10px;
border-radius:5px;
margin:20px 0;
display: -webkit-flex;
display:block;
align-items: center;
}
.thanks-message dl dt{
color:#555;
margin-bottom:10px;
font-size:14px;
}
.thanks-message dl dd{
margin:0;
font-weight:bold;
font-size:16px;
}
.thanks-message dl dd a{
color:#066493;
}
.return-bt-box{
display:block;
margin:30px 0 40px;
}
.thanks-message .return-bt-box .return-bt{
border-bottom:0px solid #066493;
margin-bottom:20px;
}
.thanks-message .return-bt-box .return-bt + div{
margin-left:0px;
}
iframe[allowfullscreen="allowfullscreen"]{
width:100%;
height:200px!important;
}
#hikaku-overlay .modal_content ul{
display: -webkit-flex;
display: flex;
justify-content:flex-start;
align-items:flex-start;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#hikaku-overlay .modal_content li a{
display:block;
}
#hikaku-overlay .modal_content li a span{
display:block;
margin-top:5px;
color:#066493;
}
#hikaku-overlay .modal_content li span{
display:block;
color:#fa0;
}
#hikaku-overlay #hikaku-overlay-close-btn{
margin:auto;
display:block;
width:50%;
margin-top:20px;
padding:5px;
border:#ccc solid 1px;
border-radius:50px;
color:#FFF;
background:#888;
cursor:pointer;
}
#hikaku-overlay #hikaku-overlay-close-btn:hover{
opacity:0.8;
}
#hikaku-overlay .modal-overlay {
align-items: flex-start;
overflow: scroll;
}
#hikaku-overlay .modal_content{
width:95%;
margin:10px auto 60px;
background:#FFF;
border-radius:10px;
padding:10px;
}
#hikaku-overlay .modal_content li{
width:33%;
height:auto;
padding:5px;
background:#FFF;
font-size:12px;
margin:5px 0;
}


/*--hikaku--*/

.kutikomi-hikaku-wrap2{
}
.kutikomi-hikaku-wrap2 .kutikomi-title-box-in {
padding: 10px;
background: #eaeaea;
border-radius: 10px;
}
.kutikomi-hikaku-wrap2 .kutikomi-title {
background:none;
padding:0;
border-radius: 10px;
}
.kutikomi-hikaku-wrap2 .hyouka-title-txt .num{
font-size: 26px;
font-weight: bold;
margin-right:10px;
}
main#main-lower .kutikomi-hikaku-wrap2 .sougoukutikomi{
margin:10px 0 0;
padding:20px 0;
background:#FFF;
border-radius:10px 10px 0 0;
text-align:center;
border-bottom:1px solid #ccc;
}
.kutikomi-hikaku-wrap2 .sougoukutikomi{
color: #555;
font-size:20px;
font-weight:bold;
}
.kutikomi-hikaku-wrap2 .sougoukutikomi span{
font-size:26px;
color: #fa0;
margin-right:5px;
}
.kutikomi-hikaku-wrap2 .kutikomi-title .hyouka-title-txt .hyouban-name-title{
font-size:14px;
display:block;
margin-top:10px;
color:#555;
}
.kutikomi-hikaku-wrap2 .kutikomi-title .hyouka-title-txt {
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 10px;
color:#888;
background:rgb(255 242 198);
padding:15px 10px;
border-radius:10px;
box-sizing:border-box;
border:2px solid rgb(255 220 146);
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.kutikomi-hikaku-wrap2 .kutikomi-title .hyouka-title-txt:nth-of-type(2){
background:rgb(230 245 255);
border:2px solid rgb(182 227 255);
}
.kutikomi-hikaku-wrap2 .kutikomi-title .hyouka-title-txt img {
width: 130px;
margin: 0 10px 0 0;
}
.kutikomi-hikaku-wrap2 .radarChart-box {
background:none;
padding:0;
margin-top:0;
}
.kutikomi-hikaku-wrap2 .radarChart-box .radar-chart{
background:#FFF;
border-radius:0 0 10px 10px;
}
.kutikomi-hikaku-wrap2 .radarChart-box .radar-chart canvas{
width:100%!important;
padding:15px;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend{
text-align: center;
margin:20px 0 10px;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend img{
width:50px;
margin:0 5px;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend img:nth-of-type(2){
width:50px;
margin:0 5px 0 40px;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend span{
display: inline-block;
width:30px!important;
height:30px!important;
border:3px solid rgba(255,170,0,0.8)!important;
background-color: rgba(255,196,0,0.5)!important;
}
.kutikomi-hikaku-wrap2 .radar-chart-legend span:nth-of-type(2){
display: inline-block;
width:30px;
height:30px;
border:3px solid rgba(54,164,235,0.8)!important;
background-color: rgba(54,164,235,0.5)!important;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban{
border:0px solid #e1e1e1;
border-radius: 5px;
box-shadow: 0 0 0 0px #f2f2f2;
display:contents;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban tbody{
display: -webkit-flex;
display: flex;
border:0;
justify-content: center;
align-items: center;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban tr{
width:50%;
border:2px solid rgb(255 220 146);
background:rgb(255 242 198);
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 5px 20px;
box-sizing:border-box;
border-radius:5px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban tr:nth-of-type(2){
width:50%;
background:rgb(230 245 255);
border:2px solid rgb(182 227 255);
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
margin:0 5px 20px;
box-sizing:border-box;
border-radius:5px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td{
border:0;
width:100%;
text-align:center;
padding:10px 0;
margin-top:10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td:nth-of-type(2){
border:0;
width:100%;
text-align:center;
padding:10px 0;
background:#fff9ec;
border-radius:0 0 2px 2px;
margin-top:10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td img{
border-radius:8px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td span{
font-size:18px!important;
font-weight:bold;
margin:0 5px;
color:#ff8500!important;
}
main#main-lower .kutikomi-hikaku-wrap2 table.hyouban td span:nth-of-type(2){
color:#555!important;
}


main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi{
border:0px solid #ccc;
margin-bottom:10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tbody{
border:2px solid #ccc;
display:block;
border-radius:10px;
background:#f8f8f8;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td{
border:0px;
width:auto!important;
padding:0;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tr{
border:0px;
display: -webkit-flex;
display: flex;
align-items: center;
padding:10px;
background:#FFF;
border-radius:10px 10px 0 0;
border-bottom:1px solid #e8e8e8;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2){
border:0px;
margin-left:10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2) br{
display:none;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2) span{
margin:0 0 8px;
padding:0;
display:block;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2) span:nth-of-type(2){
margin:0;
padding:0;
display:block;
font-size:16px!important;
line-height:1.4;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tr:nth-of-type(2){
border:0px;
background:none;
padding:0 10px 10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tr:nth-of-type(2) td span{
font-size:12px;
color:#f8f8f8;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-kaitou-sb{
padding:15px 10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb{
padding:10px 10px 5px;
background:#FFF;
border-radius:10px 10px 0 0;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb span:nth-of-type(1){
font-size:24px;
color:#ff8500!important;
font-weight:bold;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb span:nth-of-type(2){
font-size:24px;
color:#333;
font-weight:bold;
margin:0 5px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-hyouka-sb span:nth-of-type(3){
font-size:12px;
color:#888!important;
margin:5px;
display:block;
}

main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .kutikomi-kaitoutxt-sb{
padding:0px 10px 20px;
margin-bottom:10px;
background:#FFF;
border-radius:0 0 10px 10px;
line-height:normal;
font-size:14px;
}


main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .iinebt-wrap {
display: -webkit-box;
display: -ms-flexbox;
display: flex;
margin-top: 5px;
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .iinebt {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fa0;
color: #fff;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi .iinebt div:last-of-type {
background: #fff;
display: inline-block;
padding: 0px 10px;
line-height:21px;
border-radius: 50px;
font-size: 14px;
font-weight: bold;
margin-left: 5px;
}


/*--kuchikomikakikata--*/

#kuchikomi_kakikata .modal-overlay {
width:100%;
height:100%;
display: flex;
justify-content: center;
align-items: center;
}
#kuchikomi_kakikata .modal-content {
padding:15px;
background-color: #FFF;
text-align: center;
font-size: large;
width:95%;
border-radius:10px;
box-sizing:border-box;
box-shadow:0 0 0 4px #ccc;
}
#kuchikomi_kakikata .modal-content p span{
font-size:24px!important;
display:block;
margin-bottom:20px;
padding-bottom:10px;
border-bottom:3px solid #333;
}
#kuchikomi_kakikata .modal-content ul + p{
text-align:left;
background:#f4f4f4;
padding:10px;
border-radius:10px;
font-size:16px;
margin:20px 0 40px;
}
#kuchikomi_kakikata .modal-content ul{
text-align:left;
}
#kuchikomi_kakikata .modal-content ul li{
margin:10px 0;
font-weight:bold;
color:rgba(253,41,111,1);
}
#kuchikomi_kakikata .modal-content button{
border:1px solid #ccc;
padding:10px 20px;
border-radius:50px;
width:250px;
background:#555;
color:#FFF;
font-size:16px;
}


.kutikomikaitou{
}
.kutikomikaitou dl {
display: -webkit-flex;
display: flex;
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
margin-bottom: 10px;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.kutikomikaitou dl dt {
margin:0 0 0;
color: rgba(253,41,111,1);
font-weight: bold;
width:100%;
line-height: 1.5;
display:none;
}
.kutikomikaitou dd {
font-size: 14px;
color: #666;
width:100%;
line-height: 1.5;
padding:5px 10px;
border:1px solid #ccc;
border-top:0;
}
.kutikomikaitou label {
display: block;
margin:0;
padding:10px;
font-size:14px;
line-height: 1;
color :#fff;
background : rgb(158 175 183);
cursor :pointer;
position:relative;
}
.kutikomikaitou label:before{
content:"";
background:url(https://koesiru.jp/img/common/icon/icon-yajishit-w.png)no-repeat;
background-size:100%;
display:block;
width:16px;
height:16px;
position:absolute;
top:12px;
right:10px;
}

.kutikomikaitou input{
display: none;
}
.kutikomikaitou dl{
height: 0;
overflow: hidden;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-ms-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
}
#kaitou_adion_01:checked ~ dl.kaitou-ad-list-01{
height:60px;
opacity: 1;
}
#kaitou_adion_02:checked ~ dl.kaitou-ad-list-02{
height:40px;
opacity: 1;
}
#kaitou_adion_03:checked ~ dl.kaitou-ad-list-03{
height:320px;
opacity: 1;
}

.kutikomi-hyouka-matome .hyouka-box-name dt{
margin-right:10px;
width:10%;
}
.kutikomi-hyouka-matome .hyouka-box-name dd{
width:90%;
}

.bannerImage{
width:100%;
height:150px;
position:relative;
background:url(https://koesiru.jp/img/common/design/hikakubanana.jpg)no-repeat;
background-size:100%;
box-sizing:border-box;
margin-top:10px;
border:1px solid #ececec;
}
.bannerImage ul{
position: absolute;
top:50%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width:70%;
}
.bannerImage ul li{
margin:20px!important;
}
.bannerImage ul li img{
width:100%;
border-radius:15px;
}
input[type="text"]{
font-size:16px!important;
}


.link-overlay{
position:fixed;
bottom:0;
z-index:1;
background:rgb(0 0 0 / 80%);
width:100%;
left:0;
padding:5px;
}
.link-overlay ul{
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.link-overlay ul li{
width:49%;
margin:0;
padding:5px;
border-radius:5px;
box-sizing:border-box;
background:rgb(6 100 147 / 80%);
box-sizing:border-box;
}
.link-overlay ul li span{
color:#FFF;
}
.link-overlay ul li a{
display: -webkit-flex;
display: flex;
align-items: center;
font-size:12px;
color:#FFF;
}
.link-overlay ul li a img{
width:35px;
height:35px;
border-radius:5px;
margin-right:5px;
}
.app-syourai-box h2.fixed {
z-index: 2;
position: fixed;
top: 0;
}
main#main-lower .app-syourai-box h2.fixed{
margin:0;
width:100%;
left:0;
top:0;
}
main#main-lower .app-syourai-box h2.fixed + p{
margin-top:68px;
}
a.gachaBtn.detailLink{
width: 100%;
display: block;
margin: 20px auto;
padding: 10px;
border-radius:5px;
border: 0;
background: #ff3171;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
box-shadow:0px 3px 0px 0px #a92e55;
}

#slide-menu {
z-index:2147483647;
background-color: rgb(0 0 0 / 80%)!important;
}
#slide-menu .slide-menu-container{
position:relative;
}
#slide-menu .slide-menu-container .slide-menu-inner{
position:absolute;
right:0;
width:86%;
height:100%;
margin:0;
background-color: #fff;
z-index:0;
padding-top:46px;
}
#slide-menu .slide-menu-inner .slide-search{
background:#ccc;
}
#slide-menu .slide-menu-inner .slide-search input#search-form-box{
width:73%;
margin:5px;
border-radius:10px;
background:#FFF;
font-size:16px!important;
padding:5px 10px;
}
#slide-menu .slide-menu-inner .slide-search input.css-button{
font-size:14px;
border-radius:10px;
border:0px solid #888;
background:#fd296f;
width:60px;
height:35px;
padding:0!important;
margin:0!important;
color:#FFF;
}
#slide-menu .slide-menu-inner .slide-category{
width:100%;
height:100%;
overflow:auto;
}
#slide-menu .slide-menu-inner .slide-category li a{
padding:10px;
display: -webkit-flex;
display: flex;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
border-bottom:1px solid #ccc;
}
#slide-menu .slide-menu-inner .slide-category li span{
margin-left:5px;
font-size:14px;
}
#slide-menu .slide-menu-container .slide-close{
font-size:24px;
color:#000;
top:8px;
right:13px;
width:30px;
height:30px;
z-index:1;
position: absolute;
background:url(https://koesiru.jp/img/common/icon/closekoe.png) no-repeat center;
background-size:25px;
}
#slide-menu {
display: none;
top:0;
width:100%;
height: 100%;
position: fixed;
z-index; 2;
background-color: #4a4a4a;
}
.slide-menu-container {
width:100%;
height: 100%;
}
.slide-menu-inner {
margin-left:50px;
background-color: #fff;
width:100%;
height: 100%;
}


/* creators */
ul.creators-list li.creator-box{
width:100%;
}
ul.creators-list{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
width:100%;
padding:10px;
border-radius:3px;
margin:0 0 30px!important;
}
ul.creators-list li.creator-box{
width:100%;
height:100px;
padding:5px 10px;
margin:5px;
border-radius:3px;
box-shadow:0 0 0 1px #ebf1f2;
background:#FFF;
box-sizing:border-box;
}
ul.creators-list li.creator-box p:empty{
display:none;
}
ul.creators-list li.creator-box a{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items: center;
box-sizing:border-box;
width:100%;
}
ul.creators-list li.creator-box img{
width:100px;
height:63px;
object-fit:cover;
border-radius:10px;
box-shadow:0 0 0 1px #ebf1f2;
display:block;
text-align:left;
margin-bottom:3px;
}
ul.creators-list li.creator-box .creator-title{
display:block;
width:100%;
text-align:left;
font-size:11px;
line-height:normal;
font-weight:bold;
}
ul.creators-list li.creator-box .creator-title + br{
display:none;
}
ul.creators-list li.creator-box .creator-name{
display:block;
width:100%;
text-align:left;
font-size:16px;
font-weight:bold;
line-height:normal;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
margin-bottom:3px;
}
ul.creators-list li.creator-box{
display: -webkit-flex;
display: flex;
align-items: center;
}
ul.creators-list li.creator-box .creator-box-left{
width:20%;
}
ul.creators-list li.creator-box .creator-box-right{
width:80%;
padding:0 5px 0 10px;
}
ul.creators-list li.creator-box .creator-box-right br{
display:none;
}
ul.creators-list li.creator-box .creator-box-right .creator-profile{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size:12px;
margin-bottom:2px;
}
ul.creators-list li.creator-box .creator-box-right .creator-awards{
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 1;
font-size:10px;
color:#999;
}
ul.creators-list li.creator-box .creator-box-right .creator-awards:before{
content:"";
background:url(https://koesiru.jp/img/common/icon/keireki-icon.svg)no-repeat;
width:15px;
height:15px;
display:inline-block;
vertical-align:middle;
}
/* creators2 */
.creator-detail{
padding:10px;
}
.creator-detail .creator-name {
margin-bottom: 10px;
padding-bottom: 10px;
}
.creator-detail .creator-name dt img{
width:60px;
height:60px;
}
.creator-detail .creator-profile dt{
font-size:16px;
line-height:normal;
}
.creator-detail .creator-profile dd{
font-size:12px;
}
.creator-detail .creator-awards dt{
font-size:16px;
line-height:normal;
}
.creator-detail .creator-awards dd{
font-size:12px;
}
.creator-detail .creator-sns{
width:100%;
margin-bottom:20px;
}
.creator-detail .creator-sns dt{
font-size:16px;
line-height:normal;
}
.creator-detail .creator-sns .job-request{
line-height:normal;
font-size:12px;
}
.creator-detail .creator-review dt{
font-size:16px;
}
.creator-detail .creator-review dd .creator-review-list li a{
width:70px;
margin-right:10px;
}
.creator-detail .creator-review dd .creator-review-list li a img{
width:100%;
}
.creator-detail .creator-review dd .creator-review-list li .kuchikomi-title{
width:70%;
}
.creator-detail .creator-review dd .creator-review-list li .kuchikomi-title a{
font-size:16px;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
width:100%;
}
.creator-detail .creator-review dd .creator-review-list li .kuchikomi-postdate{
position:absolute;
left:90px;
bottom:10px;
color:#919191;
}
.hyouka-kijun-tooltip{
background:#f2f7f9;
padding:10px;
box-shadow:0 0 0 2px #b8d1dd;
width:95%;
margin:auto;
font-size:14px;
line-height:1.5;
border-radius:5px;
}

}

/*--SPend--*/


/*------------------------------------------------------------
other
-------------------------------------------------------------*/
p:empty{
display: none;
}
.sns-copytxt{
display: none;
}

/*--tuika--*/
.form-kutikomi-inner>span{
font-size:14px;
padding:10px 0;
display:block;
color:#888;
}
a.reset-bt{
display:inline-block;
margin:0 0 0 10px;
text-align:center;
border:1px solid #ccc;
padding:10px;
background:#a6a6a6;
color: #ffffff;
border-radius:3px;
font-size:14px;
vertical-align:middle;
}

.article .search-form_inputXX{
width: 100%;
}


/*------------------------------------------------------------
会社概要
-------------------------------------------------------------*/
.company-overview a{color: #1a78a5;}
.company-overview a:hover{opacity: 0.7;}
.company-overview .company-info table{
background:#FFF;
margin-bottom:50px;
font-family: 'M PLUS 1p', sans-serif!important;
}
.company-overview .company-info table td:first-child{
background:#333333;
color:#FFF;
font-size:15px;
width:30%;
}
.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;
}
.company-overview .company-jyusyou li{
display: block;
text-align: left;
background: #fff;
position: relative;
border: 1px solid #ededed;
width: 32%;
margin: 0 2% 15px 0;
}
.company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 0;
}
.company-overview .company-jyusyou li:last-of-type,.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;
}
main#main-lower .company-overview .company-jyusyou li p{
height: 100px;
margin: 0;
padding: 5px 10px;
color: #FFF;
background: #34a1cf;
line-height: 1.5;
font-size: 14px;
}
.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:32%;
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: 0;
}
.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;
}
main#main-lower .company-overview .cop-access .cop-access-main p.cop-bt{
margin: 20px auto 0;
}
main#main-lower .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-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: 230px;
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{
width:100%;
height: 100px;
padding: 15px;
box-sizing:border-box;
object-fit: contain;
}
main#main-lower .company-jyusyou div.sd-message-01 p{
height: 130px;
margin:0;
padding:10px;
color:#FFF;
background:#34a1cf;
font-size: 13px;
margin: 0;
letter-spacing: 0;
}
main#main-lower .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: #34a3d1;
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){
.company-overview .company-info table td:first-child{
font-size: 12px;
}
.company-overview .company-info table td{
padding: 10px;
font-size: 12px;
}
.company-overview .company-jyusyou ul{
-webkit-box-pack: start;
-ms-flex-pack: start;
justify-content: flex-start;
}
.company-overview .company-jyusyou li{
width: 49%;
margin:0 2% 10px 0 ;
}
.company-overview .company-jyusyou li:nth-of-type(3n){
margin-right: 2%;
}
.company-overview .company-jyusyou li:nth-of-type(4){
margin-bottom: 10px;
}
.company-overview .company-jyusyou li:nth-of-type(2n){
margin-right: 0;
}
main#main-lower .company-overview .company-jyusyou li p{
font-size: 13px;
height: 95px;
}
.company-overview .company-media .cop-company-medialist dl{
width: 100%;
}
.company-overview .company-media .cop-company-medialist dl dd{
padding: 10px;
min-height: auto;
}
main#main-lower .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-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: 200px;
margin-bottom: 0;
}
.cop-company-jyusyou-slider-area .slider-prev, .cop-company-jyusyou-slider-area .slider-next {
position: absolute;
background: #34a3d1;
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#main-lower .company-jyusyou div.sd-message-01 p{
height: 100px;
margin: 0;
padding: 10px;
color: #FFF;
font-size: 13px;
background: #34a1cf;
}
.company-jyusyou .sd-message-01 p:empty{
display:none;
margin:0;
}
}

/*------------
評価ランキング
--------------*/
.kutikomi-title dd .category-rank{
background:#ccc;
padding:0px 15px 2px 38px;
border-radius:10px;
position:relative;
}
.kutikomi-title dd .category-rank:before{
content:"";
position:absolute;
top:4px;
left:10px;
background:url(https://koesiru.jp/img/common/icon/rank-oukan.png)no-repeat center center;
background-size:100%;
width:18px;
height:18px;
}
.kutikomi-title dd .category-rank.no-1{
background:#ffbc00;
color:#FFF;
}
.kutikomi-title dd .category-rank.no-2{
background:#3c9abf;
color:#FFF;
}
.kutikomi-title dd .category-rank.no-3{
background:#994100;
color:#FFF;
}
.kutikomi-title dd .category-rank{
background:#8a8a8a;
color:#FFF;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.kutikomi-title dd .category-rank{
background:#ccc;
padding:0px 5px 0px 18px;
border-radius:6px;
font-size:14px;
position:relative;
}
.kutikomi-title dd .category-rank:before{
content:"";
position:absolute;
top:5px;
left:4px;
background:url(https://koesiru.jp/img/common/icon/rank-oukan.png)no-repeat center center;
background-size:100%;
width:12px;
height:12px;
}
_::-webkit-full-page-media, _:future, :root .kutikomi-title dd .category-rank{
background:#ccc;
padding:2px 5px 2px 18px;
border-radius:6px;
font-size:14px;
position:relative;
}
_::-webkit-full-page-media, _:future, :root .kutikomi-title dd .category-rank:before{
content:"";
position:absolute;
top:3px;
left:4px;
background:url(https://koesiru.jp/img/common/icon/rank-oukan.png)no-repeat center center;
background-size:100%;
width:12px;
height:12px;
}

}

/*------------
ポイント
--------------*/
.hyoka-point{
box-shadow:0 0 2px 1px #dde4e6;
padding:10px 20px;
border-radius:5px;
margin:20px 0;
}
main#main-lower .hyoka-point p {
line-height:normal;
margin:0 0 5px;
padding:0 0 5px;
font-size:24px;
font-weight:bold;
border-bottom:2px solid #ffac06;
display:inline-block;
}
.hyoka-point-in{
}
.hyoka-point-in dl{
padding:10px 0;
}
.hyoka-point-in dt{
line-height:normal;
font-weight:bold;
}
.hyoka-point-in dd{
font-size:14px;
color:#888;
line-height:normal;
}


/*------------
カード
--------------*/
.app-syourai-box .kuchikomi-syosai-card{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
align-items:center;
justify-content: space-between;
margin-bottom:20px;
margin-top:20px;
box-sizing:border-box;
box-shadow:0 0 0 2px #dde4e6;
border-radius:2px;
padding:20px;
background:#e7ebee;
position: relative;
}
.app-syourai-box .kuchikomi-syosai-card:before {
content: '';
position: absolute;
top:-2px;
left: 25px;
display: block;
height:60px;
border: 20px solid #555555;
border-bottom-width: 15px;
border-bottom-color: transparent;
}
.app-syourai-box .kuchikomi-syosai-card:after{
content: counter(shosaibox_count) " ";
counter-increment: shosaibox_count 1;
position: absolute;
top: 15px;
left: 32px;
font-size: 20px;
font-weight: bold;
color: #FFF;
}
.app-syourai-box .kuchikomi-syosai-card.no-1:after,
.app-syourai-box .kuchikomi-syosai-card.no-2:after,
.app-syourai-box .kuchikomi-syosai-card.no-3:after,
.app-syourai-box .kuchikomi-syosai-card.no-4:after,
.app-syourai-box .kuchikomi-syosai-card.no-5:after,
.app-syourai-box .kuchikomi-syosai-card.no-6:after,
.app-syourai-box .kuchikomi-syosai-card.no-7:after,
.app-syourai-box .kuchikomi-syosai-card.no-8:after,
.app-syourai-box .kuchikomi-syosai-card.no-9:after {
left: 39px;
}
.app-syourai-box .kuchikomi-syosai-card.no-1:before {
border-color:#fa0;
border-bottom-color: transparent;
}
.app-syourai-box .kuchikomi-syosai-card.no-2:after{
content: '2';
}
.app-syourai-box .kuchikomi-syosai-card.no-2:before {
border-color:#1ca3c8;
border-bottom-color: transparent;
}
.app-syourai-box .kuchikomi-syosai-card.no-3:after{
content: '3';
}
.app-syourai-box .kuchikomi-syosai-card.no-3:before {
border-color:#803300;
border-bottom-color: transparent;
}
main#main-lower .app-syourai-box .kuchikomi-syosai-card h3 {
width:100%;
background:none;
padding:0px 0 30px 60px;
margin:0;
border-radius:0;
font-size: 24px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-l{
width:19%;
margin-right:10px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-l a img{
width:100%;
height:auto;
object-fit:cover;
border-radius:5px;
}.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r{
height:auto;
width:78%;
padding:0;
display:block;
}
.app-syourai-box .kuchikomi-syosai-card.icon-square .kuchikomi-syosai-card-l{
width:19%;
}
.app-syourai-box .kuchikomi-syosai-card.icon-square .kuchikomi-syosai-card-l a img{
width:100%;
height:auto;
border-radius:5px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-square .kuchikomi-syosai-card-r{
height:auto;
width:78%;
padding:0;
display:block;
}
.app-syourai-box .kuchikomi-syosai-card.icon-landscape .kuchikomi-syosai-card-l{
width:30%;
margin-right:0;
}
.app-syourai-box .kuchikomi-syosai-card.icon-landscape .kuchikomi-syosai-card-l a img{
width:100%;
height:120px;
object-fit:cover;
border-radius:5px;
}.app-syourai-box .kuchikomi-syosai-card.icon-landscape .kuchikomi-syosai-card-r{
height:auto;
width:67%;
padding:0;
display:block;
}
.app-syourai-box .kuchikomi-syosai-card.icon-portrait .kuchikomi-syosai-card-l{
width:30%;
margin-right:0;
}
.app-syourai-box .kuchikomi-syosai-card.icon-portrait .kuchikomi-syosai-card-l a img{
width:100%;
height:120px;
object-fit:cover;
border-radius:5px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-portrait .kuchikomi-syosai-card-r{
height:auto;
width:67%;
padding:0;
display:block;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap{
border:0;
border-bottom:2px solid #e7ebee;
padding:15px 0;
border-radius:0;
display: -webkit-flex;
display: flex;
align-items: center;
width:100%;
background:#FFF;
border-radius:5px 5px 0 0;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap{
border:0;
border-top:0;
border-radius:0;
margin-bottom:0;
padding:10px 0;
display: -webkit-flex;
display: flex;
align-items: center;
width:100%;
background:#FFF;
border-radius:0 0 5px 5px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap dt,.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap dt{
background:none;
width: 100px;
line-height:normal;
color:#969696;
font-size: 20px;
text-align:left;
font-weight:bold;
padding-left:20px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap dd{
vertical-align:middle;
display: -webkit-flex;
display: flex;
align-items: center;
padding:0 10px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap dd img{
width:150px;
vertical-align:middle;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap dd{
padding-left:10px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap dd a{
border-bottom:2px solid #1c83d8;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap .nam{
font-size: 24px;
line-height:normal;
height:30px;
background:none;
padding:0 5px;
margin-right:0px;
border-radius:50px;
font-weight:bold;
color:#1c83d8;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap .nam{
font-size: 34px;
margin-left:10px;
font-weight:bold;
color:#333;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
width:70%;
padding:0;
margin-top:15px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box a{
padding:5px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box img{
width:100%;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box .official{
width:100%;
text-align: center;
padding: 10px;
background: #ff3171;
margin: 0 10px;
border-radius: 50px;
font-size: 14px;
color: #FFF;
font-weight:bold;
}
.app-syourai-box .kuchikomi-syosai-card.no-4:after{
content: '4';
}
.app-syourai-box .kuchikomi-syosai-card.no-5:after{
content: '5';
}
.app-syourai-box .kuchikomi-syosai-card.no-6:after{
content: '6';
}
.app-syourai-box .kuchikomi-syosai-card.no-7:after{
content: '7';
}
.app-syourai-box .kuchikomi-syosai-card.no-8:after{
content: '8';
}
.app-syourai-box .kuchikomi-syosai-card.no-9:after{
content: '9';
}
.app-syourai-box .kuchikomi-syosai-card.no-10:after{
content: '10';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-11:after{
content: '11';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-12:after{
content: '12';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-13:after{
content: '13';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-14:after{
content: '14';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-15:after{
content: '15';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-16:after{
content: '16';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-17:after{
content: '17';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-18:after{
content: '18';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-19:after{
content: '19';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-20:after{
content: '20';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-21:after{
content: '21';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-22:after{
content: '22';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-23:after{
content: '23';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-24:after{
content: '24';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-25:after{
content: '25';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-26:after{
content: '26';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-27:after{
content: '27';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-28:after{
content: '28';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-29:after{
content: '29';
left: 31px;
}
.app-syourai-box .kuchikomi-syosai-card.no-30:after{
content: '30';
left: 31px;
}

@media only screen and (max-width : 415px){.app-syourai-box .kuchikomi-syosai-card.icon-landscape .kuchikomi-syosai-card-l a img{height:85px;}}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.app-syourai-box .kuchikomi-syosai-card{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content:center;
align-items:center;
margin-bottom:20px;
margin-top:20px;
box-sizing:border-box;
box-shadow:0 0 0 2px #dde4e6;
background:#e7ebee;
border-radius:2;
padding:12px 10px 15px;
position: relative;
}
.app-syourai-box .kuchikomi-syosai-card:before {
content: '';
position: absolute;
top:-2px;
left: 13px;
display: block;
height:45px;
border: 20px solid #555555;
border-bottom-width: 5px;
border-bottom-color: transparent;
}
.app-syourai-box .kuchikomi-syosai-card:after {
left: 21px;
top: 11px;
}
.app-syourai-box .kuchikomi-syosai-card.no-1:after, .app-syourai-box .kuchikomi-syosai-card.no-2:after, .app-syourai-box .kuchikomi-syosai-card.no-3:after, .app-syourai-box .kuchikomi-syosai-card.no-4:after, .app-syourai-box .kuchikomi-syosai-card.no-5:after, .app-syourai-box .kuchikomi-syosai-card.no-6:after, .app-syourai-box .kuchikomi-syosai-card.no-7:after, .app-syourai-box .kuchikomi-syosai-card.no-8:after, .app-syourai-box .kuchikomi-syosai-card.no-9:after {
left: 26px;
}
main#main-lower .app-syourai-box .kuchikomi-syosai-card h3 {
width:100%;
background:none;
padding:0px 0 0px 55px;
margin:0 0 30px;
border-radius:0;
font-size: 18px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-l{
width:25%;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-l a img{
width:100%;
height:auto;
border-radius:5px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r{
height:auto;
width:70%;
padding:0;
display:block;
}
.app-syourai-box .kuchikomi-syosai-card.icon-square .kuchikomi-syosai-card-l{
width:25%;
}
.app-syourai-box .kuchikomi-syosai-card.icon-square .kuchikomi-syosai-card-l a img{
width:100%;
height:auto;
border-radius:5px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-square .kuchikomi-syosai-card-r{
height:auto;
width:70%;
padding:0;
display:block;
}
.app-syourai-box .kuchikomi-syosai-card.icon-landscape .kuchikomi-syosai-card-l{
width:36%;
margin-right:8px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-landscape .kuchikomi-syosai-card-l a img{
height:75px;
border-radius:5px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-landscape .kuchikomi-syosai-card-r{
height:auto;
width:60%;
display:block;
}
.app-syourai-box .kuchikomi-syosai-card.icon-portrait .kuchikomi-syosai-card-l{
width:22%;
margin-right:12px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-portrait .kuchikomi-syosai-card-l a img{
height:75px;
border-radius:5px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-portrait .kuchikomi-syosai-card-r{
height:auto;
width:73%;
display:block;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap{
border:0;
border-bottom:2px solid #e2e8ea;
padding:8px 0;
border-radius:0;
display: -webkit-flex;
display: flex;
align-items: center;
width:100%;
background:#FFF;
border-radius:5px 5px 0 0;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap{
border:0;
border-top:0;
border-radius:0;
margin-bottom:0;
padding:4px 0;
display: -webkit-flex;
display: flex;
align-items: center;
width:100%;
background:#FFF;
border-radius:0 0 5px 5px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap dt,.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap dt{
background:none;
width: 55px;
line-height:normal;
color:#969696;
font-size: 20px;
text-align:left;
font-weight:bold;
padding-left:10px;
font-size:14px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap dd{
vertical-align:middle;
display: -webkit-flex;
display: flex;
align-items: center;
padding:0 10px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap dd img{
width:80px;
vertical-align:middle;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap dd{
padding-left:10px;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .kutikomi-wrap .nam{
font-size:20px;
line-height:normal;
height:30px;
background:none;
padding:0 5px;
margin-right:0px;
border-radius:50px;
font-weight:bold;
color:#1c83d8;
}
.app-syourai-wrap .kuchikomi-syosai-card-r .hyouban-wrap .nam{
font-size:20px;
margin-left:10px;
font-weight:bold;
color:#333;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box{
display: -webkit-flex;
display: flex;
justify-content: space-between;
align-items: center;
width:100%;
padding:0;
margin-top:10px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box a{
padding:5px;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box img{
width:100%;
}
.app-syourai-box .kuchikomi-syosai-card .kuchikomi-syosai-card-r .link-box .official{
width:100%;
text-align: center;
padding: 8px;
background: #ff3171;
margin:0;
border-radius:50px;
font-size: 13px;
color: #FFF;
font-weight:bold;
}


.app-syourai-box .kuchikomi-syosai-card.no-10:after{
content: '10';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-11:after{
content: '11';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-12:after{
content: '12';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-13:after{
content: '13';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-14:after{
content: '14';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-15:after{
content: '15';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-16:after{
content: '16';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-17:after{
content: '17';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-18:after{
content: '18';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-19:after{
content: '19';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-20:after{
content: '20';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-21:after{
content: '21';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-22:after{
content: '22';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-23:after{
content: '23';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-24:after{
content: '24';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-25:after{
content: '25';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-26:after{
content: '26';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-27:after{
content: '27';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-28:after{
content: '28';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-29:after{
content: '29';
left: 19px;
}
.app-syourai-box .kuchikomi-syosai-card.no-30:after{
content: '30';
left: 19px;
}

}
.kuchikomi-cnt{
display:block;
padding:5px;
margin:10px 0;
background:#e4f1f5;
box-sizing:border-box;
box-shadow:0 0 0 1px #ddf0f6;
line-height:normal;
border-radius:2px;
text-align:center;
font-family: "M PLUS 1p";
font-weight:bold;
}
.kuchikomi-cnt .cnt-present-date{
color:#666;
font-size:13px;
}
.kuchikomi-cnt .cnt-service{
color:#666;
font-size:13px;
}
.kuchikomi-cnt .cnt-num a{
color:#066493;
font-size:15px;
font-weight:bold;
line-height:0;
border-bottom:1px solid #066493;
}



/*------------------------
吹き出し
------------------------*/
.comment-box{
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: space-between;
margin:10px 0;
}
.comment-txt-l{
position: relative;
display: inline-block;
margin: 10px 30px 10px 0;
padding:10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #FFF;
box-shadow:0 0 0 1px #ebebeb;
line-height:1.4;
}
.comment-txt-l:before {
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -17px;
border: 17px solid transparent;
border-left: 17px solid #ebebeb;
}
.comment-txt-l:after{
content: "";
position: absolute;
top: 50%;
left: 100%;
margin-top: -15px;
border: 15px solid transparent;
border-left: 15px solid #FFF;
}
.comment-txt-r{
position: relative;
display: inline-block;
margin: 10px 0 10px 30px;
padding:10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 16px;
background: #FFF;
box-shadow:0 0 0 1px #ebebeb;
line-height:1.4;
}
.comment-txt-r:before {
content: "";
position: absolute;
top: 50%;
left: -34px;
margin-top: -17px;
border: 17px solid transparent;
border-right: 17px solid #ebebeb;
}
.comment-txt-r:after {
content: "";
position: absolute;
top: 50%;
left: -30px;
margin-top: -15px;
border: 15px solid transparent;
border-right: 15px solid #FFF;
}
.comment-icon{
text-align:center;
width:30%;
}
.comment-icon img{
width:60px;
}
.come-name{
display:block;
font-size:12px;
margin-top:5px;
color:#555;
}

/*------------------------
吹き出し-table
------------------------*/
.post table.comment-box{
margin:0 0 22px 0;
border:0;
display: table;
}
.post table.comment-box tr{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.post table.comment-box .comment-txt-l{
position: relative;
display: inline-block;
margin: 0 20px;
padding:12px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 12px;
background: #FFF;
box-shadow: 1px 1px 2px 0 #e4e4e4;
border-radius: 2px;
line-height: 2;
border: 1px solid #ddd;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
table.comment-box .comment-txt-l:before {
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -10px;
top: 7px;
left: auto;
margin: 0;
border: 10px solid transparent;
border-top-color: #ddd;
z-index: -1;
}
table.comment-box .comment-txt-l:after{
content: '';
position: absolute;
display: block;
width: 0;
height: 0;
right: -8px;
top: 8px;
left: auto;
margin: 0;
border: 9px solid transparent;
border-top-color: #fff;
z-index: 2;
}
.post table.comment-box .comment-txt-r{
position: relative;
display: inline-block;
margin: 0 20px;
padding:12px 10px;
min-width: 120px;
max-width: 100%;
color: #555;
font-size: 12px;
background: #FFF;
box-shadow: 1px 1px 2px 0 #e4e4e4;
border-radius: 2px;
line-height: 2;
border: 1px solid #ddd;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
table.comment-box .comment-txt-r: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;
margin: 0;
}
table.comment-box .comment-txt-r: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;
margin: 0;
}
.post table.comment-box .comment-icon{
text-align:center;
width:90px;
min-width: 90px;
border:0;
line-height: 1;
padding: 0 0 0 10px;
}
.post table.comment-box .comment-icon:last-child{
padding: 0 10px 0 0;
}
table.comment-box .comment-icon img{
width:60px;
}
table.comment-box .come-name{
display:block;
font-size:12px;
margin-top:8px;
color:#555;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#main-lower .post table.comment-box{
margin: 0 0 22px 0;
}
.post table.comment-box .comment-icon{
text-align:center;
width:80px;
min-width: 80px;
}
.post table.comment-box .comment-txt-r,.post table.comment-box .comment-txt-l{
line-height: 1.8;
padding: 10px;
margin: 0 15px;
}
}



/*------------------------
ココポイント
------------------------*/
.point-wakuBox{
border-radius:5px;
position:relative;
margin:30px 2px 20px;
padding:25px 15px 15px;
border:3px solid #ffc1d5;
box-shadow:0 0 0px 2px #ff6e9b;
box-sizing:border-box;
background:#FFF;
}
.pwb-h{
position:absolute;
top:-17px;
left:30px;
background:#ff3d7a;
display:block;
padding:0px 30px;
font-weight:bold;
font-size:16px;
box-shadow:0 0 0px 2px #ff3d7a;
border-radius:50px;
color:#FFF;
margin:0!important;
}
.pwb-h.color-bh{
background:#303030;
box-shadow:0 0 0px 2px #303030;
}
.pwb-h.center{
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%,0);
white-space: nowrap;
}
.point-wakuBox dl{
padding:0;
margin:0;
line-height:1.5;
}
.point-wakuBox dt{
padding:0;
margin:0 0 0px;
line-height:1.5;
font-size:16px;
font-weight: bold;
}
.point-wakuBox .maru-list{
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display:inline-block;
align-items: center;
color:#e03131;
border-radius:3px;
width:auto;
font-size:14px;
font-weight:bold;
}
.point-wakuBox .maru-list span{
color:#FFF;
}
.point-wakuBox .maru-list:before{
content:"〇";
font-size:15px;
color:#e03131;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox .batu-list{
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display:inline-block;
align-items: center;
color:#4473b2;
border-radius:3px;
width:auto;
font-size:14px;
margin-top:20px;
font-weight:bold;
}
.point-wakuBox .batu-listspan{
color:#FFF;
}
.point-wakuBox .batu-list:before{
content:"×";
font-size:15px;
color:#4473b2;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox dd{
padding:0;
margin:0 0 10px;
line-height:1.7;
font-size:14px;
color:#444;
}
.point-wakuBox dd:last-of-type{
margin:0;
}
/*------------------------
ココポイント2
------------------------*/
.point-wakuBox2{
border-radius:5px;
position:relative;
margin:20px 2px;
padding:15px;
border:3px solid #ffc1d5;
box-shadow:0 0 0px 2px #ff6e9b;
box-sizing:border-box;
background:#FFF;
}
.point-wakuBox2 dl{
padding:0;
margin:0;
line-height:1.5;
}
.point-wakuBox2 dt{
padding:0;
margin:0 0 10px;
line-height:1.5;
font-size:16px;
}
.point-wakuBox2 dt:first-of-type{
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display: -webkit-flex;
display: flex;
align-items: center;
color:#e03131;
border-radius:3px;
width:110px;
font-size:14px;
font-weight:bold;
}
.point-wakuBox2 dt:first-of-type span{
color:#FFF;
}
.point-wakuBox2 dt:first-of-type:before{
content:"〇";
font-size:15px;
color:#e03131;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox2 dt:nth-of-type(2){
background:#e9edef;
display:inline-block;
padding:3px 20px 2px 10px;
display: -webkit-flex;
display: flex;
align-items: center;
color:#4473b2;
border-radius:3px;
width:110px;
font-size:14px;
margin-top:20px;
font-weight:bold;
}
.point-wakuBox2 dt:nth-of-type(2) span{
color:#FFF;
}
.point-wakuBox2 dt:nth-of-type(2):before{
content:"×";
font-size:15px;
color:#4473b2;
margin-right:5px;
font-weight:bold;
}
.point-wakuBox2 dd{
padding:0;
margin:0 0 5px;
line-height:1.2;
font-size:14px;
color:#444;
}
.point-wakuBox2 dd:last-of-type{
margin:0;
}


/*------------------------
枠デザイン
------------------------*/
.block-box{
padding:45px 20px 20px;
margin:30px 0;
box-shadow:0 0 2px 1px #dde4e6;
border-radius:10px;
position:relative;
}
.block-box h3.bb-h{
font-size:20px!important;
font-weight:bold;
position:absolute;
top:0px!important;
left:0!important;
background:#ecf0f1;
padding:10px 20px!important;
border-radius:10px 0 10px 0!important;
margin:0!important;
}
.block-box .bb-h{
font-size:20px;
font-weight:bold;
position:absolute;
top:0px;
left:0;
background:#ecf0f1;
padding:5px 20px;
margin:0!important;
border-radius:10px 0 10px 0;
}
.bb-in-box{
background:#f3f6f7;
padding:20px;
border-radius:30px;
margin:20px 0;
}
.bb-in-box p{
padding:0;
margin:0 0 10px!important;
line-height:1.6;
font-size:14px;
color:#666;
}
.app-syourai-wrap .hyouka-box {
width: 100%;
margin-left:0;
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.point-wakuBox {
border-radius: 10px;
position: relative;
margin-top: 30px;
padding: 20px 10px 20px;
box-shadow: 0 0 0px 2px #ff3d7a;
}
.pwb-h{
top: -15px;
}
.point-wakuBox dt {
font-size: 14px;
}
.point-wakuBox dd {
font-size: 12px;
}
.point-wakuBox2 {
border-radius: 10px;
position: relative;
margin-top: 20px;
padding: 20px 10px 20px;
box-shadow: 0 0 0px 2px #ff3d7a;
}
.point-wakuBox2 dt {
font-size: 14px;
}
.point-wakuBox2 dd {
font-size: 12px;
}
.comment-txt-l{
font-size: 12px;
margin: 10px 20px 10px 0;
}
.comment-txt-r {
font-size: 12px;
margin: 10px 0 10px 25px;
}
.comment-icon {
width: 80%;
}
.block-box {
padding: 30px 10px 10px;
margin: 30px 0;
}
.block-box h3.bb-h {
font-size:16px!important;
}
.block-box .bb-h {
font-size:16px!important;
}
.bb-in-box {
background: #f3f6f7;
padding: 15px;
border-radius: 20px;
margin: 15px 0;
}
.app-syourai-wrap .hyouka-box {
width: 100%;
margin-left:0;
}
}
.app-syourai-wrap .morebtn{
margin: 20px auto 40px;
}
.app-syourai-wrap a.morebtn{
color:#FFF;
}
.bb-in-box a.BtnMore{
width: 90%;
display: block;
margin:20px auto 0;
padding: 13px;
border-radius: 100px;
border: 0;
background: #066493;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align:center;
}
.bb-in-box a.BtnLink {
width: 90%;
display: block;
margin: 20px auto;
padding: 10px;
border-radius: 5px;
border: 0;
background: #ff3171;
color: #FFF;
font-weight: bold;
cursor: pointer;
text-align: center;
transition: 0.3s;
box-sizing: border-box;
box-shadow: 0px 3px 0px 0px #a92e55;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.bb-in-box a.BtnMore{
width: 100%;
}
.bb-in-box a.BtnLink {
width: 100%;
}
}
.kutikomi-title-box a.gachaBtn.detailLink{
margin: 0 auto;
}


/*------------------------------------------------------------
検索フォーム
-------------------------------------------------------------*/
.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-breadcrumb{
color: #009933;
font-size:12px;
margin-bottom:5px;
display:block;
}
.gs-webResult div.gs-visibleUrl span{
color: #009933;
font-size:12px;
}
.gsc-webResult.gsc-result {
border-bottom: 1px solid #eff3f4!important;
padding: 14px 0!important;
}
.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:0 4px;
width: 24px;
height: 24px;
line-height: 24px;
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;
}
.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-breadcrumb {
color: #009933;
font-size: 12px;
margin-bottom:8px;
display: block;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
margin-bottom:6px;
}
.gsc-control-cse .gsc-table-result {
}
.gsc-table-cell-thumbnail > div, .gs-promotion-image-cell {
margin:0 35px 0 0;
}
.gs-web-image-box .gs-image, .gs-promotion-image-box .gs-promotion-image {
max-width: 80px!important;
width:80px;
height:55px!important;
object-fit:cover;
box-shadow: 0 0 0 1px #d9e7ed;
}
.gsc-table-cell-snippet-close, .gs-promotion-text-cell {
line-height:1.4;
}
.gs-result .gs-image, .gs-result .gs-promotion-image {
border: 0px solid #e2e2e2!important;
}
.gsc-results .gsc-cursor-box {
margin: 20px 5px!important;
}


@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.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;
}
.gsc-control-cse .gs-spelling, .gsc-control-cse .gs-result .gs-title, .gsc-control-cse .gs-result .gs-title * {
font-size: 14px!important;
margin-bottom:8px;
line-height:1.4;
}
.gs-bidi-start-align.gs-visibleUrl.gs-visibleUrl-breadcrumb{
color: #009933;
font-size:12px!important;
margin-bottom:10px!important;
display:block;
}
.gs-webResult .gs-snippet, .gs-fileFormatType {
line-height:1.5;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 4;
}
.gs-promotion-image-box img.gs-promotion-image, .gs-web-image-box-portrait img.gs-image, .gs-web-image-box-landscape img.gs-image {
object-fit: cover;
width: 100px!important;
height: 80px!important;
max-width: 100px!important;
max-height: 80px!important;
}
.gsc-control-cse {
padding:0!important;
}
}


div.mailaddress-copy-popup{
display:block;
position: absolute;
top:10%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
background:rgb(0 0 0 / 65%);
width:400px;
padding:10px 0;
border-radius:5px;
}
div.mailaddress-copy-popup div:first-of-type{
font-weight:bold;
}
div.mailaddress-copy-popup div{
text-align:center;
color:#FFF;
line-height:1.4;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
div.mailaddress-copy-popup{
display:block;
position: absolute;
top:10%;
left:50%;
transform: translateY(-50%) translateX(-50%);
-webkit- transform: translateY(-50%)translateX(-50%);
margin: auto;
background:rgb(0 0 0 / 65%);
width:90%;
padding:10px 0;
border-radius:5px;
}
div.mailaddress-copy-popup div:first-of-type{
font-weight:bold;
}
div.mailaddress-copy-popup div{
text-align:center;
color:#FFF;
line-height:1.4;
}
}

/*------------------------------------------------------------
entry
-------------------------------------------------------------*/
#entry-form > p:first-of-type{
padding:10px 0;
margin:0;
}
#entry-form table td{
padding:10px;
}
#entry-form table input{
padding:5px 10px!important;
font-size:16px;
}
#entry-form table select{
padding:5px 10px!important;
box-sizing:border-box;
border-radius:5px;
border:1px solid #ccc;
}
#entry-form table textarea{
border:1px solid #ccc;
padding:10px!important;
font-size:16px;
}
#entry-form table label .file_path{
padding:8px 10px;
background:#666;
border-radius:5px;
font-size:14px;
color:#FFF;
cursor:pointer;
display:inline-block;
}
#entry-form table .input-awards li{
padding:0;
}
#entry-form table .input-awards .sortable-item input{
width:75%;
margin:3px 0;
font-size:16px;
}
#entry-form table .sortable-item.ui-sortable-handle button{
padding:5px 20px;
border-radius:5px;
border:1px solid #ccc;
cursor:pointer;
}
#entry-form table button[name="add_awards"]{
margin-top:5px;
padding:5px 20px;
border:1px solid #ccc;
color:#FFF;
background:#666;
border-radius:5px;
cursor:pointer;
font-size:14px;
}
#entry-form table .sns-list{
padding:5px 0
}
#entry-form table .sns-list span a{
color:#FFF;
padding:5px 10px;
background:#666;
border-radius:5px;
font-size:12px;
margin:1px 1px;
display: inline-block;
}
#entry-form table + div.lead{
padding:5px 20px;;
width:100%;
display:block;
margin:20px auto;
background:#f1f8fa;
border-radius:5px;
}
#entry-form table + div.lead p{
font-size:12px!important;
margin:10px auto;
text-align:center;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
#entry-form table + div.lead p input{
margin-right:10px;
}
#entry-form table + div.lead p a{
border-bottom:1px solid;
}
button[name="entry"].submit-bt{
text-align:center;
margin:auto;
display:block;
padding:5px 10px;
cursor:pointer;
}
button[name="entry"].submit-bt + p{
text-align:center;
margin:0 0 20px!important;
}
button[name="entry"].submit-bt + p a{
text-align:center;
margin:0 auto 0!important;
display:inline-block;
padding:5px 0px 0;
background:none;
width:auto;
border-bottom:1px solid;
font-size:14px;
}
#mailform{
padding:10px;
}
#mailform > ul + input + p{
background:none;
text-align:left;
padding:10px 0 0px 10px;
margin:0 auto!important;
width:80%;
}
label[for="passcheck"]{
font-size:12px;
}
#mailform ul input{
padding:5px 10px!important;
font-size:16px;
width:80%;
display:block;
margin:auto;
}
input[name="referer"] + p{
width:80%;
display:block;
text-align:center;
background:#f3f8fa;
margin:10px auto!important;
font-size:16px;
padding:10px 30px;
box-sizing:border-box;
}
input[name="referer"] + p input{
margin-right:10px;
}
#mailform .loginBtn{
width:300px;
padding:10px 20px!important;
margin:20px auto;
line-height:1!important;
background:#ff3171;
}
#mailform .pass{
line-height:normal;
text-align:center;
text-decoration:underline;
color:#39f;
}
#mailform .pass + p{
text-align:center;
margin:20px auto 0;
}
#mailform .pass + p a{
width:300px!important;
display:block;
border-radius:3px;
padding:10px 20px!important;
margin:20px auto 0;
line-height:1!important;
background:#222;
text-align:center;
color:#FFF;
}

#entry-form table label .file_path{
display:inline-block;
}
.icon-preview{
padding:10px;
text-align:center;
}
.icon-preview img{
display:block;
margin:0 auto 20px;
box-shadow:0 0 0 1px #eee4e6;
border-radius: 10px;
}
.icon-trimming.modal-open{
padding:5px 10px;
background:#fff;
display:inline-block;
border-radius:5px;
font-size:12px;
width:95px;
cursor:pointer;
margin:0 2px;
box-shadow:0 0 0px 1px #dde4e6;
}
.icon-del{
padding:5px 10px;
background:#f2f2f2;
display:inline-block;
border-radius:5px;
font-size:12px;
width:95px;
cursor:pointer;
box-shadow:0 0 0px 1px #dde4e6;
}
#image-trimming .trimming-area{
}
#image-trimming #trimming-preview{
margin:20px 0;
padding:20px 0;
background:#eee;
}
#image-trimming #trimming-preview img{
box-shadow:0 0 0 1px #eee4e6;
border-radius: 10px;
}
button.trimming-ok{
padding: 3px 10px;
background: #666;
border:0;
border-radius: 5px;
font-size: 14px;
color: #FFF;
cursor: pointer;
width:95px;
}
button.trimming-cancel{
padding: 3px 10px;
border-radius: 5px;
border: 1px solid #ccc;
cursor: pointer;
font-size: 14px;
width:95px;
}
#entry-form ul.input-sns{
margin:10px 0;
}
#entry-form ul.input-sns li{
display: -webkit-flex;
display: flex;
align-items: center;
margin:5px 0;
padding:0;
}
#entry-form ul.input-sns li img{
margin:0 10px 0 0;
}
#entry-form ul.input-sns li img[src="https://koesiru.jp/img/common/icon/sns-y.png"]{
box-shadow:0 0 0 1px #eee4e6;
border-radius: 5px;
}
#entry-form ul.input-sns li input{
padding:2px 10px!important;
font-size: 16px!important;
width: 75%;
}
#entry-form ul.input-sns li button{
margin:0 0 0 10px;
padding: 3px 10px;
border-radius: 5px;
border: 1px solid #ccc;
cursor: pointer;
font-size: 14px;
width:auto;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
#entry-form table input{
font-size:12px;
width:100%;
max-width:100%;
}
#entry-form table select{
width:100%;
}
#entry-form table textarea{
border:1px solid #ccc;
padding:10px!important;
font-size:12px;
}
#entry-form table label .file_path{
padding:5px 10px;
font-size:12px;
}
#entry-form table .input-awards .sortable-item input{
width:75%;
margin:3px 5px 3px 0;
font-size:16px;
}
#entry-form table .sortable-item.ui-sortable-handle button{
padding:5px 5px;
border-radius:5px;
border:1px solid #ccc;
cursor:pointer;
font-size:12px;
}
#entry-form table button[name="add_awards"]{
margin-top:5px;
padding:5px 20px;
border:1px solid #ccc;
color:#FFF;
background:#666;
border-radius:5px;
cursor:pointer;
font-size:12px;
}
#entry-form table .sns-list{
padding:5px 0;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
#entry-form table .sns-list span a{
color:#FFF;
padding:5px 10px;
background:#666;
border-radius:5px;
font-size:12px;
margin:3px 2px;
display:block;
}
#entry-form table + div.lead{
padding:10px 20px;;
width:100%;
display:block;
margin:20px auto;
background:#f1f8fa;
border-radius:5px;
}
#entry-form table + div.lead p{
font-size:12px!important;
width:100%;
display:block;
margin:10px auto;
}
#entry-form table + div.lead p:first-of-type{
text-align:left;
font-size:12px!important;
}
button[name="entry"].submit-bt{
text-align:center;
margin:auto;
display:block;
padding:5px 10px;
}
button[name="entry"].submit-bt + p a{
text-align:center;
margin:10px auto 0!important;
display:block;
padding:8px 0px;
background:#ff3171;
width:232px;
border-radius:3px;
color:#FFF;
}
.contactWrap section .contactInner01 {
background: #e9eef0 none repeat scroll 0 0;
padding:0!important;
}
.contactWrap section .contactInner02 {
background: #fff none repeat scroll 0 0;
border-radius: 4px;
padding:0!important;
}
#mailform{
padding:10px;
}
#mailform > ul + input + p{
background:none;
text-align:left;
padding:10px 0 0px 10px;
margin:0!important;
}
label[for="passcheck"]{
font-size:12px;
}
#mailform ul input{
width:100%;
max-width:100%;
}
input[name="referer"] + p{
width:100%;
}
input[name="referer"] + p input{
margin-right:10px;
}
#mailform .loginBtn{
width:100%;
padding:13px 20px!important;
margin:10px auto 20px;
line-height:1!important;
background:#ff3171;
}
#mailform .pass + p a{
width:100%!important;
padding:13px 20px!important;
margin:25px auto 0;
}
#entry-form ul.input-sns li input{
width:55%;
}
#entry-form ul.input-sns li button {
font-size: 12px;
}
#entry-form td div.lead{
}
#entry-form td div.lead p{
margin:0;
}
#entry-form td div.lead p:first-of-type{
font-size:12px!important;
color:#ff5e5e;
}
#entry-form td div.lead p:last-of-type{
font-size:12px!important;
display: -webkit-flex;
display: flex;
align-items: center;
}
#entry-form td div.lead p:last-of-type input{
margin-right:5px;
}
#entry-form table + div.lead{
padding:5px;
width:100%;
display:block;
margin:20px auto;
background:#f1f8fa;
border-radius:5px;
}
#entry-form table + div.lead p{
font-size:12px!important;
margin:10px auto;
text-align:center;
display: -webkit-flex;
display: flex;
align-items: center;
justify-content: center;
}
#entry-form table + div.lead p input{
margin-right:10px;
}
#entry-form table + div.lead p a{
border-bottom:1px solid;
}
button[name="entry"].submit-bt + p a{
text-align:center;
margin:0 auto 0!important;
display:inline-block;
padding:5px 0px 0;
background:none;
width:auto;
border-bottom:1px solid;
font-size:14px;
border-radius:0;
}
.contactWrap section .contactInner02{
background:#fdfdfd!important;
}
.contactWrap section .contactInner01 {
background:none!important;
}
#entry-form{
padding-top:10px;
}
}

#entry-form td div.lead{
}
#entry-form td div.lead p{
margin:0;
}
#entry-form td div.lead p:first-of-type{
font-size:12px!important;
color:#ff5e5e;
}
#entry-form td div.lead p:last-of-type{
font-size:12px!important;
display: -webkit-flex;
display: flex;
align-items: center;
}
#entry-form td div.lead p:last-of-type input{
margin-right:5px;
width:auto;
}


/*------------------------------------------------------------
お問い合わせフォームテキスト
-------------------------------------------------------------*/
.form-kiyaku-txt .kojin-scroll-box{
height:100px;
overflow:auto;
border:solid 1px #ccc;
padding:10px;
line-height:20px;
font-size:14px;
width:100%;
margin:20px auto;
display:block;
color:#444;
background: #FFF;
}
.form-kiyaku-txt .kojin-scroll-box h4{
font-weight:100;
font-size:14px;
font-weight:bold;
border:0;
text-align:center;
padding:0 0 20px!important;
}
.form-kiyaku-txt .kojin-scroll-box h4:before{
display:none;
}
.form-kiyaku-txt .kojin-scroll-box p{
padding:5px 0;
font-size:14px;
}
.form-kiyaku-txt .kojin-scroll-box ol{
padding:0 30px 15px;
margin-bottom:15px;
font-size:12px;
border-bottom:1px dashed #ccc;
width:100%;
box-sizing:border-box;
}
.form-kiyaku-txt .kojin-scroll-box ol li{
line-height:1.5;
padding:5px 0;
list-style:decimal;
}
.form-kiyaku-txt .kojin-scroll-box ul{
line-height:1.5;
padding:10px;
margin:0;
width:100%;
box-sizing:border-box;
}
.form-kiyaku-txt .kojin-scroll-box ul li{
line-height:1.6;
padding:0;
font-size:12px;
margin:0;
border:0;
}
.form-kiyaku-txt .kojin-scroll-box ul li:first-child{
font-size:14px;
font-weight:bold;
padding-bottom:5px;
}
.form-kiyaku-txt .kojin-txt-box p{
text-align:center;
margin:0!important;
padding:0!important;
font-size:14px;
}
#entry-form button[name="entry"].submit-bt{
text-align:center;
display:block;
padding:8px 10px;
cursor:pointer;
border-radius:50px;
border:0;
margin:20px auto;
width:200px;
background:#ff3171;
color:#FFF;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.form-kiyaku-txt .kojin-scroll-box{
height:60px;
padding:10px;
line-height:20px;
font-size:14px;
width:100%;
margin:20px auto;
}
.form-kiyaku-txt .kojin-scroll-box h4{
font-size:12px;
}
.form-kiyaku-txt .kojin-scroll-box p{
padding:5px 0 10px;
font-size:14px;
}
.form-kiyaku-txt .kojin-scroll-box ol{
padding:0 10px 15px;
margin-bottom:15px;
font-size:12px;
}
.form-kiyaku-txt .kojin-scroll-box ol li{
line-height:1.5;
padding:5px 0;
list-style:decimal;
}
.form-kiyaku-txt .kojin-scroll-box ul li{
font-size:12px;
}
.form-kiyaku-txt .kojin-scroll-box ul li:first-child{
font-size:12px;
}
}


/*------------------------
マイページ
------------------------*/
.myProBox .myProImg{
margin:0 0 20px;
display:block;
}
.myProBox .myProImg img{
width:120px;
height:120px;
border-radius:5px;
box-shadow:0 0 0 2px #ebebeb;
margin:auto;
display:block;
}
.myProBox .myProLink{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
width:100%;
margin:0 0 30px;
}
.myProBox .myProLink a:first-of-type{
width:40%;
text-align:center;
padding:10px;
background:#ff3171;
margin:0 10px;
border-radius:50px;
font-size:14px;
color:#FFF;
}
.myProBox .myProLink a{
width:40%;
text-align:center;
padding:10px;
background:#066493;
margin:0 10px;
border-radius:50px;
font-size:14px;
color:#FFF;
}
.mypageList{
}
#main-lower .mypageList li a{
border:0!important;
display: -webkit-flex;
display: flex;
align-items: center;
}
#main-lower .mypageList li a:before{
content:">";
margin-right:10px;
font-weight:bold;
font-size:12px;
background:#066493;
border-radius:50px;
width:20px;
height:20px;
line-height:20px;
text-align:center;
color:#FFF;
}
#entry-form button[name="entry"].submit-bt{
text-align:center;
display:block;
padding:0;
line-height:48px;
height:45px;
cursor:pointer;
border-radius:50px;
border:0;
margin:10px auto 10px!important;
width:300px;
background:#ff3171;
color:#FFF;
font-weight:bold;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.myProBox .myProLink a:first-of-type{
width:50%;
font-size:12px;
}
.myProBox .myProLink a{
width:50%;
font-size:12px;
}
.myProBox .myProImg{
margin:20px 0;
}
.myProBox .myProLink{
margin:0 0 20px;
}
#entry-form button[name="entry"].submit-bt{
text-align:center;
display:block;
padding:0;
cursor:pointer;
border-radius:50px;
border:0;
margin:20px auto;
width:100%;
background:#ff3171;
color:#FFF;
}
}
#entry-form a{
color:#448acb;
}
.MyProfile li a{
display: -webkit-flex;
display: flex;
align-items: center;
padding:3px 0
}
.MyProfile li a img{
margin-right:5px;
}
.MyProfile li a img[src="https://koesiru.jp/img/common/icon/sns-y.png"]{
box-shadow:0 0 0 1px #f2f2f2;
border-radius:5px;
}
.MyProfile li{
display: -webkit-flex;
display: flex;
align-items: center;
padding:3px 0;
}
.MyProfile li span{
font-size:11px;
}
.MyProfile li img{
margin-right:5px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.MyProfile li{
font-size:12px!important;
}
form#entry-form input[type="text"] {
font-size: 12px!important;
}
#entry-form ul.input-sns li input[type="text"] {
font-size: 12px!important;
}
}

/*------------------------
ボタン系
------------------------*/
.kuchikomi-link{
display: block;
margin: 10px auto 0;
padding: 10px;
border: 0;
font-weight: bold;
cursor: pointer;
text-align:right;
font-size:14px;
color: #448acb;
text-decoration:underline;
}
.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 #ff3171;
transform: rotate(-30deg);
}
.cta-link-box .ctaText:after {
border-right: 3px solid #ff3171;
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://koesiru.jp/img/koesiru/uploads/2021/03/2021y03m03d_2103302326.png) no-repeat center / contain;
position: absolute;
left: 25px;
top: 0;
bottom: 0;
margin: auto;
background-size: contain;
}
.ctaFukidashi{
display: inline-block;
border: 2px solid #555;
padding: 10px 10px 8px;
position: relative;
border-radius: 8px;
font-size: 16px;
line-height: 1.4;
background: #ffffff;
font-weight:bold;
}
.ctaFukidashi:before{
content: '';
display: block;
border-right: 11px solid transparent;
border-top: 12px solid #ffffff;
border-left: 11px solid transparent;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: -10px;
z-index: 2;
}
.ctaFukidashi:after{
content: '';
display: block;
border-right: 11px solid transparent;
border-top: 12px solid #555;
border-left: 11px solid transparent;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
bottom: -13px;
z-index: 1;
}
.cta-link-box .cta-link-button a span{
color: #FFF;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.ctaFukidashi{
font-size: 14px;
}
.cta-link-box .cta-link-button a{
padding: 12px 38px 9px;
}
.cta-link-box .cta-link-button a:before{
left: 10px;
}
.kuchikomi-link{
width:100%;
}
.cta-link-box .cta-link-button a{
width:100%;
}
}


/*------------------------------------------------------------
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;
}
.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: 5px;
}
.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;
}


/*------------------------------------------------------------
会話文
-------------------------------------------------------------*/
main#main-lower .talk-text{
color: #b60005;
font-weight: bold;
margin:0;
line-height: 2;
}
main#main-lower .talk-text + p.talk-text{
color: #b60005;
font-weight: bold;
margin:0;
line-height: 2;
}
main#main-lower .talk-text + p{
margin:21px 0 21px;
}

/*------------------------------------------------------------
おすすめユーザー
-------------------------------------------------------------*/
.osusume-user_box{
box-shadow: 0 0 0 4px #ffdee8;
position: relative;
padding: 25px 20px;
border-radius:10px;
margin: 30px 0 20px 0;
}
.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: center;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
main#main-lower .osusume-user_box .midasi p{
background: #fdfdfd;
font-size: 16px;
display: inline-block;
margin: 0;
padding: 0 10px;
max-width: 96%;
color: #ff417c;
font-weight:bold;
}
.post .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:#ffdee8;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
border-radius:50px;
border:5px solid #feb4ca;
}
.post .osusume-user_box li:last-of-type{
margin: 0;
}
.post .osusume-user_box li a{
vertical-align: middle;
}
.post .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;
}
main#main-lower .osusume-user_box .midasi p{
max-width: 100%;
padding: 0 8px;
font-size: 15px;
}
.post .osusume-user_box li{
margin-bottom: 10px;
}
.osusume-user_box li:before{
width: 16px;
height: 16px;
border:4px solid #feb4ca;
}
.post .osusume-user_box li{
position: relative;
padding: 0 0 0 25px;
}
}

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

/*------------------------------------------------------------
おすすめユーザー（ol）
-------------------------------------------------------------*/
.post .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;
}
.post .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){
.post .osusume-user_box ol li{
margin-bottom: 10px;
}
.osusume-user_box ol li:before{
width: 18px;
height: 18px;
line-height:20px;
}
.post .osusume-user_box ol li{
position: relative;
padding: 0 0 0 25px;
}
}



/*------------------------------------------------------------
口コミ評価のポイント
-------------------------------------------------------------*/
.kutikomi-point{
box-shadow: 0 0 0 2px #dde4e6;
margin-bottom: 20px;
}
.kutikomi-point .top{
background: #e7ebee;
text-align:center;
padding: 10px;
}
main#main-lower .kutikomi-point .top p{
font-size: 16px;
margin: 0 0 3px 0;
line-height: 1.4;
font-weight: bold;
}
main#main-lower .kutikomi-point .top .small-text{
font-size: 14px;
margin: 0;
font-weight: normal;
color: #666;
}
.post .kutikomi-point ul{
padding: 12px 16px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.kutikomi-point ul li{
width: 49%;
position: relative;
padding: 0 0 0 30px;
margin-bottom: 10px;
line-height: 1.4;
font-size:14px;
}
.kutikomi-point ul li:nth-of-type(3),.kutikomi-point ul li:nth-of-type(4){
margin: 0;
}
.kutikomi-point ul li:before{
content: '';
display: block;
width: 20px;
height: 20px;
background: url(https://koesiru.jp/img/common/icon/check-icon.svg) no-repeat center / contain;
position:absolute;
top: 0;
left: 0;
bottom: 0;
margin: auto;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
main#main-lower .kutikomi-point .top p{
font-size: 15px;
margin: 0 0 3px 0;
}
main#main-lower .kutikomi-point .top .small-text{
font-size: 12px;
}
.post .kutikomi-point ul{
padding: 10px;
}
.kutikomi-point ul li{
padding: 0 0 0 26px;
}
.kutikomi-point ul li:before{
width: 18px;
height: 18px;
}
}


/*------------------------
助言者
------------------------*/
.profile-box{
background:#f9f9f9;
border-radius:2px;
display: -webkit-flex;
display: flex;
align-items: center;
position:relative;
}
.profile-box .profile-icon{
width:20%;
padding:20px;
}
.profile-box .profile-icon img{
width:100%;
border-radius:50px;
}
.profile-box .profile-detail{
width:80%;
padding:10px;
position:relative;
}
.profile-box .profile-detail p{
margin:0!important;
}
.profile-detail-title{
padding:5px 0;
font-size:16px!important;
color:#eaa61e;
padding-left:25%;
box-sizing:border-box;
font-weight:bold
}
.profile-detail-name{
padding:5px 0;
font-size:16px!important;
}
.profile-detail-name span:nth-of-type(1){
display:block;
font-size:14px;
font-weight:bold;
line-height:normal;
}
.profile-detail-name span{:nth-of-type(2)
display:block;
font-size:24px;
line-height:1.5;
}
.profile-detail-profile{
padding:0px 0 5px;
font-size:14px!important;
color:#888;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.profile-box{
background:#f9f9f9;
border-radius:2px;
display: -webkit-flex;
display: flex;
align-items: center;
position:relative;
}
.profile-box .profile-icon{
width:24%;
padding:10px;
position:absolute;
top:35px;
left:0;
}
.profile-box .profile-icon img{
width:100%;
border-radius:50px;
}
.profile-box .profile-detail{
width:100%;
padding:10px;
position:relative;
}
.profile-box .profile-detail p{
margin:5px 0 0!important;
}
.profile-detail-title{
padding:5px 0;
font-size:16px!important;
color:#eaa61e;
padding-left:25%;
box-sizing:border-box;
font-weight:bold
}
.profile-detail-name{
padding:5px 0 5px 85px;
font-size:16px!important;
}
.profile-detail-name span:nth-of-type(1){
display:block;
font-size:14px;
font-weight:bold;
line-height:normal;
}
.profile-detail-name span{:nth-of-type(2)
display:block;
font-size:20px;
line-height:1.5;
}
.profile-detail-profile{
padding:0px 0 5px;
font-size:14px!important;
color:#888;
}
}

@media only screen and (max-width : 415px){.profile-box .profile-icon{width:22%;}}
@media only screen and (max-width : 376px){.profile-box .profile-icon{width:24%;}}
@media only screen and (max-width : 360px){.profile-box .profile-icon{width:25%;}}


/*------------------------
ランキング口コミピックアップ
------------------------*/
.pickup-table{
display: -webkit-flex;
display: flex;
justify-content: space-between;
}
.pickup-table li{
text-align:center;
width:100%;
}
.pickup-table dl{
padding:5px;
border-radius:2px;
}
.pickup-table dl dt{
font-size:14px;
background:#c6d2e2;
padding:5px;
color:#FFF;
border-radius:2px 2px 0 0;
}
.pickup-table dl dd{
font-size:16px;
font-weight:bold;
background:#f4f7fc;
padding:5px;
border-radius:0 0 2px 2px;
}
.profile-box .profile-detail p.profile-detail-profile{
margin:5px 0 0!important;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size:13px!important;
padding:0;
}


@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.pickup-table dl dt{
font-size:10px;
background:#c6d2e2;
padding:3px 0;
color:#FFF;
border-radius:2px 2px 0 0;
}
.pickup-table dl dd{
font-size:14px;
font-weight:bold;
background:#f4f7fc;
padding:3px 0;
border-radius:0 0 2px 2px;
}
.pickup-table dl{
padding:5px 2px;
border-radius:2px;
}
.profile-box .profile-detail p.profile-detail-profile{
margin:5px 0 0!important;
overflow: hidden;
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 3;
font-size:12px!important;
padding:0;
}

}

/*------------------------
tableスクロール
------------------------*/
.table-scroll{
display: block;
overflow-x: scroll;
/* white-space: nowrap; */
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
}
.table-scroll th{
width:100%;
}
/*------------------------
tableスクロール　１列目固定
------------------------*/
.table-scroll-fix{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
z-index:1;
}
.table-scroll-fix th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
box-shadow: 1px 0 1px #dde4e6;
z-index:1;
}
.table-scroll-fix th{
width:100%;
}
.table-scroll-fix th.no-fix{
position: static;
}

/*-------------------------------------------------------
スクロール領域の画像横幅可変操作
-------------------------------------------------------*/
.table-scroll-fix img{
max-width:initial;
}
.table-scroll img{
max-width:initial;
width: 70%;
}
/*------------------------
ランキングタグ
------------------------*/
.PRrank-icon2 tr:nth-of-type(n+2) th:first-of-type{
}
/* ラベル部分*/
.PRrank-icon2 tr:nth-child(n+2):nth-child(-n+21) th:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.PRrank-icon2 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-1.png);
}
.PRrank-icon2 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-2.png);
}
.PRrank-icon2 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-3.png);
}
.PRrank-icon2 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-4.png);
}
.PRrank-icon2 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-5.png);
}
.PRrank-icon2 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-6.png);
}
.PRrank-icon2 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-7.png);
}
.PRrank-icon2 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-8.png);
}
.PRrank-icon2 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-9.png);
}
.PRrank-icon2 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-10.png);
}
.PRrank-icon2 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-11.png);
}
.PRrank-icon2 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-12.png);
}
.PRrank-icon2 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-13.png);
}
.PRrank-icon2 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-14.png);
}
.PRrank-icon2 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-15.png);
}
.PRrank-icon2 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-16.png);
}
.PRrank-icon2 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-17.png);
}
.PRrank-icon2 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-18.png);
}
.PRrank-icon2 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-19.png);
}
.PRrank-icon2 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-20.png);
}

/*------------------------
ランキングタグ（余白あり）
------------------------*/
.PRrank-icon3 tr:nth-of-type(n+2) th:first-of-type{
padding: 10px 5px 10px 35px;
}
/* ラベル部分*/
.PRrank-icon3 tr:nth-child(n+2):nth-child(-n+21) th:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.PRrank-icon3 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-1.png);
}
.PRrank-icon3 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-2.png);
}
.PRrank-icon3 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-3.png);
}
.PRrank-icon3 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-4.png);
}
.PRrank-icon3 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-5.png);
}
.PRrank-icon3 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-6.png);
}
.PRrank-icon3 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-7.png);
}
.PRrank-icon3 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-8.png);
}
.PRrank-icon3 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-9.png);
}
.PRrank-icon3 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-10.png);
}
.PRrank-icon3 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-11.png);
}
.PRrank-icon3 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-12.png);
}
.PRrank-icon3 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-13.png);
}
.PRrank-icon3 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-14.png);
}
.PRrank-icon3 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-15.png);
}
.PRrank-icon3 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-16.png);
}
.PRrank-icon3 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-17.png);
}
.PRrank-icon3 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-18.png);
}
.PRrank-icon3 tr:nth-of-type(20) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-19.png);
}
.PRrank-icon3 tr:nth-of-type(21) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-20.png);
}


/*------------------------------------------------------------
フロー
-------------------------------------------------------------*/
.post .flow-wrap .box{
padding: 0 0 20px 26px;
margin:0;
position: relative;
}
.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;
}
main#main-lower .flow-wrap .step-midasi{
font-weight: bold;
font-size: 18px;
margin: 0 0 5px 0;
}
main#main-lower .flow-wrap p{
padding-bottom: 10px;
margin: 0;
font-weight:normal;
}
main#main-lower .flow-wrap p.step-text{
padding-bottom: 10px;
margin: 0;
font-weight:normal;
}
main#main-lower .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){
.post .flow-wrap .box{
padding: 0 0 16px 26px;
}
main#main-lower .flow-wrap .step-midasi{
font-size: 16px;
margin: 0;
}
main#main-lower .flow-wrap .step-text{
padding-bottom: 8px;
}
}

/*------------------------------------------------------------
Q&A
-------------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
.qa-wrap dl{
margin-bottom: 16px;
}
.qa-wrap dl:last-of-type{
margin:0;
}
.qa-wrap dt{
font-weight: bold;
position: relative;
line-height: 1.4;
margin-bottom: 10px;
padding: 0 0 0 32px;
font-size: 15px;
}
.qa-wrap dt:before{
content: "Q";
display: block;
color: #fff;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: #2467d2;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 15px;
}
.qa-wrap dt h3{
background:none!important;
padding:0!important;
margin:0!important;
font-size: 15px!important;
}
.qa-wrap dd{
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
}
.qa-wrap dd:before{
content: "A";
display: block;
color: #fff;
width: 26px;
height: 26px;
line-height: 26px;
text-align: center;
background: #ff4781;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 15px;
padding: 0 0 0 2px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.qa-wrap dt{
font-size: 14px;
}
.qa-wrap dt:before{
width: 24px;
height: 24px;
line-height: 24px;
font-size: 14px;
}
.qa-wrap dt h3{
background:none!important;
padding:0!important;
margin:0!important;
font-size: 14px!important;
}
.qa-wrap dd{
font-size: 14px;
}
.qa-wrap dd:before{
width: 24px;
height: 24px;
line-height: 24px;
font-size: 14px;
padding: 0 0 0 1px;
}
}


/*------------------------------------------------------------
Q&A (Qをh3に変更)
-------------------------------------------------------------*/
.qa-wrap{
margin-bottom: 20px;
}
.qa-wrap h3{
font-weight: bold;
position: relative;
line-height: 1.4;
padding: 0 0 0 32px!important;
font-size: 15px;
background:none!important;
margin:10px 0 10px 0!important;
font-size: 15px!important;
}
.qa-wrap h3:before{
content: "Q";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #2467d2;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-size: 13px;
}
main#main-lower .qa-wrap p{
position: relative;
line-height: 1.4;
padding: 0 0 0 32px;
font-size: 15px;
margin: 0 0 16px 0;
}
main#main-lower .qa-wrap p:last-of-type{
margin:0;
}
.qa-wrap p:before{
content: "A";
display: block;
color: #fff;
width: 23px;
height: 23px;
line-height: 23px;
text-align: center;
background: #ff4781;
border-radius: 50%;
position: absolute;
left: 0;
top: -2px;
font-weight: bold;
font-size: 13px;
padding: 0 0 0 1px;
}
.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){
.qa-wrap h3{
font-size: 14px!important;
}
.qa-wrap h3:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
}
main#main-lower .qa-wrap p{
font-size: 14px;
}
.qa-wrap p:before{
width: 23px;
height: 23px;
line-height: 23px;
font-size: 13px;
padding: 0 0 0 1px;
}
}

/*------------------------
スクロールヒント-汎用
------------------------*/
.scroll-action{
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
}

/*------------------------
Amazon&楽天
------------------------*/
.detail-link-list{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.detail-link-amazon,.detail-link-rakuten{
margin:0 5px 0!important;
padding:0!important;
width:50%;
box-sizing:border-box;
}
.detail-link-amazon a{
display:block;
text-align:center;
background:#ffa100;
padding:10px;
border-radius:3px;
margin:5px 0;
box-sizing:border-box;
position:relative;
}
.detail-link-rakuten a{
display:block;
text-align:center;
background:#cb2626;
padding:10px;
border-radius:3px;
margin:5px 0;
box-sizing:border-box;
position:relative;
}
.detail-link-rakuten a:before,.detail-link-amazon a:before{
content:">";
position:absolute;
top:25%;
right:10px;
margin:auto;
color:#FFF;
font-weight:bold;
}
.detail-link-amazon a span,.detail-link-rakuten a span{
color:#FFF;
font-weight:bold;
}
.cta-link-list{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
}
.cta-link-amazon,.cta-link-rakuten{
margin:0 5px 0!important;
padding:0!important;
width:50%;
box-sizing:border-box;
}
.cta-link-amazon a{
display:block;
text-align:center;
background:#ffa100;
padding:10px;
border-radius:3px;
margin:5px 0;
box-sizing:border-box;
position:relative;
}
.cta-link-rakuten a{
display:block;
text-align:center;
background:#cb2626;
padding:10px;
border-radius:3px;
margin:5px 0;
box-sizing:border-box;
position:relative;
}
.cta-link-rakuten a:before,.cta-link-amazon a:before{
content:">";
position:absolute;
top:25%;
right:10px;
margin:auto;
color:#FFF;
font-weight:bold;
}
.cta-link-amazon a span,.cta-link-rakuten a span{
color:#FFF;
font-weight:bold;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.detail-link-list{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.detail-link-amazon,.detail-link-rakuten{
margin:0!important;
padding:0!important;
width:100%;
box-sizing:border-box;
}
.cta-link-list{
display: -webkit-flex;
display: flex;
justify-content: center;
align-items: center;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
}
.cta-link-amazon,.cta-link-rakuten{
margin:0!important;
padding:0!important;
width:100%;
box-sizing:border-box;
}
}

/*------------------------------------------------------------
テーブル
-------------------------------------------------------------*/
.post .tableLayout-1 td{
border:0;
padding: 0 12px 10px;
}
.post .tableLayout-1 tr:first-of-type td{
padding-top: 10px;
}
.post .tableLayout-2 table{
border-bottom: 0;
}
.tableLayout-2 tbody{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.tableLayout-2 tr{
width: 50%;
}
.tableLayout-2 th{
width: 33%;
}
.post .tableLayout-2 td{
border-right: 0;
}
.tableLayout-2 tr:nth-of-type(2n){
border-left: 1px solid #dde4e6;
}
.tableLayout-3 colgroup:nth-of-type(1){
width: 33%;
}
.post .tableLayout-3 thead td{
background: #ccc;
font-size: 16px;
font-weight: bold;
border: 0;
}
.post .tableLayout-4 table{
border-collapse: separate!important;
border-spacing: 5px 0;
border:0;
}
.post .tableLayout-4 th,.post .tableLayout-4 td{
border:1px solid #dde4e6;
text-align: center;
}
.post .tableLayout-4 th{
border-radius: 5px 5px 0 0;
}
.post .tableLayout-4 td{
border-top: 0;
border-radius: 0 0 5px 5px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.post .tableLayout-1 td{
padding-right: 10px;
padding-left: 10px;
}
.post .tableLayout-2 table{
border:0;
border-bottom:  1px solid #dde4e6;
}
.tableLayout-2 tbody{
display: table-row-group;
}
.tableLayout-2 tr{
width: 100%;
}
.post .tableLayout-2 th,.post .tableLayout-2 td,.tableLayout-2 tr:nth-of-type(2n){
border:0;
border-top: 1px solid #dde4e6;
}
.post .tableLayout-2 th{
width: 33%;
}
}


/*------------------------
ランキング修正(20210310)
------------------------*/
body {
background: #FFF!important;
}
.app-syourai-wrap {
counter-reset: shosaibox_count 0;
}
.app-syourai-wrap .app-syourai-box{
box-sizing: border-box;
box-shadow: 0 0 0 2px #dde4e6;
border-radius: 2px;
background: #e7ebee;
padding-bottom:5px;
margin-bottom:40px!important;
}
.app-syourai-wrap .app-syourai-box .kuchikomi-syosai-card {
margin-bottom: 0px;
margin-top: 20px;
box-shadow:none;
}
.app-syourai-wrap .radarChart-box{
margin:0 20px 0!important;
}
.app-syourai-wrap .kutikomi-g-b{
background:#e7ebee;
padding:20px 20px 0;
border-radius:0 0 5px 5px;
margin-top:0!important;
}
.app-syourai-wrap .hyouka-box-in {
width: 94%!important;
background:#FFF;
box-shadow: 0 0 0 2px #dde4e6;
border-radius: 10px;
padding: 10px;
margin:0 auto 20px!important;
}
.app-syourai-wrap .app-syourai-box .kutikomi-g-b + .detail-link-box{
margin-bottom:40px;
}
img.aligncenter {
display: block;
margin: auto;
}

/*-------------------------------------------------------
画像拡大用
-------------------------------------------------------*/
.sl-wrapper .sl-close,.sl-wrapper .sl-navigation button {
height: 44px;
line-height: 44px;
font-family: Arial,Baskerville,monospace
}
.sl-wrapper .sl-close:focus,.sl-wrapper .sl-navigation button:focus {
outline: 0
}
body.hidden-scroll {
overflow: hidden;
padding-right:0!important;
}
.sl-overlay {
position: fixed;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: #000;
opacity: .7;
display: none;
z-index:2147483640;
}
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
.sl-wrapper {
z-index: 1040;
}
.sl-wrapper button {
border: 0;
background: 0 0;
font-size: 28px;
padding: 0;
cursor: pointer;
}
.sl-wrapper button:hover {/* opacity: .7; */}
.sl-wrapper .sl-close{
right: 0px;
z-index:2147483647;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
.sl-wrapper .sl-counter {
left: 30px;
z-index: 1060;
font-size: 1rem;
}
.sl-wrapper .sl-navigation {
width: 100%;
display: none;
}
.sl-wrapper .sl-navigation button {
position: fixed;
top: 50%;
margin-top: -22px;
width: 22px;
text-align: center;
display: block;
z-index: 2147483647;
color: #000;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 5px;
font-size: 2rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 5px;
font-size: 2rem;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 10px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-navigation button {
width:44px;
}
.sl-wrapper .sl-navigation button.sl-next {
right: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-navigation button.sl-prev {
left: 20px;
font-size: 3rem;
}
.sl-wrapper .sl-image img {
border: 0;
}
}
.sl-wrapper .sl-image {
position: fixed;
-ms-touch-action: none;
touch-action: none;
z-index: 2147483647;
}
.sl-wrapper .sl-image img {
margin: 0 auto;
padding: 0;
display: block;
border: 0;
width: auto;
height: auto;
max-width: 100%;
}
.sl-wrapper .sl-image iframe {
background: #000;
border: 0;
}
@media (min-width: 35.5em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
@media (min-width: 50em) {
.sl-wrapper .sl-image iframe {
border:0;
}
}
.sl-wrapper .sl-image .sl-caption {
display: none;
padding: 10px;
color: #fff;
background: rgba(0,0,0,.8);
font-size: 1rem;
position: absolute;
bottom: 0;
left: 0;
right: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-top {
bottom: auto;
top: 0;
}
.sl-wrapper .sl-image .sl-caption.pos-outside {
bottom: auto;
}
.sl-wrapper .sl-image .sl-download {
display: none;
position: absolute;
bottom: 5px;
right: 5px;
color: #000;
z-index: 2147483647;
}
.sl-spinner {
display: none;
border: 5px solid #333;
border-radius: 40px;
height: 40px;
left: 50%;
margin: -20px 0 0 -20px;
opacity: 0;
position: fixed;
top: 50%;
width: 40px;
z-index: 1007;
-webkit-animation: pulsate 1s ease-out infinite;
-moz-animation: pulsate 1s ease-out infinite;
-ms-animation: pulsate 1s ease-out infinite;
-o-animation: pulsate 1s ease-out infinite;
animation: pulsate 1s ease-out infinite;
}
.sl-scrollbar-measure {
position: absolute;
top: -9999px;
width: 50px;
height: 50px;
overflow: scroll;
}
.sl-transition {
transition: -moz-transform ease .2s;
transition: -ms-transform ease .2s;
transition: -o-transform ease .2s;
transition: -webkit-transform ease .2s;
transition: transform ease .2s;
}
@-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)
}
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.sl-wrapper .sl-close,.sl-wrapper .sl-counter {
top: -40px;
display: none;
color: #fff;
position: fixed;
}
.sl-wrapper .sl-close:before{
content:"";
position:absolute;
width:40px;
height:40px;
border:2px solid #888888;
background:#3c3c3c;
border-radius:50%;
top:0;
left:-1px;
right:0;
bottom:0;
margin:auto;
opacity: 0.8;
z-index:-1;
}
.sl-wrapper .sl-close{
right: 0px;
z-index: 2147483647;
margin-top: -14px;
margin-right: -14px;
width: 44px;
font-size: 3rem;
}
}

/*--------------------------------------------------------------
DL詳細ボタン
-------------------------------------------------------------*/
a.btn-dl{
padding:2px 5px 0 5px;
width:100%;
display:block;
align-items:center;
background:#ce3160;
box-sizing:border-box;
color:#FFF;
font-weight:bold;
border-radius:5px;
box-shadow:0 2px 0 0 #9a2649;
font-size:12px;
line-height:21px;
margin:0;
text-align:left;
}
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;
}
a.btn-syousai:before{
content:"";
width:11px;
height:11px;
background:url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m06d_1606136932.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;
}
main#main-lower .btn-wrap{
line-height: 2;
margin: 0!important;
}
.article .btn-dl{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 74%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
background: #ff0260;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 2px 0 0 #9a2649;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main-lower .btn-wrap{
line-height: 2;
margin: 0!important;
padding-right: 7px;
}
.article .btn-dl{
line-height: 28px;
font-size: 13px;
text-align: center;
position: relative;
width: 100%;
margin-top: 4px;
padding: 0px;
text-decoration: none;
display: block;
background: #ff0260;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 50px;
box-shadow: 0 2px 0 0 #9a2649;
margin: 4px 0;
-webkit-transition: opacity .3s, background-color .3s;
transition: opacity .3s, background-color .3s;
}
}


/*------------------------
余白調整
------------------------*/
.app-syourai-wrap .app-syourai-box .kutikomi-g-b + .detail-link-box .detail-link-list{
padding: 0 20px;
}
.app-syourai-wrap .app-syourai-box .kutikomi-g-b + .detail-link-box .detail-link-list .detail-link-amazon{
margin-left: 0!important;
}
.app-syourai-wrap .app-syourai-box .kutikomi-g-b + .detail-link-box .detail-link-list .detail-link-rakuten{
margin-right:  0!important;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.app-syourai-wrap .app-syourai-box .kutikomi-g-b + .detail-link-box .detail-link-list{
padding: 0;
}
.app-syourai-wrap .app-syourai-box .kutikomi-g-b + .detail-link-box{
padding: 0 14px;
}
div.app-syourai-box .kuchikomi-syosai-card{
padding: 12px 14px 15px;
}
.app-syourai-box .kuchikomi-syosai-card.icon-square .kuchikomi-syosai-card-r{
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
div.app-syourai-wrap .radarChart-box{
margin: 0 14px 0!important;
}
div.app-syourai-wrap .kutikomi-g-b{
padding: 20px 14px 0;
}
main#main-lower div.app-syourai-box .kuchikomi-syosai-card h3{
padding: 0px 0 0px 50px;
}
.app-syourai-wrap .hyouka-box{
padding: 0 14px;
}
div.app-syourai-wrap .hyouka-box-in{
width: 100%!important;
}
.app-syourai-wrap .hyouka-box .kuchikomi-link{
padding-right: 0;
}
}


/*------------------------
ランキング(枠内調整)
------------------------*/

.features-box{
padding:10px 13px;
margin:15px auto;
width:98%;
border-radius:5px
}
.features-box{
background:#dbe7ec;
}

main#main-lower .features-box h4 {
padding:0px 0 5px;
margin: 10px auto;
text-align:center;
font-size: 16px;
border-bottom: 0px solid #555;
position: relative;
font-weight: bold;
line-height: 1.4;
color:#24576e;
}
main#main-lower .features-box h4:before{
display:none;
}

/*テーブル1*/

.post .features-box .tableLayout-1 {
margin-bottom:10px;
}
.post .features-box .tableLayout-1 table{
border: 1px solid #8fabb9;
background:#FFF;
}
.post .features-box .tableLayout-1 th{
background:#b5d1de;
}
.post .features-box .tableLayout-1 td{
border:0;
padding:10px;
}
.post .features-box .tableLayout-1 tr:first-of-type td{
padding-top: 10px;
}
.post .features-box .tableLayout-1 th,.post .features-box .tableLayout-1 td {
border-right: 0px solid #8fabb9;
border-bottom: 0px solid #8fabb9;
}

/*テーブル2*/
.post .features-box .tableLayout-2 {
margin-bottom:10px;
}
.post .features-box .tableLayout-2 table{
border: 1px solid #8fabb9;
border-bottom: 0px solid #8fabb9;
border-right: 1px solid #8fabb9;
background:#FFF;
}
.features-box .tableLayout-2 tbody{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
.features-box .tableLayout-2 tr{
width:50%;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.features-box .tableLayout-2 th{
min-width: 130px;
width: 130px;
background:#b5d1de;
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;
}
.post .features-box .tableLayout-2 td{
border-right: 0;
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;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.post .features-box .tableLayout-2 th{
border-right: 1px solid #8fabb9;
border-bottom: 1px solid #8fabb9;
}
.post .features-box .tableLayout-2 td {
border-right: 0px solid #8fabb9;
border-bottom: 1px solid #8fabb9;
padding:5px;
}
.features-box .tableLayout-2 tr:nth-of-type(2n){
border-left: 01px solid #8fabb9;
}

/*テーブル3*/
.features-box .tableLayout-3{
margin-bottom:10px;
}
.post .features-box .tableLayout-3 table{
border: 1px solid #8fabb9;
background:#FFF;
}
.post .features-box .tableLayout-3 thead{
border-top: 1px solid #8fabb9;
box-sizing:border-box;
}
.post .features-box .tableLayout-3 table tr{
display:flex;
width:100%;
}
.post .features-box .tableLayout-3 td{
border-right: 1px solid #8fabb9;
border-bottom: 1px solid #8fabb9;
width:100%;
}
.post .features-box .tableLayout-3 th{
border-right: 1px solid #8fabb9;
border-bottom: 1px solid #8fabb9;
background:#edf4f8;
width:100%;
}
.features-box .tableLayout-3 colgroup:nth-of-type(1){
width:100%;
}
.post .features-box .tableLayout-3 thead td{
background: #b5d1de;
font-size: 16px;
font-weight:bold;
}
.post .features-box .tableLayout-3 tbody tr:last-of-type td{
border-bottom: 0px solid #8fabb9;
}
.post .features-box .tableLayout-3 tbody tr:last-of-type th{
border-bottom: 0px solid #8fabb9;
}
/*テーブル4*/

.features-box .tableLayout-4{
margin-bottom:10px;
}
.post .features-box .tableLayout-4 table{
border-collapse: separate!important;
border-spacing: 5px 0;
border:0;
}
.post .features-box .tableLayout-4 th,.post .tableLayout-4 td{
border:1px solid #b2a98b;
text-align: center;
}
.post .features-box .tableLayout-4 th{
border-radius: 5px 5px 0 0;
background:#fff9e6;
}
.post .features-box .tableLayout-4 td{
border-top: 0;
border-radius: 0 0 5px 5px;
background:#FFF;
}
.post .features-box .tableLayout-4 th {
border-right: 1px solid #b2a98b;
border-bottom: 1px solid #b2a98b;
}
.post .features-box .tableLayout-4 td {
border-right: 1px solid #b2a98b;
border-bottom: 1px solid #b2a98b;
}
/*テーブル5*/
.post .features-box .tableLayout-5{
margin-bottom:10px;
}
.post .features-box .tableLayout-5 table{
background:#FFF;
border: 1px solid #8fabb9;
}
.post .features-box .tableLayout-5 th {
background:#b5d1de;
border-right: 1px solid #8fabb9;
border-bottom: 1px solid #8fabb9;
}
.post .features-box .tableLayout-5 td {
border-right: 1px solid #8fabb9;
border-bottom: 1px solid #8fabb9;
}
/*テーブル6*/
.post .features-box .tableLayout-6{
margin-bottom:10px;
}
.post .features-box .tableLayout-6 table{
background:#FFF;
border:1px solid #8fabb9;
}
.post .features-box .tableLayout-6 td {
border-right: 1px solid #8fabb9;
border-bottom: 1px solid #8fabb9;
}

/*テーブルテキスト*/
.post .features-box .feature-text{
margin-bottom:10px;
background:#FFF;
padding:10px;
border-radius:5px;
line-height:1.4;
border:1px solid #8fabb9;
font-size: 14px;
}
.cta-link-box{
padding:0 20px;
margin-bottom:10px;
}

@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.features-box{
padding:10px 14px;
}
.post .features-box .tableLayout-1 td{
padding:5px;
}
.post .features-box .tableLayout-2 table{
border:0;
border:  1px solid #8fabb9;
}
.features-box .tableLayout-2 tbody{
display: table-row-group;
}
.features-box .tableLayout-2 tr{
width: 100%;
}
.post .features-box .tableLayout-2 th,.post .tableLayout-2 td,.tableLayout-2 tr:nth-of-type(2n){
border:0;
border-top: 1px solid #8fabb9;
}
.post .features-box .tableLayout-2 th{
width: 33%;
}
.features-box .tableLayout-2 tr{
display: table-row;
}
.features-box .tableLayout-2 th{
display: table-cell;
min-width: auto;
}
.post .features-box .tableLayout-2 td{
display: table-cell;
}
.post .features-box .tableLayout-3 thead td{
background: #b5d1de;
font-size: 14px;
font-weight:bold;
}
.post .features-box .tableLayout-4 th{
border-radius: 5px 5px 0 0;
background:#fff9e6;
padding:10px 4px 8px;
line-height:1;
}
.post .features-box .feature-text{
font-size: 12px;
}

/*特徴アコーディオン*/

.feature-contents{
position:relative;
}
.feature-contents.overflow-hidden{
max-height:180px;
overflow:hidden;
margin-bottom:10px;
position:relative;
padding-bottom:0;
}
.feature-contents.overflow-hidden:before{
content:"";
background: linear-gradient(0deg, #dbe7ec 30%,#dbe7ec 55%,rgb(219 231 236 / 0%));
height:40px;
width:100%;
position:absolute;
bottom:0;
left:0;
opacity:1;
}
.feature-contents.overflow-hidden .button_accordion{
position:absolute;
bottom:10px;
left:0;
right:0;
margin:auto;
display:block;
width:100%;
height:25px;
z-index:1000;
background:rgb(154 182 195 / 40%);
border-radius:3px;
text-align:center;
border-bottom:2px solid #96b2c0;
}
.feature-contents.overflow-hidden .button_accordion:before{
content:"▼";
font-size:16px;
color:#FFF;
line-height:25px;
}
.feature-contents.overflow-visible{
position:relative;
padding-bottom:30px;
}
.feature-contents.overflow-visible .button_accordion{
position:absolute;
bottom:10px;
left:0;
right:0;
margin:auto;
display:block;
width:100%;
height:25px;
z-index:1000;
background:rgb(219 231 236);
border-radius:3px;
text-align:center;
border:1px solid #96b2c0;
}
.feature-contents.overflow-visible .button_accordion:before{
content:"▲";
font-size:16px;
color:#96b2c0;
line-height:25px;
}
}



/*--kutikomi-hyouka-matome--*/

.hyouka-box-in {
width:100%;
border:2px solid #ccc;
border-radius:10px;
padding:10px;
margin:10px 0;
box-sizing:border-box;
background:#fffff8;
}
.hyouka-box-in:nth-of-type(1) {
margin:0 0 10px;
}
.hyouka-box-name{
width:100%;
display: -webkit-flex;
display: flex;
align-items:center;
margin-bottom:10px;
margin-top: 0;
}
.hyouka-box-name dt{
margin-right:10px;
width:35px;
}
.hyouka-box-name dt img{
width:35px;
}
.hyouka-box-name dd p{
font-size:12px;
color:#555;
padding:0;
}
.hyouka-box-name dd p{
margin:0!important;
padding:0!important;
}
.hyouka-box-name dd p span{
font-size:12px;
color:#888;
}
.hyouka-box-name dd .hyouka-hoshi{
margin-top:0px;
font-size:18px;
font-weight:bold;
}
.hyouka-box-name dd .hyouka-hoshi img{
width:80px;
margin-right:10px;
}
.hyouka-good{
margin:15px 0 0;
}
.hyouka-good dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
background:url(https://koesiru.jp/img/common/icon/icon-maru.png) no-repeat 0 center;
background-size:14px;
padding-left:20px;
color:#555;
display: -webkit-flex;
display: flex;
align-items: center;
line-height:1.3;
}
.hyouka-good dt div:first-of-type{
font-size:14px;
font-weight:bold;
margin-bottom:0px;
color:#ff92be;
}
.hyouka-good dt div:nth-of-type(2){
display: flex;
align-items: center;
}
.hyouka-good dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
}
.hyouka-bad dt span{
font-size:16px;
font-weight:bold;
margin-bottom:0;
color:#555;
line-height:1.3;
}
.hyouka-good dt p{
padding:0;
margin:0;
}
.hyouka-good dd{
font-size:14px;
line-height:1.4;
color:#555;
}
.hyouka-bad{
margin:15px 0 0;
}
.hyouka-bad dt{
font-size:14px;
font-weight:bold;
margin-bottom:5px;
background:url(https://koesiru.jp/img/common/icon/icon-batu.png) no-repeat 0 center;
background-size:14px;
padding-left:20px;
color:#555;
display: -webkit-flex;
display: flex;
align-items: center;
}
.hyouka-bad dt div:first-of-type{
font-size:14px;
font-weight:bold;
margin-bottom:0px;
color:#4e6275;
}
.hyouka-bad dt div:nth-of-type(2){
display: flex;
align-items: center;
}
.hyouka-bad dt p{
padding:0;
margin:0;
}
.hyouka-bad dd{
font-size:14px;
line-height:1.4;
color:#555;
}
.iinebt-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
margin-top: 10px;
margin-left: auto;
-webkit-box-pack: end;
-ms-flex-pack: end;
justify-content: flex-end;
}
.iinebt{
position: relative;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #fa0;
color: #333;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
.iinebt p{
margin:0!important;
padding:0!important;
}
div.iinegray {
position: relative;
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #cccccc none repeat scroll 0 0;
color: #fff;
border-radius: 35px;
padding: 5px 10px 5px 28px;
font-size: 14px;
}
.iinebt p{
padding: 0;
}
.iinebt a{
position: absolute;
padding: 0;
width: 100%;
height: 100%;
top: 0;
left: 0;
}
.iinebt:before{
content:'';
width:14px;
height:14px;
background: url(https://koesiru.jp/img/common/icon/icon-iine.png) no-repeat center;
background-size:100%;
top: 0;
bottom:0;
left: 8px;
margin:auto;
position: absolute;
}
.iinebt div:first-of-type{
color:#fff;
}
.iinebt div:last-of-type{
background: #fff;
display: inline-block;
padding: 4px 10px;
border-radius: 35px;
font-size: 14px;
font-weight:bold;
margin-left: 5px;
}

.kutikomi-hyouka-matome table{
box-sizing: border-box;
width: 100%;
border:1px solid #ddd;
}
.kutikomi-hyouka-matome th{
background: #eee;
padding: 10px;
border: 1px solid #ddd;
}
.kutikomi-hyouka-matome td{
border: 1px solid #ddd;
padding: 10px;
}
.kutikomi-hyouka-matome td a{
color:#1a78a5;
}
.hyoukaRnk-list{
border-radius:5px;
border: 1px solid #ccc;
padding: 10px;
text-align: center;
margin:10px 0;
}
.hyoukaRnk-title{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
border-bottom: 1px solid #ccc;
padding-bottom: 10px;
}
.hyoukaRnk-title dt img {
width: 80px;
margin-right: 14px;
}
main#main-lower .hyoukaRnk-title dd h3{
background: none;
padding: 0;
margin:0;
font-size:22px;
color:#066493;
font-weight:bold;
}
.hyoukaRnk-title ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items:center;
}
.hyoukaRnk-list .hyoukaRnk-title li{
padding:0;
margin:0;
text-align: left;
line-height:normal;
}
.hyoukaRnk-list .hyoukaRnk-title li img{
width:150px;
margin-right: 10px;
position: static;
vertical-align: middle;
}
.hyoukaRnk-list .hyoukaRnk-title li:first-of-type{
font-size: 34px;
font-weight: bold;
color: #333;
vertical-align: middle;
}
.hyoukaRnk-title li:last-of-type{
background: #ff3171;
color: #FFF;
width: 60px;
text-align: center;
padding: 8px 0;
margin-left: 10px;
}
.hyoukaRnk-list li{
text-align: left;
position:relative;
padding: 12px 0px 12px 50px;
}
.hyoukaRnk-list li img{
position: absolute;
width:40px;
top:0;
left:0;
bottom:0;
margin:auto;
}
main#main-lower .hyoukaRnk-list li p{
overflow: hidden;
text-overflow: ellipsis;
display: -webkit-box;
-webkit-line-clamp: 1;
-webkit-box-orient: vertical;
padding: 0;
margin:0;
line-height:normal;
}
.hyoukaRnk-list li span{
font-size:12px;
color: #999;
}
.hyoukaRnk-list-more{
position:relative;
font-size: 22px;
font-weight: bold;
color: #066493;
}
.hyoukaRnk-list-more:before{
content: "";
width: 12px;
height: 12px;
position: absolute;
top: 2px;
left:-18px;
bottom:0;
margin: auto;
box-sizing: border-box;
border: 6px solid transparent;
border-left: 10px solid #066493;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.hyouka-box-name dt {
margin-right: 10px;
width: 10%;
}
.hyouka-box-name dd {
width: 90%;
}
#main-contents .hyouka-box-name dd p{
margin: 0;
}
.hyouka-box-name dd .hyouka-hoshi{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hyouka-good dt div:first-of-type {
width: 15%;
}
.hyouka-good dt div:nth-of-type(2) {
width: 85%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hyouka-bad dt div:first-of-type {
width: 15%;
}
.kutikomi-hyouka-matome .hyouka-bad dt div:nth-of-type(2) {
width: 85%;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
}

/*------------------------------------------------------------
ランキング詳細部分
-------------------------------------------------------------*/
.post .hyouka-main-wrap .gachaBtn{
margin: 0 auto;
background: #ffd703;
color: #000;
font-size: 18px;
border-radius: 6px;
border: 2px solid #000;
position: relative;
}
.post .hyouka-main-wrap .gachaBtn:hover{
opacity:0.6;
}
.post .hyouka-main-wrap .gachaBtn:before{
content: '';
display: block;
width: 26px;
height: 26px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m20d_1203421412.png) no-repeat center / contain;
position: absolute;
right: 40px;
top: 0;
bottom: 0;
margin: auto;
}
.hyouka-main-wrap{
background: #FFF;
position: relative;
padding: 0 16px;
margin-bottom: 60px;
}
.hyouka-main-wrap:last-of-type{
margin: 0;
}
main#main-lower .hyouka-main-wrap .hyouka-h3-name{
background: #000;
background: repeating-linear-gradient(314deg, #181818, #181818 6px, #000 6px, #000 16px);
color: #fff;
border-radius: 0;
position: relative;
font-size: 20px;
padding: 10px 0 10px 72px;
width: calc(100% + 32px);
margin-left: -16px;
margin-bottom:20px;
}
main#main-lower .hyouka-main-wrap .h-main-name{
background:none;
margin:0;
padding:0;
color:#FFF;
line-height:normal;
}
main#main-lower .hyouka-main-wrap .hyouka-h3-name p{
background:none;
margin:0;
padding:0;
line-height:normal;
color:#d0d0d0;
font-size:14px;
}
.hyouka-main-wrap .h-main-name:before{
content: '';
position: absolute;
top: 5px;
left: 27px;
font-size: 24px;
font-weight: bold;
color: #FFF;
z-index: 3;
}

.hyouka-main-wrap.h-no1 .h-main-name:before{
content: '1';
}
.hyouka-main-wrap.h-no2 .h-main-name:before{
content: '2';
}
.hyouka-main-wrap.h-no3 .h-main-name:before{
content: '3';
}
.hyouka-main-wrap.h-no4 .h-main-name:before{
content: '4';
}
.hyouka-main-wrap.h-no5 .h-main-name:before{
content: '5';
}
.hyouka-main-wrap.h-no6 .h-main-name:before{
content: '6';
}
.hyouka-main-wrap.h-no7 .h-main-name:before{
content: '7';
}
.hyouka-main-wrap.h-no8 .h-main-name:before{
content: '8';
}
.hyouka-main-wrap.h-no9 .h-main-name:before{
content: '9';
}
.hyouka-main-wrap.h-no10 .h-main-name:before{
content: '10';
left: 18px;
}
.hyouka-main-wrap.h-no11 .h-main-name:before{
content: '11';
left: 18px;
}
.hyouka-main-wrap.h-no12 .h-main-name:before{
content: '12';
left: 18px;
}
.hyouka-main-wrap.h-no13 .h-main-name:before{
content: '13';
left: 18px;
}
.hyouka-main-wrap.h-no14 .h-main-name:before{
content: '14';
left: 18px;
}
.hyouka-main-wrap.h-no15 .h-main-name:before{
content: '15';
left: 18px;
}
.hyouka-main-wrap.h-no16 .h-main-name:before{
content: '16';
left: 18px;
}
.hyouka-main-wrap.h-no17 .h-main-name:before{
content: '17';
left: 18px;
}
.hyouka-main-wrap.h-no18 .h-main-name:before{
content: '18';
left: 18px;
}
.hyouka-main-wrap.h-no19 .h-main-name:before{
content: '19';
left: 18px;
}
.hyouka-main-wrap.h-no20 .h-main-name:before{
content: '20';
left: 18px;
}

.hyouka-main-wrap .h-main-name:after{
content: '';
position: absolute;
top: -5px;
left: 16px;
display: block;
height: 52px;
border: 19px solid #777;
border-bottom-width: 10px;
border-bottom-color: transparent;
z-index: 2;
}
.hyouka-main-wrap.h-no1 .h-main-name:after{
border-color:#dbbd4f;
border-bottom-color: transparent;
}
.hyouka-main-wrap.h-no2 .h-main-name:after{
border-color:#c2c2c2;
border-bottom-color: transparent;
}
.hyouka-main-wrap.h-no3 .h-main-name:after{
border-color: #9a6345;
border-bottom-color: transparent;
}
.hyouka-main-wrap:before{
position: absolute;
content: '';
top: -5px;
left: 10px;
border-bottom: solid 8px #555;
border-left: solid 6px transparent;
}
.hyouka-main-wrap.h-no1:before{
border-bottom-color: solid 8px #927b35;
}
.hyouka-main-wrap.h-no2:before{
border-bottom-color: solid 8px #9f9f9f;
}
.hyouka-main-wrap.h-no3:before{
border-bottom-color: solid 8px #584e49;
}
.hyouka-main-wrap .hyouka-main-head{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.hyouka-main-wrap .hyouka-main-icon{
width: 130px;
height: 130px;
display: flex;
align-items: center;
}
.hyouka-main-wrap .hyouka-main-icon img{
width: 100%;
max-height: 100%;
object-fit: contain;
}
.hyouka-main-wrap .hyouka-main-head ul{
width: 50%;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
box-sizing: border-box;
padding-left: 20px;
}
.hyouka-main-wrap .hyouka-main-head li{
font-size: 24px;
font-weight: bold;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon{
color: #fba000;
font-size: 32px;
margin-left: 10px;
}
.hyouka-main-wrap .hyouka-main-head .gachaBtn{
width: 100%;
}
.hyouka-main-wrap .osusume-user_box{
margin: 30px 4px 20px;
box-shadow: 0 0 0 4px #f8b500;
}
main#main-lower .hyouka-main-wrap .osusume-user_box .midasi p{
background: #fff;
color: #f8b500;
}
.hyouka-main-wrap .osusume-user_box li:before{
content: '';
display: inline-block;
width: 22px;
height: 22px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m20d_1610477881.png) no-repeat center / contain;
border:0;
}
.hyouka-main-wrap .hyoukatable{
border: 1px solid #dbdbdb;
}
.hyouka-main-wrap .hyoukatable tr:first-of-type th{
background: #e5e5e5!important;
}
.hyouka-main-wrap .hyoukatable th{
background: #f2f2f2;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
.hyouka-main-wrap .hyoukatable td{
background: #fff;
border-right: 1px solid #dbdbdb;
border-bottom: 1px solid #dbdbdb;
}
main#main-lower .hyouka-main-wrap .h-merit{
margin: 40px 0 18px;
color: #fa89ac;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #f9e7ed;
}
main#main-lower .hyouka-main-wrap .h-merit:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_1405517035.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 3;
}
main#main-lower .hyouka-main-wrap .h-merit:after{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #fa89ac;
background:-moz-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background:-webkit-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background: linear-gradient(135deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
main#main-lower .hyouka-main-wrap .h-demerit{
margin: 40px 0 18px;
color: #3da6d1;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #dbf2fc;
}
main#main-lower .hyouka-main-wrap .h-demerit:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_140555003.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 3;
}
main#main-lower .hyouka-main-wrap .h-demerit:after{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #62afd4;
background:-moz-linear-gradient(315deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
background:-webkit-linear-gradient(315deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
background: linear-gradient(135deg, #76b9da 0%, #76b9da 50%, #62afd4 50%, #62afd4 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi{
margin: 40px 0 18px;
color: #565d60;
border: 0;
padding: 7px 5px 5px 56px;
font-size: 18px;
min-height: 40px;
font-size: 18px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
background: #e0e0e0;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:before{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_1406329016.png) no-repeat center / 22px;
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 3;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:after{
content: "";
width: 40px;
height: 40px;
border-radius: 0;
background: #787d7f;
background:-moz-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background:-webkit-linear-gradient(315deg, #fb98b7 0%, #fb98b7 50%, #fa89ac 50%, #fa89ac 100%);
background: linear-gradient(135deg, #898e90 0%, #898e90 50%, #787d7f 50%, #787d7f 100%);
position: absolute;
display: block;
top: 0;
left: 0;
z-index: 2;
}
.hyouka-main-wrap .hyouka-box-in{
border: 0;
width: auto;
margin: 20px 2px;
background: #fff;
}
main#main-lower .hyouka-main-wrap .hyouka-Btn{
background: #f9f9f9;
width: calc(100% + 32px);
margin-left: -16px;
padding: 30px 0;
margin-top: 40px;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn{
width: 70%;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.hyouka-main-wrap{
margin-bottom: 40px;
padding: 0 10px;
width: 100vw;
left: -10px;
}
main#main-lower .hyouka-main-wrap .hyouka-h3-name{
width:100%;
margin:0px;
margin-bottom:20px;
}
.hyouka-main-wrap:before{
top: -5px;
left: 20px;
}
.post .hyouka-main-wrap .gachaBtn{
font-size: 16px;
padding: 6px 38px;
}
.post .hyouka-main-wrap .gachaBtn:before{
width: 18px;
right: 16px;
}
.hyouka-main-wrap .h-main-name:after{
border: 20px solid #777;
border-bottom-width: 8px;
border-bottom-color: transparent;
height: 44px;
}
.hyouka-main-wrap .h-main-name:before{
left: 29px;
top: 3px;
font-size: 20px;
}
main#main-lower .hyouka-main-wrap .h-main-name{
padding-left:0;
font-size: 18px;
margin-left:0;
}
.hyouka-main-wrap .hyouka-main-icon{
width: 100px;
height: 100px;
display: flex;
align-items: center;
}
.hyouka-main-wrap .hyouka-main-head li{
font-size: 18px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon{
font-size: 24px;
margin-left: 8px;
}
.hyouka-main-wrap .osusume-user_box{
box-shadow: 0 0 0 3px #f8b500;
margin: 30px 3px 20px;
}
.post .hyouka-main-wrap .osusume-user_box li{
padding: 0 0 0 30px;
font-weight:bold;
}
main#main-lower .hyouka-main-wrap .h-merit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
main#main-lower .hyouka-main-wrap .h-merit:before{
width: 36px;
height: 36px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_1405517035.png) no-repeat center / 20px;
}
main#main-lower .hyouka-main-wrap .h-merit:after{
width: 36px;
height: 36px;
}
main#main-lower .hyouka-main-wrap .h-demerit{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
main#main-lower .hyouka-main-wrap .h-demerit:before{
width: 36px;
height: 36px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_140555003.png) no-repeat center / 20px;
}
main#main-lower .hyouka-main-wrap .h-demerit:after{
width: 36px;
height: 36px;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi{
font-size: 16px;
margin: 30px 0 16px;
padding: 7px 5px 5px 48px;
min-height: 36px;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:before{
width: 36px;
height: 36px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_1406329016.png) no-repeat center / 20px;
}
main#main-lower .hyouka-main-wrap .h-hyoukuchikomi:after{
width: 36px;
height: 36px;
}
.hyouka-main-wrap .hyouka-good dt div:nth-of-type(2),.hyouka-main-wrap .hyouka-bad dt div:nth-of-type(2){
width: 85%;
}
main#main-lower .hyouka-main-wrap .hyouka-Btn{
padding: 20px 16px;
margin-top: 30px;
width: calc(100% + 24px);
margin-left: -12px;
}
.hyouka-main-wrap .hyouka-Btn .gachaBtn{
width: auto;
}

.hyouka-main-wrap.h-no10 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no11 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no12 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no13 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no14 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no15 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no16 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no17 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no18 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no19 .h-main-name:before{
left: 22px;
}
.hyouka-main-wrap.h-no20 .h-main-name:before{
left: 22px;
}

}
@media only screen and (max-width: 376px){
.hyouka-main-wrap{
margin-bottom: 60px;
}
.hyouka-main-wrap .hyouka-main-icon {
width: 90px;
height: 90px;
display: flex;
align-items: center;
}
.post .hyouka-main-wrap .gachaBtn{
font-size: 14px;
padding: 6px 38px;
}
.hyouka-main-wrap .hyouka-main-head li {
font-size: 16px;
}
.hyouka-main-wrap .hyouka-main-head .hyouka-hoshi-icon {
font-size: 22px;
}
}
/*-- 評価アコーディオン--*/
.acMenu.achyouka{
margin:5px 0;
}
.acMenu.achyouka dt{
border: 1px solid #000;
color:#000;
border-radius:3px;
margin:0 0 10px;
padding:0 0 0 10px;
font-weight:bold;
height:40px;
line-height:40px;
text-align:left;
display: block;
background: #fff;
cursor: pointer;
font-size:14px;
display:block;
position:relative;
box-sizing:border-box;
box-shadow:0 1px 0 1px #c7c7c7;
}
.acMenu.achyouka dt:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_1819367946.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
}
.acMenu.achyouka dt.active:before{
content:"";
position:absolute;
border:0px;
display: block;
width: 12px;
height: 12px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/05/2021y05m24d_1819352844.png) no-repeat center / contain;
right:20px;
left:auto;
top:0;
bottom:0;
margin:auto;
border:0px;
opacity:0.5;
}
.acMenu.achyouka dt:after{
border:0px;
}
.acMenu.achyouka dt.active{
border: 1px solid #000;
background:#fffdf3;
margin:0 0 0px!important;
box-shadow:none;
border-radius:3px 3px 0 0;
color:#444;
box-sizing:border-box;
}
.acMenu.achyouka dt.active + dd{
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
background:#FFF;
padding:10px;
margin:0 0 20px!important;
box-shadow:none;
border-radius:0 0 3px 3px;
color:#444;
box-sizing:border-box;
}
.acMenu.achyouka dt.active + dd h5{
font-weight:bold;
margin-bottom:5px;
}
.acMenu.achyouka dt.active + dd p{
margin:0 0 15px!important;
}
.acMenu.achyouka dt.active + dd p:last-of-type{
margin:0!important;
}
.acMenu.achyouka dt.active:before{
border:none;
}
.acMenu.achyouka dt.active:after{
border:none;
}

.acMenu.achyouka dt.active + dd{
border-right: 1px solid #000;
border-left: 1px solid #000;
border-bottom: 1px solid #000;
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;
}
.acMenu.achyouka dt.active + dd h5{
font-weight:bold;
margin-bottom:5px;
}
.acMenu.achyouka dt.active + dd p{
margin:0 0 15px!important;
padding: 0;
}
.acMenu.achyouka dt.active + dd p:last-of-type{
margin:0!important;
padding: 0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.acMenu.achyouka dt.active + dd{
font-size: 14px;
}
}


/*-------------------------------------------------------
テーブルアイコンデザイン
-------------------------------------------------------*/
.iconNijyumaru{
border:2.8px solid #ff7171;
box-sizing:border-box;
display:block;
width:30px;
height:30px;
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.8px solid #ff7171;
box-sizing:border-box;
display:block;
width:20px;
height:20px;
border-radius:50%;
margin:auto;
}
.iconMaru{
border:2.8px solid #318fd2;
box-sizing:border-box;
display:block;
width:30px;
height:30px;
border-radius:50px;
margin:auto!important;
position:relative;
overflow:hidden;
text-indent:50px;
}
.rank-contIn .icon img{
  width: 100%;
    height: 30px;
    display: block;
    margin: 3px auto 6px;
}
.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%;
}
#main-contents .newinfo-Area div.newinfo-box a img{
width: 100px;
height: 50px;
}
#main-contents .newinfo-Area div.newinfo-box a p img{
width: 100px;
height: 50px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main-contents .newinfo-Area div.newinfo-box a img{
width: 100px;
height: 50px;
margin-right:8px;
}
#main-contents .newinfo-Area div.newinfo-box a{
width: 90%;
font-size:13px;
padding-right: 40px;
}
#main-contents .newinfo-Area div.newinfo-box a u{
font-size:11px;
left: 115px;
bottom: 15px;
}
}

/*-------------------------------------------------------
◎○△× 文字と並べる
-------------------------------------------------------*/
.iconNijyumaru-text{
border:2.5px solid #ff7171;
box-sizing:border-box;
display: inline-block;
width: 16px;
height: 16px;
border-radius:50px;
margin: -2px 8px 0 0;
position:relative;
background:#fff;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconNijyumaru-text: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: 8px;
height: 8px;
border-radius:50%;
margin:auto;
}
.iconMaru-text{
border:3.5px solid #318fd2;
box-sizing:border-box;
display: inline-block;
width:16px;
height:16px;
border-radius:50px;
margin: -2px 8px 0 0;
position:relative;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconSnkaku-text{
box-sizing:border-box;
display: inline-block;
width:16px;
height:14px;
margin: -3px 8px 0 0;
position:relative;
border-right: solid 8px transparent;
border-left: solid 8px transparent;
border-bottom: solid 14px #57ab6a;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconBatu-text{
box-sizing:border-box;
display: inline-block;
width:18px;
height:18px;
margin: -2px 8px 0 0;
position:relative;
overflow:hidden;
text-indent:50px;
vertical-align: middle;
}
.iconBatu-text::before, .iconBatu-text::after{
content: "";
display: block;
width:100%;/*バツ線の長さ*/
height:3.5px;/*バツ線の太さ*/
background: #726178;
transform: rotate(45deg);
transform-origin:0% 50%;
position: absolute;
top:calc(15% - 2px);
left:14%;
border-radius:1px;
}
.iconBatu-text::after{
transform: rotate(-45deg);
transform-origin:100% 50%;
left: auto;
right:14%;
}

.number-txt{
color:#535966;
}
main#main-lower p.number-txt{
font-size:14px;
padding:0;
margin:0;
line-height:normal;
}
main#main-lower p.number-txt:first-letter{
font-size:16px;
}

main#main-lower h2 + p img,main#main-lower h3 + p img{
max-width:80%;
}
main#main-lower .pw80{
max-width:80%;
width:80%;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
main#main-lower h2 + p img,main#main-lower h3 + p img{
max-width:100%;
}
main#main-lower .pw80{
max-width:100%;
}
}

/*------------------------
不動産担保ローンフローチャート
------------------------*/
.fudousan-flowchart{
text-align: center;
margin-bottom: 20px;
}
main#main-lower .fudousan-flowchart .flowchart{
margin: 0;
position: relative;
z-index: 3;
}
.fudousan-flowchart .icon-wrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: justify;
-ms-flex-pack: justify;
justify-content: space-between;
padding: 0 66px;
position: relative;
z-index: 2;
margin-top: -12px;
}
.fudousan-flowchart .icon-wrap li{
background: #fbebc0;
border-radius: 10px;
width: 136px;
line-height: 1;
padding: 18px 0 14px;
margin: 0;
}
.fudousan-flowchart .icon-wrap a{
font-size: 14px;
display: inline-block;
margin-bottom: 8px;
color: #1679db;
}
.fudousan-flowchart .icon-wrap a img{
display: block!important;
width: 60px;
height: 60px;
margin: 0 auto 5px;
}
.fudousan-flowchart .icon-wrap .kousiki{
background: #ce3160;
color: #fff;
font-size: 11px;
width: 50px;
padding: 4px 0;
border-radius: 5px;
margin: 0 3px 0 0;
}
.fudousan-flowchart .icon-wrap .syousai{
background: #536aa7;
color: #fff;
font-size: 11px;
width: 50px;
padding: 4px 0;
border-radius: 5px;
margin: 0 0 0 3px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.fudousan-flowchart .icon-wrap{
padding: 0;
}
.fudousan-flowchart .icon-wrap li{
width: 98px;
padding: 14px 0 10px;
}
.fudousan-flowchart .icon-wrap a{
font-size: 12px;
}
.fudousan-flowchart .icon-wrap a img{
width: 56px;
height: 56px;
}
.fudousan-flowchart .icon-wrap .kousiki{
font-size: 10px;
width: 40px;
margin: 0 2px 0 0;
}
.fudousan-flowchart .icon-wrap .syousai{
font-size: 10px;
width: 40px;
margin: 0 0 0 2px;
}
}
@media only screen and (max-width: 376px){
.fudousan-flowchart .icon-wrap li {
width: 88px;
}
.fudousan-flowchart .icon-wrap a {
font-size: 11px;
margin-bottom: 6px;
}
.fudousan-flowchart .icon-wrap a img {
width: 52px;
height: 52px;
margin: 0 auto 4px;
}
.fudousan-flowchart .icon-wrap .kousiki{
width: 36px;
}
.fudousan-flowchart .icon-wrap .syousai{
width: 36px;
}
}
@media only screen and (max-width: 361px){
.fudousan-flowchart .icon-wrap li {
width: 86px;
}
.fudousan-flowchart .icon-wrap a {
font-size: 10px;
margin-bottom: 5px;
}
.fudousan-flowchart .icon-wrap .kousiki{
width: 34px;
}
.fudousan-flowchart .icon-wrap .syousai{
width: 34px;
}
}


/*------------------------------------------------------------
テーブル_1行1列固定
-------------------------------------------------------------*/
.table-scroll-tateyokofix{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
z-index:1;
}
.table-scroll-tateyokofix th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 3;
}
.table-scroll-tateyokofix tr:first-child th{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.table-scroll-tateyokofix tr:first-child th:first-child{
z-index: 4;
}
.table-scroll-tateyokofix th:first-child:after{
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border: 1px solid #ccc;
box-sizing: content-box;
}
.table-scroll-tateyokofix tr:first-child th:after{
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border: 1px solid #ccc;
box-sizing: content-box;
}
.table-scroll-tateyokofix tr:first-child th:before{
content:"";
height:1px;
width:100%;
background:#dde4e6;
z-index:1;
display:block;
position:absolute;
bottom:-1px;
left:0;
}
.table-scroll-tateyokofix th.no-fix{
position: static;
}


/*------------------------------------------------------------
テーブル_2行1列固定バージョン
-------------------------------------------------------------*/
.table-scroll-tateyokofix2{
display: block;
overflow-x: scroll;
white-space: nowrap;
-webkit-overflow-scrolling: touch;
margin-bottom: 20px;
z-index:1;
}
.table-scroll-tateyokofix2 th:first-child{
position: -webkit-sticky;
position: sticky;
left: 0;
z-index: 3;
height:40px;
}
.table-scroll-tateyokofix2 tr:nth-child(2) th:first-child{
position: -webkit-sticky;
position: sticky;
top: 40px;
z-index: 4;
border-bottom:0;
}
.table-scroll-tateyokofix2 tr:nth-child(2) td{
position: -webkit-sticky;
position: sticky;
top: 40px;
z-index: 2;
border-bottom:0;
}
.table-scroll-tateyokofix2 tr:nth-child(2) th:first-child:before,.table-scroll-tateyokofix2 tr:nth-child(2) td:before{
content:"";
height:1px;
width:100%;
background:#dde4e6;
z-index:1;
display:block;
position:absolute;
bottom:-1px;
left:0;
}
.table-scroll-tateyokofix2 tr:first-child th{
position: -webkit-sticky;
position: sticky;
top: 0;
z-index: 2;
}
.table-scroll-tateyokofix2 tr:first-child th:first-child{
z-index: 4;
}
.table-scroll-tateyokofix2 th:first-child:after{
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border: 1px solid #ccc;
box-sizing: content-box;
}
.table-scroll-tateyokofix2 tr:first-child th:after{
content: "";
position: absolute;
top: -1px;
left: -1px;
width: 100%;
height: 100%;
border: 1px solid #ccc;
box-sizing: content-box;
}
.table-scroll-tateyokofix2 th.no-fix{
position: static;
}



/*------------------------------------------------------------
おすすめ光回線
-------------------------------------------------------------*/
.post .osusume-hikarikaisenTable{
border: 0;
}
.post .osusume-hikarikaisenTable th{
background: #57a6f0;
color: #fff;
border:0;
text-align:center;
border: 1px solid #57a6f0;
padding: 14px 0;
}
.post .osusume-hikarikaisenTable th:last-of-type{
background: #368ee0;
width: 64%;
border: 1px solid #368ee0;
}
.post .osusume-hikarikaisenTable td{
border: 1px solid #b2b2b2;
border-top: 0;
}
.osusume-hikarikaisenTable td:first-of-type{
text-align: center;
}
.osusume-hikarikaisenTable .kakuyasu{
font-weight: bold;
font-size: 20px;
}
.osusume-hikarikaisenTable .dokomo-logo{
width: 140px;
}
.osusume-hikarikaisenTable .au-logo{
width: 70px;
}
.osusume-hikarikaisenTable .softbank-logo{
width: 140px;
}
.osusume-hikarikaisenTable td:last-of-type img{
width: 64px;
display: block!important;
margin: 0 auto 3px;
}
.osusume-hikarikaisenTable td ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.osusume-hikarikaisenTable td li{
width: 25%;
text-align: center;
margin: 0;
}
.osusume-hikarikaisenTable td li a{
display: inline-block;
font-size: 11px;
}
.osusume-hikarikaisenTable .arrow-in:before{
content: '';
display: block;
width: 34px;
height: 26px;
margin: 0 auto;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/06/2021y06m14d_1418339545.jpg) no-repeat center / contain;
}
.osusume-hikarikaisenTable td ul.inner{
display: block;
}
.osusume-hikarikaisenTable td ul.inner li{
width: 100%;
}
.osusume-hikarikaisenTable td ul.inner li.kodate{
margin-bottom: 36px;
}
.osusume-hikarikaisenTable td ul.inner li.nuro{
margin-bottom: 6px;
}
.osusume-hikarikaisenTable td ul.inner .arrow:before{
content: '';
display: block;
width: 34px;
height: 26px;
margin: 0 auto;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/06/2021y06m14d_1418339545.jpg) no-repeat center / contain;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.osusume-hikarikaisenTable .kakuyasu{
font-size: 14px;
}
.osusume-hikarikaisenTable .dokomo-logo,.osusume-hikarikaisenTable .softbank-logo{
width: 80%;
}
.osusume-hikarikaisenTable .au-logo{
width: 40%;
}
.osusume-hikarikaisenTable td ul{
position: relative;
right: 4px;
}
.osusume-hikarikaisenTable td li a{
font-size: 10px;
-webkit-transform: scale(.9);
transform: scale(.9);
width: 124%;
}
.osusume-hikarikaisenTable .arrow-in{
font-size: 10px;
-webkit-transform: scale(.9);
transform: scale(.9);
width: 124%;
}
.osusume-hikarikaisenTable td ul.inner .arrow{
font-size: 10px;
-webkit-transform: scale(.9);
transform: scale(.9);
width: 124%;
}
.osusume-hikarikaisenTable .arrow-in:before,.osusume-hikarikaisenTable td ul.inner .arrow:before{
width: 38px;
height: 30px;
}
.osusume-hikarikaisenTable td:last-of-type img{
width: 60px;
margin-bottom: 2px;
}
.osusume-hikarikaisenTable td ul.inner{
right: auto;
}
}
@media only screen and (max-width: 376px){
.post .osusume-hikarikaisenTable th{
font-size: 11px;
padding: 12px 0;
}
.post .osusume-hikarikaisenTable td{
padding: 4px 2px;
}
.osusume-hikarikaisenTable td ul {
right: 5px;
}
.post .osusume-hikarikaisenTable th:last-of-type{
width: 70%;
}
.osusume-hikarikaisenTable .kakuyasu {
font-size: 13px;
}
.osusume-hikarikaisenTable td:last-of-type img{
width: 58px;
}
}
@media only screen and (max-width: 361px){
.osusume-hikarikaisenTable td li a{
-webkit-transform: scale(.8);
transform: scale(.8);
}
.osusume-hikarikaisenTable .arrow-in{
-webkit-transform: scale(.8);
transform: scale(.8);
}
.osusume-hikarikaisenTable td ul.inner .arrow{
-webkit-transform: scale(.8);
transform: scale(.8);
}
}


/*------------------------------------------------------------
おすすめ光回線　ロゴver
-------------------------------------------------------------*/
.post .osusume-hikarikaisenTable-rogo{
border: 0;
margin-bottom: 20px;
}
.post .osusume-hikarikaisenTable-rogo th{
background: #57a6f0;
color: #fff;
border:0;
text-align:center;
border: 1px solid #57a6f0;
padding: 14px 0;
}
.post .osusume-hikarikaisenTable-rogo th:last-of-type{
background: #368ee0;
width: 72%;
border: 1px solid #368ee0;
}
.post .osusume-hikarikaisenTable-rogo td{
border: 1px solid #b2b2b2;
border-top: 0;
padding: 16px 8px;
}
.osusume-hikarikaisenTable-rogo td:first-of-type{
text-align: center;
}
.osusume-hikarikaisenTable-rogo .kakuyasu{
font-weight: bold;
font-size: 20px;
}
.osusume-hikarikaisenTable-rogo .dokomo-logo{
width: 140px;
}
.osusume-hikarikaisenTable-rogo .au-logo{
width: 70px;
}
.osusume-hikarikaisenTable-rogo .softbank-logo{
width: 140px;
}
.osusume-hikarikaisenTable-rogo td:last-of-type li{
line-height: 1;
}
.osusume-hikarikaisenTable-rogo td:last-of-type a{
display: inline-block;
}
.osusume-hikarikaisenTable-rogo td:last-of-type img{
width: 92px;
}
.osusume-hikarikaisenTable-rogo td:last-of-type img.sonet{
width: 104px;
}
.osusume-hikarikaisenTable-rogo td:last-of-type img.softbank{
width: 116px;
}
.osusume-hikarikaisenTable-rogo td:last-of-type .arrow img{
width: 96px;
}
.osusume-hikarikaisenTable-rogo td ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.osusume-hikarikaisenTable-rogo td li{
width: 25%;
text-align: center;
margin: 0;
}
.osusume-hikarikaisenTable-rogo td ul.inner{
display: block;
}
.osusume-hikarikaisenTable-rogo td ul.inner li{
width: 100%;
}
.osusume-hikarikaisenTable-rogo td ul.inner li.kodate{
margin-bottom: 20px;
}
.osusume-hikarikaisenTable-rogo td ul.inner li.nuro{
margin-bottom: 24px;
}
.osusume-hikarikaisenTable-rogo .kousiki-btn{
font-size: 11px;
width: 80px;
line-height: 1;
padding: 4px 0;
border-radius: 50px;
color: #fff;
background: #ff3171;
display: block;
margin: 8px auto 0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
#main-lower .post .osusume-hikarikaisenTable-rogo {
margin-bottom: 20px;
}
.osusume-hikarikaisenTable-rogo .kakuyasu{
font-size: 14px;
}
.osusume-hikarikaisenTable-rogo .dokomo-logo,.osusume-hikarikaisenTable-rogo .softbank-logo{
width: 80%;
}
.osusume-hikarikaisenTable-rogo .au-logo{
width: 40%;
}
.post .osusume-hikarikaisenTable-rogo th:last-of-type{
width: 72%;
}
.osusume-hikarikaisenTable-rogo td:last-of-type img{
width: 86%;
}
.post .osusume-hikarikaisenTable-rogo td{
padding: 14px 5px;
}
.osusume-hikarikaisenTable-rogo .kousiki-btn{
font-size: 10px;
width: 50px;
margin-top: 6px;
padding: 3px 0;
}
.osusume-hikarikaisenTable-rogo td:last-of-type .arrow img {
width: 94%;
}
.osusume-hikarikaisenTable-rogo td ul.inner li.nuro{
margin-bottom: 14px;
}
.osusume-hikarikaisenTable-rogo td ul.inner li.kodate {
margin-bottom: 20px;
}
}
@media only screen and (max-width: 376px){
.post .osusume-hikarikaisenTable-rogo th{
font-size: 11px;
padding: 12px 0;
}
.post .osusume-hikarikaisenTable-rogo td{
padding: 12px 2px;
}
.osusume-hikarikaisenTable-rogo .kakuyasu {
font-size: 13px;
}
.osusume-hikarikaisenTable-rogo .kousiki-btn {
width: 44px;
padding: 2px 0;
margin-top: 5px;
}
.osusume-hikarikaisenTable-rogo td ul.inner li.nuro {
margin-bottom: 12px;
}
.osusume-hikarikaisenTable-rogo td ul.inner li.kodate {
margin-bottom: 10px;
}
}
@media only screen and (max-width: 361px){
.osusume-hikarikaisenTable-rogo td:last-of-type .arrow img {
width: 100%;
}
}

/*------------------------------------------------------------
text-align
-------------------------------------------------------------*/
.txt-l{
text-align:left!important;
}
.txt-r{
text-align:right!important;
}
.txt-c{
text-align:center!important;
}

/*------------
scrolllist
--------------*/
.scroll-img-wrap {
width: 100%;
display: flex;
overflow-x: scroll;
overflow-scrolling: touch;
padding:0;
margin:0;
}
.scroll-list {
display: -webkit-flex;
display: flex;
width: 100%;
min-width: max-content;
flex-wrap: wrap;
-webkit-flex-wrap: wrap;
}
.scroll-list li{
margin:0 5px;
}



/*------------
pointNEW
--------------*/
.point-wakuBox.pointNew{
border-radius:5px;
position:relative;
margin:30px 2px 20px;
padding:25px 15px 20px;
border:3px solid #d3d3d3;
box-shadow:0 0 0px 2px #000000;
box-sizing:border-box;
background:#FFF;
}
.point-wakuBox.pointNew .pwb-h{
position:absolute;
top:-17px;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%,0);
background:#000000;
display:block;
padding:0px 30px;
font-weight:bold;
font-size:16px;
box-shadow:0 0 0px 2px #000000;
border-radius:50px;
color:#FFF;
margin:0!important;
}
.point-wakuBox.pointNew dd.point-osusume{
margin:0;
padding:0;
background:#ffbb4e;
display:inline-block;
color:#fff;
border-radius:2px;
font-size:11px;
position:relative;
}
.point-wakuBox.pointNew dd.point-osusume:before{
content:"";
position:absolute;
background:url(https://koesiru.jp/img/koesiru/uploads/2021/07/2021y07m16d_173523452.png)no-repeat;
background-size:100%;
background-position:center;
left:0;
bottom:-20px;
width:20px;
height:25px;
}
.point-wakuBox.pointNew dd{
padding-left:20px;
}
.point-wakuBox.pointNew dd .b-red {
background: rgba(0, 0, 0, 0) linear-gradient(transparent 90%, #ff7907 0%) repeat scroll 0 0;
font-weight: bold;
color: #111!important;
padding: 0 1px 2px;
}





/*------------------------------------------------------------
電子書籍サービス目的別のおすすめNo.1
-------------------------------------------------------------*/
.mokutekibetu-densisyoseki{
margin-bottom: 20px;
}
.mokutekibetu-densisyoseki-midasi{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
}
.mokutekibetu-densisyoseki-midasi div{
width: 50%;
text-align: center;
color: #fff;
padding: 14px 0;
font-size: 16px;
}
.mokutekibetu-densisyoseki-main{
border: 1px solid #b2b2b2;
border-top: 0;
}
.mokutekibetu-densisyoseki-midasi div:first-of-type{
background: #57a6f0;
}
.mokutekibetu-densisyoseki-midasi div:last-of-type{
background: #368ee0;
}
.mokutekibetu-densisyoseki ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
position: relative;
}
.mokutekibetu-densisyoseki ul:before{
content: '';
display: block;
width: 94%;
height: 2px;
background: #e6e6e6;
position: absolute;
bottom: 0;
left: 0;
right: 0;
margin: auto;
}
.mokutekibetu-densisyoseki ul:last-of-type:before{
display: none;
}
.mokutekibetu-densisyoseki ul:after{
content: '';
display: block;
width: 98px;
height: 38px;
position: absolute;
left: 0;
right: 0;
margin: auto;
top: 0;
bottom: 0;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/07/2021y07m16d_1845599504.jpg) no-repeat center right / cover;
}
.mokutekibetu-densisyoseki ul li{
width: 50%;
padding: 14px 0;
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;
margin: 0;
}
.mokutekibetu-densisyoseki li a{
display: inline-block;
}
.mokutekibetu-densisyoseki li img{
width: 50px;
display: block!important;
margin: 0 auto 2px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.mokutekibetu-densisyoseki-midasi div{
font-size: 12px;
width: 46%;
}
.mokutekibetu-densisyoseki-midasi div:first-of-type{
width: 54%;
}
.mokutekibetu-densisyoseki ul:after{
width: 46px;
height: 26px;
left: 50%;
right: auto;
}
.mokutekibetu-densisyoseki ul li{
width: 46%;
}
.mokutekibetu-densisyoseki ul li.mokutekibetu-densisyoseki-text{
width: 54%;
}
}
@media only screen and (max-width : 361px){
.mokutekibetu-densisyoseki-midasi div{
width: 48%;
}
.mokutekibetu-densisyoseki-midasi div:first-of-type{
width: 52%;
}
.mokutekibetu-densisyoseki ul:after{
width: 40px;
height: 24px;
left: 52%;
right: auto;
}
.mokutekibetu-densisyoseki ul li{
width: 48%;
}
.mokutekibetu-densisyoseki ul li.mokutekibetu-densisyoseki-text{
width: 52%;
}
}

/*------------------------------------------------------------
スクロールテーブル調整
-------------------------------------------------------------*/
.table-scroll tbody{
display: table;
width: 100%;
}
.table-scroll tbody th{
width: auto;
}

/*------------------------
ランキングタグ(横)
------------------------*/
.PRrank-icon4 tr:first-of-type th:first-of-type ~ th{
position: relative;
z-index: 0;
}
.PRrank-icon4 tr:first-of-type th:first-of-type ~ th:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(2):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-1.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(3):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-2.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(4):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-3.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(5):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-4.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(6):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-5.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(7):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-6.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(8):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-7.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(9):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-8.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(10):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-9.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(11):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-10.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(12):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-11.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(13):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-12.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(14):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-13.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(15):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-14.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(16):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-15.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(17):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-16.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(18):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-17.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(19):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-18.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(20):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-19.png);
}
.PRrank-icon4 tr:first-of-type th:nth-of-type(21):before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-20.png);
}

.cv-btn-wrap {
margin-top: 20px;
text-align: center;
}
.cv-btn-wrap .bannar-wrap {
margin-bottom: 10px;
}
.cv-btn-wrap .cv-btn {
background: #ee6464;
color: #fff;
display: inline-block;
min-width: 300px;
font-size: 18px;
font-weight: bold;
line-height: 1.4;
padding: 10px;
text-align: center;
margin: 0 auto;
box-shadow: -2px 2px 0 1px #d45d5d;
border-radius: 8px;
}
.cv-btn-wrap .cv-btn .yellow {
font-size: 14px;
color: #fff601;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px)
.cv-btn-wrap .cv-btn {
font-size: 16px;
min-width: 78%;
}

/*--------------------------------------------------------------
DL詳細ボタン調整
-------------------------------------------------------------*/
a.btn-syousai,a.btn-dl + a.btn-syousai{
margin-left: auto;
margin-right: auto;
max-width: 120px;
text-align: center;
}


/*--------------------------------------------------------------
評価まとめ(転職test)
-------------------------------------------------------------*/
.hyouka-matome-img{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
width:80%;
margin:50px auto;
position:relative;
padding:10px 0 0;
}
main#main-lower .hyouka-matome-img p{
margin:0;
padding:0;
}
p:empty{
display: none;
}
.hyouka-matome-img:before{
content:"";
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
box-shadow:0 0 0 10px #256ea5;
}
.hyouka-matome-img:after{
content:"";
width:100%;
height:100%;
position:absolute;
top:0;
left:0;
box-shadow:0 0 0 5px #05b9d1;
}
.hyouka-matome-img img{
width:100%;
}
.hyouka-matome-img iframe{
margin:10px auto;
width: 90%;
height: 90%;
position:relative;
z-index:1;
}
.hyouka-youtube {
width: 100%;
aspect-ratio:16/9;
margin:auto;
text-align:center;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.hyouka-matome-img{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
justify-content: center;
width:95%;
margin:50px auto;
position:relative;
padding:10px 0 0;
}
}



/*------------------------
転職サイトランキング
------------------------*/
.tensyoku-rank-wrap .midashi-ribon{
position: relative;
background: #0071bd;
border-radius: 4px;
padding: 10px 10px 10px 70px;
margin-bottom: 30px;
}
.tensyoku-rank-wrap .midashi-ribon:before{
content: '';
background: url(https://koesiru.jp/img/koesiru/uploads/2021/09/2021y09m21d_1255411082.png) no-repeat top 26% center / 20px #fcee21;
width: 50px;
height: calc(100% + 20px);
position: absolute;
top: -10px;
left: 10px;
}
.tensyoku-rank-wrap .midashi-ribon:after{
content: '1';
font-size: 30px;
color: #000;
font-weight: bold;
position: absolute;
width: 50px;
height: 100%;
top: 18px;
bottom: 0;
left: 10px;
margin: auto;
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#main-lower .tensyoku-rank-wrap .midashi-ribon h3{
background: none;
margin: 0;
padding: 0;
color: #FFF;
line-height: normal;
font-size: 20px;
}
.tensyoku-rank-wrap .midashi-ribon h3:before{
position: absolute;
content: '';
top: -10px;
left: 59px;
z-index: -1;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 0 0 6px;
border-color: transparent transparent transparent #968700;
}
.tensyoku-rank-wrap .midashi-ribon h3:after{
position: absolute;
content: '';
bottom: -10px;
left: 59px;
z-index: -1;
width: 0;
height: 0;
border-style: solid;
border-width: 11px 6px 0 0 ;
border-color: #968700 transparent transparent transparent ;
}
main#main-lower .tensyoku-rank-wrap .midashi-ribon p{
color: #0d327c;
font-size: 14px;
background: none;
margin: 0;
padding: 0;
line-height: normal;
}
.tensyoku-rank-wrap .score-wrap{
background: #deedff;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 16px 16px 16px 34px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
border: 1px solid #1f97b7;
border-radius: 20px;
width: 120px;
}
.tensyoku-rank-wrap .score-wrap .score{
width: 440px;
margin-left: 30px;
}
.tensyoku-rank-wrap .score-wrap .score .rank,.tensyoku-rank-wrap .score-wrap .score .hyouka{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tensyoku-rank-wrap .score-wrap .score .rank{
margin-bottom: 16px;
}
main#main-lower .tensyoku-rank-wrap .score-wrap .score .rank p:first-of-type,main#main-lower .tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
margin: 0;
line-height: 1;
font-size: 18px;
font-weight: bold;
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type img{
width: 150px;
margin-left: 10px;
}
main#main-lower .tensyoku-rank-wrap .score-wrap .score .rank .nam,main#main-lower .tensyoku-rank-wrap .score-wrap .score .hyouka .nam{
margin: 0;
margin-left: auto;
width: 100px;
color: #f15a24;
font-size: 22px;
font-weight: bold;
line-height: 1;
position: relative;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before,.tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
content: '';
display: block;
width: 66px;
height: 2px;
background: #8ba5bc;
border-radius: 10px;
position: absolute;
left: -77px;
top: 0;
bottom: 0;
margin:auto ;
}
main#main-lower .tensyoku-rank-wrap h4{
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#main-lower .tensyoku-rank-wrap h4{
color: #2097b7;
font-size: 20px;
padding: 0;
margin: 30px 0 20px;
border: 0;
}
main#main-lower .tensyoku-rank-wrap h4:before,main#main-lower .tensyoku-rank-wrap h4:after{
content: '';
display: block;
width: 10px;
height: 2px;
background: #2097b7;
border-radius: 0;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
position: static;
}
main#main-lower .tensyoku-rank-wrap h4:before{
margin-right: 10px;
}
main#main-lower .tensyoku-rank-wrap h4:after{
margin-left: 10px;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul{
padding-left: 30px;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul li{
position: relative;
padding-left: 28px;
font-weight: bold;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul li:before{
content: '';
width: 16px;
height: 16px;
background: url(https://koesiru.jp/img/koesiru/uploads/2021/09/2021y09m21d_1424405865.png) no-repeat center / contain;
position: absolute;
top: -3px;
bottom: 0;
left: 0;
margin: auto;
}
div.zokusei-wrap ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.zokusei-wrap li{
width: calc(20% - 8px);
margin-right: 10px;
margin-bottom: 10px;
}
div.zokusei-wrap li:nth-of-type(5n){
margin-right: 0;
}
div.zokusei-wrap li:last-of-type{
margin-bottom: 10px;
}
div.zokusei-wrap li img{
width: 100%;
height: auto;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.tensyoku-rank-wrap .score-wrap{
padding: 16px 0 16px 10px;
}
.tensyoku-rank-wrap .score-wrap .score{
width: 276px;
margin-left: 10px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 80px;
border-radius: 14px;
}
main#main-lower .tensyoku-rank-wrap .score-wrap .score .rank p:first-of-type, main#main-lower .tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
font-size: 16px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 80px;
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type img{
width: 100px;
}
main#main-lower .tensyoku-rank-wrap .score-wrap .score .rank .nam, main#main-lower .tensyoku-rank-wrap .score-wrap .score .hyouka .nam{
font-size: 18px;
width: 56px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before, .tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
width: 26px;
left: -35px;
}
.tensyoku-rank-wrap .osusumeuser-wrap ul {
padding-left: 10px;
}
div.zokusei-wrap li{
width: calc(100% / 3 - 6px);
margin-right: 9px;
}
div.zokusei-wrap li:nth-of-type(5n){
margin-right: 9px;
}
div.zokusei-wrap li:nth-of-type(3n){
margin-right: 0;
}
}
@media only screen and (max-width: 376px){
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 70px;
}
.tensyoku-rank-wrap .score-wrap .score{
width: 258px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before, .tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
width: 14px;
left: -20px;
}
.tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type img{
margin-left: 8px;
}
}
@media only screen and (max-width: 361px){
main#main-lower .tensyoku-rank-wrap .score-wrap .score .rank p:first-of-type, main#main-lower .tensyoku-rank-wrap .score-wrap .score .hyouka p:first-of-type{
font-size: 15px;
}
main#main-lower .tensyoku-rank-wrap .score-wrap .score .rank .nam, main#main-lower .tensyoku-rank-wrap .score-wrap .score .hyouka .nam{
font-size: 16px;
width: 50px;
}
.tensyoku-rank-wrap .score-wrap .img-wrap img{
width: 66px;
}
.tensyoku-rank-wrap .score-wrap .score {
width: 250px;
margin-left: 8px;
}
.tensyoku-rank-wrap .score-wrap .score .rank .nam:before, .tensyoku-rank-wrap .score-wrap .score .hyouka .nam:before{
width: 18px;
left: -24px;
}
}



/*------------------------
転職エージェントリスト
------------------------*/
.agent-list-wrap{
background: #4793ad;
padding: 30px;
}
main#main-lower .agent-list-wrap .midasi{
text-align: center;
color: #fff;
font-size: 26px;
margin-bottom: 20px;
font-weight: bold;
}
.agent-list-wrap .midasi .iconBatu{
display: inline-block;
width: 36px;
height: 36px;
margin: 0 10px -6px!important;
}
.agent-list-wrap .midasi .iconBatu::before,.agent-list-wrap .midasi .iconBatu::after{
background: #f9d13e;
height: 4.5px;
}
.agent-list-wrap .agent-list li{
background: #fff;
margin-bottom: 12px;
border-radius: 5px;
padding: 10px 10px 10px 40px;
}
main#main-lower .agent-list-wrap .agent-list .agent-name{
margin-bottom: 10px;
line-height: 1.4;
position: relative;
}
.agent-list-wrap .agent-list .agent-name:before{
content: '▶';
background: #5090f4;
position: absolute;
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;
width: 20px;
height: 20px;
color: #fff;
border-radius: 50%;
font-size: 11px;
left: -26px;
top: 0;
bottom: 0;
margin: auto;
-webkit-transform: scale(.8);
transform: scale(.8);
}
main#main-lower .agent-list-wrap .agent-list .agent-name a{
padding: 0 5px;
border-bottom: 1px solid #5090f4;
font-weight: bold;
}
main#main-lower .agent-list-wrap .agent-list .syousai{
margin: 0;
padding-left: 5px;
line-height: 1.4;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
.agent-list-wrap {
padding: 14px;
}
main#main-lower .agent-list-wrap .midasi{
font-size: 16px;
margin-bottom: 10px;
}
.agent-list-wrap .midasi .iconBatu{
width: 24px;
height: 24px;
margin: 0 6px -5px!important;
}
.agent-list-wrap .midasi .iconBatu::before, .agent-list-wrap .midasi .iconBatu::after{
height: 3.5px;
}
.agent-list-wrap .agent-list li{
margin-bottom: 10px;
padding-left: 34px;
}
.agent-list-wrap .agent-list .agent-name:before{
left: -24px;
}
}
@media only screen and (max-width: 376px){
main#main-lower .agent-list-wrap .midasi{
font-size: 15px;
}
.agent-list-wrap .midasi .iconBatu{
width: 22px;
height: 22px;
margin: 0 4px -4px!important;
}
}
@media only screen and (max-width: 361px){
main#main-lower .agent-list-wrap .midasi{
font-size: 14px;
}
.agent-list-wrap .midasi .iconBatu{
width: 20px;
height: 20px;
}
.agent-list-wrap .midasi .iconBatu::before, .agent-list-wrap .midasi .iconBatu::after{
height: 3px;
}
.agent-list-wrap {
padding: 10px;
padding-top: 13px;
}
}



/*------------------------
体験談
------------------------*/
table.tb-taikendan-box{
border:0!important;
box-sizing:border-box;
width:99%;
margin:0 auto 15px!important;
background:#ffffff;
}
table.tb-taikendan-box tr:nth-of-type(1){
box-shadow:0 0 0 2px #c7cbde;
border-radius:10px 10px 0 0;
}
table.tb-taikendan-box tr:nth-of-type(1) th{
width:12%;
padding:10px;
background:none;
border:0;
}
table.tb-taikendan-box tr:nth-of-type(1) th img{
width:100%;
border-radius:50px;
box-shadow:0 0 0 2px #c7cbde;
box-sizing:border-box;
padding:2px;
}
table.tb-taikendan-box tr:nth-of-type(1) td{
border:0;
font-size:16px;
font-weight:bold;
color:#3b4675;
}
table.tb-taikendan-box tr:nth-of-type(2) td{
line-height:1.6;
padding:10px;
border:0;
background:#fffef8;
box-shadow:0 0 0 2px #c7cbde;
border-radius:0 0 10px 10px;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
table.tb-taikendan-box tr:nth-of-type(1) th{
width:20%;
padding:10px;
background:none;
border:0;
}
}
table.tb-taikendan-box.taiken-man{
border:0!important;
box-sizing:border-box;
width:99%;
margin:0 auto 15px!important;
background:#edf9ff;
}
table.tb-taikendan-box.taiken-man tr:nth-of-type(1) th img{
width:100%;
border-radius:50px;
box-shadow:0 0 0 2px #3680ae;
box-sizing:border-box;
padding:2px;
}
table.tb-taikendan-box.taiken-woman{
border:0!important;
box-sizing:border-box;
width:99%;
margin:0 auto 15px!important;
background:#ffecef;
}
table.tb-taikendan-box.taiken-woman tr:nth-of-type(1) th img{
width:100%;
border-radius:50px;
box-shadow:0 0 0 2px #fe4974;
box-sizing:border-box;
padding:2px;
}

div.zokusei-wrap.rank-zokusei-icon ul{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
}
div.zokusei-wrap.rank-zokusei-icon li{
width: calc(24% - 4px);
margin-right: 10px;
margin-bottom: 10px;
}
div.zokusei-wrap.rank-zokusei-icon li:nth-of-type(8n){
margin-right: 0;
}
div.zokusei-wrap.rank-zokusei-icon li:last-of-type{
margin-bottom: 10px;
}
div.zokusei-wrap.rank-zokusei-icon li img{
width: 100%;
height: auto;
}
@media only screen and (orientation:landscape) and (max-width :813px),(orientation:portrait) and (max-width :753px){
div.zokusei-wrap.rank-zokusei-icon li{
width: calc(100% / 4 - 9px);
margin-right: 9px;
}
div.zokusei-wrap.rank-zokusei-icon li:nth-of-type(4n){
margin-right: 9px;
}
div.zokusei-wrap.rank-zokusei-icon li:nth-of-type(8n){
margin-right: 0;
}
}


/*------------------------
CVボタン
------------------------*/

.cta-link-box02{
margin:0 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: 10px auto 15px auto;
padding: 13px;
border: 0;
background: #ea8817;
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 #d8801c;
position:relative;
line-height:1.5;
text-decoration:none!important;
}
.cta-link-button02:after,
.gachaBtn: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;
}
a.btn-dl:after{
width: 13px;
height: 12px;
background-size: 6px;
}
.cta-link-box02 + table,.cta-link-box02 + p{
margin-top: 23px;
}
.cta-link-box.cta-link-box02 span.b{
display: inline-block;
padding-bottom: 7px;
}
@media (max-width: 767px) {
.cta-link-box02{
background: #fcf0c7;
padding: 10px 15px;
width:100%;
}
h2.post-list-title {
font-size:13px!important;
}
,post-list-date{
font-size:12px!important;
}
.cta-link-box02 + p,.cta-link-box02 + table,
.joubu-rank02{
margin-top:20px;
}
.cta-link-box.cta-link-box02 span.b {
padding-bottom: 4px;
}
}
@keyframes Arrows{
0% {
opacity: 0;
transform: translate(-30px,0)
}
50% {
opacity: 1;
transform: translate(-10px,0)
}
to {
opacity: 0;
transform: translate(0,0)
}
}

/*-----------------------------------------------------
テーブルthカラー
-------------------------------------------------------*/
table tr.kokusuru th {
background-color: #c4c4c4;
border-color:#dde4e6;
}
.table-scroll-fix .kokusuru th:first-child:after{
border-color:#dde4e6;
}

/*-------------------------------------------------------
行列入れ替えtable
-------------------------------------------------------*/
.gyoretu-irekae .icon-osusume img{
max-width: none;
}
.gyoretu-irekae.PRrank-icon3 tbody th:first-of-type {
padding: 10px 5px 10px 35px;
}
table.gyoretu-irekae img:last-child{
margin-bottom: 0;
}
#main-lower .gyoretu-irekae.PRrank-icon3 tbody th:first-of-type:before {
content: "";
top:0;
left:0;
position:absolute;
z-index:100;
width:40px;
height:40px;
background-size:100%;
background-repeat:no-repeat;
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(1) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-1.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(2) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-2.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(3) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-3.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(4) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-4.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(5) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-5.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(6) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-6.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(7) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-7.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(8) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-8.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(9) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-9.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(10) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-10.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(11) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-11.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(12) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-12.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(13) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-13.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(14) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-14.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(15) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-15.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(16) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-16.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(17) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-17.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(18) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-18.png);
}
.gyoretu-irekae.PRrank-icon3 tr:nth-of-type(19) th:first-of-type:before {
background:url(https://koesiru.jp/img/common/design/pr-osusume-19.png);
}
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.gyoretu-irekae .sp{
display: none;
}
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.android .cps-post-main table.gyoretu-irekae tr:last-child th{
border-bottom: 1px solid #dde4e6;
}
.android .cps-post-main table.gyoretu-irekae tr:last-child td{
border-bottom: 1px solid #dde4e6;
}
.android .cps-post-main table.gyoretu-irekae td:last-child {
border-right:  1px solid #dde4e6;
}
.gyoretu-irekae thead{
float: left;
}
.gyoretu-irekae thead tr{
width: 100px;
}
.gyoretu-irekae thead th{
width: 100%!important;
height: 42px;
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;
}
.gyoretu-irekae thead th:first-of-type{
height: 60px;
}
.gyoretu-irekae tbody{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
overflow-y: hidden;
}
.gyoretu-irekae tbody tr{
display: inline-block;
height: 100%;
-ms-flex-preferred-size: auto;
flex-basis: auto;
}
.gyoretu-irekae tbody th,.gyoretu-irekae tbody td{
width: 100%;
height: 42px;
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-lower table.gyoretu-irekae tbody th:first-child{
position: relative;
text-align: center!important;
padding: 8px 5px;
height: 60px;
}
table.gyoretu-irekae tbody th:first-child img{
display: none;
}
}

/*-------------------------------------------------------
幅加算（汎用）
-------------------------------------------------------*/
.add-width{
padding-right: 28px;
padding-left: 28px;
}

/*-------------------------------------------------------
icon-osusume
-------------------------------------------------------*/
.icon-osusume{
font-size: 9px;
color: #fff;
border-radius: 10px;
padding: 1px 8px;
margin-bottom:2px;
display:inline-block;
}


/*------------------------------------------------------------
文字サイズ調整
-------------------------------------------------------------*/
main#main-lower .post .fontsize-test-box p{
line-height: 1.7;
letter-spacing: 0.5px;
font-size: 16px;
}
main#main-lower .post .fontsize-test-box h2{
font-size: 20px;
font-weight: bold;
line-height: 1.4;
}
main#main-lower .post .fontsize-test-box h3{
font-size: 18px;
line-height: 1.4;
font-weight: bold;
}
main#main-lower .post .fontsize-test-box h4{
line-height: 1.4;
font-size: 16px;
font-weight: bold;
}
div.post .fontsize-test-box th,div.post .fontsize-test-box td{
font-size: 14px;
padding: 8px 5px;
line-height: 1.5;
}
.post .fontsize-test-box td li{
font-size: 14px;
}
.fontsize-test-box dl.hyouka-good dt,.fontsize-test-box dl.hyouka-bad dt{
font-size: 14px;
line-height: 1.3;
}
.fontsize-test-box dl.hyouka-good dd,.fontsize-test-box dl.hyouka-bad dd  {
font-size: 13px;
line-height: 1.5;
}
main#main-lower .fontsize-test-box .hyouka-box-in .hyouka-box-name dd p{
color: #777;
font-size: 12px;
letter-spacing: -0.5px;
line-height: 1.5;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main-lower .post .fontsize-test-box p{
font-size: 16px;
line-height: 2.0;
}
main#main-lower .post .fontsize-test-box h2{
font-size: 20px;
}
main#main-lower .post .fontsize-test-box h3{
font-size: 18px;
}
main#main-lower .post .fontsize-test-box h4{
font-size: 16px;
}
div.post .fontsize-test-box th,div.post .fontsize-test-box td{
font-size: 14px;
}
div.post .fontsize-test-box li{
font-size: 16px;
}
}
.post .gachaBtn:after{
display:none;
}

/*------------------------------------------------------------
アイコン枠
-------------------------------------------------------------*/
img.iconwaku{border:1px solid #dde4e6;border-radius:10px;}

/*------------------------------------------------------------
口コミ比較調整
-------------------------------------------------------------*/
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi{
margin-bottom: 10px;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi tr:first-of-type td p{
margin: 0;
}
main#main-lower .kutikomi-hikaku-wrap2 table.kutikomi td:nth-of-type(2) span{
margin: 0 0 2px;
}

/*------------------------------------------------------------
並び替えbtn調整
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kh-matome .narabikae{
box-sizing: border-box;
max-width: calc(100% - 94px);
}
.kh-matome .narabikae + a.reset-bt{
padding: 10px 0;
width: 78px;
}
}

/*------------------------------------------------------------
TOP新着クチコミ調整
-------------------------------------------------------------*/
#top-newkuchi .hyouka-top dl dd ul li:nth-of-type(1) span{
position: relative;
top: 2px;
}
#top-newkuchi .hyouka-box .hyouka-box-name dd .hyouka-hoshi{
margin-top: 7px;
}
#top-newkuchi .hyouka-box .hyouka-box-name dd .hyouka-hoshi img{
position: relative;
bottom: 2px;
}
#top-newkuchi .hyouka-good dt span,#top-newkuchi .hyouka-bad dt span{
margin-bottom: 0;
white-space: nowrap;
}
#top-newkuchi .hyouka-good dt span:last-of-type,#top-newkuchi .hyouka-bad dt span:last-of-type{
margin-bottom: 0;
white-space: normal;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
#top-newkuchi .hyouka-top dl dd ul li:nth-of-type(1) img{
position: relative;
bottom: 2px;
}
#top-newkuchi .hyouka-top dl dd ul li:nth-of-type(1) span{
top: 0px;
}
#top-newkuchi .hyouka-box .hyouka-box-name dd .hyouka-hoshi{
margin-top: 5px;
}
#top-newkuchi .hyouka-box .hyouka-box-name dd .hyouka-hoshi img{
bottom: 0px;
}
}

/*------------------------------------------------------------
クチコミ調整
-------------------------------------------------------------*/
.kutikomi-hyouka-matome .hyouka-box-name dd .hyouka-hoshi span{
position: relative;
top: 2px;
}
.kutikomi-hyouka-matome #search-result .hyouka-good dt span:last-of-type,.kutikomi-hyouka-matome #search-result .hyouka-bad dt span:last-of-type{
margin-bottom: 0;
}
.kutikomi-hyouka-matome #search-result .hyouka-good dt div:first-of-type,.kutikomi-hyouka-matome #search-result .hyouka-bad dt div:first-of-type{
white-space: nowrap;
}
.kutikomi-hyouka-matome #search-result .hyouka-good dt span:last-of-type,.kutikomi-hyouka-matome #search-result .hyouka-bad dt span:last-of-type{
margin-bottom: 0;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kutikomi-hyouka-matome .hyouka-box-name dd .hyouka-hoshi span{
top: 0;
}
}

.category-all-in ul li:nth-child(n+89):nth-child(-n+133){
display:none;
}
#widget-koesiruCategoryList li.widget-koesiruCategory:nth-child(n+89):nth-child(-n+133){
display:none;
}


.maximg-re img{
max-width:initial;
}

/*------------------------------------------------------------
checkList-table
-------------------------------------------------------------*/
.checkList-table input[type="checkbox"]{
position: relative;
top: 1px;
margin-right: 8px;
}

/*------------------------------------------------------------
口コミスライド
-------------------------------------------------------------*/
.kutikomi-slide{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
overflow-x: scroll;
padding-bottom: 10px;
margin-bottom: 20px;
}
.kutikomi-slide .hyouka-box-in{
min-width: 500px;
max-width: 500px;
margin: 3px 20px 3px 3px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kutikomi-slide .hyouka-box-in{
min-width: 76vw;
max-width: 76vw;
margin-right: 16px;
}
}
@media only screen and (max-width: 429px){
.kutikomi-slide .hyouka-box-in{
min-width: 86vw;
max-width: 86vw;
margin-right: 12px;
}
}
@media only screen and (max-width: 376px){
.kutikomi-slide .hyouka-box-in{
margin-right: 10px;
}
.kutikomi-slide .hyouka-box-in .hyouka-good dt div:first-of-type,.kutikomi-slide .hyouka-box-in .hyouka-good dt,.kutikomi-slide .hyouka-box-in .hyouka-bad dt div:first-of-type,.kutikomi-slide .hyouka-box-in .hyouka-bad dt{
font-size: 13px;
}
}

/*------------------------------------------------------------
new-kuchi-komi
-------------------------------------------------------------*/
.new-kuchi-komi{
border: 1px solid #ccc;
padding: 16px;
border-radius: 6px;
margin-bottom: 20px;
}
.new-kuchi-komi .new-kk-head{
display: -webkit-flex;
display: flex;
align-items: center;
margin-bottom: 10px;
}
.new-kuchi-komi .new-kk-head img{
width:70px;
height:70px;
margin: 0;
}
.new-kuchi-komi .new-kk-head .new-kk-right{
margin-left: 10px;
}
.new-kuchi-komi .new-kk-head .new-kk-right p{
line-height: 1;
font-size: 16px;
font-weight: bold;
margin:0 0 8px 1px;
}
.new-kuchi-komi .new-kk-head .new-kk-right .new-kk-hoshi{
color: #efb027;
box-shadow: 0 0 0 1px #efb027;
border-radius: 50px;
padding:4px 10px;
font-size: 14px;
line-height:1.1;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
}
.new-kuchi-komi .new-kk-head .new-kk-right .new-kk-hoshi img{
width: 90px;
height: auto;
margin-left: 10px;
vertical-align: bottom;
}
main#main-lower .post .new-kuchi-komi .new-kk-bottom p{
font-weight: bold;
font-size: 16px;
margin-bottom: 4px;
line-height: 1.7;
}
.new-kuchi-komi .new-kk-txtbox{
position: relative;
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox p{
font-weight: normal;
font-size: 14px;
margin-bottom: 0;
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox .more-btn{
margin: 0;
position: absolute;
height: 1.7em;
background: #fff;
right: 0;
bottom: 0;
width: calc(14.5px * 12);
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox .more-btn:before{
content: '…';
display: inline;
color: #444;
}
.new-kuchi-komi .new-kk-txtbox .more-btn a{
color: #444;
text-decoration: underline;
font-weight: normal;
}
main#main-lower .post .new-kuchi-komi .new-kk-bottom .mozisuseigen p{
font-weight: normal;
font-size: 14px;
margin-bottom: 0;
font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
line-height: 1.5;
}
.new-kuchi-komi .new-kk-bottom .mozisuseigen a{
font-size: 14px;
}
.kutikomi-slide .new-kuchi-komi{
min-width: 300px;
max-width: 300px;
margin: 3px 20px 3px 3px;
background: #fff;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kutikomi-slide .new-kuchi-komi{
min-width: 84vw;
max-width: 84vw;
margin-right: 12px;
}
.new-kuchi-komi{
padding: 12px;
margin-bottom: 16px;
}
main#main-lower .post .new-kuchi-komi .new-kk-bottom p{
line-height: 1.5;
}
.new-kuchi-komi .new-kk-bottom .new-kk-txtbox .more-btn{
height: 1.5em;
width: calc(14.5px * 16);
}
}

/*------------------------------------------------------------
文字数制限
-------------------------------------------------------------*/
.mozisuseigen{
line-height: 1.5;
}
.mozisuseigen p{
display: inline;
}
.mozisuseigen .link{
display: inline;
cursor:pointer;
}
.mozisuseigen .link{
color: #444;
font-weight: normal;
display: inline-block;
text-decoration: underline;
font-family: "ヒラギノ角ゴ Pro W6", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, sans-serif;
font-size: 14px;
}
.mozisuseigen.open .link{
display: block;
text-align: right;
cursor:pointer;
}
.mozisuseigen.open .link{
text-decoration: none;
color: #999;
cursor: auto;
text-indent: -5em;
overflow: hidden;
}
.mozisuseigen .link:after{
content: '続きを見る';
cursor:pointer;
}
.mozisuseigen.open .link:after{
content: '閉じる';
cursor:pointer;
}
.mozisuseigen.open .link:hover{
opacity: 1;
}


/*------------------------------------------------------------
フリーター向け就職サイト4選
-------------------------------------------------------------*/
@media only screen and (orientation: landscape) and (min-width: 813px), (orientation: portrait) and (min-width: 753px){
.for-freeter-osusume table.gyoretu-irekae{
overflow-x: visible;
}
.for-freeter-osusume .gyoretu-irekae thead tr th,.for-freeter-osusume .gyoretu-irekae thead tr th:first-of-type{
background: #ebebeb!important;
}
}
.layout_lp .kasou-cont-wrap,.layout_lp main#main-lower{
width: auto;
display: block;
margin: 0;
}
.layout_lp .kasou-cont-wrap main#main-lower h1{
overflow: hidden;
text-indent: 100%;
white-space: nowrap;
height: 0;
margin: 0;
}
.furi-wrap{
font-family: 'ヒラギノ角ゴ ProN W3', Hiragino Sans, 'ヒラギノ角ゴ ProN W3', Hiragino Kaku Gothic ProN, "メイリオ", Meiryo, sans-serif;
}
main#main-lower .for-freeter-osusume h2 + p img{
max-width: 100%;
}
main#main-lower .post div.furi-wrap p{
margin-bottom: 12px;
line-height: 1.5;
color: #002544;
}
.furi-wrap > p:first-child{
background: #effdff;
text-align: center;
}
.furi-wrap > p:first-child img{
width: 800px;
}
.furi-wrap > p:first-child img.sp{
display: none!important;
}
.for-freeter-osusume {
width: 800px;
margin: 0 auto;
}
main#main-lower .post div.furi-wrap h2{
padding: 14px 11px!important;
font-size: 28px;
color: #fff;
border: 0;
border-top: 3px solid #0db5e4;
border-bottom: 3px solid #0db5e4;
margin: 34px 0 20px;
text-align: left;
background: #0db5e4!important;
line-height: 1;
position: relative;
}
main#main-lower .post div.for-freeter-osusume + h2{
width: 800px;
margin: 34px auto 20px;
}
main#main-lower .post div.furi-wrap h2 span{
color: #fff;
}
.furi-wrap .gyoretu-irekae thead tr th:first-of-type span {
color: #444!important;
}
.furi-wrap .rank-cont table img{
vertical-align: middle;
}
.furi-wrap .rank-cont{
width: 800px;
margin: 50px auto 0;
}
.furi-wrap .rank-cont-head{
background: #0db5e4;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
padding: 12px;
margin-bottom: 20px;
}
main#main-lower .post .furi-wrap .rank-cont-head h3{
color: #fff;
padding: 0;
font-size: 24px;
line-height: 1;
background: none;
margin: 0;
border-radius: 0;
}
main#main-lower .post .furi-wrap .rank-cont-head h3:before,main#main-lower .post .furi-wrap .rank-cont-head h3:after{
display: none;
}
main#main-lower .post .furi-wrap .rank-cont-head h3 span{
color: #fff;
}
main#main-lower .furi-wrap .rank-cont-head .cont-name p{
color: #faf599;
font-size: 20px;
margin: 6px 0 0;
line-height: 1;
}
.furi-wrap .rank-cont-head .rank-num{
background: #faf599;
border-radius: 50%;
color: #0eb4e6;
margin-right: 16px;
width: 60px;
height: 60px;
line-height: 60px;
font-size: 20px;
text-align: center;
}
.furi-wrap .rank-cont-head .rank-num .b{
font-size: 20px;
font-size: 26px;
color: #0eb4e6;
}
main#main-lower .furi-wrap  .osusume-user_box{
box-shadow: 0 0 0 4px #f8b500;
}
main#main-lower .furi-wrap  .osusume-user_box .midasi p{
color: #f8b500;
font-size: 18px;
margin: 0;
}
main#main-lower .furi-wrap .osusume-user_box ul li {
padding-left: 32px;
font-size: 16px;
}
main#main-lower .furi-wrap .osusume-user_box li:before{
content: '';
display: inline-block;
width: 24px;
height: 24px;
background: url(https://koesiru.jp/img/koesiru/uploads/2023/01/2023y01m31d_1634139297.png) no-repeat center / contain!important;
border:0;
display: block;
top: 0;
}
.post .furi-wrap .rank-cont table th{
width: 34%;
text-align: center;
}
main#main-lower .post .furi-wrap .rank-cont h4{
font-size: 20px;
line-height: 1.4;
font-weight: bold;
padding: 10px 5px 5px 17px;
background: none;
border-radius: 0;
margin-top: 2rem;
margin-bottom: 1.6rem;
color: #444;
border: 0;
}
main#main-lower .post .furi-wrap .rank-cont h4:before{
content: "";
width: 100%;
height: 2px;
display: block;
position: absolute;
bottom: 0;
left: 0;
box-sizing: border-box;
z-index: -1;
background: #00b2e2!important;
border-radius: 50px;
top: auto;
}
main#main-lower .post .furi-wrap .rank-cont h4:after{
content: "";
width: 2px;
height: 100%;
display: block;
position: absolute;
top: 5px;
left: 7px;
box-sizing: border-box;
z-index: -1;
background: #00b2e2;
transform: rotate(12deg);
}
.furi-wrap .rank-cont .osusume-point{
background: #fff3c1;
margin-bottom: 30px;
border-radius: 10px;
padding: 16px;
margin-top: 30px;
}
.furi-wrap .rank-cont .osusume-point dt{
color: #f5b800;
font-size: 20px;
font-weight: bold;
}
.furi-wrap .rank-cont .osusume-point dd{
font-size: 16px;
line-height: 1.6;
margin-top: 10px;
}
.furi-wrap .rank-cont-btn-wrap{
text-align: center;
}
.furi-wrap a.kaiketu{
font-size: 32px;
height: 90px;
line-height: 90px;
padding: 0;
display: block;
margin: 10px auto;
text-align: center;
font-weight: bold;
position: relative;
background: linear-gradient(90deg, rgba(249,48,77,1) 0%, rgba(249,80,77,1) 100%);
color: #fff;
border-radius: 10px;
box-shadow: 0 10px 0 0 #ff787f;
text-decoration: none;
width: 650px;
transition: 0.3s;
}
.furi-wrap a.kaiketu:before{
content: ">";
position: absolute;
right: 15px;
bottom: 0;
margin: auto;
animation: yajirusiugoki 1s ease-in-out infinite;
top: -2px;
font-size: 32px;
}
@keyframes yajirusiugoki{
0%{right:1%;}
50%{right:3%;opacity:0.3;}
100%{right:1%;}
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text{
position: relative;
color: #ff4960;
font-size: 22px;
font-weight: bold;
display: inline-block;
margin: 0;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:before,main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:after{
content: '';
display: block;
width: 20px;
height: 30px;
position: absolute;
top: 0;
bottom: 0;
margin: auto;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:before{
background: url(https://koesiru.jp/img/koesiru/uploads/2023/01/2023y01m31d_1641169369.png) no-repeat center / contain;
left: -28px;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:after{
background: url(https://koesiru.jp/img/koesiru/uploads/2023/01/2023y01m31d_1641365355.png) no-repeat center / contain;
right: -28px;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .bottom-text{
color: #bd0401;
font-size: 18px;
font-weight: bold;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .bottom-text .b{
font-size: 20px;
}
.furi-wrap .diagnose-tool-riyuu{
margin: 0 auto 80px;
width: 800px;
padding: 0;
text-align: center;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu p{
text-align: left;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu .ol-wrap p{
text-align: center;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3{
margin: 70px auto 30px;
position: relative;
text-align: left;
padding: 28px 0 26px 114px;
font-size: 34px;
color: #003468;
background: none;
border-radius: 0;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3:before,main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3:after{
content: '';
display: block;
width: 100%;
height: 4px;
background: #003468!important;
border-radius: 50px;
position: absolute;
z-index: 1;
left: auto;
bottom: auto;
top: auto;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3:before{
top: 0;
right: 0;
width: calc(100% - 110px);
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3:after{
left: 0;
bottom: 0;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3 img{
position: absolute;
left: 0;
top: -12px;
width: 90px;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3 + p{
text-align: left;
margin: 0 auto;
}
.diagnose-tool-riyuu .img-wrap {
width: 730px;
margin: 0 auto;
background: #f7f8f8;
padding: 30px 30px 80px;
border-radius: 20px 20px 0 0;
}
.diagnose-tool-riyuu .riyuu-acd{
margin-top: 30px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox{
display: none;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox + br{
display: none;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel{
display: block;
cursor: pointer;
margin: 0 auto;
background: #768f9b;
border-radius: 16px;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel br{
display: none;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title{
line-height: 80px;
color: #fff;
font-size: 28px;
font-weight: bold;
display: block;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title:after{
content: '';
display: inline-block;
vertical-align: middle;
width: 26px;
height: 26px;
background: url(https://koesiru.jp/img/koesiru/uploads/2023/01/2023y01m31d_1756096531.png) no-repeat center top 10px / 14px #fff;
border-radius: 50%;
margin-left: 10px;
position: relative;
bottom: 2px;
}
.diagnose-tool-riyuu .riyuu-acd-cont{
display: block;
height: 0;
opacity: 0;
visibility: hidden;
transition: 0.4s;
background: #fff;
border-radius: 20px;
margin: 0 30px;
text-align: center;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu{
display: inline-block;
padding: 0 20px;
background: linear-gradient(transparent 60%, #c5f4ff 0%);
color: #fc4c62;
font-weight: bold;
font-size: 26px;
position: relative;
margin-bottom: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu:before{
content: '';
display: block;
width: 18px;
height: 14px;
position: absolute;
top: -9px;
left: 5px;
background: url(https://koesiru.jp/img/koesiru/uploads/2023/01/2023y01m31d_1756322846.png) no-repeat center / contain ;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei{
display: block;
text-align: left;
color: #294860;
line-height: 2;
padding: 0 40px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei:nth-of-type(2){
padding-bottom: 30px;
border-bottom: 1px solid #546d80;
margin-bottom: 40px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel{
padding-bottom: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel .riyuu-acd-cont{
height: auto;
opacity: 1;
visibility: visible;
padding: 40px 30px;
}
div.furi-wrap .btn-dl{
padding: 4px 5px;
width: 100%;
display: block;
align-items: center;
box-sizing: border-box;
color: #FFF;
font-weight: bold;
border-radius: 5px;
background: #ff7301;
box-shadow: 0 5px 0 0 #b5570b;
font-size: 11px;
line-height: 21px;
margin: 0 auto;
text-align: center;
text-decoration: none;
max-width: 150px;
position: relative;
min-width: 80px;
}
.furi-wrap .b-red{
background: linear-gradient(transparent 60%, #fffbd0 0%);
color: #3a4472;
}
.furi-wrap .marker-blue {
font-weight: bold;
color: #002544;
background: linear-gradient(transparent 60%, #c5f4ff 0%);
}

@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.layout_lp .kasou-cont-wrap{
padding: 0;
}
main#main-lower .post div.furi-wrap h2{
font-size: 20px;
margin: 30px 0 14px;
width: auto;
padding: 14px 0;
line-height: 1.4;
}
.furi-wrap > p:first-child img{
width: 100%;
}
.furi-wrap > p:first-child img.sp{
display: block!important;
}
.furi-wrap > p:first-child img.pc{
display: none;
}
.for-freeter-osusume table.gyoretu-irekae{
width: auto;
}
.furi-wrap .rank-cont{
width: auto;
margin: 26px 0 0;
}
.furi-wrap .rank-cont-head{
padding: 8px;
margin-bottom: 10px;
}
main#main-lower .post .furi-wrap .rank-cont-head h3{
font-size: 18px;
}
main#main-lower .furi-wrap .rank-cont-head .cont-name p{
font-size: 13px;
margin: 8px 0 0;
}
.furi-wrap .rank-cont-head .rank-num{
margin-right: 8px;
width: 46px;
height: 46px;
line-height: 46px;
font-size: 16px;
}
.furi-wrap .rank-cont-head .rank-num .b{
font-size: 22px;
}
main#main-lower .furi-wrap .osusume-user_box .midasi p{
font-size: 15px;
}
main#main-lower .furi-wrap .osusume-user_box ul li {
padding-left: 25px;
font-size: 14px;
}
main#main-lower .furi-wrap .osusume-user_box li:before{
width: 20px;
height: 20px;
}
main#main-lower .post .furi-wrap .rank-cont h4{
font-size: 16px;
padding: 10px 5px 5px 17px;
margin: 20px 0 12px;
}
.furi-wrap .rank-cont .osusume-point{
margin-bottom: 20px;
padding: 12px;
margin-top: 20px;
}
.furi-wrap .rank-cont .osusume-point dt{
font-size: 16px;
line-height: 1.4;
}
.furi-wrap .rank-cont .osusume-point dd{
font-size: 14px;
margin-top: 10px;
}
.furi-wrap a.kaiketu{
font-size: 20px;
height: 70px;
line-height: 70px;
margin: 4px auto 8px;
width: 90%;
}
.furi-wrap a.kaiketu:before{
top: -2px;
font-size: 22px;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text{
font-size: 16px;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:before,main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:after{
width: 14px;
height: 20px;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:before{
left: -20px;
}
main#main-lower .post .furi-wrap .rank-cont-btn-wrap .on-text:after{
right: -20px;
}
.furi-wrap .diagnose-tool-riyuu{
margin-bottom: 40px;
width: auto;
}
.for-freeter-osusume{
width: auto;
padding: 0 10px;
}
main#main-lower .post div.for-freeter-osusume + h2{
width: auto;
margin: 30px 10px 14px;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu p{
width: auto;
}
.diagnose-tool-riyuu .img-wrap{
width: auto;
padding: 16px 16px 40px;
}
.furi-wrap .diagnose-tool-riyuu + p{
padding: 0 10px;
}
.for-freeter-osusume .gyoretu-irekae thead th:first-of-type{
height: 84px;
}
.for-freeter-osusume .gyoretu-irekae tbody th{
background: #ebebeb!important;
}
.for-freeter-osusume .gyoretu-irekae tbody th span{
color: #444!important;
}
.for-freeter-osusume .gyoretu-irekae thead th:nth-last-of-type(2),.for-freeter-osusume .gyoretu-irekae tbody td:nth-last-of-type(2){
-webkit-box-orient: vertical;
-webkit-box-direction: normal;
-ms-flex-direction: column;
flex-direction: column;
height: 80px;
}
.for-freeter-osusume .gyoretu-irekae tbody td:nth-last-of-type(2){
-webkit-box-align: start;
-ms-flex-align: start;
align-items: flex-start;
}
.for-freeter-osusume .gyoretu-irekae tbody td:nth-last-of-type(2) br{
display: none;
}
.for-freeter-osusume .gyoretu-irekae thead th:nth-last-of-type(1), .for-freeter-osusume .gyoretu-irekae tbody td:nth-last-of-type(1){
height: 48px;
}
div.furi-wrap .btn-dl{
bottom: 2px;
}
main#main-lower .post div.furi-wrap p{
line-height: 1.5;
font-size:14px;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3{
margin: 44px auto 16px;
padding: 18px 0 16px 56px;
font-size: 24px;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3:before,main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3:after{
height: 3px;
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3:before{
width: calc(100% - 56px);
}
main#main-lower .post .furi-wrap .diagnose-tool-riyuu h3 img{
top: -10px;
width: 48px;
}
.diagnose-tool-riyuu .riyuu-acd{
margin-top: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title{
line-height: 70px;
font-size: 22px;
}
.diagnose-tool-riyuu .riyuu-acd-checklabel .label-title:after{
width: 24px;
height: 24px;
background: url(https://koesiru.jp/img/koesiru/uploads/2023/01/2023y01m31d_1756096531.png) no-repeat center top 10px / 12px #fff;
margin-left: 10px;
bottom: 2px;
}
.diagnose-tool-riyuu .riyuu-acd-cont{
margin: 0 14px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu{
padding: 0 10px;
font-size: 22px;
margin-bottom: 12px;
line-height: 1;
}
.diagnose-tool-riyuu .riyuu-acd-cont .riyuu:before{
width: 13px;
height: 13px;
top: -10px;
left: -2px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei{
line-height: 1.8;
padding: 0 16px;
}
.diagnose-tool-riyuu .riyuu-acd-cont .setumei:nth-of-type(2){
padding-bottom: 14px;
margin-bottom: 20px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel{
padding-bottom: 14px;
}
.diagnose-tool-riyuu .riyuu-acd-checkbox:checked ~ .riyuu-acd-checklabel .riyuu-acd-cont{
padding: 24px 10px;
}
.for-freeter-osusume .gyoretu-irekae thead tr th {
background: #0f4699;
color: #fff;
}
.for-freeter-osusume .gyoretu-irekae thead tr th div,.furi-wrap .gyoretu-irekae thead tr th:first-of-type span{
color: #fff!important;
}
.for-freeter-osusume .gyoretu-irekae thead th.sp{
display: none;
}
#main-lower .for-freeter-osusume table.gyoretu-irekae tbody th:first-child{
height: 42px;
}
}

/*------------------------------------------------------------
口コミ詳細調整
-------------------------------------------------------------*/
.app-syourai-wrap .hyouka-box .hyouka-good dt div:nth-of-type(2),.app-syourai-wrap .hyouka-box .hyouka-bad dt div:nth-of-type(2){
padding-left: 1em;
text-indent: -1em;
}

body #main-lower .iryoDietmain .iryoDietmain-in .container {}
body #main-lower .iryoDietmain .iryoDietmain-in .container p {
  line-height: 1.8rem!important;
}
body #main-lower .iryoDietmain .iryoDietmain-in .container h1 {
  overflow: unset;
text-indent: unset;
white-space: unset;
height: unset;
color: #333;
font-size: 40px;
padding: 10px 0 5px;
margin: 100px auto 30px;
text-align: center;
border-bottom: 15px solid #e9edc9;
}
body #main-lower .iryoDietmain .iryoDietmain-in .container h2 {
  background: none;
    color: #333;
    font-size: 30px;
    padding: 10px 0;
    margin: 30px auto 10px;
    text-align: center;
}
body #main-lower .iryoDietmain .iryoDietmain-in .container h3 {}
body #main-lower .iryoDietmain .iryoDietmain-in .container h4 {}
body #main-lower .iryoDietmain .iryoDietmain-in .container ul {}
body #main-lower .iryoDietmain .iryoDietmain-in .container ul li {}
body #main-lower .iryoDietmain .iryoDietmain-in .container ul li ul {
  list-style: circle;
}
body #main-lower .iryoDietmain .iryoDietmain-in .container ul li ul li {
  list-style: circle;
    margin-left: 5%;
    border-bottom: 1px solid #ddd;
    padding: 4px;
}
body #main-lower .iryoDietmain .iryoDietmain-in .container strong {
  display: block;
    padding: 15px 0 5px;
}





.button-16 {
  margin: 50px auto;
}
.button-16 a {
  font-family: 'Noto Sans JP', serif;
      font-size: 14px;
      letter-spacing: 0.1em;
      color: #e44141;
      font-weight: 700;
      border-top: solid 2px #e44141;
      border-bottom: solid 2px #e44141;
      display: block;
      position: relative;
      rotate: -6deg;
      transform: skewX(-6deg);
      box-sizing: border-box;
      max-width: 200px;
      text-align: center;
      padding: 13px;
      margin: 24px;
      margin-inline: auto;
      text-decoration: none !important;
      cursor: pointer;
      transition: all 0.3s;
}

.button-16 a::before {
  content: "";
      display: block;
      position: absolute;
      width: 1px;
      height: 18px;
      border-left: solid 2px #e44141;
      top: 0;
      left: 0;
      transition: all 0.3s;
}

.button-16 a::after {
  content: "";
      display: block;
      position: absolute;
      width: 1px;
      height: 18px;
      border-right: solid 2px #e44141;
      top: 0;
      right: 0;
      transition: all 0.3s;
}

.button-16 a:hover {
  color: #fff;
  background: #e44141;
  transition: all 0.3s;
}





/*------------------------------------------------------------
医療ダイエットLP
-------------------------------------------------------------*/
.iryoDietwrap{
background: #ffe8df;
background: linear-gradient(#fbecd8 0%, #ffe8df 10%);
font-family: 'Roboto','Noto Sans JP', sans-serif;
}
.iryoDietmain{
width: 780px;
margin: 0 auto;
background: #fff;
position: relative;
z-index: 1;
box-shadow: 0 0 10px 2px rgb(255 224 224 / 65%);
border-radius: 0 0px 10px 10px;
}
.iryoDietmain-in{
padding: 0 40px 40px;
}
main#main-lower .iryoDietwrap .sec-osusume h2,main#main-lower .iryoDietwrap .sec-osusume2 h2{
width: max-content;
background: none;
color: #333;
padding: 0;
margin: 0 auto 40px;
font-size: 20px;
position: relative;
}
main#main-lower .iryoDietwrap .sec-osusume h2:before,main#main-lower .iryoDietwrap .sec-osusume2 h2:before{
content: '';
display: block;
width: 30px;
height: 30px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-icon1.png) no-repeat center / contain;
position: absolute;
left: -30px;
top: -30px;
}
main#main-lower .iryoDietwrap .sec-osusume h2:after,main#main-lower .iryoDietwrap .sec-osusume2 h2:after{
content: '';
display: block;
width: 400px;
height: 40px;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: -1;
bottom: -20px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-line1.png) no-repeat center / contain;
}
main#main-lower .iryoDietwrap .sec-osusume2 h2:after{
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-line2.png) no-repeat center / contain;
}
.iryoDietwrap .sec-naze,.iryoDietwrap .sec-hikaku{
position: relative;
z-index: 1;
}
main#main-lower .iryoDietwrap .sec-naze h2,main#main-lower .iryoDietwrap .sec-hikaku h2{
background: #ff5f7b;
border-radius: 50px;
text-align: center;
font-size: 22px;
padding: 10px 0;
position: relative;
}
main#main-lower .iryoDietwrap .sec-naze h2:before,main#main-lower .iryoDietwrap .sec-hikaku h2:before{
content: '';
display: block;
width: 30px;
height: 30px;
background: #000;
position: absolute;
left: 0;
right: 0;
top: -30px;
margin: auto;
}
main#main-lower .iryoDietwrap .sec-naze h2:after,main#main-lower .iryoDietwrap .sec-hikaku h2:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 10px;
left: 0;
z-index: -1;
border-radius: 50px;
background: #000;
}
main#main-lower .iryoDietmain h2.conclusion {
  margin: 100px auto 15px;
  font-size: 30px;
  width: 100%;
  text-align: center;
  background: none;
  padding: 0;
  color: unset;
}
main#main-lower .iryoDietmain h2.conclusion span.conclusion_in {
  display: block;
  font-size: 60px;
}
.questionnaire {}
.questionnaire tr {}
.questionnaire tr th {}
main#main-lower .iryoDietmain h2.conclusion::before {
  display: none;
}
main#main-lower .iryoDietmain h2.conclusion::after {
  width: 100%!important;
}
main#main-lower .iryoDietwrap .sec-naze h3,main#main-lower .iryoDietwrap .sec-hikaku h3{
text-align: center;
background: none;
font-size: 19px;
border-top: 7px solid #dfaa5c;
border-bottom: 7px solid #dfaa5c;
border-radius: 0;
padding: 13px 0;
margin:50px 0 20px;
}
/* main#main-lower .iryoDietwrap div.rank-cont h3{
background: #2abcbc;
border-radius: 50px;
position: relative;
} */
div.iryoDietwrap th{
background: #bfd2d6;
color: #333;
}
div.iryoDietwrap table,div.iryoDietwrap th,div.iryoDietwrap td{
  border-right: 2px solid #f1f1f1;
  border-bottom: 2px solid #f1f1f1;
}
.iryoDietwrap .rank-table {
  border-right: none;
}
div.iryoDietwrap table.rank-table tbody {}
div.iryoDietwrap table.rank-table tbody tr {}
div.iryoDietwrap table.rank-table tbody tr:first-child {}
div.iryoDietwrap table.rank-table tbody tr:last-child {}
div.iryoDietwrap table.rank-table tbody tr td {}
.iryoDietwrap table a{
color: #0033cc;
font-size: 12px;
}
.iryoDietwrap .sec-osusume .flexWrap{
display:-webkit-box;
display:-ms-flexbox;
display:flex;
-webkit-box-pack: center;
-ms-flex-pack: center;
justify-content: center;
margin-bottom: 152px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text{
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi.png) no-repeat center / contain;
color: #fff;
height: 80px;
line-height: 76px;
width: 44%;
text-align: center;
margin: 0 10px;
position: relative;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text:after{
content: '';
display: block;
width: 100%;
height: 200px;
z-index: -1;
position: absolute;
left: 0;
right: 0;
top: 48px;
margin: auto;
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img1.png) no-repeat center top / 122px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text:last-of-type:after{
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img2.png) no-repeat center top / 240px;
}
main#main-lower .iryoDietwrap.afterPill .flexWrap .talk-text:last-of-type:after{
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img2_new.png) no-repeat center top / 240px;
}
.iryoDietwrap .rogo{
border: none;
}
main#main-lower .kousiki-btn{
background: #ff3600;
color: #fff;
text-decoration: none;
display: block;
height: 40px;
line-height: 41px;
width: 90%;
margin: 0 auto 4px;
border-radius: 10px;
box-shadow: 0 5px 0 0 #b01c00;
position:relative;
font-weight: bold;
}
main#main-lower .kousiki-btn:after{
content: "";
width: 12px;
height: 12px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon1.png)no-repeat center / 100% 100%;
top:1px;
right:15px;
bottom:0;
margin:auto;
position:absolute;
animation: cvbtscroll 1.5s infinite;
}
@keyframes cvbtscroll {
0% {
transform: rotate(0deg) translate(0, 0);
}
80% {
transform: rotate(0deg) translate(15px, 0px);
}
0%, 80%, 100% {
opacity: 0;
}
40% {
opacity: 1;
}
}
main#main-lower .kousiki-btn span{
color: #fff;
font-size:14px!important;
}
.iryoDietwrap .blue{
color: #146ea3!important;
}
main#main-lower .iryoDietwrap .sec-osusume h2:before, main#main-lower .iryoDietwrap .sec-osusume2 h2:before{
left: -23px;
top: -23px;
}
main#main-lower .iryoDietwrap .sec-osusume h2:after, main#main-lower .iryoDietwrap .sec-osusume2 h2:after{
width: 350px;
}
.sec-osusume2{
margin: 60px 0 80px;
}
main#main-lower .iryoDietwrap .sec-naze h2:before, main#main-lower .iryoDietwrap .sec-hikaku h2:before{
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-tenten.png) no-repeat center / contain;
top: -28px;
height: 32px;
}
main#main-lower .iryoDietwrap .sec-naze h2:after, main#main-lower .iryoDietwrap .sec-hikaku h2:after{
background: repeating-linear-gradient(-45deg, #fff, #fff 4px, #ff5f7b 4px, #ff5f7b 6px);
top: 5px;
}

/*---調整CSS---*/
.iryoimg-fv-box{
margin:0 0 30px;
position:relative;
}
.iryoimg-fv-box:before{
content:"PR";
width:40px;
height:20px;
top:0;
right:0;
margin:auto;
position:absolute;
background:#c2c2c2;
text-align:center;
color:#FFF;
line-height:21px;
font-size:12px;
letter-spacing:2px;
opacity: 0;
}
.iryoimg-box{
margin:20px 0 30px;
}
.sec-osusume{
margin:0 0 70px;
}
.sec-naze{
margin:0 0 70px;
}
.sec-hikaku .iryoimg-box{
margin:40px 0 30px;
}
main#main-lower .iryoDietwrap .sec-naze h2{
margin: 0 0 30px;
}
main#main-lower .post .iryoDietwrap p{
line-height: 2;
}
main#main-lower .post .iryoDietwrap.afterPill p{
font-size: 17px;
line-height: 1.8;
}
main#main-lower .post .iryoDietwrap.afterPill .qa-wrap p{
font-size: 15px;
}
main#main-lower .iryoDietwrap .b-red{
background:rgba(0, 0, 0, 0) linear-gradient(transparent 60%, #fff7bd 0%) repeat scroll 0 0;
font-weight: bold;
color: #333!important;
padding: 0 1px 2px;
}
body.layout_lp .footerBtn{
display:none;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main-lower .post .iryoDietwrap.afterPill .qa-wrap p{
font-size: 14px;
}
}

/*---ランキング---*/
.iryoDietwrap .rank-cont{
margin-top: 70px;
position:relative;
z-index:0;
border: 1px solid #f3f3f3;
    padding: 20px;
    box-sizing: border-box;
}
.iryoDietwrap .rank-contIn{
background: none;
padding: 20px 12px 12px;
z-index:-10;
position:relative;
}
main#main-lower .iryoDietwrap div.rank-cont h3 {
  background: none;
      border: 0;
      color: #fff;
      text-align: left;
      margin: 0 0 5px;
      padding: 10px;

}
main#main-lower .iryoDietwrap div.rank-cont.no0 h3{
background-image:none;
padding-left:25px;
}
main#main-lower .iryoDietwrap div.rank-cont h3 a{
color: #444;
font-size: 24px;
text-decoration: none;
display: flex;
align-items: center;
border-bottom: 2px solid #f3f3f3;
}
main#main-lower .iryoDietwrap div.rank-cont h3 a img{
  width: 90px;
  margin-right: 15px;
}
main#main-lower .iryoDietwrap div.rank-cont.no0 h3:before{
display:none;
}
main#main-lower .iryoDietwrap div.rank-cont.no1 h3 {
/* background: url(https://koesiru.jp/img/koesiru/uploads/2024/02/2024y02m22d_1437184419.png) no-repeat left 12px center / 56px #ebd8d0; */
}
main#main-lower .iryoDietwrap div.rank-cont.no2 h3 {
/* background: url(https://koesiru.jp/img/koesiru/uploads/2024/02/2024y02m22d_1437206147.png) no-repeat left 12px center / 56px #f6f4d2; */
}
main#main-lower .iryoDietwrap div.rank-cont.no3 h3{
/* background: url(https://koesiru.jp/img/koesiru/uploads/2024/02/2024y02m22d_1602247287.png) no-repeat left 12px center / 56px #ffe5d9; */
}
main#main-lower .iryoDietwrap div.rank-cont.no4 h3{
/* background: url(https://koesiru.jp/img/koesiru/uploads/2024/10/2024y10m21d_1021508395.png) no-repeat left 12px center / 56px #cbdfbd; */
}
main#main-lower .iryoDietwrap div.rank-cont.no5 h3{
/* background: url(https://koesiru.jp/img/koesiru/uploads/2025/03/2025y03m18d_1218594151.png) no-repeat left 12px center / 56px #d8e2dc; */
}
main#main-lower .iryoDietwrap div.rank-cont.no6 h3 {
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243320416.png) no-repeat left 12px center / 56px #d8e2dc;
}
main#main-lower .iryoDietwrap div.rank-cont.no7 h3 {
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243345131.png) no-repeat left 12px center / 56px #d8e2dc;
}
main#main-lower .iryoDietwrap div.rank-cont.no8 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243368283.png) no-repeat left 12px center / 56px #d8e2dc;
}
main#main-lower .iryoDietwrap div.rank-cont.no9 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243394283.png) no-repeat left 12px center / 56px #d8e2dc;
}
main#main-lower .iryoDietwrap div.rank-cont.no10 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243417868.png) no-repeat left 12px center / 56px #d8e2dc;
}
main#main-lower .iryoDietwrap div.rank-cont.no11 h3 {
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243443824.png) no-repeat left 12px center / 56px #d8e2dc;
}
main#main-lower .iryoDietwrap div.rank-cont.no12 h3 {
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243467411.png) no-repeat left 12px center / 56px #d8e2dc;
}
main#main-lower .iryoDietwrap div.rank-cont.no13 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243493025.png) no-repeat left 12px center / 56px #2abcbc;
}
main#main-lower .iryoDietwrap div.rank-cont.no14 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243515578.png) no-repeat left 12px center / 56px #2abcbc;
}
main#main-lower .iryoDietwrap div.rank-cont.no15 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1243539318.png) no-repeat left 12px center / 56px #2abcbc;
}
main#main-lower .iryoDietwrap div.rank-cont.no16 h3 {
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1244046199.png) no-repeat left 12px center / 56px #2abcbc;
}
main#main-lower .iryoDietwrap div.rank-cont.no17 h3 {
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1244069367.png) no-repeat left 12px center / 56px #2abcbc;
}
main#main-lower .iryoDietwrap div.rank-cont.no18 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1244093742.png) no-repeat left 12px center / 56px #2abcbc;
}
main#main-lower .iryoDietwrap div.rank-cont.no19 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1244116133.png) no-repeat left 12px center / 56px #2abcbc;
}
main#main-lower .iryoDietwrap div.rank-cont.no20 h3{
background: url(https://koesiru.jp/img/koesiru/uploads/2025/04/2025y04m18d_1244138908.png) no-repeat left 12px center / 56px #2abcbc;
}
/* main#main-lower .iryoDietwrap div.rank-cont h3:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 5px;
left: 0;
z-index:-1;
border-radius: 50px;
background: repeating-linear-gradient(-45deg, #fff3f7, #fff3f7 4px, #d8e2dc 4px, #d8e2dc 6px);
} */
main#main-lower .iryoDietwrap div.rank-cont h4{
padding: 0 0 0 7px;
border: 0;
font-size: 17px;
margin: 50px 0 40px;
}
main#main-lower .iryoDietwrap div.rank-cont h4:before{
display: none;
}
main#main-lower .iryoDietwrap div.rank-cont h4:after{
content: '';
display: block;
width: calc(100% - 4px);
height: 5px;
background: #93e2df;
box-shadow: 0 0 0 2px #2abcbb;
border-radius: 10px;
position: absolute;
left: 2px;
bottom: -12px;
}


/* 絞り込み検索ここから */
.wrap .search-box_label {
  width: 100%;
  margin: 10px auto;
  font-weight: bold;
  color: #D0A900;
}
.is-hide {
	display: none;
}
main#main-lower .iryoDietwrap h2.shiborikomi {
  text-align: center;
  font-size: 36px;
  margin: 50px auto;
}
main#main-lower .iryoDietwrap h2.shiborikomi::before {
  content: none;
}
main#main-lower .iryoDietwrap h2.shiborikomi::after {
  width: 100%;
}
@import url('https://fonts.googleapis.com/css?family=Roboto+Condensed:700&subset=cyrillic');
.wrap input{
  display:none;
}
.search-box{
  width:100%;
  position:relative;
  clear:both;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  border-bottom: 1px solid #ededed;
  padding-bottom: 10px;
}
.search-box span{
  font-family:'Roboto Condensed', sans-serif;
  font-weight:bold;
  letter-spacing:1px;
  font-size:15px;
  float:right;
  width:85px;
  margin:16px 0 0;
}
.search-box div.mb{
  margin-bottom: 0;
}
.wrap{
  width:100%;
  /* position: absolute; */
  /* left:50%;
  top:50%; */
  /* transform:translate(-50%,-50%);
  padding:30px 30px 5px; */
}
.wrap label{
  width:50px;
  height:24px;
  box-sizing:border-box;
  /* border:2px solid #555; */
  float:left;
  border-radius:100px;
  position:relative;
  cursor:pointer;
  transition:.3s ease;
  background-color: #ddd;
}
input[type=checkbox]:checked + label{
  background:#3a86ff;
}
input[type=checkbox]:checked + label:before{
  left:30px;
}
label:before{
  transition:.3s ease;
  content:'';
  width:16px;
  height:16px;
  position:absolute;
  background:white;
  left:4px;
  top:4px;
  box-sizing:border-box;
  /* border:2px solid #555; */
  color:black;
  border-radius:100px;
}
.wrap .search_in_midashi{
  margin: 0px 25px 0 10px;
    font-size: 13px;
    float: none;
    width: auto;
}
.wrap .search-box .good{
  /* color: #D0A900; */
}
.iryoDietwrap ul.list {
  display: flex;
  justify-content: flex-start;
  margin: 20px auto;
}
ul.list .list_item {
  width: 19%;
  padding: 5px;
  border: 1px solid #eee;
  box-sizing: border-box;
  margin: 0.5%;
  box-shadow: 0 0 8px #eee;
}
ul.list .list_item a {
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;;
}
ul.list .list_item a dl {}
ul.list .list_item a dl img {
  width: 100%;
}
ul.list .list_item a dl dt:last-of-type {
  margin-bottom: 10px;
  text-align: center;
  color: #D0A900;
  font-size: 14px;
}
ul.list .list_item a dl dd {
  display: flex;
  align-items: center;
  padding: 5px 0;
  border-top: 1px solid #eee;
  justify-content: center;
}
ul.list .list_item a dl dd span img {
  height: 30px;
}
ul.list .list_item a dl dd span:first-child {
  width: 55%;
  margin-right: 10px;
  text-align: center;
}
ul.list .list_item a dl dd span:last-child {
  width: 20%;
}
/* 絞り込み検索ここまで */

div.iryoDietwrap .rank-contIn td{
background: #fff;
    vertical-align: top;
}
div.iryoDietwrap .rank-contIn .chart td span:last-child {
    display: block;
    margin-top: 5px;
}
.iryoDietwrap .rank-contIn > table:first-of-type,.iryoDietwrap .rank-contIn > table:first-of-type tbody,.iryoDietwrap .rank-contIn > table:first-of-type tr,.iryoDietwrap .rank-contIn > table:first-of-type th,.iryoDietwrap .rank-contIn > table:first-of-type td{
border: 0;
display: block;
width: 100%;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:first-of-type th{
background: none;
color: #333;
text-align: center!important;
font-size: 18px;
position: relative;
font-weight: bold;
padding-bottom: 10px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:first-of-type th span{
color: #333!important;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:first-of-type th:before{
content: '';
display: block;
width: 30px;
height: 14px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-rank-icon.png) no-repeat center / contain;
margin: 0 auto 5px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2){
background: #fff;
border-radius: 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding: 18px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td:first-of-type{
width: 200px;
padding: 0;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td:last-of-type{
width: calc(100% - 200px);
box-sizing: border-box;
padding: 0 0 0 24px;
line-height: 1.6;
font-size: 18px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) .green{
background: #11b765;
color: #fff!important;
border-radius: 3px;
padding: 0 6px;
font-weight: normal!important;
height: 24px;
line-height: 26px;
font-size: 16px;
display: inline-block;
margin-bottom: 5px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) .green ~ .green,.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) .green ~ p .green{
margin-top: 30px;
}
main#main-lower .iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td:last-of-type > p{
line-height: 1.6;
font-size: 18px;
margin: 0;
}
.rank-contIn th {
  padding: 0!important;
}
main#main-lower .rank-contIn .kousiki-btn{
text-align: center;
width: 146px;
display: inline-block;
}
.iryoDietwrap .osusume-user_box{
box-shadow: 0 0 0 2px #ff5f79;
background: #fff;
padding: 40px 10px 28px 26px;
margin: 50px 0 40px;
}
main#main-lower .post .iryoDietwrap .osusume-user_box .midasi p{
background: #ffdee5;
width: 270px;
text-align: center;
border-radius: 30px;
font-size: 18px;
height: 34px;
line-height: 35px!important;
box-shadow: 0 0 0 2px #ff5f79;
}
div.iryoDietwrap .osusume-user_box li{
font-size: 15px;
padding: 0 0 0 32px;
margin-bottom: 10px;
}
div.iryoDietwrap .osusume-user_box li:before{
background: url(https://koesiru.jp/img/common/design/iryou-lp-icon-point.png) no-repeat center / contain;
border: 0;
width: 20px;
height: 20px;
}
div.iryoDietwrap .osusume-user_box li .osusume {
  color: #e44141;
}
.rank-table .icon img{
  width: 100%;
    height: 60px;
    display: block;
    margin: 10px auto;
}
.post .iryoDietmain .tableLine td {
  font-size: 12px;
}
.iryoDietwrap .cta-link-box{
background: #fff;
box-shadow: 0 0 0 10px #ffedc5;
width: calc(100% - 20px);
margin: 40px auto;
padding: 20px;
}
.lp img{
width: 100%;
margin-bottom: 20px;
}
.iryoDietwrap .cta-link-box .ctaText{
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;
color: #fd3b53;
background: none;
margin-bottom: 8px;
padding-top: 0;
font-size: 17px;
}
.iryoDietwrap .cta-link-box .ctaText:before,.iryoDietwrap .cta-link-box .ctaText:after{
height: 4px;
transform: none;
border: 0;
border-top: 1px solid #ff6c7e;
border-bottom: 1px solid #ff6c7e;
-webkit-box-flex:1;
-ms-flex-positive:1;
flex-grow:1;
}
.iryoDietwrap .cta-link-box .ctaText:before{
margin-right: 10px;
}
.iryoDietwrap .cta-link-box .ctaText:after{
margin-left: 10px;
}
.iryoDietwrap .cta-link-box .cta-link-button02{
background: #ff3600;
color: #fff;
text-decoration: none;
display: block;
height: 60px;
line-height: 61px;
margin: 0 auto 4px;
border-radius: 10px;
box-shadow: 0 5px 0 0 #b01c00;
position:relative;
font-weight: bold;
font-size: 22px;
padding: 0;
width: auto;
}
.iryoDietwrap .cta-link-box .cta-link-button02:after{
content: "";
width: 27px;
height: 18px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png)no-repeat center / 100% 100%;
top:1px;
right:15px;
bottom:0;
margin:auto;
position:absolute;
animation: cvbtscroll 1.5s infinite;
}
div.iryoDietwrap .rank-contIn .kutikomiTable{
position: relative;
margin: 100px 0 20px;
}
div.iryoDietwrap .rank-contIn .kutikomiTable + .kutikomiTable{
margin-top: 80px;
}
div.iryoDietwrap .rank-contIn .kutikomiTable,div.iryoDietwrap .rank-contIn .kutikomiTable td{
border: 0;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td > p:first-of-type{
position: absolute;
width: 100%;
height: 76px;
line-height: 50px;
left: 0;
top: -25px;
text-align: center;
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-kuchikomi.png) no-repeat center / contain;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td{
padding: 70px 20px 20px;
border-radius: 10px;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td > p:last-child{
margin: 0;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td > p:last-child span{
color: #ababab;
}
div.iryoDietwrap .tenpoTable, div.iryoDietwrap .tenpoTable tbody, div.iryoDietwrap .tenpoTable tr,div.iryoDietwrap .tenpoTable td{
display: block;
width: 100%;
border: 0;
}
div.iryoDietwrap .tenpoTable tr{
background: #fff;
border-radius: 10px;
display:-webkit-box;
display:-ms-flexbox;
display:flex;
padding: 18px;
margin-bottom: 16px;
}
div.iryoDietwrap .tenpoTable tr td:first-of-type {
width: 150px;
padding: 0;
}
div.iryoDietwrap .tenpoTable tr td:last-of-type {
width: calc(100% - 150px);
box-sizing: border-box;
padding: 0 0 0 30px;
}
.iryoDietwrap .tenpoTable .cta-link-button02{
background: #ff3600;
color: #fff;
text-decoration: none;
display: block;
height: 36px;
line-height: 37px;
width: 246px;
text-align: center;
margin: 8px 0 0;
border-radius: 6px;
box-shadow: 0 3px 0 0 #b01c00;
position: relative;
font-weight: bold;
padding:0;
}
.iryoDietwrap .tenpoTable .cta-link-button02:after{
content: "";
width: 18px;
height: 12px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png)no-repeat center / 100% 100%;
top: 1px;
right: 15px;
left: auto;
bottom: 0;
margin: auto;
position: absolute;
animation: cvbtscroll 1.5s infinite;
}
.iryoDietwrap .tenpoTable .inName{
display: block;
font-weight: bold;
font-size: 18px;
line-height: 1;
margin-bottom: 12px;
position: relative;
}
.iryoDietwrap .tenpoTable .inName:after{
content: '';
display: block;
width: calc(100% + 6px);
position: absolute;
left: -6px;
bottom: -8px;
border-bottom: 2px dotted #a3b2b7;
}
.iryoDietwrap .rank-contIn > p .cta-link-button02{
background: #ff3600;
color: #fff;
text-decoration: none;
display: block;
height: 60px;
line-height: 61px;
margin: 0 auto 4px;
border-radius: 10px;
box-shadow: 0 5px 0 0 #b01c00;
position: relative;
font-weight: bold;
font-size: 22px;
width: 426px;
text-align: center;
padding:0;
}
.iryoDietwrap .rank-contIn > p .cta-link-button02:after{
content: "";
width: 27px;
height: 18px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png)no-repeat center / 100% 100%;
top: 1px;
right: 15px;
bottom: 0;
margin: auto;
position: absolute;
animation: cvbtscroll 1.5s infinite;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td > p ~ p .green{
margin-top: 30px;
}
.iryoDietwrap .rank-contIn > table:first-of-type + table{
margin-top: 20px;
}
.iryoDietwrap .rank-cont .iryoimg-rank-box{
background:#FFF;
padding:30px 10px;
margin:0 0 20px;
border-radius: 10px;
}
.iryoDietwrap .rank-cont .iryoimg-rank-box img{
border:0;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.iryoDietmain{
width: auto;
}
.iryoDietmain-in {
padding: 0 10px 10px;
}
main#main-lower .iryoDietmain h2.conclusion {
  font-size: 18px!important;
        margin: 10% auto!important;
}
main#main-lower .iryoDietmain h2.conclusion .conclusion_in {
  font-size: 30px!important;
        margin-top: 5%;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text{
margin: 0;
width: calc(50% - 3px);
font-size: 11px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text:first-of-type{
margin-right: 5px;
}
.search-box div{
  width: 50%;
  margin-bottom: 3%;
}
main#main-lower .iryoDietwrap h2.shiborikomi {
  width: 100%;
  font-size: 20px;
  margin: 50px auto 30px!important;
}
main#main-lower .iryoDietwrap h2.shiborikomi::after {
    width: 80%;
}
ul.list .list_item a dl dd span:first-child {
    margin-right: 0;
    text-align: center;
    width: 100%;
}
ul.list .list_item a dl dd {
    flex-wrap: wrap;
}
ul.list .list_item a dl dt:last-of-type {
    font-size: 8px;
}
.iryoDietwrap .rank-cont{
    padding: 0;
}


}
/*---カウンセリング---*/
main#main-lower .iryoDietwrap .sec-nagare{
position: relative;
z-index: 1;
margin:80px 0 80px;
}
main#main-lower .iryoDietwrap .sec-nagare h2{
background: #ff5f7b;
border-radius: 50px;
text-align: center;
font-size: 22px;
padding: 10px 0;
position: relative;
margin:0 0 40px;
}
main#main-lower .iryoDietwrap .sec-nagare h2:before{
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-tenten.png) no-repeat center / contain;
top: -28px;
height: 32px;
}
main#main-lower .iryoDietwrap .sec-nagare h2:after{
background: repeating-linear-gradient(-45deg, #fff, #fff 4px, #ff5f7b 4px, #ff5f7b 6px);
top: 5px;
}
main#main-lower .iryoDietwrap .sec-nagare h2:before{
content: '';
display: block;
width: 30px;
height: 30px;
position: absolute;
left: 0;
right: 0;
top: -26px;
margin: auto;
}
main#main-lower .iryoDietwrap .sec-nagare h2:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 10px;
left: 0;
z-index: -1;
border-radius: 50px;
}
main#main-lower .iryoDietwrap .sec-nagare h3{
text-align: center;
background: none;
font-size: 19px;
border-top: 7px solid #dfaa5c;
border-bottom: 7px solid #dfaa5c;
border-radius: 0;
padding: 13px 0;
margin:40px 0 20px;
background:#fffad0;
}
body.layout_lp .contents {
padding-bottom:0px;
}
main#main-lower .iryoDietwrap{
padding-bottom:30px;
}


/*---matome---*/
main#main-lower .iryoDietwrap .sec-matome{
position: relative;
z-index: 1;
margin:80px 0 0;
}
main#main-lower .iryoDietwrap .sec-matome h2{
background: #ff5f7b;
border-radius: 50px;
text-align: center;
font-size: 22px;
padding: 10px 0;
position: relative;
margin:0 0 40px;
}
main#main-lower .iryoDietwrap .sec-matome h2:before{
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-rankicon.png) no-repeat center / contain;
top: -28px;
height: 32px;
}
main#main-lower .iryoDietwrap .sec-matome h2:after{
background: repeating-linear-gradient(-45deg, #fff, #fff 4px, #ff5f7b 4px, #ff5f7b 6px);
top: 5px;
}
main#main-lower .iryoDietwrap .sec-matome h2:before{
content: '';
display: block;
width: 80px;
height: 35px;
position: absolute;
left: 0;
right: 0;
top: -30px;
margin: auto;
}
main#main-lower .iryoDietwrap .sec-matome h2:after{
content: '';
display: block;
width: 100%;
height: 100%;
position: absolute;
top: 10px;
left: 0;
z-index: -1;
border-radius: 50px;
}
main#main-lower .iryoDietwrap .sec-matome h3{
text-align: center;
background: none;
font-size: 19px;
border-top: 7px solid #dfaa5c;
border-bottom: 7px solid #dfaa5c;
border-radius: 0;
padding: 13px 0;
margin:40px 0 20px;
background:#fffad0;
}
body .footer_btn {
  position: fixed;
  bottom: 0;
  width: 780px;
  padding: 0;
  background: none;
  z-index: 9999;
  left: 50%;
  transform: translateX(-50%);
}
body .footer_btn a.cta-link-button02 {
  width: auto;
}
body .footer_btn a.cta-link-button02.yaji-l-anime::after {
  background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png) no-repeat center / 100% 100%;
  right: auto;
    width: 40px;
    left: 20px;
}
/*---医療ダイエットLP_SP---*/

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.iryoDietmain{
width: auto;
box-shadow: none;
}
.iryoDietmain-in {
padding: 0 10px 10px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text{
margin: 0;
width: calc(50% - 3px);
font-size: 11px;
height: 50px;
line-height: 46px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text:first-of-type{
margin-right: 5px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text:after{
height: 128px;
top: 28px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img1.png) no-repeat center top / 98px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text:last-of-type:after {
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img2.png) no-repeat center top / 94%;
top: 34px;
}
main#main-lower .iryoDietwrap.afterPill .flexWrap .talk-text:last-of-type:after {
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img2_new.png) no-repeat center top / 94%;
top: 34px;
}
.iryoDietwrap .sec-osusume .flexWrap{
margin-bottom: 122px;
}
main#main-lower .iryoDietwrap .sec-osusume h2, main#main-lower .iryoDietwrap .sec-osusume2 h2{
margin: 0 auto 32px;
}
.sec-osusume {
margin: 0 0 50px;
}
.sec-osusume2 {
margin: 50px 0 60px;
}
main#main-lower .iryoDietwrap .sec-naze h2, main#main-lower .iryoDietwrap .sec-hikaku h2{
font-size: 20px;
}
main#main-lower .iryoDietwrap .sec-naze h2 {
margin: 0 0 22px;
}
main#main-lower .iryoDietwrap .sec-naze h3, main#main-lower .iryoDietwrap .sec-hikaku h3,main#main-lower .iryoDietwrap .sec-nagare h3{
margin: 34px 0 20px;
font-size: 18px;
border-width: 6px;
}
.sec-naze {
margin: 0 0 50px;
}
main#main-lower .kousiki-btn{
width: 100%;
height: 32px;
line-height: 32px;
}
.iryoDietwrap .rank-cont {
margin-top: 20px;
}
.iryoDietwrap .rank-contIn{
padding: 10px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2){
padding: 12px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td:first-of-type {
width: 120px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td:last-of-type {
width: calc(100% - 120px);
padding: 0 0 0 16px;
font-size: 14px;
}
main#main-lower .iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td:last-of-type > p{
font-size: 14px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) .green{
height: 22px;
line-height: 24px;
font-size: 13px;
margin-bottom: 4px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) .green ~ .green, .iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) .green ~ p .green,.iryoDietwrap .rank-contIn > table:first-of-type tr:nth-of-type(2) td > p ~ p .green{
margin-top: 10px;
}
main#main-lower .rank-contIn .kousiki-btn{
width: 126px;
}
main#main-lower .iryoDietwrap div.rank-cont h4{
margin: 42px 0 32px;
}
main#main-lower .post .iryoDietwrap .osusume-user_box .midasi p{
width: 60%;
}
.iryoDietwrap .osusume-user_box{
padding: 36px 10px 24px 16px;
margin: 44px 0 40px;
}
.iryoDietwrap .cta-link-box{
box-shadow: 0 0 0 8px #ffedc5;
width: calc(100% - 16px);
margin: 40px auto;
padding: 20px;
}
.iryoDietwrap .cta-link-box .cta-link-button02{
font-size: 20px;
}
.iryoDietwrap .cta-link-box .cta-link-button02:after{
width: 20px;
height: 14px;
top: 0px;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td > p:first-of-type{
height: 64px;
line-height: 44px;
top: -22px;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td{
padding: 54px 18px 18px;
}
div.iryoDietwrap .rank-contIn .kutikomiTable {
margin: 70px 0 20px;
}
div.iryoDietwrap .rank-contIn .kutikomiTable + .kutikomiTable {
margin-top: 60px;
}
div.iryoDietwrap .tenpoTable tr{
padding: 13px 13px 15px;
}
div.iryoDietwrap .tenpoTable tr td:first-of-type {
width: 100px;
}
div.iryoDietwrap .tenpoTable tr td:last-of-type {
width: calc(100% - 100px);
padding: 0 0 0 16px;
}
.iryoDietwrap .tenpoTable .inName{
font-size: 16px;
}
.iryoDietwrap .tenpoTable .inName:after{
width: calc(100% + 3px);
left: -3px;
}
.iryoDietwrap .tenpoTable .cta-link-button02{
width: 100%;
margin: 4px 0 0;
}
.iryoDietwrap .tenpoTable .cta-link-button02:after{
top: 0px;
display: none;
}
.iryoDietwrap .rank-contIn > p .cta-link-button02{
font-size: 20px;
width: calc(100% - 40px);
}
.iryoDietwrap .rank-contIn > p .cta-link-button02:after {
width: 20px;
height: 14px;
top: 0px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:first-of-type th{
padding-top: 36px;
font-size: 16px;
}
body {
  position: relative;
}
main#main-lower .iryoDietwrap .sec-nagare{
margin: 66px 0 66px;
}
main#main-lower .iryoDietwrap .sec-matome h2{
font-size: 16px;
}
main#main-lower .iryoDietwrap{
background: none;
padding-bottom: 16px;
}
main#main-lower .iryoDietwrap .sec-matome h2:after,main#main-lower .iryoDietwrap .sec-nagare h2:after{
top: 5px;
}
}

@media screen and (max-width : 376px){
.cta-link-box .ctaText {
font-size: 15px;
}
.iryoDietwrap .cta-link-box .cta-link-button02 {
width: 100%;
}
div.iryoDietwrap .tenpoTable tr td:last-of-type {
padding: 0 0 0 13px;
}
main#main-lower .iryoDietwrap .sec-naze h2 {
font-size: 18px;
}
main#main-lower .iryoDietwrap .sec-nagare h2 {
font-size: 18px;
}
}

.iryoDietwrap .sp{
display: none;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.iryoDietwrap .sp{
display: block;
}
main#main-lower .iryoDietwrap .sec-matome h2 {
font-size: 18px;
}
}

@media screen and (max-width : 391px){
main#main-lower .iryoDietwrap .flexWrap .talk-text:after {
height: 120px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img1.png) no-repeat center top / 90px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text:last-of-type:after{
top: 31px;
}
.iryoDietwrap .sec-osusume .flexWrap {
margin-bottom: 108px;
}
main#main-lower .iryoDietwrap .sec-naze h2, main#main-lower .iryoDietwrap .sec-hikaku h2 {
font-size: 18px;
}
main#main-lower .iryoDietwrap .sec-naze h3, main#main-lower .iryoDietwrap .sec-hikaku h3, main#main-lower .iryoDietwrap .sec-nagare h3{
font-size: 16px;
padding: 12px 0;
}
main#main-lower .kousiki-btn{
height: 36px;
line-height: 37px;
}
main#main-lower .rank-contIn .kousiki-btn {
width: 110px;
font-size: 13px;
}
main#main-lower .iryoDietwrap div.rank-cont h4 {
margin: 34px 0 30px;
font-size: 16px;
}
main#main-lower .post .iryoDietwrap .osusume-user_box .midasi p{
font-size: 16px;
height: 32px;
line-height: 33px!important;
}
div.iryoDietwrap .osusume-user_box li{
padding: 0 0 0 28px;
margin-bottom: 8px;
}
.iryoDietwrap .osusume-user_box{
padding: 34px 8px 22px 12px;
margin: 40px 0 34px;
}
.iryoDietwrap .cta-link-box{
padding: 20px 22px;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td > p:first-of-type{
height: 60px;
line-height: 42px;
top: -21px;
font-size: 15px;
}
.iryoDietwrap .tenpoTable .cta-link-button02{
font-size: 13px;
}
.iryoDietwrap .rank-contIn > p .cta-link-button02 {
width: calc(100% - 60px);
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:first-of-type th{
font-size: 15px;
}
main#main-lower .iryoDietwrap .sec-matome h2 {
font-size: 17px;
}
}

@media screen and (max-width : 376px){
.iryoDietwrap .cta-link-box{
padding: 20px 10px;
}
main#main-lower .iryoDietwrap .flexWrap .talk-text{
font-size: 10px;
}
main#main-lower .iryoDietwrap .sec-osusume h2, main#main-lower .iryoDietwrap .sec-osusume2 h2{
font-size: 18px;
}
main#main-lower .iryoDietwrap .sec-osusume h2:before, main#main-lower .iryoDietwrap .sec-osusume2 h2:before{
width: 20px;
height: 22px;
left: -17px;
top: -17px;
}
main#main-lower .iryoDietwrap .sec-osusume h2:after, main#main-lower .iryoDietwrap .sec-osusume2 h2:after {
width: 330px;
}
main#main-lower .iryoDietwrap .sec-naze h2, main#main-lower .iryoDietwrap .sec-hikaku h2 {
font-size: 17px;
}
div.iryoDietwrap .osusume-user_box li{
font-size: 14px;
padding: 0 0 0 26px;
}
div.iryoDietwrap .osusume-user_box li:before{
width: 18px;
height: 18px;
}
.iryoDietwrap .rank-contIn > table:first-of-type tr:first-of-type th {
font-size: 14px;
}
.iryoDietwrap .rank-contIn > p .cta-link-button02{
height: 50px;
line-height: 51px;
}
}

@media screen and (max-width : 361px){
main#main-lower .iryoDietwrap .flexWrap .talk-text:after {
background: url(https://koesiru.jp/img/common/design/iryou-lp-hukidashi-img1.png) no-repeat center top / 84px;
}
.sec-osusume {
margin: 0 0 40px;
}
div.iryoDietwrap .osusume-user_box li {
padding: 0 0 0 24px;
}
.iryoDietwrap .osusume-user_box {
padding: 32px 8px 20px 10px;
}
.cta-link-box .ctaText {
font-size: 14px;
}
.iryoDietwrap .cta-link-box .ctaText:before {
margin-right: 8px;
}
.iryoDietwrap .cta-link-box .ctaText:after {
margin-left: 8px;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td > p:first-of-type {
height: 56px;
line-height: 38px;
font-size: 15px;
}
main#main-lower .post .iryoDietwrap .rank-contIn .kutikomiTable td {
padding: 50px 18px 14px;
}
div.iryoDietwrap .rank-contIn .kutikomiTable + .kutikomiTable {
margin-top: 50px;
}
div.iryoDietwrap .tenpoTable tr td:first-of-type {
width: 90px;
}
div.iryoDietwrap .tenpoTable tr td:last-of-type {
width: calc(100% - 90px);
}
main#main-lower .iryoDietwrap .sec-matome h2 {
font-size: 15px;
}
}

/*------------------------------------------------------------
post-meta調整
-------------------------------------------------------------*/
main#main-lower .post-meta p.post-data{
width: auto;
}
main#main-lower .post-meta .post-tag{
margin-left: 20px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main-lower .post-meta p.post-data{
width: 100%;
}
main#main-lower .post-meta .post-tag{
margin-left: 5px;
}
}

/*------------------------------------------------------------
コメント内画像　モーダル調整
-------------------------------------------------------------*/
div#comment_popup_image span.popup-close:before{
line-height: 40px;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: auto;
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;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
div#comment_popup_image .popup-in{
width: 100vw;
}
div#comment_popup_image img{
max-width: 100%;
}
}



/*---検索フォームLP---*/
.lp_search_sort{
padding: 10px;
font-size: 13px;
display: -webkit-flex;
display: flex;
align-items: center;
}
.lp_search_sort select{
width:auto;
padding:4px 10px;
border:0;
box-shadow: 0 0 0 1px #c2d0de;
border-radius: 3px;
margin:5px 10px;
cursor: pointer;
font-size: 13px;
}
.lp_search_form tr th{
padding:5px 15px;
}
.lp_search_form td {
padding:10px!important;
}
.lp_search_form td label{
cursor:pointer;
}
.lp_search_form td input{
display: none;
}
.lp_search_form{
display: -webkit-box;
display: -ms-flexbox;
display: flex;
-webkit-box-align: center;
-ms-flex-align: center;
align-items: center;
position: relative;
text-align: left;
}
.lp_search_form span:before{
content: '';
display: inline-block;
width: 16px;
height: 16px;
background: #fff;
box-shadow: 0 0 0 1px #c2d0de;
box-sizing: border-box;
margin-top: -1px;
margin-right: 8px;
border-radius: 3px;
top:2px;
position:relative;
}
.lp_search_form td input:checked + span:before{
background: #19b0c1;
}
.lp_search_form td input:checked + span:after{
content: '';
display: block;
position: absolute;
top: 2px;
left: 2px;
width: 11px;
height: 8px;
border-left: 3px solid #fff;
border-bottom: 3px solid #fff;
transform: rotate(-45deg);
z-index: 2;
}
.lp_search_form span{
margin: 0 5px;
position: relative;
}
.lp_search_form td select{
width:200px;
padding:5px 10px;
border:0;
box-shadow: 0 0 0 1px #c2d0de;
border-radius: 3px;
margin:5px;
}
.lp_search_form table + p input{
margin:auto;
display:block;
border:0;
padding:10px;
width:250px;
border-radius: 50px;
background: #19c1b6;
color:#FFF;
font-weight: bold;
cursor:pointer;
box-shadow: 0 2px 0 0 #069087;
}
.lp_search_form table + p input:focus{
background:#19c1b6!important;
}
.lp_search_form table + p input:hover{
opacity:0.6;
}
.search_result_list{
margin: 0 0 20px;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.lp_search_form td input:checked + span:after{
top: 3px;
left: 2px;
width: 10px;
height: 6px;
}
.lp_search_form span:before{
content: '';
display: inline-block;
width: 15px;
height: 15px;
background: #fff;
box-shadow: 0 0 0 1px #c2d0de;
box-sizing: border-box;
margin-top: -1px;
margin-right: 8px;
border-radius: 3px;
top:2px;
position:relative;
}
.lp_search_form tr th{
padding:5px 10px;
}
.lp_search_form tr td{
padding:10px;
display: -webkit-flex;
display: flex;
-webkit-flex-wrap:wrap;
flex-wrap:wrap;
border:0;
}
.lp_search_form tr td label{
box-sizing:border-box;
margin:5px 15px 5px 0;
}
}

/*------------------------------------------------------------
レーダーチャート調整（6角形）　アプリ口コミ詳細内
-------------------------------------------------------------*/
.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2),.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
right: 0%;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2), .article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3) {
right: -32%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(5),.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(6){
left: 20%;
}
}

@media screen and (max-width : 415px){
.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2), .article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3) {
right: -34%;
}
}

@media screen and (max-width : 391px){
.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2), .article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3) {
right: -38%;
}
}

@media screen and (max-width : 376px){
.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2), .article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3) {
right: -41%;
}
}

@media screen and (max-width : 361px){
.article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2), .article .app-syourai-wrap .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3) {
right: -43%;
}
}

/*------------------------------------------------------------
レーダーチャート調整（6角形）　TOPスライダー
-------------------------------------------------------------*/
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
right: -31%;
}
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(5),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(6){
left: 14%;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
right: -37%;
}
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(5),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(6){
left: 16%;
}
}

@media screen and (max-width : 415px){
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
right: -38%;
}
}

@media screen and (max-width : 391px){
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
right: -42%;
}
}

@media screen and (max-width : 376px){
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
right: -44%;
}
}

@media screen and (max-width : 361px){
.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(2),.slick-slider .radarChart-box.diaGram_6 ul.radarC-lists li:nth-of-type(3){
right: -47%;
}
}

/*------------------------------------------------------------
TOPスライダー調整
-------------------------------------------------------------*/
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.slick-slider .hyouka-box{
margin-left: 0;
}
}

/*------------------------------------------------------------
口コミランキング　アコーディオン調整
-------------------------------------------------------------*/
main#main-lower .good .acco-bt, main#main-lower .bad .acco-bt{
line-height: 1.4;
padding-top: 7px;
padding-bottom: 7px;
}
.good .acco-bt dt:after, .bad .acco-bt dt:after{
background-position: center;
}
.good .acco-bt dd, .bad .acco-bt dd{
margin-top: 8px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main-lower .good .acco-bt dt, main#main-lower .bad .acco-bt dt{
width: auto;
padding-right: 10px;
}
.good .acco-bt dt:after, .bad .acco-bt dt:after {
top: 50%;
right: -5px;
}
}


/*---LPアイキャッチテキスト---*/
.golf_txt{
position:relative;
text-align:center;
}
.golf_txt .eyecatch-text{
position:absolute;
top:-150px;
left:0;
right:0;
bottom:0;
margin:auto;
font-size:54px;
width:100%;
height:54px;
line-height:54px;
color:#FFF;
font-weight:bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.golf_txt .eyecatch-text{
top:-30%;
font-size:34px;
height:34px;
line-height:34px;
}
}

.car_txt{
position:relative;
text-align:center;
}
.car_txt .eyecatch-text {
position: absolute;
top: -195px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 54px;
width: 100%;
height: 54px;
line-height: 54px;
color: #177ed6;
font-weight: bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.car_txt .eyecatch-text{
top:-41%;
font-size:30px;
height:30px;
line-height:30px;
}
}

.diet_txt{
position:relative;
text-align:center;
}
.diet_txt .eyecatch-text{
position:absolute;
top:-180px;
left:0;
right:0;
bottom:0;
margin:auto;
font-size:54px;
width:100%;
height:54px;
line-height:54px;
color:#ff3a53;
font-weight:bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.diet_txt .eyecatch-text{
top:-37%;
font-size:34px;
height:34px;
line-height:34px;
}
}


.camera_txt{
position:relative;
text-align:center;
}
.camera_txt .eyecatch-text {
position: absolute;
top: -370px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 54px;
width: 100%;
height: 54px;
line-height: 54px;
color: #ffffff;
font-weight: bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.camera_txt .eyecatch-text{
top:-65%;
font-size:30px;
height:30px;
line-height:30px;
}
}

.kosen_txt{
position:relative;
text-align:center;
}
.kosen_txt .eyecatch-text {
position: absolute;
top: -370px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 54px;
width: 100%;
height: 54px;
line-height: 54px;
color: #ffffff;
font-weight: bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kosen_txt .eyecatch-text{
top:-65%;
font-size:30px;
height:30px;
line-height:30px;
}
}

.tableware_txt{
position:relative;
text-align:center;
}
.tableware_txt .eyecatch-text {
position: absolute;
top: -300px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 54px;
width: 100%;
height: 54px;
line-height: 54px;
color: #ffffff;
font-weight: bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.tableware_txt .eyecatch-text{
top:-59%;
font-size:30px;
height:30px;
line-height:30px;
}
}

.pill_txt{
position:relative;
text-align:center;
}
.pill_txt .eyecatch-text {
position: absolute;
top: -175px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 56px;
width: 100%;
height: 64px;
line-height: 64px;
color: #fa3867;
font-weight: bold;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.pill_txt .eyecatch-text{
top:-36%;
font-size:34px;
height:34px;
line-height:34px;
}
}

/*------------------------------------------------------------
余白調整
-------------------------------------------------------------*/
.app-syourai-wrap .kutikomi-g-b + .hyouka-box{
margin-top: 20px;
}
/*------------------------------------------------------------
口コミボックス調整
-------------------------------------------------------------*/
    .hyouka-review dt div:first-of-type {
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 0px;
    color: #3fb2ff;
    background-size: 14px;
    min-width: 64px;
}
.surveyBoxNew__data {
    display: flex;
    flex-wrap: wrap;
}
.surveyBoxNew__data-list {
    padding-bottom: 8px;
    font-size: 14px;
    width: 50%;
}
span.surveyBoxNew__data-list-ttl {
    color:#3dabff;
    line-height: 1;
    padding: 4px 6px;
    border: 2px solid #e5e5e5;
    border-radius: 4px;
    margin-right: 8px;
    display: inline-block;
    font-weight: bold;
}
dl.hyouka-review {
    line-height: 1.7;
}
@media screen and (max-width: 767px){
    .surveyBoxNew__data-list {
    font-size: 11px;
}
.hyouka-box-name dt{
    width: 42px;
}
.hyouka-box-name dt img {
    width: 42px;
}
dl.hyouka-review dd {
    font-size: 13px;
}
}
@media screen and (max-width: 667px){
	span.surveyBoxNew__data-list-ttl {
    padding: 3px 5px;
    margin-right: 4px;
}
}

/*------------------------------------------------------------
タグアイコン
-------------------------------------------------------------*/
.tag-icon{
display: inline-block;
border-radius:2px;
width: max-content;
font-size: 10px;
padding: 3px 3px;
line-height: 1.3;
margin:0 5px 2px 0;
vertical-align: middle;
}
.tag-icon.verCenter{
display: block;
margin: 0 auto 3px;
font-size: 12px;
    color: #555555;
    font-weight: bold;
}
.first_rank {
  color: #ff595e;
      font-weight: bold;
}
.first_rank .tag-icon.verCenter{
  color: #ff595e;
}
.iryoimg-fv-box video {
  width: 100%;
}
.tag-icon.verCenter + span.b img{
vertical-align: middle;
}


.line-height-1 {
line-height: normal!important;
}


/*---PRロゴ設置CSS---*/
main#main-lower .post-meta p.post-data{
display: flex;
align-items: center;
}
.post-data .pr-icon {
background: #ccc;
color: #fff;
font-size: 12px;
padding: 1px 8px;
margin-left: 6px;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.post-data .pr-icon{
font-size: 11px;
}
}

/*------------------------------------------------------------
情報提供元
-------------------------------------------------------------*/
main#main-lower .providerText{
text-align: right;
color: #888;
margin: -6px 0 14px;
font-size: 12px;
}

/*------------------------------------------------------------
カテゴリー一覧一部非表示
-------------------------------------------------------------*/
.category-all-in ul li:nth-last-of-type(-n+33){
display:none
}
#widget-koesiruCategoryList .widget-koesiruCategory:nth-last-of-type(-n+33){
display:none
}
/*------------------------------------------------------------
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;
}
}

/*------------------------------------------------------------
font調整クラス
-------------------------------------------------------------*/
main#main-lower article .post .contents .font-15point5 p{
font-size: 15.5px;
}
main#main-lower .line-height-1-allP p{
margin-bottom: 18px;
line-height: normal!important;
}


/*------------------------------------------------------------
tableスクロールデザイン修正
-------------------------------------------------------------*/
.scroll-table-box {
margin-bottom: 20px;
}
.scroll-table-box .scroll-table-box-in ul{
  margin-left: 20px;
  list-style-type: decimal;
  list-style-position: outside;
  font-weight: bold;
}
.scroll-table-box-in li{
  list-style-type:decimal;
  padding-bottom: 10px;
}
.scroll-table-box .scroll-table-box-in table{
border-collapse: separate!important;
border-spacing: 0;
margin: 0 auto 30px;
border-radius: 20px;
border-spacing: 0;
overflow: hidden;
border: 2px solid #f1f4f7;
display: block;
background: #FFF;
width: 86%;
}
div.scroll-table-box div.scroll-table-box-in th,div.scroll-table-box div.scroll-table-box-in td{
border: 0;
}
div.scroll-table-box div.scroll-table-box-in th{
background: none;
color: #e65160;
position: relative;
text-align: center;
font-size: 16px;
padding: 10px 16px 10px;
}
div.scroll-table-box div.scroll-table-box-in td{
padding: 16px;
}
div.scroll-table-box div.scroll-table-box-in td > *{
margin-bottom: 16px!important;
}
div.scroll-table-box div.scroll-table-box-in td > *:last-child{
margin-bottom: 0!important;
}
.scroll-table-box .scroll-table-box-in th:after{
content: '';
display: block;
width: calc(100% - 32px);
position: absolute;
left: 0;
right: 0;
bottom: 0;
margin: auto;
border-bottom: 2px dashed #e8ebef;
}
.scroll-table-box .td-in{
background: #eaedf2;
border-radius: 10px;
padding: 20px;
display: block;
}
.scroll-table-box table img {
display: block;
width: 100%;
object-fit: cover;
}

@media screen and (max-width : 428px){
.scroll-table-box-in{
padding-bottom: 10px;
}
.scroll-table-box .scroll-table-box-in table{
width: 82vw;
}
}

/*------------------------------------------------------------
アコーディオン
-------------------------------------------------------------*/
.acd-design input,.acd-design .acd-label > br{
display: none;
}
.acd-design .acd-label {
background: #fef5ed;
display: block;
border-radius: 10px;
padding: 20px 26px;
margin: 0 0 20px;
cursor: pointer;
line-height: 1.6;
}
.acd-design .title{
display: block;
font-size: 18px;
letter-spacing: 0.5px;
position: relative;
font-weight: bold;
padding-right: 20px;
}
.acd-design .title:after{
content: '';
display: block;
width: 10px;
height: 10px;
border-top: solid 2px #333;
border-right: solid 2px #333;
position: absolute;
right: 0;
top: 0;
bottom: 0;
margin: auto;
transition: all 0.6s;
transform: rotate(135deg);
}
.acd-design input:checked ~ .title:after{
transform: rotate(-45deg);
}
.acd-design .text{
display: block;
height: 0;
transition: all 0.6s;
overflow: hidden;
font-size: 16px;
letter-spacing: 0.5px;
opacity: 0;
position: relative;
}
.acd-design input:checked ~ .text {
height: auto;
padding-top: 30px;
opacity: 1;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.acd-design .acd-label{
padding: 16px 22px;
}
.acd-design input:checked ~ .text{
padding-top: 20px;
}
}

/*------------------------------------------------------------
アコーディオンQA
-------------------------------------------------------------*/
.acd-design.qa .title,.acd-design.qa .text{
padding-left: 36px;
}
.acd-design.qa .title:before{
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 0;
bottom: 0;
margin: auto;
background: url(https://koesiru.jp/img/koesiru/uploads/2024/01/2024y01m18d_1633177574.png) no-repeat center / contain;
}
.acd-design.qa .text:before{
content: '';
display: block;
width: 20px;
height: 20px;
position: absolute;
left: 0;
top: 32px;
background: url(https://koesiru.jp/img/koesiru/uploads/2024/01/2024y01m18d_1633152218.png) no-repeat center / contain;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.acd-design.qa .title, .acd-design.qa .text {
padding-left: 34px;
}
.acd-design.qa .text:before{
top: 23px;
}
}

/*------------------------------------------------------------
LP調整
-------------------------------------------------------------*/
#main-lower .rank-table .kousiki-btn{
height: 50px;
line-height:1.2;
padding:2px 0 0;
display:flex;
justify-content:center;
align-items:center;
}
#main-lower .rank-table .kousiki-btn span{
font-size: 17px!important;
}
#main-lower .rank-table .kousiki-btn:after{
width: 14px;
height: 14px;
}
.textLink-line a{
text-decoration: underline;
}
.cta-link-button02.two-line{
height: 80px!important;
line-height: normal!important;
display: flex!important;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 21px!important;
}
.cta-link-button02.two-line span{
color: #fff;
}
@media screen and (max-width : 391px){
#main-lower .rank-table .kousiki-btn:after{
}
#main-lower .rank-table .kousiki-btn span{
font-size:15px!important;
}
#main-lower .rank-table .kousiki-btn {
height: 48px;
line-height:1.1;
padding:2px 0 0;
display:flex;
justify-content:center;
align-items:center;
}
}

.iryoDietwrap .rank-contIn > p .cta-link-button02.two-line{
box-shadow:0 2px 16px 0px rgb(57 37 37 / 58%);
border-bottom:solid 5px #b01c00;
height: 85px!important;
}
.iryoDietwrap .cta-link-box .cta-link-button02.two-line{
 box-shadow:0 2px 16px 0px rgb(57 37 37 / 58%);
border-bottom:solid 5px #b01c00;
height: 85px!important;
}
.iryoDietwrap .rank-contIn > p .cta-link-button02.yaji-l-anime:after{
content: "";
width: 40px;
height: 30px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png)no-repeat center / 100% 100%;
top: 1px;
right:auto;
bottom: 0;
margin: auto;
position: absolute;
animation: cvbtscroll 1.5s infinite;
}
.iryoDietwrap .cta-link-box .cta-link-button02.yaji-l-anime:after{
content: "";
width: 40px;
height: 30px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png)no-repeat center / 100% 100%;
top: 1px;
right:auto;
bottom: 0;
margin: auto;
position: absolute;
animation: cvbtscroll 1.5s infinite;
}
.cta-link-button02.yaji-l-anime:after{
content: '';
position: absolute;
left:-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;
}

/*------------------------------------------------------------
LP見出しデザイン
-------------------------------------------------------------*/
main#main-lower .post .article .sec-osusume-h{
width: max-content;
background: none;
color: #333;
padding: 0;
margin: 0 auto 40px;
font-size: 20px;
position: relative;
}
main#main-lower .post .article .sec-osusume-h:before {
content: '';
display: block;
width: 30px;
height: 30px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-icon1.png) no-repeat center / contain;
position: absolute;
left: -23px;
top: -23px;
}
main#main-lower .post .article .sec-osusume-h:after {
content: '';
display: block;
width: 350px;
height: 40px;
position: absolute;
left: 50%;
-webkit-transform: translate(-50%, 0);
transform: translate(-50%, 0);
z-index: -1;
bottom: -20px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-h-line2.png) no-repeat center / contain;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
main#main-lower .post .article .sec-osusume-h {
margin: 0 auto 32px;
}
}
@media screen and (max-width: 376px){
main#main-lower .post .article .sec-osusume-h {
font-size: 18px;
}
main#main-lower .post .article .sec-osusume-h:before {
width: 20px;
height: 22px;
left: -17px;
top: -17px;
}
main#main-lower .post .article .sec-osusume-h:after {
width: 330px;
}
}

/*------------------------------------------------------------
LP CTAエフェクト
-------------------------------------------------------------*/
.cta-link-button02{
overflow: hidden;
}
.cta-link-button02:before{
content: '';
display:block;
width: 40px;
height: 100%;
position: absolute;
top: -100px;
left: 0;
background: #fff;
animation: shine 3.5s ease-in-out infinite;
}
@keyframes shine {
0% {transform:scale(0) rotate(45deg);opacity:0;}
80% {transform:scale(0) rotate(45deg);opacity:0.3;}
84% {transform:scale(3) rotate(45deg);opacity:1;}
100% {transform:scale(30) rotate(45deg);opacity:0;}
}
.tenpoTable .cta-link-button02:before{
display: none;
}
/*------------------------------------------------------------
東証ロゴ・KTAAロゴ
-------------------------------------------------------------*/
.logo_area {
    display: flex;
}
.logo_tosho,
.logo_ktaa {
    display: flex;
    align-items: center;
    margin: 0;
    justify-content: center;
    flex-direction: row;
    margin: 20px 10px 0;
}
.logo_tosho img,
.logo_ktaa img {
    width: 50px !important;
    margin: 0 10px 5px 0 !important;
    margin-right: 10px !important;
}
.logo_tosho span,
.logo_ktaa span {
    display: inline-block;
    line-height: 1.4;
    font-size: 11px;
    text-align: initial;
    color: #fff!important;
}

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

/*------------------------------------------------------------
POPUPテスト用
-------------------------------------------------------------*/
/*--POPUP用--*/
.post .popup-factoring-box{
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
display:flex;
justify-content:center;
align-items:center;
width:100%;
height:100%;
background:rgb(0 0 0 / 60%);
z-index:10000;
}
.post .factoring-bt{
width:500px;
height:500px;
background: url(https://koesiru.jp/img/koesiru/uploads/2024/05/2024y05m21d_1710499992.jpg) no-repeat center / 100%;
position:fixed;
top:0;
left:0;
right:0;
bottom:0;
margin:auto;
padding:305px 0 0;
border-radius:5px;
box-shadow:0 0 5px 2px rgb(0 0 0 / 10%);
}
.post .factoring-bt li{
text-align:center;
display:block;
width:400px;
margin:0 auto 20px;
box-sizing:border-box;
}
.post .factoring-bt li:last-of-type{
margin-bottom:0;
}
.post .factoring-bt li a{
display:block;
background:#276ab1;
box-shadow:0 0 0 2px #276ab1;
padding:15px 0;
border-radius:50px;
color:#FFF;
box-sizing:border-box;
font-weight:bold;
}
.post .factoring-bt li:last-of-type a{
background:#FFF;
color:#276ab1;
}
.post .factoring-bt li a:hover{
opacity:0.8;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.post .factoring-bt{
width:350px;
height:350px;
padding:215px 0 0;
}
.post .factoring-bt li{
text-align:center;
display:block;
width:85%;
margin:0 auto 15px;
box-sizing:border-box;
}
.post .factoring-bt li a{
padding:8px 0;
}
}


/*------------------------------------------------------------
hデザインコレック
-------------------------------------------------------------*/
main#main-lower .post .test-h-correc h2 {
border-bottom: solid 4px #f3f74f;
position: relative;
background:#f1f1f1;
padding:16px 20px 13px;
color:#172d4c;
}
main#main-lower .post .test-h-correc h2:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 4px #000000;
bottom: -4px;
width: 20%;
left:0;
}
main#main-lower .post .test-h-correc h3 {
border-bottom: solid 0px #f3f74f;
position: relative;
background:#fdffa8;
padding:15px 20px 13px;
color:#000;
}
main#main-lower .post .test-h-correc h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 0px #000;
bottom: -4px;
width: 20%;
left:0;
}
main#main-lower .post .test-h-correc h4{
position: relative;
padding-left:25px;
line-height:1.6;
border-top:2px solid #000;
border-bottom:2px solid #000;
color:#000;
}
main#main-lower .post .test-h-correc h4:before {
content: "";
width:10px;
height:10px;
border-radius:50px;
top: 0;
left:5px;
bottom:0;
margin:auto;
background: #f3f74f;
position: absolute;
}
main#main-lower .post .test-h-correc h4:after{
display:none;
}

main#main-lower .post .test-h-correc-2 h2 {
border-bottom: solid 5px #f3f74f;
border-bottom:3px solid #f3f74f;
position: relative;
background:#3f3f3f;
padding:16px 20px 13px;
color:#f3f74f;
}
main#main-lower .post .test-h-correc-2 h2:after {
content: '';
position: absolute;
right: 0;
bottom: 0;
border-width: 0px 0px 25px 25px;
border-style: solid;
border-color: rgb(243 247 79) #23254c00 rgb(243 247 79);
}
main#main-lower .post .test-h-correc-2 h3 {
position: relative;
background:#fefefe;
padding:15px 20px 13px;
color:#3f3f3f;
border-top:3px solid #3f3f3f;
border-bottom:3px solid #3f3f3f;
box-sizing:border-box;
border-radius:0;
}
main#main-lower .post .test-h-correc-2 h3:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 0px #000;
bottom: -4px;
width: 20%;
left:0;
}
main#main-lower .post .test-h-correc-2 h4{
position: relative;
padding-left:28px;
line-height:1.6;
border:0px solid #000;
color:#3f3f3f;
background: #feffde;
border-radius:5px;
}
main#main-lower .post .test-h-correc-2 h4:before {
content: "";
width:8px;
height:23px;
border-radius:50px;
top: 0;
left:8px;
bottom:0;
margin:auto;
background: #f3f74f;
border:0px solid #e3e82e;
position: absolute;
}
main#main-lower .post .test-h-correc-2 h4:after{
display:none;
}


main#main-lower .post .test-h-correc-3 h2 {
border: solid 2px #000;
position: relative;
background:none;
padding:16px 20px 13px;
color:#000;
}
main#main-lower .post .test-h-correc-3 h2:after {
content:"";
display:block;
background:#f3f74f;
width:100%;
height:100%;
left:4px;
top:4px;
position:absolute;
z-index:-1;
}
main#main-lower .post .test-h-correc-3 h3 {
border-top: solid 3px #3f3f3f;
border-bottom: solid 3px #3f3f3f;
position: relative;
background:#FFF;
padding:16px 10px 13px;
color:#3f3f3f;
border-radius:0;
}
main#main-lower .post .test-h-correc-3 h4 {
border-bottom: solid 3px #f3f74f;
position: relative;
background:none;
padding:16px 10px 12px;
color:#3f3f3f;
border-radius:0;
}
main#main-lower .post .test-h-correc-3 h4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #3f3f3f;
bottom: -2px;
width: 20%;
left:0;
}
main#main-lower .post .test-h-correc-3 h4:before{
display:none;
}


main#main-lower .post .test-h-correc-3 h3.h3pattern2 {
background:#f5f5f5;
}

main#main-lower .post .test-h-correc-3 h3.h3pattern3 {
border-top: dotted 2px #3f3f3f;
border-bottom: dotted 2px #3f3f3f;
position: relative;
padding:16px 10px 13px;
color:#3f3f3f;
border-radius:0;
}

main#main-lower .post .test-h-correc-3 h3.h3pattern4{
border-top: dotted 2px #3f3f3f;
border-bottom: dotted 2px #3f3f3f;
position: relative;
padding:16px 10px 13px;
color:#3f3f3f;
border-radius:0;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern4:before {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #3f3f3f;
top:0;
width:100%;
left:0;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern4:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #3f3f3f;
bottom:0;
width:100%;
left:0;
}

main#main-lower .post .test-h-correc-3 h3.h3pattern5{
border-top: solid 2px #f3f74f;
border-bottom: solid 2px #f3f74f;
position: relative;
padding:16px 10px 13px;
color:#3f3f3f;
border-radius:0;
background:#f5f5f5;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern5:before {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #FFF;
top:0;
width:100%;
left:0;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern5:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #FFF;
bottom:0;
width:100%;
left:0;
}

main#main-lower .post .test-h-correc-3 h3.h3pattern6{
border-top: solid 2px #3f3f3f;
border-bottom: solid 2px #3f3f3f;
position: relative;
padding:16px 10px 13px;
color:#3f3f3f;
border-radius:0;
background:#FFF;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern6:before {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #f3f74f;
top:0;
width:100%;
left:0;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern6:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 2px #f3f74f;
bottom:0;
width:100%;
left:0;
}

main#main-lower .post .test-h-correc-3 h3.h3pattern7{
border-top: solid 3px #3f3f3f;
border-bottom: solid 3px #3f3f3f;
position: relative;
padding:16px 10px 13px;
color:#3f3f3f;
border-radius:0;
background:#FFF;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern7:before {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #c7c7c7;
top:0;
width:100%;
left:0;
}
main#main-lower .post .test-h-correc-3 h3.h3pattern7:after {
position: absolute;
content: " ";
display: block;
border-bottom: solid 3px #c7c7c7;
bottom:0;
width:100%;
left:0;
}

/*------------------------------------------------------------
吹き出し
-------------------------------------------------------------*/
.post table.comment-box .comment-txt-r,.post table.comment-box .comment-txt-l{
border: 0;
box-shadow: none;
background: #fff7b7;
border-radius: 20px;
}
.post table.comment-box .comment-txt-r{
box-shadow: 2px 2px 3px rgba(0, 0, 0, 5%);
}
.post table.comment-box .comment-txt-l{
box-shadow: -2px 2px 3px rgba(0, 0, 0, 20%);
}
table.comment-box .comment-txt-r:before {
content: "";
position: absolute;
display: block;
width: 30px;
height: 18px;
left: -13px;
background-color: #fff7b7;
border-radius: 50px 0 50px 0;
z-index: -1;
border: 0;
top: 10px;
}
table.comment-box .comment-txt-r:after {
content: "";
position: absolute;
display: block;
width: 30px;
height: 18px;
left: -13px;
background-color: #fff;
border-radius: 50px 0 50px 0;
z-index: -1;
transform: rotate(16deg);
border: 0;
top: 20px;
}
table.comment-box .comment-txt-l:before{
content: "";
position: absolute;
display: block;
width: 30px;
height: 18px;
right: -13px;
background-color: #fff7b7;
border-radius: 0 50px 0 50px ;
z-index: -1;
border: 0;
top: 10px;
}
table.comment-box .comment-txt-l:after{
content: "";
position: absolute;
display: block;
width: 30px;
height: 18px;
right: -13px;
background-color: #fff;
border-radius: 0 50px 0 50px ;
z-index: -1;
transform: rotate(-16deg);
border: 0;
top: 20px;
}
.iryoDietwrap .rank-contIn table.comment-box .comment-txt-r:after,.iryoDietwrap .rank-contIn table.comment-box .comment-txt-l:after{
background: #fff3f7;
}

/*--------------------------------------------------------
点線枠
-------------------------------------------------------*/
.borderDashe-o {
margin: 20px 0;
padding: 30px 20px 22px;
border: 2px dashed #ff9b00;
position: relative;
}
table + .borderDashe-o{
margin-top: 25px;
}
main#main-lower .post .iryoDietwrap .borderDashe-o .title,main#main-lower .post .borderDashe-o .title{
position: absolute;
top: -10px;
left: 20px;
background: #fff;
padding: 0 0.5em;
margin: 0;
font-size: 20px;
font-weight: bold;
line-height: 1;
border-radius: 0;
color: #333;
}
main#main-lower .post .iryoDietwrap .borderDashe-o .title:before,main#main-lower .post .iryoDietwrap .borderDashe-o .title:after,main#main-lower .post .borderDashe-o .title:before,main#main-lower .post .borderDashe-o .title:after{
display: none;
}
main#main-lower .post .iryoDietwrap .borderDashe-o p,main#main-lower .post .borderDashe-o p{
margin-bottom: 10px;
font-size: 16px;
}
main#main-lower .post .iryoDietwrap .borderDashe-o > p:last-child,main#main-lower .post .borderDashe-o > p:last-child{
margin-bottom: 0;
}
main#main-lower .post .iryoDietwrap .rank-contIn .borderDashe-o .title, main#main-lower .post .rank-contIn .borderDashe-o .title {
background: #fff3f7;
}


/*------------------------------------------------------------
ベタ塗h見出しデザイン
-------------------------------------------------------------*/
main#main-lower .betanuri-h{
width:100%!important;
margin: 30px 0 15px!important;
font-size: 20px!important;
font-weight: bold;
line-height: 1.4;
background: #1e6782!important;
border-radius: 1px;
padding: 15px 5px 12px 15px!important;
position: relative;
color:#FFF!important;
border-radius:2px;
}
main#main-lower .betanuri-h:before{
content:"";
background:#197ea5!important;
background-image:none!important;
display:block;
width:100%!important;
height:1px!important;
left:0!important;
bottom:2px!important;
top:auto!important;
position:absolute;
}
main#main-lower .betanuri-h:after{
content:"";
background:#197ea5!important;
background-image:none!important;
display:block;
width:100%!important;
height:2px!important;
left:0!important;
right:auto!important;
top:2px!important;
bottom:auto!important;
transform: none!important;
z-index:0!important;
position:absolute;
}

/*--------------------------------------------------------
ボタン色変更
-------------------------------------------------------*/
main#main-lower .kousiki-btn.ver-green{
background: #70BB3A;
box-shadow: 0 5px 0 0 #53A006;
}
main#main-lower .kousiki-btn.ver-gray{
background: #666;
box-shadow: 0 5px 0 0 #555;
}
.iryoDietwrap .cta-link-box .cta-link-button02.two-line.ver-gray {
  background: #666;
  box-shadow: 0 5px 0 0 #555;
  border-bottom: none;
}
.iryoDietwrap .rank-contIn > p .cta-link-button02.two-line.ver-gray {
  background: #666;
  box-shadow: 0 5px 0 0 #555;
  border-bottom: none;
}
.cta-link-button02.ver-green{
box-shadow: 0 2px 16px 0px rgb(57 37 37 / 58%)!important;
border-bottom: solid 5px #53A006!important;
background: #70BB3A!important;
}
.cta-link-button02.ver-red{
box-shadow: 0 2px 16px 0px rgb(57 37 37 / 58%)!important;
border-bottom: solid 5px #db0000!important;
background: #db3a34!important;
}
main#main-lower .kousiki-btn.ver-blue{
background: #2563eb;
box-shadow: 0 5px 0 0 #0000CC;
}
.cta-link-button02.ver-blue{
box-shadow: 0 2px 16px 0px rgb(57 37 37 / 58%)!important;
border-bottom: solid 5px #0000CC!important;
background: #2563eb!important;
}

/*--------------------------------------------------------
テキストbox
-------------------------------------------------------*/
.exclamation-box,.question-box{
box-shadow: 0 0 0 1px #e9d2da;
border-radius: 10px;
padding: 16px;
display: flex;
align-items: center;
margin: 24px 0;
}
.exclamation-box:before,.question-box:before{
content: '';
display: block;
width: 33px;
height: 33px;
border-radius: 50%;
background: url(https://koesiru.jp/img/koesiru/uploads/2024/08/2024y08m21d_1652053474.png) no-repeat center / 6px #e395b0;
}
main#main-lower .exclamation-box p,main#main-lower .question-box p{
width: calc(100% - 49px);
margin: 0 0 0 auto;
border-left: 1px solid #e9d2da;
padding-left: 12px;
line-height: 1.8!important;
font-size: 16px!important;
}
.question-box{
box-shadow: 0 0 0 1px #ebd9b3;
}
.question-box:before{
background: url(https://koesiru.jp/img/koesiru/uploads/2024/08/2024y08m21d_1726153335.png) no-repeat center / 12px #e3bc71;
}
main#main-lower .question-box p{
border-left-color: #ebd9b3;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.exclamation-box,.question-box{
margin: 22px 0;
padding: 14px;
}
main#main-lower .exclamation-box p,main#main-lower .question-box p{
width: calc(100% - 47px);
font-size: 15px!important;
}
}



/*--------------------------------------------------------
新リストボックス
-------------------------------------------------------*/
main#main-lower .koesiru_list-wrap {
    /* border: solid 1px #1e6782;
    border-radius: 4px; */
    color: #1e6782;
    margin: 40px auto;
}



main#main-lower .koesiru_list-wrap .koesiru_list-heading {
    text-align: center;
    font-size: 20px !important;
    font-weight: bold;
    padding: 10px;
    display: revert-layer;
    color: #D0A900;
    margin: 0 auto;
}

main#main-lower .koesiru_list-wrap .koesiru_list-ul {
    padding: 0 15px 15px 15px;
}

main#main-lower .koesiru_list-wrap .koesiru_list-li{
    padding-left:30px;
    border-top: 1px solid #eee;
    margin: 0;
    padding: 10px;
}

main#main-lower .koesiru_list-wrap .koesiru_list-ttl {
    position: relative;
margin-bottom: 5px;
    font-size: 16px !important;
    font-weight: bold;
}

main#main-lower .koesiru_list-wrap .koesiru_list-ttl:before {
    content: '';
    display: block;
    width: 20px;
    height: 20px;
    background: url(https://koesiru.jp/img/koesiru/uploads/2024/08/2024y08m28d_1448465682.png) no-repeat center;
    position: absolute;
    left: -25px;
    top: 2px;
}

main#main-lower .koesiru_list-wrap .koesiru_list-txt {
    font-size: 14px !important;
margin-bottom: 10px !important;
}



/*--------------------------------------------------------
テーブル内　〇△アイコンと文字が被るデザイン
-------------------------------------------------------*/

#koesiru_over .koesiru_over-td {
position: relative;
}

#koesiru_over .koesiru_over-txt {
    position: absolute;
    display: block;
    width: 100%;
    padding: 0 5px 0 5px;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -20%);
    font-size: 17px;
}

#koesiru_over .koesiru_over-img {
    max-width: 80px;
    width: 100%;
    opacity: 0.3;
}


@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
    #koesiru_over .koesiru_over-txt {
        font-size: 14px;
    }
#koesiru_over .koesiru_over-img {
    max-width: 60px;
}
}

/*--------------------------------------------------------
オーバーレイ
-------------------------------------------------------*/
.over-ray{
left: 0;
bottom: -1px;
z-index: 100;
position: fixed;
width: 100%;
box-shadow: 0 2px 8px 0 rgba(32, 33, 36, 0.2);
background: rgb(255 255 255 / 90%);
}
.over-ray a{
display: block;
width: 900px;
max-width: 100%;
margin: 0 auto;
}
.over-ray a img{
width: 100%;
}
.over-ray img.sp{
display:none!important;
}
@media only screen and (max-width: 813px) and (orientation: landscape), (max-width: 753px) and (orientation: portrait){
.over-ray img.pc{
display:none!important;
}
.over-ray img.sp{
display:block!important;
}
}

/*--------------------------------------------------------
タブ　アコーディオン
-------------------------------------------------------*/
.accordion-content {
display: none;
}
.accordion-content.active {
display: block;
}
.content-pane {
display: none;
}
.content-pane.active {
display: block;
}
.tabs{
margin: 20px 0 30px;
}
.tabs .button-wrap {
margin-bottom: 20px;
}
.tabs .button-wrap ul{
display: flex;
flex-wrap: wrap;
gap: 0 8px;
justify-content: flex-start;
}
.tabs .button-wrap li{
margin: 0!important;
border-bottom: 2px solid #ccc;
}
.tabs .tab-link{
cursor: pointer;
color: #808080;
padding: 12px 7px 8px;
display: block;
font-size: 16px;
border: 0;
border-bottom: 5px solid transparent;
margin-bottom: -2px;
line-height: 1.5;
background: none;
}
.tabs .tab-link.active{
color: #eb534c;
border-bottom-color: #eb534c;
}
.tabs .accordion-header{
background: #e6e6e6!important;
border-radius: 8px!important;
position: relative;
padding: 16px 36px 16px 16px!important;
cursor: pointer;
line-height: 1.5!important;
font-size: 16px!important;
margin: 20px 0 0!important;
color: #333!important;
top: auto!important;
}
.tabs .accordion-header:first-child{
margin-top: 0!important;
}
.tabs .accordion-header:after {
content: '';
width: 10px!important;
height: 10px!important;
border: 2px solid #333;
border-left: 0;
border-top: 0;
transform: rotate(45deg);
position: absolute;
top: 0!important;
left: auto!important;
bottom: 0;
right: 20px;
margin: auto;
background: none!important;
border-radius: 0!important;
z-index: 1!important;
}
.tabs .accordion-content {
padding-top: 10px;
}
.iryoDietwrap .rank-contIn .tabs{
background: #fff;
border-radius: 20px;
padding: 8px 0 20px;
margin: 40px 0;
}
.iryoDietwrap .rank-contIn .tabs .button-wrap{
margin-left: 16px;
margin-right: 16px;
}
.iryoDietwrap .rank-contIn .tabs .content-pane{
padding: 0 16px;
}
.tabs .content-pane .cta-link-button02.two-line{
line-height: normal !important;
display: flex !important;
justify-content: center;
align-items: center;
flex-direction: column;
font-size: 21px !important;
background: #ff3600;
color: #fff;
text-decoration: none;
margin: 0 auto 4px;
border-radius: 10px;
position: relative;
font-weight: bold;
padding: 0;
width: 426px;
box-shadow: 0 2px 16px 0px rgb(57 37 37 / 58%);
border-bottom: solid 5px #b01c00;
height: 85px !important;
}
.tabs .content-pane .cta-link-button02.two-line:after {
content: "";
display: block;
width: 40px;
height: 30px;
background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png)no-repeat center / 100% 100%;
top: 1px;
left: -10px;
right: auto;
bottom: 0;
margin: auto;
position: absolute;
animation: cvbtscroll 1.5s infinite;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.tabs .button-wrap li{
border-bottom: 2px solid #ccc;
}
.tabs .tab-link,.iryoDietwrap .rank-contIn .tabs .tab-link{
font-size: 16px;
padding: 10px 13px 6px 13px;
border-bottom-width: 4px;
}
.tabs .accordion-header{
font-size: 15px!important;
padding: 15px 32px 15px 14px!important;
}
.tabs .accordion-header:after{
right: 16px;
}
.tabs .content-pane .cta-link-button02.two-line{
width: calc(100% - 24px);
}
}
@media only screen and (max-width: 376px) {
.tabs .content-pane .cta-link-button02.two-line{
width: calc(100% - 4px);
}
}

/*--------------------------------------------------------
タブ表示制御用
-------------------------------------------------------*/
.tabs.disp-control .button-wrap li{
display: none;
}
.tabs.disp-control .button-wrap li:has(.tab-link.active){
display: block;
}
.tabs.disp-control .tab-link{
pointer-events: none;
}
.tabs.disp-control .content-pane.active{
display: none;
}
.tabs.disp-control:has(button[data-target="content1"].active) .content-pane#content1,.tabs.disp-control:has(button[data-target="content2"].active) .content-pane#content2,.tabs.disp-control:has(button[data-target="content3"].active) .content-pane#content3,.tabs.disp-control:has(button[data-target="content4"].active) .content-pane#content4,.tabs.disp-control:has(button[data-target="content5"].active) .content-pane#content5,.tabs.disp-control:has(button[data-target="content6"].active) .content-pane#content6,.tabs.disp-control:has(button[data-target="content7"].active) .content-pane#content7,.tabs.disp-control:has(button[data-target="content8"].active) .content-pane#content8,.tabs.disp-control:has(button[data-target="content9"].active) .content-pane#content9,.tabs.disp-control:has(button[data-target="content10"].active) .content-pane#content10{
display: block;
}

/*--------------------------------------------------------
汎用CTAバナーデザイン
-------------------------------------------------------*/
.cta-bnr_container {
background: #f5f5f5;
padding:18px 20px 20px;
margin: 20px 0;
}
#cta-bnr .cta-bnr_ttl{
color: #444;
}
#cta-bnr .cta-bnr_ttl.pc{
display: block;
}
#cta-bnr .cta-bnr_ttl.sp{
display: none;
}
#cta-bnr .cta-bnr_inner{
border: #f6aa2c solid 5px;
border-radius: 20px;
overflow: hidden;
}
main#main-lower article .post #cta-bnr .cta-bnr_ttl {
text-align: center;
font-weight: bold;
font-size: 25px;
margin-bottom: 18px;
}
#cta-bnr .cta-bnr_logo{
background: #fff;
text-align: center;
padding: 12px 30px;
}
#cta-bnr .cta-bnr_logo img,#cta-bnr .cta-bnr_mainImage img{
width: 100%;
}
#cta-bnr .cta-bnr_mainImage{
border-top: 5px solid #e7e7e7;
border-bottom: 5px solid #e7e7e7;
}
#cta-bnr .cta-bnr_inner-bottom{
background: #fff;
padding: 30px;
}
#cta-bnr .cta-bnr_inner-bottom ul{
font-weight: bold;
margin-bottom: 30px;
}
#cta-bnr .cta-bnr_inner-bottom{
border-radius: 0 0 15px 15px;
}
#cta-bnr .cta-bnr_inner-bottom ul li{
position : relative;
padding-left: 30px;
}
#cta-bnr .cta-bnr_inner-bottom ul li:before {
content: '';
display: block;
width: 20px;
height: 20px;
background: url(https://koesiru.jp/img/koesiru/uploads/2024/09/2024y09m26d_1148369066.png) no-repeat center / contain;
position: absolute;
left: 0;
top: 1px;
}
div#cta-bnr .cta-bnr_inner .kousiki-btn {
background: #eb4a26;
height: 60px;
line-height: 60px;
font-size: 20px;
box-shadow: 0 5px 0 0 #a22c17;
}
div#cta-bnr .cta-bnr_inner .kousiki-btn:after{
width: 18px;
height: 18px;
}
div#cta-bnr .cta-bnr_inner .kousiki-btn span{
font-size: 20px!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.cta-bnr_container {
padding: 14px;
}
main#main-lower article .post #cta-bnr .cta-bnr_ttl {
text-align: center;
font-weight: bold;
font-size: 18px;
margin-bottom: 14px;
}
#cta-bnr .cta-bnr_inner-bottom ul {
margin-bottom: 24px;
}
#cta-bnr .cta-bnr_inner-bottom ul li{
font-size: 15px;
padding-left: 27px;
}
#cta-bnr .cta-bnr_inner-bottom ul li:before{
width: 18px;
height: 18px;
}
#cta-bnr .cta-bnr_inner-bottom {
padding: 20px;
}
div#cta-bnr .cta-bnr_inner .kousiki-btn{
height: 56px;
line-height: 56px;
}
#cta-bnr .cta-bnr_ttl.pc{
display: none;
}
#cta-bnr .cta-bnr_ttl.sp{
display: block;
}
}

/*------------------------------------------------------------
ポップアップモーダル
-------------------------------------------------------------*/
.modal #btn-close-popup-banner{
position: absolute;
z-index: 1;
left: 0;
right: 0;
top: 0;
bottom: 0;
background: rgba(0,0,0,0.7);
}
.modal #btn-close-popup-banner span{
display: block;
width: 28px;
height: 28px;
background: url(https://koesiru.jp/img/koesiru/uploads/2024/06/2024y06m19d_1752370978.png) no-repeat center / contain;
position: absolute;
left: 50%;
top: 50%;
transform: translate(166px, -202px);
}
.modal-cont{
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
width: 400px;
z-index: 2;
}
.modal-cont-in{
position: relative;
}
.modal .modal-cont img{
width: 100%;
}
.modal.tyute0 #btn-close-popup-banner span{
transform: translate(120px, -190px);
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.modal-cont{
width: 360px;
}
.modal #btn-close-popup-banner span {
transform: translate(146px, -184px);
}
}

@media screen and (max-width : 391px){
.modal-cont{
width: 340px;
}
.modal #btn-close-popup-banner span {
transform: translate(136px, -176px);
}
}

@media screen and (max-width : 361px){
.modal-cont{
width: 320px;
}
.modal #btn-close-popup-banner span {
transform: translate(128px, -167px);
}
}

/*------------------------------------------------------------
アコーディオン
-------------------------------------------------------------*/
.acd-wrap{
background: #fef5ed;
display: block;
border-radius: 10px;
margin: 0 0 20px;
line-height: 1.6;
}
.acd-wrap .accordion-header {
cursor: pointer;
background: none!important;
margin: 0!important;
border-radius: 0!important;
padding: 20px 42px 20px 26px!important;
position: relative;
color: #333!important;
top: auto!important;
}
.acd-wrap .accordion-header:after {
content: '';
display: block;
width: 10px!important;
height: 10px!important;
border-top: solid 2px #333;
border-right: solid 2px #333;
position: absolute;
right: 26px;
top: 0!important;
bottom: 0;
left: auto!important;
margin: auto;
transition: all 0.6s;
transform: rotate(135deg);
z-index: 1!important;
border-radius: 0!important;
background: none!important;
}
.acd-wrap .accordion-content{
padding: 0 26px 20px;
}
.acd-wrap table{
background: #fff;
}
.iryoDietwrap .rank-contIn .acd-wrap{
background: none;
}
.iryoDietwrap .rank-contIn .acd-wrap .accordion-header{
background: #e6e6e6!important;
border-radius: 10px!important;
}
.iryoDietwrap .rank-contIn .acd-wrap .accordion-content {
padding: 20px 0 0;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.acd-wrap .accordion-header{
padding: 16px 36px 16px 22px!important;
}
.acd-wrap .accordion-header:after{
right: 22px;
}
.acd-wrap .accordion-content {
padding: 0 22px 16px;
}
}

/*------------------------------------------------------------
LPアイキャッチテキスト2
-------------------------------------------------------------*/
.kosen_txt2{
position:relative;
text-align:center;
}
.kosen_txt2 .eyecatch-text {
position: absolute;
top: -290px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 56px;
width: 100%;
height: 54px;
line-height: 54px;
color: #fff;
font-weight: bold;
}
.kosen_txt2.clr-b .eyecatch-text{
color: #333;
}
.kosen_txt2.clr-r .eyecatch-text{
color: #cb024d;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kosen_txt2 .eyecatch-text{
top:-55%;
font-size:32px;
height:30px;
line-height:30px;
}
}
/*------------------------------------------------------------
カニ通販
-------------------------------------------------------------*/
@media screen and (max-width: 450px) {
main#main-lower .rank-contIn .kousiki-btn.lp-link-kani{
    width:100px!important;
}
}

@media screen and (max-width: 350px) {
main#main-lower .rank-contIn .kousiki-btn.lp-link-kani{
    width:90px!important;
}
}
/*------------------------------------------------------------
ctaボタン+マイクロコピー
-------------------------------------------------------------*/
.cta-micro-box .cta-link-button02.yaji-l-anime.lp-link-hobby:after{
    content: "";
    width: 40px;
    height: 30px;
    background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png) no-repeat center / 100% 100%;
    top: 1px;
    right: auto;
    bottom: 0;
    margin: auto;
    position: absolute;
    animation: cvbtscroll 1.5s infinite;
}

.cta-micro-box{
    text-align: center;
}

.cta-micro-text{
    position: relative;
    display: inline-block;
}

.cta-micro-text p{
    margin-bottom: 0!important;
    color: #ff3600;
}
.cta-micro-text::before {
    position: absolute;
    left: -10px;
    top: 0;
    content: '';
    width: 2px;
    height: 100%;
    background-color: #ff3600;
    border-radius: 3px;
    transform: rotate(-30deg);
}
.cta-micro-text::after {
    position: absolute;
    right: -10px;
    top: 0;
    content: '';
    width: 2px;
    height: 100%;
    background-color: #ff3600;
    border-radius: 3px;
    transform: rotate(30deg);
}

.cta-micro-box p .cta-link-button02{
    width:426px!important;
    border-radius: 10px;
    background: #ff3600;
    box-shadow: 0px 5px #b01c00;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
    .cta-micro-box p .cta-link-button02{
        font-size: 20px;
        width: calc(100% - 40px)!important;
    }
}

/*------------------------------------------------------------
公式リンクボタン・グレーバージョン
-------------------------------------------------------------*/

main#main-lower .kousiki-btn-gray {
    text-align: center;
    }

    main#main-lower .kousiki-btn-gray .kousiki-btn{
        background: #d8d8d8;
        box-shadow: 0 5px 0 0 #949494;
        height: 35px;
    }

    main#main-lower .kousiki-btn-gray .kousiki-btn span{
        color: #414141;
        position: absolute;
        top: 10px;
        font-size: 10px;
    }

    main#main-lower .kousiki-btn-gray .kousiki-btn:after {
        content: "";
        background:none;
        top: -75%;
        right: 18%;
        bottom: -25px;
        margin: auto;
        position: absolute;
        animation: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-top: 10px solid #555555;
        border-bottom: 0;
    }

    #main-lower .rank-table .kousiki-btn-gray .kousiki-btn span {
        font-size: 13px!important;
    }

    @media screen and (max-width:480px) {
        main#main-lower .kousiki-btn-gray .kousiki-btn {
        height: 45px;
    }

        main#main-lower .kousiki-btn-gray .kousiki-btn:after {
        top: 1px;
        right: 45%;
        bottom: -25px;
        margin: auto;
    }
    }

/*------------------------------------------------------------
目次ランキング用
-------------------------------------------------------------*/
ul.ranking_list {
    border-top: none;
    margin-left: 20px !important;
}

.mokujiInfo li a.ranking_info_1,
.mokujiInfo li a.ranking_info_2,
.mokujiInfo li a.ranking_info_3,
.mokujiInfo li a.ranking_info_4,
.mokujiInfo li a.ranking_info_5 {
    margin-left: 30px;
    padding-left: 4px;
    line-height: 20px;
}

.mokujiInfo li a.ranking_info_1 {
    margin-top: 5px;
}
.mokujiInfo li a.ranking_info_5 {
    margin-bottom: 5px;
}

.mokujiInfo li a.ranking_info_1:before,
.mokujiInfo li a.ranking_info_2:before,
.mokujiInfo li a.ranking_info_3:before,
.mokujiInfo li a.ranking_info_4:before,
.mokujiInfo li a.ranking_info_5:before {
    background: none;
    display: flex;
    width: 30px;
    text-align: center;
    font-size: 11px;
    color: #fff;
    justify-content: center;
    align-items: center;
    height: 20px;
    border-radius: 4px;
    left: -30px;
    position: absolute;
    top: -1px;
}

.mokujiInfo li a.ranking_info_1:before {
    content: "1位";
    background-color: #ffc20e;
}

.mokujiInfo li a.ranking_info_2:before {
    content: "2位";
    background-color: #3c9abf;
}

.mokujiInfo li a.ranking_info_3:before {
    content: "3位";
    background-color: #ab5214;
}

.mokujiInfo li a.ranking_info_4:before {
    content: "4位";
    background-color: #f7f7f7;
    color: #666;
    border: solid 1px;
}

.mokujiInfo li a.ranking_info_5:before {
    content: "5位";
    background-color: #f7f7f7;
    color: #666;
    border: solid 1px;
}
.hide{
    display: none !important;
}


/***目次へ戻るボタンここから***/
#return_to_toc {
    z-index: 2;
    position: fixed;
    right: 10%;
    bottom: 20px;
    font-size: 0.8rem;
    line-height: 1.2rem;
    background: rgba(160, 160, 160, .70);
    color: #ffffff;
    padding: 14px;
    border-radius: 10px;
    box-shadow: 0 2px 10px -6px rgb(0 0 0 / 50%), 0 3px 10px -4px rgb(0 0 0 / 20%);
    text-decoration: none;
}
@media screen and (max-width: 680px) {
#return_to_toc {
    right: 10px;
    font-size: 0.8rem;
    padding: 13px;
  }
}
/***目次へ戻るボタンここまで***/

/* オーバーレイバナー*/
.overlay-oneBtn{
    background: rgb(49 49 49 / 50%);
    z-index: 105;
    position: fixed;
    left: 0;
    bottom: -1px;
    box-shadow: 0px 0px 7px #666666;
    -moz-box-shadow: 0px 0px 7px #666666;
    -webkit-box-shadow: 0px 0px 7px #666666;
    width: 100%;
    display: flex;
    flex-flow: row wrap;
    justify-content: center;
}
/*------------------------------------------------------------
公式リンクボタン・グレーバージョン2
-------------------------------------------------------------*/

main#main-lower .kousiki-btn-gray2 {
    text-align: center;
    }

    main#main-lower .kousiki-btn-gray2 .kousiki-btn{
        background: #d8d8d8;
        box-shadow: 0 5px 0 0 #949494;
        height: 35px;
    }

    main#main-lower .kousiki-btn-gray2 .kousiki-btn span{
        color: #414141;
        position: absolute;
        font-size: 10px;
    }

    main#main-lower .kousiki-btn-gray2 .kousiki-btn:after {
        content: "";
        background:none;
        top: -75%;
        right: 18%;
        bottom: -25px;
        margin: auto;
        position: absolute;
        animation: none;
        width: 0;
        height: 0;
        border-style: solid;
        border-right: 7px solid transparent;
        border-left: 7px solid transparent;
        border-bottom: 10px solid #555555;
        border-top: 0;
    }

    #main-lower .rank-table .kousiki-btn-gray2 .kousiki-btn span {
        font-size: 13px!important;
    }

    @media screen and (max-width:480px) {
        main#main-lower .kousiki-btn-gray2 .kousiki-btn {
        height: 45px;
    }
        main#main-lower .kousiki-btn-gray2 .kousiki-btn span {
            top: 22px;
        }

        main#main-lower .kousiki-btn-gray2 .kousiki-btn:after {
        top: -45px;
        right: 45%;
        bottom: -25px;
        margin: auto;
    }
    }


    /*------------------------------------------------------------
    枠線各種
    -------------------------------------------------------------*/
    .box01 {
    padding: 0.5em 1em;
    margin: 1em 0;
    border: double 5px #FFA500;
    }
    .box01 p {
    margin: 0;
    padding: 0;
    }
    .box02 {
    padding: 0.5em 1em;
    margin: 1em 0;
    background: #fffce9;
    border: dashed 2px #ffd73a;/*点線*/
    }
    .box02 p {
    margin: 0;
    padding: 0;
    }
    .box-diagonal{
    position: relative;
    background: linear-gradient(-45deg, #fff 25%, #90d102 25%, #90d102 50%, #fff 50%, #fff 75%, #90d102 75%, #90d102);
    background-size: 10px 10px;
    padding: 10px;
    margin: 1em 0;
    }
    .box-diagonal .box-diagonal-in{
    background: #FFF;
    padding: 15px 20px;
    }
    .box01 p,.box02 p,.box-diagonal-in p{
    margin-bottom: 10px!important;
    }
    .box01 > p:last-child,.box02 > p:last-child,.box-diagonal-in > p:last-child{
    margin-bottom: 0!important;
    }

    /*------------------------------------------------------------
    タイマー
    -------------------------------------------------------------*/
    .timer-text {
    position: relative;
    background: #ff2454;
    border-radius: 50px;
    color: #fff;
    width: fit-content;
    padding: 10px 20px 8px;
    font-size: 18px;
    box-shadow: 2px 2px 5px rgb(128 128 128 / 20%);
    z-index: 2;
    font-weight: bold;
    letter-spacing: 1.5px;
    margin:10px 0;
    }
    .timer-text:before {
    content: '';
    display: block;
    width: 0;
    height: 0;
    border-style: solid;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    border-top: 10px solid #ff2454;
    border-bottom: 0;
    position: absolute;
    left: 25px;
    bottom: -9px;
    }
    .timer-cont {
    width: 510px;
    background: #fffbd5;
    padding: 35px 0 15px 70px;
    font-size: 20px;
    margin-top: -25px;
    margin-left: 6px;
    position: relative;
    z-index: 1;
    border-radius: 5px;
    }
    .timer-cont .num{
    color: #ff0038;
    font-size: 36px;
    font-weight: bold;
    }
    .timer-cont .num{
    margin-right: 5px;
    }
    .timer-cont .num ~ .num{
    margin-left: 5px;
    }
    .timer-cont:before {
    content: '';
    display: inline-block;
    width: 56px;
    height: 38px;
    background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m11d_1348421857.png) no-repeat center / contain;
    position: absolute;
    left: 0;
    top: 15px;
    bottom: 0;
    margin: auto;
    border-right: 1px solid #ff2454;
    }
    @media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
    .timer-text{
    font-size: 18px;
    }
    .timer-text:before{
    left: 17px;
    }
    .timer-cont{
    width: auto;
    font-size: 14px;
    margin-left: 0;
    padding: 30px 0 14px 62px;
    }
    .timer-cont .num{
    font-size: 30px;
    }
    .timer-cont:before{
    width: 52px;
    height: 32px;
    top: 16px;
    }
    }
    @media screen and (max-width : 391px){
    .timer-text {
    font-size: 16px;
    }
    .timer-cont .num {
    font-size: 26px;
    }
    }
    @media screen and (max-width : 376px){
    .timer-cont{
    padding-left: 60px;
    }
    .timer-cont .num {
    font-size: 24px;
    }
    .timer-cont:before{
    width: 50px;
    }
    .timer-text:before {
    left: 16px;
    }
    }
    @media screen and (max-width : 361px){
    .timer-cont {
    font-size: 13px;
    }
    .timer-cont .num {
    font-size: 23px;
    }
    }

    /*------------------------------------------------------------
    矢印アニメーション
    -------------------------------------------------------------*/
    .anime-arrow-b {
    position: relative;
    display:block;
    margin:20px auto;
    height:50px;
    }
    .anime-arrow-b .arrow {
    position: absolute;
    width: 60px;
    height: 10px;
    opacity: 0;
    left:0;
    right:0;
    margin:auto;
    transform: scale(0.3);
    animation: arrow-anime-b 3s ease-out infinite;
    }
    .anime-arrow-b .arrow:first-child {
    animation: arrow-anime-b 3s ease-out 1s infinite;
    }
    .anime-arrow-b .arrow:nth-child(2) {
    animation: arrow-anime-b 3s ease-out 2s infinite;
    }
    .anime-arrow-b .arrow:before,
    .anime-arrow-b .arrow:after {
    position: absolute;
    content: '';
    top: 0;
    left: 50%;
    transform: translateX(-50%);
    width: 50%;
    height: 100%;
    background: #ff6f6f;
    border-radius: 2px;
    }
    .anime-arrow-b .arrow:before {
    left: 1px;
    transform: skewY(30deg);
    }
    .anime-arrow-b .arrow:after {
    right: 1px;
    transform: skewY(-30deg);
    }
    @keyframes arrow-anime-b {
    25% { opacity: 0.6;}
    43% { transform: translateY(1em); opacity: 0.8;}
    62% { transform: translateY(2em); opacity: 1;}
    100% { transform: translateY(3em) scale(0.5); opacity: 0;}
    }

    /*------------------------------------------------------------
    見出し上吹き出し
    -------------------------------------------------------------*/
    .hukidasi-h-top{
    width: fit-content;
    margin: 20px auto -20px;
    position: relative;
    padding: 4px 16px;
    border-radius: 30px;
    background: #59b03c;
    color: #fff;
    line-height: 1.3;
    font-size: 16px;
    }
    .hukidasi-h-top:after{
    content: '';
    display: block;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translateX(-50%);
    border: 6px solid transparent;
    border-top: 8px solid #59b03c;
    }
    @media screen and (max-width : 376px){
    .hukidasi-h-top{
    font-size: 14px;
    }
    }

    /*------------------------------------------------------------
    TOPへ戻るボタン
    -------------------------------------------------------------*/
    .topBtn2{
    position: fixed;
    width: 56px;
    height: 56px;
    bottom: 32px;
    right: 40px;
    z-index: 100;
    }
    .topBtn2 a{
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    border-radius: 8px;
    width: 100%;
    height: 100%;
    background: rgba(13,48,15,.26);
    color: #fff!important;
    font-size: 11px;
    line-height: 1.3;
    transition: 0.3s;
    }
    .topBtn2 a:hover{
    opacity: 1;
    background: rgba(13,48,15,.54);
    }
    .topBtn2 a:before{
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m12d_1359274912.png) no-repeat center / contain;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    .topBtn2{
    width: 60px;
    height: 60px;
    bottom: 16px;
    right: 16px;
    }
    }
    @media screen and (max-width : 376px){
    .topBtn2{
    width: 56px;
    height: 56px;
    }
    }
    /*------------------------------------------------------------
    縦並びランキング
    -------------------------------------------------------------*/

    main#main-lower article .post .contents .rank-tate_wrap{
        background: #fef5ed;
        padding-bottom: 30px;
        border-radius: 10px;
    }

    main#main-lower article .post .contents .rank-tate_wrap p{
    line-height: normal !important;
    }

    main#main-lower article .post .contents .rank-tate_title{
        position: relative;
        text-align: center;
        padding: 15px;
        background: linear-gradient(to right, #f14c14, #fe6633);
        border-radius: 10px;
    }


    main#main-lower article .post .contents .rank-tate_title p{
        color: #fff;
        margin-bottom:0;
    }

    main#main-lower article .post .contents .rank-tate_time{
         text-align: right;
        margin-top: 15px;
        margin-bottom: -20px;
        padding-right: 10px;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_copy{
        font-size: 25px!important;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_micro{
        display: inline-block;
        position: relative;
    font-size: 15px!important;
    }

    main#main-lower article .post .contents .rank-tate_micro:before {
        position: absolute;
        left: -10px;
        top: 0;
        content: '';
        width: 2px;
        height: 100%;
        background-color: #fff;
        border-radius: 3px;
        transform: rotate(-30deg);
    }

    main#main-lower article .post .contents .rank-tate_micro:after {
        position: absolute;
        right: -10px;
        top: 0;
        content: '';
        width: 2px;
        height: 100%;
        background-color: #fff;
        border-radius: 3px;
        transform: rotate(30deg);
    }

    main#main-lower article .post .contents .rank-tate_title:after{
        content: "";
        position: absolute;
        display: inline-block;
        width: 30px;
        height: 15px;
        background: linear-gradient(90deg, #f75923 0%, #f85a24 100%);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
        bottom:-14px;
        left: 50%;
        transform: translateX(-50%);
    }

    main#main-lower article .post .contents .rank-tate_ul{
        padding: 30px 10px 0 10px;
    }

    main#main-lower article .post .contents .rank-tate_li{
        padding: 10px;
        border: solid 2px #dbdbdb;
        border-radius: 10px;
    }

    main#main-lower article .post .contents .rank-tate_li-top{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    main#main-lower article .post .contents .rank-tate_li-service{
         margin-bottom: 0;
         padding-left: 40px;
    }

    main#main-lower article .post .contents .rank-tate_01{
        position: relative;
        border: solid 3px #ffaa00;
    }

    main#main-lower article .post .contents .rank-tate_02{
        position: relative;
    }

    main#main-lower article .post .contents .rank-tate_03{
        position: relative;
    }


    main#main-lower article .post .contents .rank-tate_01:before{
          content: "";
          position: absolute;
          background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_133600433.png) no-repeat center / 100% 100%;
          width: 56.5px;
          height: 70px;
          top: -10px;
          left: -10px;
    }

    main#main-lower article .post .contents .rank-tate_02:before{
          content: "";
          position: absolute;
          background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_1335585929.png) no-repeat center / 100% 100%;
          width: 56.5px;
          height: 73px;
          top: -10px;
          left: -10px;
    }

    main#main-lower article .post .contents .rank-tate_03:before{
          content: "";
          position: absolute;
          background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_1335568092.png) no-repeat center / 100% 100%;
          width: 56.5px;
          height: 73px;
          top: -10px;
          left: -10px;
    }



    main#main-lower article .post .contents .rank-tate_li-star{
        display: flex;
        align-items: center;
    }

    main#main-lower article .post .contents .rank-tate_li-star img{
      max-height: 15px;
      width: auto;
    }


    main#main-lower article .post .contents .rank-tate_li-service a{
        font-size: 20px;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_li-star .rank-tate_li-score{
        margin-bottom: 0;
        font-size: 25px;
        font-weight: bold;
        padding-left: 5px;
        color: #e44141;
    }

    main#main-lower article .post .contents .rank-tate_li-bottom{
        display: flex;
        margin-top: 10px;
        align-items: center;
    }

    main#main-lower article .post .contents .rank-tate_li-logo{
       width: auto;
       height: 40px;
       border-radius: 5px;
    }

    main#main-lower article .post .contents .rank-tate_li-textbox{
      padding-left: 30px;
      font-size: 20px;
    }

    main#main-lower article .post .contents .rank-tate_li-textbox .rank-tate_li-text{
        position:relative;
        font-size: 15px;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_li-textbox .rank-tate_li-text:last-of-type{
        margin-bottom: 0!important;
    }

    main#main-lower article .post .contents .rank-tate_li-textbox .rank-tate_li-text:before{
     content: "";
     position: absolute;
     background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_1412188486.png) no-repeat center / 100% 100%;
     width: 20px;
     height: 20px;
     top: 3px;
     left: -23px;
    }

    main#main-lower article .post .contents .rank-tate_mt0{
        margin-top: 0;
    }

    @media screen and (min-width : 501px){
        main#main-lower article .post .contents .rank-tate_li-textbox .rank-tate_li-text {
        font-size: 18px;
    }
    main#main-lower article .post .contents .rank-tate_li-logo {
        width: auto;
        height: 50px;
    }

        main#main-lower article .post .contents .rank-tate_li-textbox {
        padding-left: 50px;
    }
        main#main-lower article .post .contents .rank-tate_li {
        padding: 15px;
    }

    }

    @media screen and (max-width : 401px){
        main#main-lower article .post .contents .rank-tate_li-service a {
        font-size: 18px;
    }
        main#main-lower article .post .contents .rank-tate_li-star img {
        max-height: 13px;
    }
        main#main-lower article .post .contents .rank-tate_li-star .rank-tate_li-score {
        font-size: 20px;
    }

        main#main-lower article .post .contents .rank-tate_mt0{
        margin-top: 10px;
    }
    }


    /*------------------------------------------------------------
    オーバーレイ2
    -------------------------------------------------------------*/
    .over-ray2 {
    left: 0;
    bottom: -1px;
    z-index: 100;
    position: fixed;
    width: 100%;
    box-shadow: 0 3px 8px 0 rgb(153 153 153 / 48%);
    background: rgb(255 249 223 / 90%);
    padding: 4px 0 6px;
    }
    .over-ray2 > br{
    display: none;
    }
    .over-ray2 a{
    width: 700px;
    max-width: calc(100% - 20px);
    margin: 0px auto 7px;
    border-bottom: solid 5px #b01c00;
    padding: 18px 0;
    background: #ff3600;
    border-radius: 10px;
    position: relative;
    font-weight: bold;
    display: flex;
    justify-content: center;
    align-items: center;
    flex-direction: column;
    color: #fff;
    cursor: pointer;
    text-align: center;
    transition: 0.3s;
    box-sizing: border-box;
    overflow: hidden;
    font-size: 20px;
    }
    .over-ray2 a:after{
    content: "";
    width: 30px;
    height: 22px;
    background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png) no-repeat center / 100% 100%;
    top: 0;
    right: 10px;
    bottom: 0;
    margin: auto;
    position: absolute;
    }
    .over-ray2 .micro-top{
    display: flex;
    justify-content: center;
    align-items: center;
    font-size: 16px;
    color: #333!important;
    font-weight:bold;
    }
    .over-ray2 .micro-top:before{
    content: '';
    display: block;
    width: 30px;
    height: 25px;
    background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m20d_1043272081.png) no-repeat center / contain;
    margin:0 10px 5px 0;
    }
    .over-ray2 .red{
    color: #ff1a4f!important;
    }
    .over-ray2 .micro-bottom{
    text-align: center;
    display: block;
    color: #000000;
    font-size: 14px;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    .over-ray2 a:after{
    width: 26px;
    height: 20px;
    }
    }



    /*--------------------------------------------------------
    無料pointボックス
    -------------------------------------------------------*/
    main#main-lower .point-box-gray{
    background:#eee;
    padding:20px;
    }
    main#main-lower .point-box-gray h3{
    padding:10px 0 25px;
    margin:0 0 0;
    }
    main#main-lower .point-box-gray h2.betanuri-h{
    background: linear-gradient(to right, #1e6782, #5c8695)!important;
    margin:0 0 10px!important;;
    }
    .point-box-gray p{
    line-height: 1.3!important;
    }
    main#main-lower .point-box-gray p:last-of-type{
    margin:0!important;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    main#main-lower .point-box-gray{
    background:#eee;
    padding:15px;
    }
    main#main-lower .point-box-gray h3{
    padding:10px 0 20px;
    margin:0 0 0px;
    }
    }

    /*--------------------------------------------------------
    サムネイル
    -------------------------------------------------------*/
    .thumbnails-table tr:nth-of-type(2) th{
    background: none!important;
    padding: 0!important;
    }
    .rank-thumbnails {
    display: flex;
    justify-content: space-between;
    margin: -10px 0 20px;
    background: #fff;
    padding: 6px 18px 18px;
    border-radius: 0 0 10px 10px;
    }
    .rank-thumbnails img {
    height: 80px;
    cursor: pointer;
    border: 3px solid #fddae5;
    background: #fff;
    }
    .rank-thumbnails img.active{
    border: 3px solid #ff4c84;
    box-shadow:0 0 1px 1px rgb(118 118 118 / 20%);
    border-radius:2px;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    .rank-thumbnails{
    padding: 6px 12px 12px;
    }
    .rank-thumbnails img{
    height: 50px;
    }
    }
    @media screen and (max-width : 391px){
    .rank-thumbnails img{
    height: 48px;
    }
    }
    @media screen and (max-width : 376px){
    .rank-thumbnails img{
    height: 46px;
    }
    }
    @media screen and (max-width : 361px){
    .rank-thumbnails img{
    height: 44px;
    }
    }

    /*--------------------------------------------------------
    画像サイズサムネの幅と揃える
    -------------------------------------------------------*/
    .fit-thumbnailWidth{
    margin-bottom: 18px!important;
    }
    .fit-thumbnailWidth img{
    max-width: none!important;
    width: calc(100% - 36px);
    }
    @media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px) {
    .fit-thumbnailWidth img{
    width: calc(100% - 24px);
    }
    }

    /*--------------------------------------------------------
    縦揺れアニメーション
    -------------------------------------------------------*/
    .tateyure{
    animation-name: tateyure;
    animation-duration: 2s;
    animation-iteration-count: infinite;
    animation-timing-function: linear;
    animation-direction: normal;
    }


    /*------------------------------------------------------------
    縦並びランキング2
    -------------------------------------------------------------*/
    main#main-lower article .post .contents .rank-tate_wrap2{
        background: #f2ffff;
        padding-bottom: 30px;
        border-radius: 10px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_title{
        position: relative;
        text-align: center;
        padding: 15px;
        background: linear-gradient(to right, #18abab, #1dcaca);
        border-radius: 10px;
    }


    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_title p{
        color: #fff;
        margin-bottom:0;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_time{
         text-align: right;
        margin-top: 15px;
        margin-bottom: -20px;
        padding-right: 10px;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_copy2{
        font-size: 25px;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_micro{
        display: inline-block;
        position: relative;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_micro:before {
        position: absolute;
        left: -10px;
        top: 0;
        content: '';
        width: 2px;
        height: 100%;
        background-color: #fff;
        border-radius: 3px;
        transform: rotate(-30deg);
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_micro:after {
        position: absolute;
        right: -10px;
        top: 0;
        content: '';
        width: 2px;
        height: 100%;
        background-color: #fff;
        border-radius: 3px;
        transform: rotate(30deg);
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_title:after{
        content: "";
        position: absolute;
        display: inline-block;
        width: 30px;
        height: 15px;
        background: linear-gradient(90deg, #1bbaba 0%, #1bbcbc 100%);
        clip-path: polygon(0 0, 100% 0%, 50% 100%);
        bottom:-14px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_ul{
        padding: 30px 10px 0 10px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li{
        padding: 10px;
        border-radius: 10px;
        border: none;
        box-shadow: 0px 0px 0px 1px rgba(136, 136, 136, 0.2);
        background-color:#fff;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-top{
        display: flex;
        justify-content: space-between;
        width: 100%;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-top-in{
        text-align: center;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-service{
         margin-bottom: 0;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_01{
        position: relative;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_02{
        position: relative;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_03{
        position: relative;
    }


    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_01:before{
          content: "";
          position: absolute;
          background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_133600433.png) no-repeat center / 100% 100%;
          width: 56.5px;
          height: 70px;
          top: -10px;
          left: -10px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_02:before{
          content: "";
          position: absolute;
          background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_1335585929.png) no-repeat center / 100% 100%;
          width: 56.5px;
          height: 73px;
          top: -10px;
          left: -10px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_03:before{
          content: "";
          position: absolute;
          background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_1335568092.png) no-repeat center / 100% 100%;
          width: 56.5px;
          height: 73px;
          top: -10px;
          left: -10px;
    }



    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-star{
        display: flex;
        align-items: center;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-star img{
      max-height: 15px;
      width: auto;
    }


    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-service a{
        font-size: 20px;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-star .rank-tate_li-score{
        margin-bottom: 0;
        font-size: 25px!important;
        font-weight: bold;
        padding-left: 5px;
        color: #e44141;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-bottom{
        display: flex;
        margin-top: 15px;
        align-items: center;
        justify-content: space-evenly;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-logo{
       width: auto;
       height: 40px;
       border-radius: 5px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-textbox{
      padding-left: 30px;
      font-size: 20px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-textbox .rank-tate_li-text{
        position:relative;
        font-size: 15px;
        font-weight: bold;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-textbox .rank-tate_li-text:last-of-type{
        margin-bottom: 0!important;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-textbox .rank-tate_li-text:before{
     content: "";
     position: absolute;
     background: url(https://koesiru.jp/img/koesiru/uploads/2024/11/2024y11m13d_1412188486.png) no-repeat center / 100% 100%;
     width: 20px;
     height: 20px;
     top: 3px;
     left: -23px;
    }


    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru-box {
        text-align: center;
        width: 30%;
        border: solid 2px #2abcbc;
        border-radius: 10px 10px 10px 11px;
        background: #e9fbff;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru{
    padding: 10px 0;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li {
        padding: 15px;
        margin-top: 30px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li:first-of-type {
        margin-top: 0px;
    }

        main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru-title {
        padding: 10px;
        background-color: #2abcbc;
        color:#fff;
        border-radius: 5px 5px 0 0;
        margin-bottom: 0;
        font-size: 18px;
        font-weight: bold;
    }


    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru-text {
      padding: 0px 10px 10px 10px;
      border-radius: 0 0 10px 10px;
      font-size: 15px;
      margin-bottom: 0;
      font-weight: bold;
      color: #464646;
    }

    @media screen and (min-width : 501px){
        main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-textbox .rank-tate_li-text {
        font-size: 18px!important;
    }
    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-logo {
        width: auto;
        height: 50px;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-textbox {
        padding-left: 50px;
    }
    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li {
        padding: 15px;
        margin-top: 30px;
    }

    }

    @media screen and (max-width : 501px){
    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru-title {
        font-size: 13px!important;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-star .rank-tate_li-score {
        font-size: 18px !important;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru-box {
        width: 33%;
    }


    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru-text {
        padding: 0px 3px 10px 3px;
        font-size: 13px!important;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-bottom {
           justify-content: space-between;
    }

    main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li {
        padding: 10px;
    }

    }

    @media screen and (max-width : 401px){
        main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-star img {
        max-height: 13px;
    }
        main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_li-star .rank-tate_li-score {
        font-size: 20px;
    }

    main#main-lower article .post .contents.rank-tate_wrap2 .rank-tate_maru-title {
        padding: 10px 3px;
    }

       main#main-lower article .post .contents .rank-tate_wrap2 .rank-tate_maru-text {
        padding: 0px 2px 10px 2px;
        font-size: 12px!important;
        }
    }

    /*--------------------------------------------------------
    インサートタグ調整
    -------------------------------------------------------*/
    .cptxt-box{
    font-size: 14px;
    line-height: 1.4;
    }


    /*--------------------------------------------------------
    キャンペーンCTAデザイン
    -------------------------------------------------------*/
    #cta-bnr2 {
        padding: 30px 20px 20px;
    }

    #cta-bnr2 .cta-bnr_ttl {
        color: #444;
    }

    #cta-bnr2 .cta-bnr_inner {
        position: relative;
        border: #f14c14 solid 2px;
        border-radius: 20px;
        background: #fff;
    }

    #cta-bnr2 .midasi {
        position: absolute;
        width: 100%;
        height: 100px;
        left: 0;
        top: -50px;
        display: flex;
        justify-content: center;
        align-items: center;
    }

    main#main-lower .post #cta-bnr2 .midasi p {
        display: inline-block;
        margin: 0;
        padding: 10px 30px;
        max-width: 96%;
        color: #f14c14;
        background: #ffedc5;
        text-align: center;
        border-radius: 50px;
        box-shadow: 0 0 0 2px #f14c14;
        font-weight: bold;
        line-height: 1.3!important;
    }

    main#main-lower .post #cta-bnr2 .midasi .midasi_ttl {
        font-size: 24px;
        color: #f14c14;
    }

    #cta-bnr2 .cta-bnr_logo img,
    #cta-bnr2 .cta-bnr_mainImage img {
        width: 100%;
    }

    #cta-bnr2 .cta-bnr_mainImage {
        padding: 40px 50px 0px 50px;
    }

    #cta-bnr2 .cta-bnr_inner-bottom {
        padding: 10px 30px 0 30px;
    }

    main#main-lower .post #cta-bnr2 .cta-bnr_txt {
        font-weight: bold;
        margin-top: 10px;
        margin-bottom: 10px;
    }

    main#main-lower .post #cta-bnr2 .cta-bnr_txt-c {text-align: center;/* font-weight: bold; */margin-top: 10px;font-size: 12px;margin-bottom: 15px;}

    main#main-lower .post #cta-bnr2 .cta-link-button02 {
        background: #ff3600;
        color: #fff;
        text-decoration: none;
        display: block;
        height: 60px;
        line-height: 61px;
        margin: 0 auto 4px;
        border-radius: 10px;
        box-shadow: 0 5px 0 0 #b01c00;
        position: relative;
        font-weight: bold;
        font-size: 22px;
        padding: 0;
        width: auto;
    }

    main#main-lower .post #cta-bnr2 .cta-link-button02.two-line {
        box-shadow: 0 2px 16px 0px rgb(57 37 37 / 58%);
        border-bottom: solid 5px #b01c00;
        height: 85px !important;
    }


    main#main-lower .post #cta-bnr2 .cta-link-button02.yaji-l-anime:after {
        content: "";
        width: 40px;
        height: 30px;
        background: url(https://koesiru.jp/img/common/design/iryou-lp-bt-icon2.png) no-repeat center / 100% 100%;
        top: 1px;
        right: auto;
        bottom: 0;
        margin: auto;
        position: absolute;
        animation: cvbtscroll 1.5s infinite;
    }

    main#main-lower .post #cta-bnr2 .cta-link-button02.cta-link-button-b{
        background: #5384ef;
        border-bottom: solid 5px #375597;
    }

    main#main-lower .post #cta-bnr2 .cta-link-button02.cta-link-button-g{
        background: #119d47;
        border-bottom: solid 5px #095626;
    }

    @media only screen and (orientation:landscape) and (max-width : 813px),
    (orientation:portrait) and (max-width : 753px) {
        #cta-bnr2 {
            padding: 20px 0px;
        }

        #cta-bnr2 .cta-bnr_inner-bottom {
            padding: 20px;
        }

        #cta-bnr2 .cta-bnr_mainImage {
            padding: 35px 20px 0px 20px;
        }

        #cta-bnr2 .cta-bnr_inner-bottom {
            padding: 10px 20px 0 20px;
        }

        main#main-lower .post #cta-bnr2 .midasi .midasi_ttl {
            font-size: 18px!important;
        }

        main#main-lower .post #cta-bnr2 .midasi p {
            line-height: 1.2!important;
        }

    }

    /*--------------------------------------------------------
    table追従
    -------------------------------------------------------*/
    .following_area{
    position: fixed;
    top: 0;
    left: 50%;
    margin-left: -305px;
    width: 610px;
    z-index: 2;
    }
    .following_area table{
    background: #fff;
    }
    @media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
    .following_area{
    width: calc(100vw - 20px);
    left: 10px;
    margin-left: 0;
    }
    }

/*--------------------------------------------------------
LP調整
-------------------------------------------------------*/
.layout_lp{
background: #ffe8df!important;
background: linear-gradient(#fbecd8 0%, #ffe8df 10%)!important;
}
.layout_lp .eyecatch-img{
width: 650px;
margin: 0 auto -30px;
max-width: 100%;
padding: 0 0 15px;
background: #ffffff;
z-index: 2;
position: relative;
}

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

/*--------------------------------------------------------
LP検索結果調整
-------------------------------------------------------*/
.k-searchresults{
background: #fff;
padding: 20px;
margin-top: 10px;
}
.k-searchresults > h2:first-child{
margin-top: 0!important;
}
@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.k-searchresults{
padding: 10px;
margin-top: 0;
}
}

/*--------------------------------------------------------
LP　ランキングに影つける
-------------------------------------------------------*/
.iryoDietwrap .rank-contIn{
}

/*--------------------------------------------------------
レーダーチャート修正
-------------------------------------------------------*/
.radarChart-box.diaGram_4 ul.radarC-lists li .radarC-item,.radarChart-box.diaGram_5 ul.radarC-lists li .radarC-item,.radarChart-box.diaGram_6 ul.radarC-lists li .radarC-item{
min-width: max-content;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2),.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4),.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2),.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3),.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4),.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5),.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2),.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3),.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4),.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
transform: translateY(-50%) translateX(0);
-webkit- transform: translateY(-50%)translateX(0);
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){
right: 50%;
margin-right: -230px;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4){
left: 50%;
margin-left: -230px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2) {
right: 50%;
margin-right: -220px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3) {
right: 50%;
margin-right: -185px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4) {
left: 50%;
margin-left: -185px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5) {
left: 50%;
margin-left: -220px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
right: 50%;
margin-right: -260px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
right: 50%;
margin-right: -210px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
left: 50%;
margin-left: -210px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
left: 50%;
margin-left: -260px;
}

@media only screen and (orientation:landscape) and (max-width : 813px),(orientation:portrait) and (max-width : 753px){
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){
margin-right: -52%;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4){
margin-left: -52%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2) {
margin-right: -50%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3) {
margin-right: -41%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4) {
margin-left: -41%;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5) {
margin-left: -50%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(1){
top: 30px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
margin-right: -55%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
margin-right: -48%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
margin-left: -48%;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
margin-left: -55%;
}
}

@media screen and (max-width : 429px){
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){
margin-right: -226px;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4){
margin-left: -226px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2) {
margin-right: -214px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3) {
margin-right: -172px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4) {
margin-left: -172px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5) {
margin-left: -214px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
margin-right: -224px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
margin-right: -188px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
margin-left: -188px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
margin-left: -224px;
}
}

@media screen and (max-width : 391px){
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){
margin-right: -216px;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4){
margin-left: -216px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2) {
margin-right: -204px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3) {
margin-right: -170px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4) {
margin-left: -170px;
}
.article .app-syourai-wrap .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5) {
margin-left: -204px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(2){
margin-right: -214px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(3){
margin-right: -178px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(4){
margin-left: -178px;
}
.slick-slider .radarChart-box.diaGram_5 ul.radarC-lists li:nth-of-type(5){
margin-left: -214px;
}
}

@media screen and (max-width : 376px){
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(2){
margin-right: -206px;
}
.radarChart-box.diaGram_4 ul.radarC-lists li:nth-of-type(4){
margin-left: -206px;
}
}


/*--------------------------------------------------------
スライダーアニメーション(ループ)
-------------------------------------------------------*/

.lp-slideItem-box {
display: flex;
overflow: hidden;
background:#f8f8f8;
padding:5px 0;
margin:0 auto 50px;
}
.lp-slideItem-box ul{
display: flex;
-webkit-animation: loop-slide 25s infinite linear 1s both;
animation: loop-slide 25s infinite linear 1s both;
margin:0;
padding:0;
}
.lp-slideItem-box ul li{
width: 150px;
margin:0 5px 0 0;
padding:5px;
list-style:none;
text-align: center;
background:#FFF;
}
.lp-slideItem-box ul li img{
width:100%;
object-fit:cover;
text-align: center;
}
.lp-slideItem-box ul li span.lsb-t{
display:block;
font-weight:bold;
font-size:16px;
text-align: center;
color:#ff2828;
margin:5px 0 0;
}

@-webkit-keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes loop-slide {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}

/*------------------------------------------------------------
外装塗装汎用アイキャッチテキスト
-------------------------------------------------------------*/
.kosen_txt2.gaisou_txt .eyecatch-text{
color: #333;
top: -325px;
}

@media screen and (max-width: 753px){
.kosen_txt2.gaisou_txt .eyecatch-text{
top: -65%;
font-size: 50px;
}
}

@media screen and (max-width: 500px){
.kosen_txt2.gaisou_txt .eyecatch-text{
top: -70%;
font-size: 40px;
}
}

@media screen and (max-width: 400px){
.kosen_txt2.gaisou_txt .eyecatch-text{
font-size: 30px;
}
}


/*------------------------------------------------------------
LPアイキャッチテキスト3
-------------------------------------------------------------*/
.kosen_txt3{
position:relative;
text-align:center;
}
.kosen_txt3 .eyecatch-text {
position: absolute;
top: -230px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 56px;
width: 100%;
height: 54px;
line-height: 54px;
color: #fff;
font-weight: bold;
}
.kosen_txt3.clr-b .eyecatch-text{
color: #333;
}
.kosen_txt3.clr-r .eyecatch-text{
color: #cb024d;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kosen_txt3 .eyecatch-text{
top:-50%;
font-size:32px;
height:30px;
line-height:30px;
}
}

/*------------------------------------------------------------
LPアイキャッチテキスト4
-------------------------------------------------------------*/
.kosen_txt4{
position:relative;
text-align:center;
}
.kosen_txt4 .eyecatch-text {
position: absolute;
top: -310px;
left: 0;
right: 0;
bottom: 0;
margin: auto;
font-size: 56px;
width: 100%;
height: 54px;
line-height: 54px;
color: #fff;
font-weight: bold;
}
.kosen_txt4.clr-b .eyecatch-text{
color: #333;
}
.kosen_txt4.clr-r .eyecatch-text{
color: #cb024d;
}
@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kosen_txt4 .eyecatch-text{
top:-58%;
font-size:32px;
height:30px;
line-height:30px;
}
}

/*------------------------------------------------------------
アコーディオン　高さ固定
-------------------------------------------------------------*/
.acd-takasa-kotei{
margin-bottom: 30px;
position: relative;
overflow:hidden ;
}
.acd-takasa-kotei > *{
margin-bottom: 0!important;
}
.acd-takasa-kotei:before{
content: '';
display: block;
width: 100%;
height: 130px;
position: absolute;
left: 0;
bottom: -1px;
background: transparent linear-gradient(180deg, rgb(255 255 255 / 10%) 0%, rgb(255 255 255 / 80%) 40%, rgb(255 255 255 / 100%) 70%, rgb(255 255 255 / 100%) 100%) 0% 0% no-repeat padding-box;
}
.acd-takasa-kotei.on-yellow:before{
background: transparent linear-gradient(180deg, rgb(255 252 233 / 10%) 0%, rgb(255 252 233 / 80%) 40%, rgb(255 252 233 / 100%) 70%, rgb(255 252 233 / 100%) 100%) 0% 0% no-repeat padding-box;
}
.acd-takasa-kotei .open-btn{
display: block;
width: 300px;
background: #eb7309;
border-radius: 30px;
color: #fff;
position: absolute;
left: 0;
right: 0;
bottom: 20px;
margin: auto;
text-align: center;
padding: 10px 0;
cursor: pointer;
font-size: 16px;
}
.acd-takasa-kotei .open-btn input{
display: none;
}
.acd-takasa-kotei:has(.open-btn-check:checked){
height: auto!important;
padding-bottom: 80px;
}
.acd-takasa-kotei:has(.open-btn-check:checked):before{
display: none;
}
.acd-takasa-kotei:has(.open-btn-check:checked) .open-btn{
font-size: 0;
}
.acd-takasa-kotei:has(.open-btn-check:checked) .open-btn:before{
content: '閉じる';
font-size: 16px;
}

/*------------------------------------------------------------
キャンペーンはこちら　ボタン
-------------------------------------------------------------*/

main#main-lower  .rank-contIn  .camp-btn {
  height: 40px;
    line-height: 41px;
    width: 90%;
    margin: 0 auto 4px;
}

/*------------------------------------------------------------
微調整
-------------------------------------------------------------*/
.iryoDietmain:has(.iryoDietmain-in > .sec-osusume > .acMenu:first-child){
padding-top: 1px;
}

/*------------------------------------------------------------
テーブル border無くす用
-------------------------------------------------------------*/
.table-border-none,.table-border-none th,.table-border-none td{
border: 0!important;
}


/*------------------------------------------------------------
id用テキストの背景
-------------------------------------------------------------*/
.kosen_txt2.id_txt-bg-b .eyecatch-text{
background-color:#333c42;
    width: fit-content;
height: 80px;
    padding: 15px 30px 5px 30px;
    border-radius: 5px;
}

@media only screen and (orientation: landscape) and (max-width: 813px), (orientation: portrait) and (max-width: 753px){
.kosen_txt2.id_txt-bg-b .eyecatch-text {
    height: 50px;
    padding: 12px 30px 5px 30px;
}
}
@media only screen and (max-width: 400px) {
.kosen_txt2.id_txt-bg-b .eyecatch-text {
    height: 40px;
    padding: 6px 30px 5px 30px;
}
}

/*------------------------------------------------------------
rank-thumbnailsの縦型サムネバージョン
-------------------------------------------------------------*/
.rank-thumb-tate .rank-thumbnails img{
    height: auto;
    width: 23%;
}

/*------------------------------------------------------------
タブ
-------------------------------------------------------------*/
.tab-label{
display: flex;
gap: 5px;
border-bottom: 1px solid #768d95;
}
.tab-label input,.tab-label > br{
display: none;
}
.tab-label label{
border-radius: 5px 5px 0 0;
width: calc((100% - 15px) / 4);
flex-grow: 1;
display: flex;
justify-content: center;
align-items: center;
background: #ccc;
color: #fff;
height: 50px;
line-height: 1.3;
font-size: 16px;
cursor: pointer;
text-align: center;
border: 2px solid #ccc;
border-bottom: 0;
font-weight: bold;
}
.tab-label label:has(input:checked){
background: #ffa906;
border-color: #768d95;
}
.tab-wrap div[class^="tab-cont"] {
display: none;
}
.tab-wrap:has(.tab1 input:checked) .tab-cont1,.tab-wrap:has(.tab2 input:checked) .tab-cont2,.tab-wrap:has(.tab3 input:checked) .tab-cont3,.tab-wrap:has(.tab4 input:checked) .tab-cont4,.tab-wrap:has(.tab5 input:checked) .tab-cont5,.tab-wrap:has(.tab6 input:checked) .tab-cont6,.tab-wrap:has(.tab7 input:checked) .tab-cont7,.tab-wrap:has(.tab8 input:checked) .tab-cont8,.tab-wrap:has(.tab9 input:checked) .tab-cont9,.tab-wrap:has(.tab10 input:checked) .tab-cont10{
display: block;
}