/* CSS Document */

div.shop_link_btn{
background-color: rgb(0 61 165);
    width: 180px;
    margin: auto;
    text-align: center;
    padding: 16px;
    border-radius: 6px;
    color: rgb(255 255 255);
    letter-spacing: 0.1em;
}

div.shop_link_btn:hover{
opacity: 0.7;
}

section#terms{
    margin-top: 6rem;
    margin-bottom: 3.6rem;
}

.page-analysis caption{
caption-side: top;
}

/*棚割りシミュレーター*/

#shelfImage{
    border: solid 3px rgb(255 255 255);
    border-radius: 10px;
    position: relative;
    background-image: url(/wp-content/uploads/2024/01/wire.png);
margin-bottom: 36px;
}

#shelfImage>img{
    position: absolute;
}

.lab{
	font-size: 1.3rem;
}

div.input{
    margin-bottom: 0.8rem;
}

#checkboxContainer{
    overflow-y: scroll;
    max-height: 500px;
    margin-top: 0.5em;
    margin-bottom: 1.6em;
    padding-top: 0.5em;
    padding-left: 0.8em;
    padding-bottom: 0.5em;
    border: solid 1px rgb(182 182 182);
}

#checkboxContainer>legend{
	font-size: 1.3rem;
    width: auto;
}

#shelv_data > input[type=submit]{
    font-size: 1.2rem;
    color: rgb(240,240,240);
    padding: 0.8rem 3.6rem;
    border: solid 2px rgb(122 183 255);
    border-radius: 3px;
    background-color: rgb(0 103 225);
    margin-top: 1.6rem;
    transition: all 0.3s ease-in;
}

#shelv_data > input[type=submit]:hover{
    background-color: rgb(143 193 255);
}

#result{

transition: all 0.8s ease-in;
    background-color: rgb(33 37 41);
    margin-bottom: 1.6em;
}

.none_dis{
display:block;
}

#printButton.none_dis{
display:none;
    margin-bottom: 0.5rem;
    margin-left: auto;
border-color: rgb(125 125 125);
    border: solid 2px #727272;
    border-radius: 3px;
    background-color: #fff458;
    color: #444444;
    font-weight: bold;
    font-size: 1rem;
    padding: 7px 22px;
}

#printButton:hover{
opacity: 0.7;
}

#result.bf{
    height: 0px;
    padding-top: 0em;
    padding-bottom: 0em;
    overflow: hidden;
}

#result.af{
height:650px;
    overflow-y: scroll;
    padding-top: 1.6em;
    padding-bottom: 1em;
    background-color: rgb(205 205 205);
}

caption#algorithmResult{
    color: #474747;
    background-color: rgb(255 255 255);
    padding-left: 1rem;
}

#shelfSimulation table{
    width: 100%;
}
#mismatch{
display:none;
}
#mismatch>caption{
caption-side: top;
    display: inline-block;
}


#shelfSimulation >div{
    min-width: 350px;
margin-right: 1em;
margin-left: 1em;
}

#shelfSimulation table tr{
  text-align: center;
   border: solid 1px rgb(150 150 150);
}

#shelfSimulation table td{
    border-right: solid 1px rgb(200,200,200);
}

#checkboxContainer button{
    font-size: 0.6em;
    border: none;

    color: rgb(255,255,255);
    border-radius: 2px;
    margin-left: 0.8em;
}

#checkboxContainer button:hover{
opacity: 0.8;
}

button#recommend{
    background-color: rgb(0 182 98);
}

button#reset{
    background-color: rgb(0 0 0);
}


#shelfTableBody{
    background-color: rgb(255,255,255);
}
#shelfTableBody td{
    text-align: center;
}

#shelfTableBody td:nth-child(2){
    text-align: left;
}

#shelfTableBody td:nth-child(6){
    text-align: right;
}


@media screen and (max-width: 479px) {
#shelfSimulation{
flex-direction: column;
}

div#shelfImage{
    margin: 0!important;
    margin-left: 24px!important;
    margin-bottom: 36px!important;
}

