html {
    margin-top: 0px !important;
}

.clear {
	clear: both;
	font: 0pt/0pt sans-serif;
}

.owl-nav.disabled {
    display: none;
}

img {
    object-fit: cover;
	display:block;
    width: 100%;
    padding: 0px;
    margin: 0px;
    border: 0px;
}

* {
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
}

html, body,  ul, ol, li,  h1, h2, h3, h4, h5, h6, p, div {
	margin: 0;
    padding: 0;
    font-weight:400;
    list-style:none;
}

::-webkit-scrollbar{
	width: 10px;
}

::-webkit-scrollbar-track{
	border-radius: 10rem;
    background: #e7cccc;
	border-left: solid 0px #e7cccc;
}

::-webkit-scrollbar-thumb{
	background: #fff;
	border-radius: 10rem;
	box-shadow: inset 0 0 0 1px #fff;
}

input, textarea, select {
    font-family: inherit;
    font-size: 100%;
    font-size: 1.2rem;
    font-family: "Noto Sans JP", sans-serif;
}

a {
	text-underline-offset: 4px;
}

/* font
font-family: "Noto Sans JP", sans-serif;
font-family: "Roboto", sans-serif;
font-family: "Comfortaa", sans-serif;
*/





/* 共通 */
.pc_none {
	 display: none;
}






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


:root {
  font-size: 1vw;
}


body {
    color: #212121;
    background: #eee;
    background-size: cover;
    color: #111;
	font-family: "Roboto", sans-serif;
    font-size: 1.1rem;
    line-height: 1.6;
    width: 100%;
}


header {
		padding: 1rem 6rem;
        border-bottom: 1px solid #eee;
        background: #fff;
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 99;
}



div#header_inner {
    display: flex;
    justify-content: space-between;
    align-items: center;
}
h1#logo {
        text-align: left;
        width: 40rem;
        font-size: 2rem;
        font-family: "Comfortaa", sans-serif;
        font-weight: bold;
        letter-spacing: 0.1rem;
        line-height: 1.4;
}h1#logo a {
    text-decoration: none;
    color: #000;
}h1#logo small {
    display: block;
    font-size: 0.8rem;
    color: #000;
    letter-spacing: 0;
}

div#input_search {
        width: 28rem;
        text-align: center;
		display: flex;
        justify-content: space-between;
        align-items: center;
        position: relative;
}.search_text {
	padding: 0 1rem;
	width: 24rem;
	box-sizing: border-box;
	border: solid 1px #dedede;
	border-radius: 0px !important;
	flex: 1;
	height: 3rem;
}.search_button {
        width: 3rem;
        height: 3rem;
        background-image: url(../img/search_white.svg);
        background-repeat: no-repeat;
        background-size: 1.8rem;
        background-position: center;
        background-color: #000;
        border: none;
        cursor: pointer;
        position: absolute;
}ul#header_nav_icon {
		display: flex;
        justify-content: flex-end;
        align-items: center;
        width: 20rem;
}ul#header_nav_icon li {
		width: 4rem;
        text-align: center;
        line-height: 1;
}ul#header_nav_icon li img {
        width: 2rem;
        margin: 0 auto;
}ul#header_nav_icon a {
    text-decoration: none;
    color: #000;
    font-weight: 500;
}


main {
    margin-top: 6rem;
}




/* スライドコンテンツ */

div#top_slider {
        padding: 4.5rem 0 1.4rem;
        background: #fff;
}ul.slick-dots {
        display: flex;
        justify-content: center;
        align-items: center;
}ul.slick-dots button {
        width: 1.4rem;
        height: 0.5rem;
        border-radius: 40rem;
        border: none;
        background: #dededd;
        cursor: pointer;
}ul.slick-dots li {
        padding: 0 0.5rem !important;
}.slick-dots li button {
        font-size: 0;
}li.slick-active button {
        background: #212121;
}



