@charset "utf-8";
/* CSS Document */
/*===============================================
●SP 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width:768px){
#form_checkout_title {
width: auto;
}
.pc { display: none !important; }
.sp { display: block !important; }
/* Footer
----------------------------------------------------------------- */
#footer_o {
border-top: solid 1px #CACACA;
margin: 30px 0 0 0;
padding: 10px 0 0 0;
}
#footer_o a:link , a:visited {
color: #02A621;
text-decoration: underline;
}
#footer_o a:hover , a:active {
color: #FF0000;
text-decoration: none;
}
#footer_o .footer_link_o {
text-align: left;
margin: 0px 10px 0px 10px;
padding: 0px;
list-style: none;
width: 300px;
}
#footer_o .footer_link_o li {
font-size: 14px;
line-height: 20px;
}
#footer_o .footer_company_info_o {
padding-top: 10px;
text-align:left;
}
#footer_o .footer_copyrigh_o {
padding-top: 10px;
text-align: left;
font-size: 12px;
}
}
/*===============================================
●PC 画面の横幅が768px
===============================================*/
@media screen and (min-width:768px){
.pc { display: block !important; }
.sp { display: none !important; }
}
/*251022*/
/* -------------------------------------------------------------------- 
カウンター
-------------------------------------------------------------------- */
.counter {
position: fixed;
z-index: 9999;
max-width: 768px;
width: 100%;
margin: 0;
}
.conteiner {
margin: 2px auto;
width: 270px;
background-color: #fff;
padding: 15px;
text-align: center;
}
.cdt_wrapper {
background-color: #000;
font-weight: bold;
}
/*===============================================
●PC 画面の横幅が755px
===============================================*/
@media screen and (min-width: 768px) {
.cmbanner{
padding: 45px 0 0;
}
.cdt {
display: flex;
align-items: center;
gap: 8px;
justify-content: center;
padding: 6px 20px;
}
.cdt_date {
display: flex;
align-items: baseline;
gap: 4px;
}
.cdt_txt {
font-size: 1rem;
display: inline-block;
color: #ffffff;
border: 1px solid;
padding: 4px 8px;
}
.cdt_num {
font-size: 1.6rem;
font-weight: bold;
color: #ffffff;
line-height: 1;
padding: .1em .15em;
}
.cdt_date small {
font-size: 1rem;
color: #ffffff;
}
.cdt_num.milli {
font-size: 1.6rem;
color: #ffffff;
margin-left: 4px;
}
.cdt_wrapper small {
font-size: 1rem;
color: #ffffff;
}
}
/*===============================================
●SP 画面の横幅が640pxまで iPhone 6
===============================================*/
@media screen and (max-width: 768px) {
.cmbanner{
padding: 17% 0 0;
}
.cdt {
padding: 5px 20px;
text-align: center;
}
.cdt_txt {
font-size: 0.8rem;
display: inline-block;
color: #ffffff;
border: 1px solid;
padding: 4px 10px;
}
.cdt_num {
font-size: 1.1rem;
font-weight: bold;
color: #ffffff;
line-height: 1;
padding: .1em .10em;
}
.cdt_date small {
font-size: 0.8rem;
color: #ffffff;
}
.cdt_num.milli {
font-size: 1.1rem;
color: #ffffff;
margin-left: 4px;
}
.cdt_wrapper small {
font-size: 0.8rem;
color: #ffffff;
}
}