canvas#shelfCanvas{
    margin: 0!important;
}

#shelfSimulation >div{
    margin: 0;
    max-width: 100%;
    min-width: auto;
}

#checkboxContainer button{
    font-size: 1rem;
    padding: 3px;
}

}

/*分析ページ*/
td.al_cen > img{
    max-height: 160px;
}
/*キャンペーンリスト*/

.campaignList{
width: 100%;
}

.campaignList td {
    padding: 0.5em;
}

/*ダウンロード投稿*/

#d-videos,#d-pops{
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-around;
}

#d-videos,ul.d_pop{
	padding-top: 2rem;
padding-bottom: 6rem;
}

.introduction-list a{
    border-radius: 3px;
    padding: 24px;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    margin-top: 0.5rem;
}



#post-8373 p>a,#post-8516 p>a,p.page_link_wrap>a,p.link_btn>a{
    border: 1px solid rgb(186 186 186);
    border-radius: 3px;
    padding: 24px;
    display: inline-block;
    width: 100%;
    font-size: 1.2rem;
    margin-top: 0.5rem;
    color: rgb(0 0 0);
    background: linear-gradient(rgb(237 237 237),rgb(241 241 241),rgb(204 204 204));
text-decoration: none;
}

#post-8516 p>a:hover,p.link_btn>a:hover{
background: rgb(255 249 123);
    text-decoration: none;
}

#t-d_pop_v img{
max-height: 150px
}

p.page_link_wrap{
    margin-top: 1rem;
}

p.page_link_wrap:hover{
    opacity: 0.6;
}


li.already small{
    color: rgb(255 3 3);
    margin-left: 0.5rem;
}

ul.store-list>li{
    margin: 0.5rem 0px;
    font-size: 1.2rem;
}

.youtube-embed{
padding:18px 0px;
}

table.data_table{
    width: 100%;
}

table.data_table th{
    background-color: rgb(29 29 29);
    width: 30%;
}

table.data_table tr{
    min-height: 2.5rem;
    border: 1px solid rgb(240 240 240);
    text-indent: 0.8em;
}

#post-8392 table{
    width: 100%;
    margin-bottom: 2.5rem;
    border: 1px solid rgb(190 190 190 );
}

#post-8392 table th{
    background-color: rgb(29 29 29);

    text-indent: 0.8em;
    min-height: 2.5rem;
}

#post-8392 table th.active{
    background-color: rgb(11 87 208);
}

#post-8392 > table > thead > tr > th > a{
    color: rgb(255,255,255);
}

#post-8392 table th,#post-8392 table td{
    border: 1px solid rgb(190 190 190 );
}

#post-8392 div.total{
    font-size: 1.5rem;
    margin-bottom: 0.5em;
}

#post-8392 div.recent{
 margin-bottom: 1.5em;
}

#post-8392 > table > caption{
    caption-side: top;
}

.row>main{
    width: 100%;
}

.wp-block-video {
   margin-bottom: 3rem;
}

.col-12 span.cat{
    padding: 5px 7px;
    margin-right: 0.3em;
    color: rgb(255,255,255);
}

a#pop_download_b,
a#pv_download_b{
    cursor: pointer;
    min-width: 300px;
    display: inline-flex;
    align-items: center;
    font-size: 16px;
    text-align: center;
    transition: .3s;
    border-radius: 0.25rem;
    white-space: nowrap;
    border: solid 2px #4d4d4d;
    background-color: #fff458;
    color: #323333;
    font-weight: bold;
    padding: 12px 24px;
    text-decoration-line: none;
}

a#pop_download_b{
    margin-bottom: 24px;

}

a#pop_download_b:hover,a#pv_download_b:hover{
    opacity: 0.7;
    border-color: rgb(125 125 125);
}

a#pop_download_b:active{
    margin-top: 5px;
    margin-bottom: 19px;
}


a#pv_download_b:active{
    margin-top: 5px;
    margin-bottom: -5px;

}


.information-box.d_pop-r,section#d-videos{
	min-height: 800px;
}