/* TOP Navi */
nav#top_nav {
    margin: 1rem 0 0;
    background: #fff;
}ul.top_nav_ul {
    display: flex;
    justify-content: center;
    align-items: center;
}ul.top_nav_ul li {
        margin: 0 1.5rem;
        text-align: center;
}ul.top_nav_ul li a {
    text-align: center;
    font-weight: 500;
    color: #000;
    text-decoration: none;
    letter-spacing: 0.05rem;
}span.top_nav_icon {
    display: block;
    width: 5rem;
    height: 5rem;
    border-radius: 10rem;
    text-align: center;
    padding: 1rem;
    background: #f1f1f1;
    margin: 0 auto;
}





/* TOPコンテンツ */

.content {
    padding: 2.4rem 4rem;
    background: #fff;
    margin: 1rem 0;
}h2.content_title_h2 {
        font-size: 2rem;
        font-weight: bold;
        color: #000;
        letter-spacing: 0.1rem;
        margin-bottom: 2rem;
        position: relative;
}a.more_a {
        background: #000;
        color: #fff;
        text-decoration: none;
        position: absolute;
        right: 0;
        padding: 0.5rem 2rem 0.4rem;
        font-weight: 400;
        font-size: 1.1rem;
        top: 0.1rem;
}



ul.top_new_item_tab, .ranking_tub, .recommend_tub {
    margin-bottom: 4rem;
    border-bottom: 1px solid #dedede;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}ul.top_new_item_tab li, .ranking_tub li, .recommend_tub li {
        cursor: pointer;
        padding: 1rem 2rem;
        position: relative;
        font-weight: bold;
}li.top_new_item_tab_select:after, li.ranking_select:after, li.recommend_select:after {
    content: "";
    width: 100%;
    position: absolute;
    bottom: -0.2rem;
    background: #000;
    height: 0.3rem;
    left: 0;
}


h3.top_new_item_tab_h3 {
    font-weight: bold;
    font-size: 1.2rem;
}


.top_new_item_div {
    display: flex;
    justify-content: center;
    align-items: center;
    flex-wrap: wrap;
}.top_new_item_box {
        width: 45.2rem;
        margin-bottom: 0.5rem;
}


.content_wrap.disnon {
    display: none;
}.content_ranking_wrap.disnon {
    display: none;
}.content_recommend_wrap.disnon {
    display: none;
}

.top_ranking_item_box {
	width: 17.7rem;
}.top_recommend_item_box {
	width: 17.7rem;
}


p.top_item_p {
    margin: 0.2rem 0;
    color: #666;
    font-size: 1.1rem;
}span.brand_name {
    display: table;
    margin-top: 0.5rem;
    font-size: 1rem;
    color: #ff9900;
    font-weight: bold;
}p.top_item_price {
    font-size: 1.4rem;
}s.top_item_price_s {
    font-size: 1.1rem;
    font-weight: 400;
}span.top_item_price_span {
    color: #df3131;
    font-weight: 500;
}s.top_item_price_s:before {
    content: "\00ffe5";
}span.top_item_price_span:before {
        content: "\00ffe5";
        margin-right: -0.5rem;
}ul.item_list_ul {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    flex-wrap: wrap;
    margin: 0.2rem 0;
}ul.item_list_ul li {
        background: #f6f6f6;
        width: 49.5% !important;
        text-align: center;
        font-size: 0.9rem;
        margin: 0.1rem 0 !important;
        font-weight: 500;
}

.top_short_movie li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}.top_short_movie_box {
	margin-left:1rem;
	width: 17.7rem;
    overflow: hidden;
    height: 30rem;
    padding-bottom: 4rem;
}.top_short_movie_box iframe {
    width: 100%;
    overflow: hidden;
    height: 23rem;
}.top_short_movie_box:nth-child(1) {
    margin-left: 0rem;
}.top_short_movie_footer {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}span.top_short_movie_footer_img {
        width: 6rem;
        height: 6rem;
        display: block;
        margin-right: 1rem;
}p.top_short_movie_footer_p {
        font-size: 1rem;
        line-height: 1.4;
        color: #666;
        width: 11rem;
}


