@charset "UTF-8";

.default-click-btn{
    background: #333;
    color: #fff;
    padding: 5px 20px !important;
    border-radius: 18px !important;
}
input[type="submit"].blue_bt,
input[type="button"].blue_bt, .button-image.blue_bt {
    background: linear-gradient(#80aad2, #5971a1, #282961);
    padding: 5px 12px !important;
    color: #fff !important;
    border: none !important;
}
input[type="button"].green_bt, .button-image.green_bt
 {
    background: linear-gradient(#63b201, #408701);
    padding: 5px 12px !important;
    color: #fff !important;
    border: none !important;
}
img{
    display: block;
}
a{
    display: inline-block;
    width: auto;
    text-align: center;
}
#content a img{
    display: inline-block;
}
.flex-tab .su-tabs-pane li{
position:relative;
overflow:hidden;
/*min-height:60px;*/
margin-bottom:10px;
/*padding-left:10px;*/
list-style-type:none;
}
.flex-tab .su-tabs-pane li img{
transition: .3s ease-in-out;
}
.flex-tab .su-tabs-pane li:hover img{
transform: scale(1.1);
}
.flex-tab .su-tabs-nav,.flex-center{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: center;
align-items: center;
justify-content:center;
}
.flex-center.wrap{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-end{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: flex-end;
align-items: flex-end;
justify-content:flex-end;
}
.flex-start{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: nowrap;
flex-wrap: nowrap;
-webkit-align-items: flex-start;
align-items: flex-start;
justify-content:flex-start;
}
.flex-start.aicenter{
align-items: center;
}
.flex-start.wrap{
flex-wrap: wrap;
}
.flex-tab .su-tabs-nav span{
text-align:center;
width:33.34%;
}
.flex-tab .su-tabs-nav span:last-child{
margin-right:0;
}
#coodelist li{
position:relative;
}
input[type=submit].ok_bt{
color:#fff;
background:#2490d0;
border:none;
border-radius:4px;
}
input[type=button].cl_bt{
color:#2490d0;
background:none;
border:1px solid #2490d0;
border-radius:4px;
}
/*side-serach-area*/
.input-range{
margin-bottom:15px;
}
.input-area{
margin-bottom:20px;
}
.input-button-area{
margin-bottom:30px;
}
.input-range{
width:100%;
}
.space5{
padding:2px 5px;
}
.input-range-box .ui-slider-handle{
border-radius:50%;
outline:none;
}
.cube_ul{
display: -webkit-flex;
display: flex;
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: center;
align-items: center;
justify-content:flex-start;
}
.cube_ul li{
display:inline-block;
padding:1px;
border-radius:5px;
}
.cube:hover{
outline: groove 3px #aaa;
}
.cube{
display:inline-block;
background:#fff;
width:30px;
height:30px;
border:1px solid #aaa;
border-radius:5px;
}
.cube.black{
background:#000;
}
.cube.gray{
background:gray;
}
.cube.brown{
background:brown;
}
.cube.beige{
background:beige;
}
.cube.green{
background:green;
}
.cube.blue{
background:blue;
}
.cube.purple{
background:purple;
}
.cube.yellow{
background:yellow;
}
.cube.pink{
background:pink;
}
.cube.red{
background:red;
}
.cube.orange{
background:orange;
}
.cube.silver{
background:silver;
}
.cube.gold{
background:gold;
}
.cube.other{
background:url(icon/ico_color.png);
background-size:200% auto;
background-position:12% 12%;
}
.fas.dele{
margin-right:5px;
margin-top:6px;
vertical-align:top;
}
/*サイドバーカテゴリ*/
ul.main-cat li{
position:relative;
}
ul.main-cat li:hover ul.sub-cat.disno.abs{
position:absolute;
top:46px;
left:0;
display:block;
background:#fff;
z-index:99;
padding:0;
box-shadow: 0 2px 8px rgba(77, 77, 77, 0.2);
border-radius: 4px;
}
ul.sub-cat{
/*padding-left:25px;*/
}
.widget ul.sub-cat li,ul.sub-cat li{
margin:6px;
}
.disno{
display:none;
}
ul.detail-check{
padding-left:15px;
}
ul.detail-check .fas{
margin-right:10px;
}
ul.detail-check .fas{
cursor:pointer;
color:#aaa;
}
.input-detail:checked + .fas{
color:#2490d0;
}
/*--------------------------------------
wppでランキング順位を表示する
--------------------------------------*/
/* カウンタをリセット */
.ranking .su-tabs-pane {
    counter-reset: wpp-ranking;
}
/* 一覧の表示 */
.ranking .su-tabs-pane li {
    position: relative;
}
/* 順位を表示 */
.ranking .su-tabs-pane li:before {
    content: counter(wpp-ranking, decimal);
    counter-increment: wpp-ranking;
 	display: inline-block;
 	position: absolute;
 	z-index: 1;
 	top: 0;
 	left: 0;
 	width: 25px;
 	height: 25px;
	border-radius: 50%;
	text-align: center;
	line-height: 25px;
}
/* 1位 */
.ranking .su-tabs-pane li:nth-child(1):before {
	background: #FCE36b;
	color: #fff;
}
/* 2位 */
.ranking .su-tabs-pane li:nth-child(2):before {
	background: #FCE36b;
	color: #fff;
}
/* 3位 */
.ranking .su-tabs-pane li:nth-child(3):before {
	background: #FCE36b;
	color: #fff;
}
/* 4位以降の色 */
.ranking .su-tabs-pane li:nth-child(n + 4):before{
	background: #f3f3f3;
	color: #9a9a9a;
}
/*like*/
.my-clip{
position:absolute;
bottom:1px;
right:1px;
padding:5px;
cursor:pointer;
color:#ff9;
}
.my-clip.on{
color:pink;
}

/*20260313楽天登録フォーム*/
.lp-item-box-left{
    padding: 0 10%;
    background: rgb(235,235,235);
    overflow-y: auto;
    height: calc(100vh - 46px);
}

.lp-item-box-left .shop-image{
    display: block;
    margin: 0 auto;
    max-width: 384px;
    max-width: 410px;
    background: rgb(255,255,255);
}
.lp-item-box-left .shop-image ul{
    padding: 0;
    list-style: none;
    box-sizing: border-box;
    margin: 0;
    transition-duration: .2s;
}
.lp-item-box-left .shop-image ul li{
    position :relative;
    cursor: pointer;
    border: 2px solid transparent;
    overflow: hidden;
}
.lp-item-box-left .shop-image ul li.p-6:hover::before,
.lp-item-box-left .shop-image ul li.p-6.on::before{
    position : absolute;
    content: '';
    display: block;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(229, 231, 235, 0.7);
}
.lp-item-box-left .shop-image ul li.on{
    border: 2px solid orange;
}
.lp-item-box-left .shop-image h2{
    background: none;
    color: #000;
    padding: 0;
}
.lp-item-box-right{
    display: block;
    width: 45%;
    width: calc(100% - 500px);
    position: relative;
    padding: 0;
    box-sizing: border-box;
    height: calc(100vh - 46px);
    overflow-y: auto;
}
.lp-defaut-box,
.lp-item-box-right .lp-default-box{
    position: absolute;
    display: block;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    padding: 1.5rem;
    padding: 1.5rem 10%;
    box-sizing: border-box;
}
.lp-item-box-right .lp-item-form{
    position: relative;
    width: 100%;
    height: auto;
    padding: 1.5rem 10%;
    box-sizing: border-box;
}
.lp-item-box-right .lp-item-form ul{
    display: block;
    list-style: none;
    width: 100%;
    margin: 0;
    padding: 0;
}
.lp-item-box-right .lp-item-form ul li{
    display: none;
    width: 100%;
    min-height: 600px;
    height: auto;
    background: #fff;
    padding: 1.5rem;
    padding-bottom: 35px;
    box-sizing: border-box;
}
.font-bold {
    font-weight: 700;
}
.text-base
 {
    font-size: 1rem;
    line-height: 1.5rem;
}

.mb-4 {
    margin-bottom: 1rem;
}
.text-xs {
    font-size: .75rem;
    line-height: 1rem;
}
.p-4{
    padding: 1rem;
}
.p-4.pad0,
.p-6.pad0 {
    padding: 0;
}
.p-6 {
    padding: 1.5rem;
}
.c-red{
    color: rgb(212 63 58);
}
.text-akai-400{
    color: rgb(223, 1, 1);
}
.font-semibold {
    font-weight: 600;
}
.text-lg {
    font-size: 1.125rem !important;
    line-height: 1.75rem !important;
}
.text-2xl {
    font-size: 1.5rem !important;
    line-height: 2rem !important;
}
.mb-3 {
    margin-bottom: .75rem;
}
.text-gray-400 {
    color: rgb(156 163 175);
}
.w-32 {
    width: 8rem;
}
.\!text-bgray-700 {
    color: rgb(113 113 113);
}
.\!bg-bgray-200 {
    background-color: rgb(247 247 247);
}
.bg-white{
    background: #fff;
}
.text-base {
    font-size: 1rem;
    line-height: 1.5rem;
}
.gray-cover{
    display: block;
    padding: 0.5rem 0.75rem 0.75rem;
    background: rgb(235,235,235);
    border-radius: 12px;
    margin-top: 16px;
}
.gray-cover .icon-area {
    padding: .5rem;
    background: rgb(168,168,168);
    margin-top: -8px;
}
.gray-cover .icon-area label,
.gray-cover .icon-area span{
    display: flex;
    justify-content: center;
    align-items: center;
    width: 30px;
    height: 30px;
    cursor: pointer;
    background: #fff;
    border-radius: 50%;
}

input[type="button"].clear-btn{
    width: auto !important;
    padding: 5px 12px;
    color: rgb(44 113 140);
    border: 1px solid rgb(44 113 140);
}
h2.normal-h2{
    margin: 0;
    padding: 0;
    background: none;
    color: #000;
    width: 85%;
    font-size: 1.125rem;
    line-height: 1.25;
}
.\!text-sm {
    font-size: .875rem !important;
    line-height: 1.25rem !important;
}
.\!text-xs {
    font-size: .75rem !important;
    line-height: 1rem !important;
}
.text-bgray-800 {
    color: rgb(51 51 51);
}
.\!block {
    display: block !important;
}
.text-primary-600
 {
    color: rgb(44, 113, 140);
}
.text-sm {
    font-size: .875rem;
    line-height: 1.25rem;
}
.add-section-btn,
.add-image-btn{
    display: block;
    border: 1px solid rgb(44, 113, 140);
    text-align: center;
    box-sizing: border-box;
    border-radius: 6px;
    padding: 6px 5px 5px;
    cursor: pointer;
    font-size: .875rem;
    line-height: 1;
}
.cat-lity{
    background: #fff;
    padding: 20px;
    overflow-y: auto;
}
.cat-ul1{
    list-style: none;
    background: #fff;
    padding: 20px;
    cursor: pointer;
}
.cat-ul2{
    display: block;
    list-style: none;
    padding-left: 20px;
    cursor: pointer;
}
.cat-ul3{
    list-style: none;
    padding-left: 40px;
    cursor: pointer;
}
/**/
.font-type1{
    font-size:200%;
    margin:4% 0 2%;
    display:block;
    font-family: serif;
    line-height: 150%;
}
@media print, screen and (max-width: 480px){
.flex-tab .su-tabs-nav{
-webkit-flex-wrap: wrap;
flex-wrap: wrap;
}
.flex-tab .su-tabs-nav span{
text-align:center;
width:48%;
}
.flex-tab .su-tabs-nav span:nth-child(2){
margin-right:0;
}
}