@charset "UTF-8";
/* __heading---------------- */
.wrapper .main .__heading .c-h1 { margin-bottom: 1rem; padding: 0 0 0.458rem 0; border-bottom: 2px solid var(--primary-color); font-weight: 500; }

/* __product---------------- */
.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__photo { border: 1px solid var(--border-color); }
.main.main--product-list section.__list.__list--row ul.__product>li.__item a table tr td.__photo img { max-height: unset; max-width: 9em; }

/* __block--recommend------- */
.body-product-list .wrapper .main.main--product-list section.__block.__block--recommend,
.main.main--product-detail section.__block.__block--recommend { margin-top: 5rem; }

/* product-detail----------- */
.main.main--product-detail section.__information .__primary .__photo .__main,
.main.main--product-detail section.__information .__primary .__photo .__sub ul li { aspect-ratio: 1 / 1; }
.main.main--product-detail section.__information .__primary .__photo .__main img,
.main.main--product-detail section.__information .__primary .__photo .__sub ul .__main img, 
.main.main--product-detail section.__information .__primary .__photo .__sub ul li a img { max-height: unset; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; border: 1px solid var(--border-color); }
#filter-container select{ padding: 0 0.9em; height: 2.5em; border: 1px solid var(--primary-color); border-radius: 3px; }
/* __is-no-image */
.main.main--product-detail section.__information .__primary .__photo .__main.__is-no-image { max-height: unset; width: 100%; aspect-ratio: 1 / 1; object-fit: contain; background-color: var(--border-color); display: flex; align-items: center; justify-content: center;  text-align: center; }

/* news ----------------------- */
.main.main--news-detail section { padding: 0; }
.main.main--news-detail section.__to-list a:before { content: '\e5cc'; font-family: var(--font-icon); font-size: 1.333em; font-weight: 400; color: var(--text-main); margin: 0; padding: 0; vertical-align: bottom; }
.main.main--news-list section.__news ul li > a span.__title,
.main.main--news-list section.__news ul li { border-bottom: unset; }
/* news title */
.main.main--news-list section.__news ul li > a span.__date, 
.main.main--news-list section.__news ul li > a span.__title, 
.main.main--news-list section.__news ul li > span span.__date, 
.main.main--news-list section.__news ul li > span span.__title { border-bottom: unset; }
.main.main--news-list section.__news ul li .c-news-label { margin-right: 0.5em; }
.main.main--news-list section.__news ul li > a .__title .__subject { font-size: 1em!important; text-decoration: underline; }
.main.main--news-list section.__news ul li > a:hover span.__title { text-decoration: none; }

/* flow --------------------- */
.p-form-flow:before { border-bottom: 2px solid var(--accent-blue); }
.p-form-flow .__flow .__number { background-color: var(--accent-blue); font-family: var(--font-en); }
.p-form-flow .__flow.__active .__number { background-color: var(--primary-color); }
.main.main--regist-finish section.__back-home a:before { content: '\e5cc'; font-family: var(--font-icon); font-size: 1.333em; font-weight: 400; color: var(--text-main); padding: 0; vertical-align: bottom; }

/* contact ------------*/
.main.main--contact-finish section.__back-home a::before { content: '\e5cc'; font-family: var(--font-icon); font-size: 1.333em; font-weight: 400; color: var(--text-main); padding: 0; vertical-align: bottom; }

/* howto---------------------- */
.main.main--howto .__step .__body ul.__list li.__item .__title { background: var(--bg-light); padding: 0.5em 1em; }

/* shopping------------------- */
.main.main--cart section.__shipping-wrap .__shipping { border-top: none; }

/* sitemap------------------- */
.main.main--sitemap .__wrap .__block h2.__heading { font-size: 1.3em; font-weight: 500; }
.main.main--sitemap .__wrap .__block .__body ul li a:before { content: '\e5cc'; font-family: var(--font-icon); font-size: 1.333em; font-weight: 400; color: var(--text-main); padding: 0; vertical-align: bottom; }

@media screen and (max-width: 1023px) {

}

@media screen and (max-width: 959px) and (min-width: 600px) {

}

@media screen and (max-width: 959px) {

}

@media screen and (max-width: 767px) {

}

@media screen and (max-width: 599px) {


}

@media screen and (min-width: 600px) {

}

@media screen and (min-width: 768px) {

}
@media (min-width: 960px) {

}
@media (min-width: 1024px) {

}

@media screen and (min-width: 1280px) {
.p-product-block ul.__product li.__item { width: 20%; }
}