.top_review_images {
	width: 17.7rem;
}.top_review_img {
    width: 100%;
    height: 23rem;
    overflow: hidden;
}.top_review_img img {
    width: 100%;
    height: 23rem;
    object-fit: cover;
}p.top_review_p {
        margin: 0.5rem 0 0;
        color: #666;
}span.repo_name {
        font-size: 1rem;
        font-weight: 500;
        display: block;
}span.repo_name:before {
        content: "\0070\0068\006f\0074\006f\0020\0062\0079";
        margin-right: 0.5rem;
}

.top_special_page_img {
    width: 45rem;
    overflow: hidden;
    height: 30rem;
}.top_special_page_img img {
    width: 45rem;
    object-fit: cover;
    height: 30rem;
}a.top_special_page_a {
    text-decoration: none;
    color: #000;
    margin-top: 0.2rem;
    display: block;
}


.top_blog_img {
    width: 29.8rem;
    height: 19.9rem;
    overflow: hidden;
}.top_blog_img img {
    width: 29.8rem;
    height: 19.9rem;
    object-fit: cover;
}time.top_blog_a_time {
    display: block;
    margin: 0.5rem 0 0;
    color: #666;
}a.top_blog_a {
		display:block;
        text-decoration: none;
        color: #000;
        padding-right: 1rem;
}



div#top_news_content {
    display: flex;
    justify-content: space-between;
    align-items: center;
}h2.top_news_content_h2 {
	padding-left:6rem;
    font-size: 2rem;
    font-weight: bold;
    color: #000;
    letter-spacing: 0.1rem;
    margin-bottom: 2rem;
    position: relative;
    width: 25rem;
}ul.top_news_content_ul {
		width: 70rem;
        margin: 4rem 0;
}ul.top_news_content_ul li {
    border-bottom: 1px solid #dedede;
    padding: 1rem;
    position: relative;
    display: flex;
    justify-content: flex-start;
    align-items: center;
}time.top_news_time {
    width: 10rem;
    font-weight: 500;
}



ul.footer_sns_ul {
    margin: 6rem;
    text-align: center;
    display: flex;
    justify-content: center;
    align-items: center;
}ul.footer_sns_ul li {
    width: 4rem;
    margin: 0 0.5rem;
}li.sns_x {
    padding-top: .6rem;
    width: 3.8rem !important;
}footer {
        padding: 8rem;
        background: #fff;
        margin-top: 0rem;
}ul#footer_ul {
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
}ul#footer_ul li {
        width: 18rem;
        line-height: 2;
}li.last_li {
        margin-left: 8rem;
        width: 20rem !important;
        line-height: 1.6 !important;
}h2.footer_h2 {
        font-size: 1.2rem;
        font-weight: 500;
        margin-bottom: 1rem;
}ul#footer_ul li a {
		color: #666;
        text-decoration: none;
}.copyright {
        margin-top: 6rem;
        letter-spacing: 0.1rem;
}

ul.fixed_nav_ul {
        box-shadow: 0 0 10px rgb(0 0 0 / 10%);
        width: 4.5rem;
        position: fixed;
        right: 0;
        bottom: 1em;
        background: #fff;
        padding: 0.5rem;
}ul.fixed_nav_ul li {
    font-size: 0.7rem;
    text-align: center;
    line-height: 1.4;
    margin-bottom: 0.2rem;
}ul.fixed_nav_ul li:lst-child {
    margin-bottom: 0rem;
}span.fixed_nav_span {
    width: 2rem;
    display: table;
    margin: 0 auto;
}ul.fixed_nav_ul li a {
    display: block;
    text-decoration: none;
    color: #666;
}p.fixed_nav_ul_p {
    font-weight: bold;
    display: block;
    margin-top: 0.2rem;
}



/* 下層ページ */