ul.products-list.d_pop>li {
    margin: 1rem 0.5rem;
    padding: 0;
}
ul.products-list.d_pop>li>a {
    position: relative;
}

span.box.d_pop-card-wrap{
    overflow: visible;
}

.d_pop-card-wrap + span{
    margin: 0px auto;
    height: 2.6rem;
    position: absolute;
    padding: 0px 0.5em;
    bottom: -5px;
    background-color: rgba(255,255,255,0.8);
}


.d_pop-card-wrap.box img{
height: auto;
 width: auto;
max-height: 100%;
max-width: 100%;
}

ul.products-list.d_pop span.box+span {
    width: 100%;
}

ul.d_pop>li.already{
    opacity: 0.6;
}

ul.d_pop>li.already>a{
color: #ff0000;
}

.d_pop-r>input[type=radio],.d_pv_list>input[type=radio]{
display:none;
}

#sort-btn-wrap{
    	display: flex;
    	justify-content: space-evenly;
    	width: 100%;
	padding: 0 2%;
}

#sort-btn-wrap>label{
    cursor: pointer;
    display: block;
    width: 100%;
    text-align: center;
    padding: 10px 0;
    background-color: rgb(0 103 225);
    color: rgb(255,255,255);
    font-weight: bold;
    margin: 16px 0.5px;
}

#sort-btn-wrap>label:hover{
	opacity: 0.6;
}

	#file:checked~ul.d_pop>li:not(.file),
	#nipper:checked~ul.d_pop>li:not(.nipper),
	#pinvise:checked~ul.d_pop>li:not(.pinvise),
	#brush:checked~ul.d_pop>li:not(.brush),
	#cuttingtool:checked~ul.d_pop>li:not(.cuttingtool),
	#others:checked~ul.d_pop>li:not(.others){
		display: none!important;
	}
#file:checked~section#d-videos>figure:not(.file),
#nipper:checked~section#d-videos>figure:not(.nipper),
#pinvise:checked~section#d-videos>figure:not(.pinvise),
#brush:checked~section#d-videos>figure:not(.brush),
#cuttingtool:checked~section#d-videos>figure:not(.cuttingtool),
#others:checked~section#d-videos>figure:not(.others){
		display: none!important;
}

#file:checked~#sort-btn-wrap>label:not(#label-file),
#nipper:checked~#sort-btn-wrap>label:not(#label-nipper),
#brush:checked~#sort-btn-wrap>label:not(#label-brush),
#pinvise:checked~#sort-btn-wrap>label:not(#label-pinvise),
#cuttingtool:checked~#sort-btn-wrap>label:not(#label-cuttingtool),
#others:checked~#sort-btn-wrap>label:not(#label-others)
{
    background-color: rgb(109 109 109);
    font-weight: normal;
}


div#wpmem_login,div#wpmem_reg{
    width:100%;
}

div#wpmem_login fieldset, div#wpmem_reg fieldset{
    margin-top: 40px;
    margin-bottom: 120px;
}




/* pr_sup */

#pr_sup_list>a{
    width: 100%;
    display: inline-block;
}
#pr_sup_list>a:hover{
text-decoration-line:none;
opacity:0.6;
}

article.pr_sup section.explanation{
    display: flex;
    flex-direction: column;
    align-items: center;
}

section.explanation>*{
    margin-bottom: 3em;
}


article.pr_sup ul.products-list{
    overflow-y: auto;
    max-height: 350px;
}


article.pr_sup #check>label{
	background: rgb(255 217 25);
    width: 6em;
    text-align: center;
    padding: 0.1em;
    margin-bottom: 0;
    font-size: 1.2em;
    letter-spacing: 0.1em;
    font-weight: bold;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}

article.pr_sup #check > div{
    border: solid 3px rgb(255 217 25);
    border-top-right-radius: 4px;
    border-bottom-right-radius: 4px;
    border-bottom-left-radius: 4px;
    background-color: rgb(255 250 171);
    padding: 0.8em;
	
}

.wpcf7.js{
    max-width: 100%;
}