.pankuzu {
        margin: 11rem 8rem 2rem;
}ul.pankuzu_ul {
     display: flex;
     justify-content: flex-start;
     align-items: center;
}ul.pankuzu_ul li a {
		text-decoration:none;
        color: #999;
        font-size: 1rem;
}ul.pankuzu_ul li:last-child:after {
        content: "";
        color: #999;
        margin: 0 0rem;
        font-size: 1rem;
}ul.pankuzu_ul li:after {
        content: "\002f";
        color: #999;
        margin: 0 0.4rem;
        font-size: 1rem;
}



h2.content_title_h2.--open {
		margin-bottom: 0;
        cursor: pointer;
}h2.content_title_h2.--open:after {
    content: "\002b";
        font-weight: 100;
        position: absolute;
        right: 1rem;
}.narrow_down {
	padding-top:2rem;
    display: none;
}h2.content_title_h2.--open.--active:after {
    content: "\002d";
}


h3.narrow_down_h3 {
    font-size: 1.2rem;
    font-weight: bold;
}ul#left_category_list > ul > li a {
    color: #666;
    display: table;
    margin: 1rem 0 0;
    font-weight: 500;
}ul.aside_child li a {
    color: #666;
    display: block;
    border: solid 1px #999;
    padding: 0.1rem 1rem;
    text-decoration: none;
    border-radius: 10rem;
    font-size: 1rem;
}ul#left_category_list > ul > li > ul {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}ul#left_category_list > ul > li > ul > li {
    margin-right: 0.5rem;
}h3.narrow_down_h3.--detail_narrow_down_h3 {
    margin-top: 2rem;
}ul#left_group_list > ul > li a {
        color: #666;
        display: table;
        margin: 1rem 0 0;
        font-weight: 500;
}ul#left_group_list > ul > li > ul > li a {
        color: #666;
        display: table;
        margin: 1rem 0 0;
        font-weight: 500;
        border: none;
        padding: 0;
}ul.aside_third li a {
        border: 1px solid #999 !important;
        padding: 0.1rem 1.2rem !important;
        margin: 0.5rem 0 0 !important;
}ul.aside_third {
		display: flex;
        justify-content: flex-start;
        align-items: center;
        flex-wrap: wrap;
}ul#left_group_list > ul > li > ul > li > ul > li {
    margin-right: 0.5rem;
}



ul.category-list {
		margin: 2rem 0rem 2rem;
}li.category-list-li {
        background: #fff;
        font-size: 0.9rem;
		padding: 0.2rem 0.8rem 0;
        margin: 0.1rem;
        border: solid 1px #dedede;
        border-radius: 10rem;
        display: inline-block;
}li.category-list-li a {
	text-decoration:none;
        color: #444;
}b.text-right-sort {
        position: absolute;
        right: 4rem;
        letter-spacing: 0.1rem;
}ul.item_list {
        margin: 4rem 0rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
        flex-wrap: wrap;
}ul.item_list li {
		width: 17.4rem;
		margin-top: 1.4rem;
		margin-left:1rem;
        overflow: hidden;
}ul.item_list li:nth-child(5n+1) {
    margin-left: 0;
}.item_list_thumnail::-webkit-scrollbar {
  display: none;             /* Chrome / Safari */
}ul.item_list_thumnail {
scroll-behavior: smooth;
  /* スクロールバー非表示 */
  -ms-overflow-style: none;  /* IE / Edge */
  scrollbar-width: none;     /* Firefox */
  display: flex;
  overflow-x: auto;
  overflow-y: hidden;
  padding-bottom: 0.5rem;
  -webkit-overflow-scrolling: touch;
}.item_list_thumnail li {
        width: 4rem !important;
        height: 4rem;
        flex: 0 0 auto;
        margin: 0.5rem 0 0 0 !important;
}item_list_thumnail img {
  width: 4rem;
  height: 4rem;
  object-fit: cover;
  border-radius: 0.5rem;
}
.item_list_thumnail { cursor: grab; }
.item_list_thumnail.is-dragging { cursor: grabbing; }
.item_list_thumnail.is-dragging img { pointer-events: none; }

.item_list_thumnail{
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}.item_list_thumnail.is-dragging{
  cursor: grabbing;
  user-select: none;
}.item_list_thumnail.is-dragging img{
  pointer-events: none;
}





div#item_detail_content {
        background: #fff;
        padding: 4rem;
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
}h2.product_name_h2 {
        font-size: 1.2rem;
        color: #ff9900;
        font-weight: bold;
        margin-bottom: 0.5rem;
        position: relative;
}div#item_detail_img_space {
    width: 50rem;
}div#item_detail_img {
    width: 50rem;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}div#item_detail_text {
        width: 38rem;
        position: sticky;
        top: 5rem;
}.thumbnail_main {
    width: 40rem;
    height: 40rem;
    overflow: hidden;
}ul.thumbnail_ul {
    width: 10rem;
    padding: 0 1rem;
    height: 40rem;
    overflow-y: scroll;
}ul.thumbnail_ul li {
        width: 7rem;
        height: 7rem;
    overflow: hidden;
}ul.thumbnail_ul li img {
		object-fit: cover;
        width: 7rem;
        height: 7rem;
        overflow: hidden;
        cursor: pointer;
}h3#product_name_h3 {
    font-size: 2rem;
    font-weight: 500;
}



span.item_detail_text_review_count {
    display: block;
    font-size: 1.2rem;
    margin: 1rem 0;
}ul.item_price_list {
        margin: 1rem 0 2rem;
}ul.item_price_list li {
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
}span.item_price_list_title {
    font-weight: bold;
    width: 8rem;
}p.item_price_list_p {
    font-size: 1.4rem;
    width: 28rem;
}ul.item_price_list li {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.5rem 0;
}p.item_price_list_p select {
    background: #f4f4f4;
    border: none;
    padding: 1rem;
    width: 100%;
    border-bottom: 1px solid #dedede;
}ul.item_detail_other_list {
    display: flex;
    justify-content: flex-start;
    align-items: center;
}ul.item_detail_other_list li {
    color: #fff;
    font-size: 1.2rem;
    font-weight: 500;
    padding: 0.2rem 0.5rem 0;
    margin-right: 0.5rem;
}li.same_day_delivery {
    background: #000;
}li.free_shipping {
        background: #00b192;
}li.point_return {
    background: #ff0000;
}button.btn.btn-lg.btn-addcart {
        text-align: center;
        padding: 1rem;
        font-size: 1.4rem;
        font-weight: bold;
        background: #000000;
        border-radius: 0rem;
        color: #fff;
        cursor: pointer;
        width: 100%;
        margin: 4rem 0 0;
        border: none;
}div#product_explain {
    margin-top: 5rem;
}


div#item_detail_review {
    padding: 4rem 0;
    border-top: 1px solid #dedede;
}h2.item_detail_review_h2 {
    font-weight: bold;
    font-size: 2rem;
    color: #000;
}ul.item_detail_review_ul {
    margin: 2rem 0;
}ul.item_detail_review_ul > li {
    padding: 2rem 0;
    border-top: 1px solid #dedede;
}p.review_title {
    font-size: 1.4rem;
    font-weight: bold;
    color: #000;
}time.review_time {
    display: block;
    font-size: 1rem;
    font-weight: 400;
    margin: 0.5rem 0;
}.review_star {
		margin: 0.5rem 0 1rem;
        font-size: 1.4rem;
        display: flex;
        justify-content: flex-start;
        align-items: flex-start;
}span.review_star.--star {
    color: #e1e101;
}span.review_star.--nonstar {
    color: #dedede;
}ul.review_image {
    display: flex;
    justify-content: flex-start;
    align-items: flex-start;
}ul.review_image li {
        width: 10rem;
        margin-right: 1rem;
}p.review_text {
    margin-top: 2rem;
}p.review_response {
    background: #f4f4f4;
    padding: 1.5rem;
    color: #666;
    margin: 2rem 0 0rem 4rem;
}p.review_response b {
    display: block;
    margin-bottom: 0.5rem;
}






}