@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;700&display=swap');
@media screen and (min-width: 760px) {
    .sponly {
        display: none !important;
    }
    .pconly {
        display: block;
    }
    .clearbox {
        clear: both;
    }
    div, p, img, body {
        padding: 0;
        margin: 0;
           font-family: 'Noto Sans JP', sans-serif;
        font-weight: 400;
        color: #3e3a39;
    }
    div, p, body {
        box-sizing: border-box;
    }

/*　トップページ　wrapper　*/
a img {
    transition: .5s;
}
a img:hover {
    transform: scale(1.02, 1.02);
}
	div#lightBox1, div#lightBox1 div {
		overflow: visible;
	}
	.floatingCouponWrapper div {
		overflow: visible;
	}
	.floatingCouponWrapper div .popupContent {
		overflow: hidden;
	}
	.floatingCouponWrapper div.couponOverlay {
		overflow: hidden;
	}
    #footer_aso #styles .swiper {
        overflow: hidden;
        width: 100%;
    }
    #footer_aso .swiper-wrapper {
        overflow: visible;
    }
    .aso_linebanner {
        position: fixed;
        top: 0;
        left: 5.64%;
        width: 86.48%;
        z-index: 10000;
        height: auto;
    }
    .aso_linebanner img {
        width: 25%;
        margin: 0;
        box-sizing: border-box;
        float: left;
    }
    .container_aso {
        width: 100%;
        box-sizing: border-box;
        margin-left: 0;
        overflow: visible;
    }
    .contents_container {
        width: calc(95vw - 140px);
        margin: 0 auto;
        max-width: 1200px;
    }
    .contents_container img {
        width: 100%;
    }
    #pcthreemenu2, #pcthreemenu3, #pcrightmenu, #pcrightmenu div, #footer_aso, #footer_aso div, #pagebody, #pagebody div {
        overflow: inherit;
    }
    .aso_pcleft {
        position: fixed;
        top: 0;
        left: 0;
        width: 5%;
        height: 100vh;
        border-right: 1px solid #ffffff;
        background-color: transparent;
        z-index: 10001;
    }
    .aso_pcleft img {
        width: 35%;
        padding-left: 27%;
        padding-top: 70px;
    }
    .aso_pcleft .pcleft_sns {
        position: absolute;
        bottom: 13vh;

    }
    .aso_pcleft .pcleft_sns img {
        padding-top: 20px;
        width: 30px;
    }
    .aso_pcleft .pcleft_sns .sns_youtube img {
        width: 36px;
        padding-left: 25%;
    }
    .container_aso {
        margin-top: 0px;
        position: relative;
    }
    #pcIndexRight {
        overflow: inherit;
    }
    #pcIndexRight div {
        overflow: initial;
    }
    .pcindex_right {
        position: fixed;
        right: 0;
        top: 0;
        width: 6%;
        height: 100vh;
        background-color: #ffffff;
        border-left: 1px solid #b5b5b6;
        z-index: 100;
    }
    .index_right_menus {
        position: relative;
    }
            .humb-icon {
            width: 35px;
            height: 29px;
            position: absolute;
            top: 5vh;
            left: 50%;
                transform: translateX(-50%);
                -webkit-transform: translateX(-50%);
            background-color: #ffffff;
                cursor: pointer;
        }
        .humb-icon .icon-wrap {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .humb-icon .icon-bars {
            position: absolute;
            left: 0;
            width: 100%;
            height: 3px;
            background-color: #b49d92;
            border-radius: 3px;
        }
        .humb-icon .icon-bars:nth-of-type(1){
            top: 0;
        }
        .humb-icon .icon-bars:nth-of-type(2) {
            top: 13px;
        }
        .humb-icon .icon-bars:nth-of-type(3) {
            bottom: 0;
        }
        .humb-icon,.humb-icon span {
            display: inline-block;
            transition: all .4s;
            box-sizing: border-box;
        }
        .icon-wrap.active .icon-bars:nth-of-type(1) {
  -webkit-transform: translateY(13px) rotate(-45deg);
  transform: translateY(13px) rotate(-45deg);
}
.icon-wrap.active .icon-bars:nth-of-type(2) {
  opacity: 0;
}
.icon-wrap.active .icon-bars:nth-of-type(3) {
  -webkit-transform: translateY(-13px) rotate(45deg);
  transform: translateY(-13px) rotate(45deg);
}
    .jump-dots a {
        color: #b5b5b6;
        text-decoration: none;
        padding-bottom: 15em;
        font-size: 2em;
    }
    .jump-dots a.nowhere {
        color: #b49d92 !important;
    }
    .dots-wrap {
        display: block;
    }
    .jump-dots {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        
        top: 30vh;
        width: min-content;
        height: auto;
        line-height: 2em;
    }
    .right-icons {
        position: absolute;
        left: 50%;
        transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        
        bottom: calc(13vh - 1px);
    }
    .right-icons input.btn {
        width: 30px;
        border: none;
        padding-left: 1px;
    }
    .right-cart a img {
        width: 32px;
        padding-top: 25px;
    }
        .pcmenu_aso {
            background-color: #f9f9f9;
            color: #666464;
            scroll-behavior: auto;
            right: 0;
            overflow-y: hidden;
            transition: .4s ease-in-out;
 	width: 100%;
	height: 70%;
           z-index: 99;
        }
/*iframe?‚’??主?*/
input[type="checkbox"]#input-pchumbmenu + #pcmenu_aso { 
    transition: 0.5s ease-in-out;
    position:fixed;
    top: 0;
    right: -100%;
    z-index: 99;
}

/*iframe?‚’??主?(?‚?ƒ若ƒ—?ƒ恰™‚)*/
input[type="checkbox"]#input-pchumbmenu:checked + #pcmenu_aso {
    overflow-x: hidden;
    overflow-y: auto;
	-webkit-overflow-scrolling:touch;
    z-index: 99;
    right: 0;
    -webkit-transform: translateX(0);
    transform: translateX(0);
}
    #input-humbmenu {
        display: none;
    }
	.pc4menu-grid a {
        color: #666464;
        text-decoration: none;
    }
    .pc4menu-grid a:hover {
        opacity: 0.8;
    }
    .pc4menu-title {
        font-size: 1.3vw;
        border-bottom: 1px solid #666464;
        padding-left: 1vw;
        padding-bottom: 0.5em;
    }
    .pc4menu-title .4menu_jpn {
        font-size: 0.6vw;
    }
    .pc4menu {
        display: inline-block;
        box-sizing: border-box;
        margin-top: 5vh;
        vertical-align: top;
    }
    .pc_4menus {
        width: 80%;
        margin-left: 8%;
        box-sizing: border-box;
        margin-top: 5vh;
    }
    .pc4menu-grid {
        display: inline-block;
        padding: 15px 0px;
        box-sizing: border-box;
        font-size: 0.8vw;
		border-bottom: 1px solid #666464;
    }
    .pc4menu:first-child {
        width: 23%;
    }
    .pc4menu:nth-child(3) {
        width: 23%;
		 margin-left: 2%;
    }
    .pc4menu:nth-child(2) {
        width: 23%;
        margin-left: 2%;
    }
    .pc4menu:last-child {
        width: 23%;
        margin-left: 2%;
	}
	/*
    .pc4menu-grid a {
        color: #666464;
        text-decoration: none;
    }
    .pc4menu-grid a:hover {
        opacity: 0.8;
    }
    .pc4menu-title {
        font-size: 1.3vw;
        border-bottom: 1px solid #666464;
        padding-left: 1vw;
        padding-bottom: 0.5em;
        margin-bottom: 15px;
    }
    .pc4menu-title .4menu_jpn {
        font-size: 0.6vw;
    }
    .pc4menu {
        display: inline-block;
        box-sizing: border-box;
        margin-top: 5vh;
        vertical-align: top;
    }
    .pc_4menus {
        width: 80%;
        margin-left: 12%;
        box-sizing: border-box;
        margin-top: 5vh;
    }
    .pc4menu-grid {
        display: inline-block;
        width: 200px;
        padding: 15px 5px 15px 15px;
        box-sizing: border-box;
        font-size: 0.8vw;
    }
    .pc4menu:first-child {
        width: 50%;
    }
    .pc4menu:nth-child(3) {
        width: 50%;
    }
    .pc4menu:nth-child(2) {
        width: 22%;
        margin-left: 10%;
    }
    .pc4menu:last-child {
        width: 22%;
        margin-left: 10%;
    }
	*/
    .topthree a {
        display: inline-block;
        max-width: 95vh;
        width: 70vw;
        float: left;
        height: auto;
        overflow: hidden;
        max-height: 95vh;
    }
    .topthree > a{
        height: 70vw;
    }
    .effect {
        overflow: inherit;
    }
    .topthree .effect > a {
        height: 70vw;
    }
    .topthree .text {
        position: relative;
        text-align: center;
        box-sizing: border-box;
        padding-top: 25vh;
        width: calc(94vw - 95vh);
        display: block;
        left: 95vh;
        overflow: inherit;
        top: 0;
        height: 70vw;
        max-height: 95vh;
        min-width: min-content;
    }
    .topthree a img {
        width: 100%;
    }
    .topthree {
        width: 100%;
        background-size: calc(94vw - 95vh) auto;
        background-position: bottom right;
        background-repeat: no-repeat;
        overflow: inherit;
    }
    .brown {
        background-image: url(https://asoboze.itembox.design/item/asoindexpc_11.png);
    }
    .gray {
        background-image: url(https://asoboze.itembox.design/item/asoindexpc_13.png);
    }
    .yellow {
        background-image: url(https://asoboze.itembox.design/item/asoindexpc_12.png);
    }
    .topthree .text::before {
        position: absolute;
        top: 18vh; 
        left: 50%;
        transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);        
        color: #b49d92;
        font-size: 1.6vw;
    }
    .popular .text::before {
        content: "Trend";
    }
    .new .text::before {
        content: "New";
    }
    .restock .text::before {
        content: "Restock";
    }
    .text .title {
        font-size: 2.5vw;
        line-height: 1.3em;
        position: absolute;
        top: 25vh;
        left: 50%;
    transform: translateX(-50%);
   font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    }
    .text .title .nihongotitle {
        font-size: 1vw;
        display: block;
    }
    .text .disc {
        font-size: 1.6vw;
        text-align: left;
        display: block;
        position: absolute;
        top: 40vh;
        width: max-content;
        margin-left: 10%;
        left: 40%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        line-height: 2em;
    }
    .kuwashiku {
        position: absolute;
        width: 15vw;

        height: 2.6vw;
        top: 70vh;
        left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
        background-color: #666464;
        border-radius: 2.6vw;
        overflow: inherit;
        border: 1px solid #666464;
    }
.snslogos a img:hover {
	opacity:0.8;
}    
    .kuwashiku a {
        display: block;
        color: #ffffff;
        text-decoration: none;
        text-align: center;
        width: 100%;
        height: 100%;
        line-height: 2.6vw;
        transition: .3s ease-in-out;
        box-sizing: border-box;
        font-size: 1.3vw;
        border: 1px solid #666464;
        border-radius: 2.6vw;
    }
    .kuwashiku a:hover {
        transition: .3s ease-in-out;
        background-color: #ffffff;
        color: #666464;
    }
        .space {
            width: 100%;
            height: 23px;
        }
        .index_grid {
            width: 100%;
            padding: 0;
            display: inline-grid;
            box-sizing: border-box;
            grid-template-rows: auto;
            grid-template-columns: 2fr 1fr 1fr;
            grid-row-gap: 2%;
            grid-column-gap: 2%;
        }
    .index_grid a {
        display: block;
         width: 100%;
    height: 0;
    padding-bottom: 100%;
    overflow: hidden;
    }
        .index_grid .grid_2line {
            width: 100%;
            display: block;
            box-sizing: border-box;
        }
        .index_grid .grid_2line:nth-child(1) {
            grid-row: 1;
            grid-column: -1 / -2;
        }
        .index_grid .grid_2line:nth-child(2) {
            grid-row: 1;
            grid-column: -2 / -3;
        }
        .index_grid .grid_2line:nth-child(4) {
            grid-row: 2;
            grid-column: -1 / -2;
        }
        .index_grid .grid_2line:nth-child(5) {
            grid-row: 2;
            grid-column: -2 / -3;
        }
        .index_grid .grid_1line:nth-child(7) {
            grid-row: 1 / 3;
            grid-column: 1 / 2;
            position: relative;
        }
        .index_grid .grid_1line:nth-child(7)::after {
            content: "";
            width: 100%;
            height: 1px;
            border-bottom: 1px solid;
            border-bottom-color: rgba(0, 0, 0, 0.2);
            position: absolute;
            left: -10vw;
            bottom: 5vw;
            transform: rotate(-10.64deg);
        }
    .index_grid #pcthreemenu2 .pconly:nth-child(8) {
        grid-row: 4 / 6;
        grid-column: 1 / 4;
    }
        .grid_2line img {
            width: 100%;
        }
        .grid_1line img {
            width: 100%;
        }
    .index_grid .grid_1line {
        width: 100%;
        box-sizing: border-box;
    }
        .grid_1line .text {
            padding: 10px 2% 23px;
            width: 70%;
            margin-left: 30%;
            box-sizing: border-box;
            display: inline-block;
        }
        .grid_1line .grid_tag {
            width: 70%;
            margin-left: 30%;
        }
        .index_grid .grid_tag img {
            height: 2vw;
            width: auto;
            display: block;
            float: left;
            margin: 2vw 5px 5px 0;
            padding-left: 3%;
        }
    .grid_1line .grid_tag img {
    margin-top: 35px;
    }
    .grid_title {
   font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
            padding-bottom: 8px;
            line-height: 1.8em;
        }
        .grid_2line .grid_title {
            font-size: 1.4vw;
        }
        .grid_2line .text {
            padding: 7px 5% 0 5%;
            display: inline-block;
        }
        .grid_1line .grid_title {
            font-size: 1.8vw;
        }
        .grid_title .nihongotitle {
            font-size: 1.2vw;
        }
        .grid_2line .grid_text {
            font-size: 1vw;
        }
        .grid_1line .grid_text {
            font-size: 1.4vw;
            
        }
        .grid_text {
            padding-bottom: 25px;
            line-height: 1.7em;
            color: #000000;
        }
        .grid_text .product_name {
            color: #898989;
            text-align: left;
            text-justify: none;
        }
    .grid_text .product_name::before {
        content: '-';
    }    
        .hop {
            transition-duration: 1.0s;
        }
    .footer_aso {
        display: inline-grid;
        grid-template-rows: auto;
        grid-template-columns: 55% 39% 6%;
        text-align: left;
        max-width: 1200px;
    left: 50%;
    transform: translateX(-50%);
    position: relative;
        width: 100%;
    }
    .footer_aso a img:hover {
        transform:none;
        opacity: 0.8;
    }
    .footer_aso .effect {
        display: block;
    }
    #footer-aso {
        overflow: inherit;
    }
    #footer-aso div {
        overflow: inherit;
    }
    .category_aso {
        grid-column: 1 / 2;
        grid-row: 1;
        float: left;
           background-color: #f9f7f5;
        margin: 0 0 90px calc(600px - 50vw);
        display: inline-block;
    }
    .asomidashi_eng {
   		font-family: 'Noto Sans JP', sans-serif;
		/*font-weight: 700;
        display: inline-block;
        font-size: 1.4vw;
        margin: 5vh 3vw 6vh 0;
        padding-left: 1vw;
        letter-spacing: .4em;*/
    }
    .category_aso .asomidashi_eng {
        position: relative;
        left: calc(50vw - 600px);
    }
    .category_aso .asomidashi_jpn {
        position: relative;
        left: calc(50vw - 600px)
    }
    .rank_aso .asomidashi_eng {
        margin-bottom: 0;
    }
    .asomidashi_jpn {
        display: inline-block;
        font-size: 1.2vw;
        margin: 3vh 0;
    }
        .cate_images {
            width: 80%;
            max-width: 612px;
            position: relative;
            left: calc(50vw - 600px);
            display: block;
        }
        .cate_image {
            width: 25%;
            float: left;
        }
        .cate_image a img {
            width: 100%;
            padding: 0 10% 5% 10%;
            box-sizing: border-box;
        }
        .cate_image .cate_text {
            font-size: calc(0.3vw + 10px);
            text-align: center;
            padding:0.5em 0 5vh 0;
        }
        .price_aso {
            grid-row: 1;
            grid-column: 2 / 3;
        }
        .pricebutton {
            width: 100%;
        }
        .pricebutton a img {
            width: 90%;
            box-sizing: border-box;
            padding:12px 5%;
            margin: 0 15%;
        }
    .price_aso .asomidashi_eng {
        margin-left: 15%;
    }
    .contents_aso {
        grid-row: 2;
        grid-column: 1 / 3;
    }
        .contentbutton {
            width: 100%;
        }
    .contentbutton a img {
        width: 100%;
            padding: 0;
            box-sizing: border-box;
    }
        .contentbutton a {
            width: 25%;
            display: inline-block;
            float: left;
            box-sizing: border-box;
        }
    .contentbutton a:nth-child(5) {
        width: 100%;
        margin: 15px 0;
        clear: both;
    }
    .contentbutton a:nth-child(5) img {
        border: none;
    }
    .contentbutton a:nth-child(6) {
        width: 100%;
        margin: 0 0 15px 0;
        clear: both;
    }
    .contentbutton a:nth-child(6) img {
        border: none;
    }
        .contentbutton .contentsns {
            width: 100%;
            padding: 10px 0;
        }
    .contentbutton .contentsns a {
            margin: 0;
            padding: 0;
        border: none;
        display: block;
        float: left;
    }
    .contentbutton .contentsns a:nth-child(1) {
        width: 50%;
    }
    .contentbutton .contentsns a:nth-child(2) {
        width: 50%;
    }
        .contentbutton .contentsns a img {
            padding: 0;
            border: none;
        }
        .rank_aso {
            grid-row: 3;
            grid-column: 1 / 3;
            width: 100%;
            margin: 5vh 0 0;
            position: relative;
            height: auto;
        }
        .rank_4lines {
            width: 100%;
            margin: 5vh 0 0;
            padding-left: 0;
            display: inline-grid;
            grid-template-rows: auto 60px auto;
            grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr;
        }
        .rank_4lines .rank {
            background-repeat: no-repeat;
            background-position: left top;
            background-size: auto 30%;
            margin: 0 0 0 20px;
        }
        .rank_4lines img {
            width: 80%;
            margin-left: 20%;
        }
        .rank img {
            display: block;
        }
    
        .rank_4lines .rank_1 {
            background-image: url(https://asoboze.itembox.design/item/asoindexpc_25.png);
        }
        .rank_1 img, .rank_2 img, .rank_3 img, .rank_5 img, .rank_4 img {
            margin-top: 30px;
        }
        .rank_4lines .rank_2 {
            background-image: url(https://asoboze.itembox.design/item/asoindexpc_26.png);
        }
        .rank_4lines .rank_3 {
            background-image: url(https://asoboze.itembox.design/item/asoindexpc_27.png);
        }
        .rank_4lines .rank_4 {
            background-size: auto 25%;
            background-position: 0 20%;
            background-image: url(https://asoboze.itembox.design/item/asoindexpc_28.png);
        }
        .rank_4lines .rank_5 {
            background-size: auto 25%;
            background-position: 0 20%;
            background-image: url(https://asoboze.itembox.design/item/asoindexpc_29.png);
        }
        .rank_date {
            width: 100%;
            font-size: 0.8vw;
            position: relative;
        }
        .rank_date div {
            position: absolute;
            right: 10vw;
            bottom: 0;
            font-size: 1.2vw;
        }
        .swiper-slide img {
            width: 100%;
        }
    .style_aso {
        grid-row: 4;
        grid-column: 1 / 3;
    }
    #styles {
        grid-row: 5;
        grid-column: 1 / 3;
    }
:root {
--swiper-theme-color: #ffffff !important;
}
        .guide_aso {
            width: 100%;
            grid-row: 6;
            grid-column: 1 / 3;
            margin:5vh 0 10vh 0;
        }
        .guide_grids {
            width: 100%;
            margin: 0 0 5vh 0;
            box-sizing: border-box;
    }
        .guide_grid {
            width: 25%;
            float: left;
            box-sizing: border-box;
            padding: 1px 2px;
        }
        .guide_grid a img {
            width: 100%;
        }
             .kensaku2box {
        width: 100%;
        position: relative;
                 display: block;
                 height: 77px;
    }
        .copyright_aso {
        grid-column: 1 / 3;
            grid-row: 7;
            margin-left: calc(600px - 50vw);
            background-color: #666464;
            justify-content: center;
        }
        .copyright_aso span {
            text-align: center;
            
            color: #ffffff;
            font-size: 8px;
            display: inline-block;
            vertical-align: bottom;
            padding-top: 50px;
            width: 100%;
            padding-bottom: 10px;
        }
    
        .kensaku2box .kensaku2textspace {
            position: absolute;
            top: 30px;
            right: 10vw;
        width: 230px;
        height: 40px;
        -webkit-appearance: none;
        border: 1px solid #b5b5b6;
        box-sizing: border-box;
        z-index: 20;
        border-radius: 37px;
        font-size: 0.8em;
            text-align: center;
            padding-right: 2vw;
        color: #ffffff;
            background-color: #666464;
            margin-bottom: 30px;
            line-height: 40px;
    }
::placeholder {
  color: #B5B5B6;
}

/* IE */
:-ms-input-placeholder {
  color: #B5B5B6;
}

/* Edge */
::-ms-input-placeholder {
  color: #B5B5B6;
}
.kensaku2textspace:focus {
    outline: none;
}
        .kensaku2box .kensaku2image {
        position: absolute;
        top: 40px;
        width: 20px;
        right: 12vw;
        z-index: 20;
            border-radius: 0;
        }
    .footercate {
        width: max-content;
        margin: 0 auto 5vh;
        text-align: center;
        font-size: 12px;
        max-width: 1200px;
        color: #ffffff;
        line-height: 2em;
    }
    .footercate a {
        color: #ffffff;
        text-decoration: none;
    }
    .footercate a:hover {
        text-decoration: underline;
    }
    .footerguide {
        width: 65vw;
        margin-left: auto;
        margin-right: auto;
        display: grid;
        grid-template-rows: auto;
        grid-template-columns: 2fr 2fr 1fr;
        grid-gap: 40px 100px;
        max-width: 1200px;
        color: #ffffff;
    }
        .contents_border {
            border-top: 1px solid; 
            border-top-color: rgba(180,157,146,0.25);
            width: 90%; 
            display: block; 
            margin: 14px auto 0; 
            height: 14px;
            clear: both;
        }
    .fguide div {
        color: #ffffff;
    }
    .fguide .fguide_title {
   font-family: 'Noto Sans JP', sans-serif;
font-weight: 700;
        border-bottom: 1px solid #ffffff;
        padding-bottom: 10px;
        font-size: 16px;
    }
    .fguide_texts {
        font-size: 16px;
        padding-top: 10px;
        line-height: 1.7em;
    }
    
    .fguide_texts a {
        color: #ffffff;
        text-decoration: none;
    }
    .fguide_texts a:hover {
        text-decoration: underline;
    }

        .aso_right_menus {
        position: relative;
            z-index: 100;
    }
        .aso_right_menus .humb-icon {
            width: 100px;
            height: 100px;
            border-radius: 50%;
            background-color: #b49c92;
            position: fixed;
            top: calc(55px + 5vh);
            right: -19px;
            left: auto;
            z-index: 10000;
                cursor: pointer;
        }
        .aso_right_menus .humb-icon .icon-wrap {
            position: relative;
            width: 100%;
            height: 100%;
        }
        .aso_right_menus .humb-icon .menu-bars {
            position: absolute;
            left: 30%;
            width: 40%;
            height: 3px;
            background-color: #ffffff;
            border-radius: 3px;
        }
        .aso_right_menus .humb-icon .menu-bars:nth-of-type(1){
            top: 30px;
        }
        .aso_right_menus .humb-icon .menu-bars:nth-of-type(2) {
            top: 50px;
        }
        .aso_right_menus .humb-icon,.humb-icon .menu-bars {
            display: inline-block;
            transition: all .4s;
            box-sizing: border-box;
        }
    .aso_right_menus .humb-icon .icon-menu::before {
   font-family: 'Noto Sans JP', sans-serif;
        font-size: 13px;
        bottom: 17px;
        left: 0;
        width: 100%;
        position: absolute;
        content: 'MENU';
        text-align: center;
        color: #ffffff;
    }
        .aso_right_menus .icon-wrap.active .menu-bars:nth-of-type(1) {
  -webkit-transform: translateY(5px) rotate(-45deg);
  transform: translateY(5px) rotate(-45deg);
}
.aso_right_menus .icon-wrap.active .menu-bars:nth-of-type(2) {
  -webkit-transform: translateY(-15px) rotate(45deg);
  transform: translateY(-15px) rotate(45deg);
}
.aso_right_menus .icon-wrap.active .icon-menu::before {
    content: 'CLOSE'
    }
    input#input-humbmenu {
        display: none;
    }
    input#input-pchumbmenu {
        display: none;
    }
        .pick_brand {
            display: block;
            position: fixed;
            right: 20px;
            top: calc(175px + 5vh);
            width: 120px;
            height: auto;
            overflow: inherit;
            box-sizing: border-box;
        }
        .pick_brand div {
            margin: 0;
            padding: 0;
            background-repeat: no-repeat;
            cursor: pointer;
            position: relative;
        }
        .pickup {
            width: 100%;
            background-image: url(https://asoboze.itembox.design/item/asoindexpc_35.jpg);
            background-size: 100% auto;
        }
        .brand {
            width: 100%;
            background-image: url(https://asoboze.itembox.design/item/asoindexpc_34.jpg);
            background-size: 100% auto;
        }
        .pick_brand img {
            width: 100%;
            padding: 0;
            margin: 0;
            transition: 0.3s ease-in-out;
        }
        .pick_brandbutton:hover {
            opacity: 0;
        }
        .pick_brandmenu {
            display: none;
        }
input[type="radio"]#pickup_open ~ div#pickup_menu { 
    transition: 0.5s ease-in-out;
    top: 0;
    right: -1000px;
            width: auto;
            height: auto;
            padding: 30px;
            position: absolute;
            border: 2px solid #c9caca;
    background-color: #ffffff;
    z-index: -1;
}

/*iframe?‚’??主?(?‚?ƒ若ƒ—?ƒ恰™‚)*/
input[type="radio"]#pickup_open:checked ~ div#pickup_menu {
    right: 140px;
}
        input[type="radio"]#pickup_open:checked + img {
            opacity: 0;
        }        
input[type="radio"]#brand_open ~ #brand_menu { 
    transition: 0.5s ease-in-out;
    top: 0;
    right: -100vw;
            width: 800px;
            height: auto;
            padding: 30px 67px;
    display: inline-grid;
            grid-template-rows: auto auto auto;
            grid-template-columns: auto auto;
            grid-gap: 20px;
            position: absolute;
    background-color: #ffffff;
            border: 2px solid #c9caca;
    z-index: -1;
}
        input[type="radio"]#brand_open:checked ~ #brand_menu {
            right: 150px
        }
        input[type="radio"]#brand_open:checked + img {
            opacity: 0;
        }
input[type="checkbox"]#pickup_open ~ div#pickup_menu { 
    transition: 0.5s ease-in-out;
    top: 0;
    right: -1000px;
            width: auto;
            height: auto;
            padding: 30px;
            position: absolute;
            border: 2px solid #c9caca;
    background-color: #ffffff;
    z-index: -1;
}

/*iframe?‚’??主?(?‚?ƒ若ƒ—?ƒ恰™‚)*/
input[type="checkbox"]#pickup_open:checked ~ div#pickup_menu {
    right: 140px;
}
        input[type="checkbox"]#pickup_open:checked + img {
            opacity: 0;
        }        
input[type="checkbox"]#brand_open ~ #brand_menu { 
    transition: 0.5s ease-in-out;
    top: 0;
    right: -100vw;
            width: 800px;
            height: auto;
            padding: 30px 67px;
    display: inline-grid;
            grid-template-rows: auto auto auto;
            grid-template-columns: auto auto;
            grid-gap: 20px;
            position: absolute;
    background-color: #ffffff;
            border: 2px solid #c9caca;
    z-index: -1;
}
        input[type="checkbox"]#brand_open:checked ~ #brand_menu {
            right: 150px
        }
        input[type="checkbox"]#brand_open:checked + img {
            opacity: 0;
        }
        .pick_brand .pickup_menu .pick6menus {
            display: inline-grid;
            grid-template-rows: 300px 300px;
            grid-template-columns: 200px 200px 200px;
            grid-gap: 10px;
            width: 100%;
            height: 100%;
            box-sizing: border-box;
            
        }
        .pick_brand .pickup {
            width: 100%;
            height: 100%;
        }
        .pick_brand .pickup .pick_copy {
            position: absolute;
            transition: .2s ease-in-out;
            top: 0;
            left: 0;
            height: 200px;
            width: 100%;
            display: table;
            opacity: 1;
            z-index: 3;
            padding: 25% 0;
        }
    .pick_brand .pickup .pick_link {
        position: absolute;
        top: 0;
        z-index: 4;
        left: 0;
        width: 100%;
        height: auto;
    }    
    .pick_brand .pickup .pick_link a:hover {
        opacity: 0.1;
    }
        .pick_brand .pickup .pick_copy::after {
            content: '';
            display: block;
        }        
        .pick_brand .pickup .pick_copy div {
            width: 100%;
            height: 100px;
            background: url(https://asoboze.itembox.design/item/asoindexpc_46.png);
            background-size: 100% auto;
            background-position: center;
            background-repeat: no-repeat;
            text-align: center;
            display: flex;
            vertical-align: middle;
            padding: o 1em 2em;
  word-wrap: break-word;
            align-items: center;
            justify-content: center;
  overflow-wrap: break-word;
            
        }        
        .pick_brand .pickup .pick_copy div::after {
            display: block;
            content: '';
        }        
        .pick_brand .pickup .pick_img {
            position: absolute;
            top: 0;
            z-index: 2;
            left: 0;
            width: 100%;
            height: auto;
        }
        .pick_brand .pickup .pick_img img:hover {
            opacity: 1;
        }        
        .pick_brand .pickup .pick_copy:hover {
            opacity: 1;
        }
        .pick_brand .pickup .pick_tag {
            position: relative;
            width: 30%;
            padding: 5px;
        }        
        .pick_brand .pickup .pick_name {
            padding: 0 5px 5px;
            font-size: 0.8em;
            line-height: 1.5em;
        }        
        .pick_image_after {
            position: relative;
            width: 100%;
            height: auto;
        }
        .pick_image_after::after {
            display: block;
            content: '';
            margin-top: 50%;
        }        
        #pick_01 {
            grid-row: 1;
            grid-column: 1;
        }
        #pick_02 {
            grid-row: 1;
            grid-column: 2;
        }
        #pick_03 {
            grid-row: 1;
            grid-column: 3;
        }
        #pick_04 {
            grid-row: 2;
            grid-column: 1;
        }
        #pick_05 {
            grid-row: 2;
            grid-column: 2;
        }
        #pick_06 {
            grid-row: 2;
            grid-column: 3;
        }
            .allcategories {
            background-color: #f9f7f5;
        }
        .category_blocks {
            display: inline-grid;
            grid-template-columns: 32% 32% 32%;
            margin: 0 0 50px 4%;
            width: 96%;
        }
        .category_type {
            grid-column: 1 / 4;
            border-bottom: 1px solid #3e3a39;
            height: 2em;
   font-family: 'A+EqpB-游ゴシック体 Pr6N B', sans-serif;
            font-size: 15px;
            width: 100%;
            margin: 0 0 15px;
        }
        .category_type .cate_jpn {
            font-family: "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
            font-size: 12px;
        }
        .category_content {
            box-sizing: border-box;
            font-size: 10px;
            margin-bottom: 10px;
            height: 100%;
            padding-left: 10%;
        }
        .category_content a img {
            width: 25%;
        }
        .category_content a {
            vertical-align: middle;
            text-decoration: none;
            color: #3e3a39;
            height: 100%;
            display: block;
            line-height: 100%;
        }
        .category_content a span {
            padding-bottom: 20%;
            height: auto;
            display: inline-block;
            width: 70%;
            vertical-align: middle;
            line-height: 100%;
            box-sizing: border-box;
            padding-left: 5px;
        }
        .pcsetsumei .asomidashi_eng {
            text-align: center;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: .4em;
            margin: 30px 0 15px 0;
            padding: 30px 0 0;
            line-height: 0.5em;
            display: block;
        }
        .pcsetsumei .asomidashi_jpn {
            text-align: center;
            font-size: 10.67px;
            display: block;
            margin-bottom: 20px;
        }
    .pcsetsumei .sponly {
        display: inherit;
    }
        .tohyowrapper {
            display: inline-grid;
            grid-template-columns: 45% 45%;
            grid-column-gap: 10%;
            width: 80%;
            position: relative;
            margin-bottom: 30px;
            left: 50%;
            transform: translateX(-50%);
        }
        .kuwashikumiru {
            width: max-content;
            height: auto;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            border-radius: 20px;
        }
    .kuwashikumiru a {
        height: 30px;
	text-decoration: none;
	color: #FFFFFF;
	box-sizing: border-box;
	display: block;
	line-height: 30px;        
        width: max-content;
        padding: 0 2em;
    }
.kuwashikumiru a:hover {
	color: #898989;
	background-color: #FFFFFF;
	border-radius: 3px;
	transition-duration: 0.5s;
}
    .item-name--3YAKV {
        overflow: hidden!important;
    }
    .spacer--xFAdr.full-width--2JiOP {
        overflow: hidden!important;
    }
}
    @media screen and (orientation: landscape) and (max-aspect-ratio: 8 / 5) {
        .text .disc {
            margin-left: 10%;
            display: inline-block;
        }
                .contents_container {
            color: #727171;
        }
        .staffreview_title {
            max-width: 430px;
            margin: 4vh auto 4vh;
            width: 60%;
            display: block;
        }
        .staffreview_paragraph {
            font-size: 18px;
            color: #727171;
            width: max-content;
            margin: auto;
            display: block;
        }
        .staffreview_index {
            max-width: 100vw;
            border-bottom: 1.5px solid #595757;
            margin-bottom: 50px;
        }
        .staffreview_index ul {
            padding: 50px 45px;
        }
        .staffreview_index ul li {
            display: inline-block;
            padding: 7px 46px;
            border-right: 1px solid #727171;
        }
        .staffreview_index ul li:first-child {
            border-left: 1px solid #727171;
        }
        .staffreview_contents {
            display: inline-grid;
            grid-template-columns: 280px 280px 280px;
            grid-column-gap: 60px;
            width: max-content;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            padding-bottom: 50px;
            border-bottom: 1px solid #595757;
        }
        .staffreview_item_img {
            margin-bottom: 25px;
        }
        .staffreview_discription {
            margin-bottom: 25px;
        }
        .staffreview_discription a {
            color: #000000;
            font-size: 18px;
            text-decoration: none;
            display: block;
            line-height: 1.75em;
            transition-duration: .1s;
        }
        .staffreview_discription a:hover {
            color: #bbbbbb;
        }
        .staffreview_data {
            color: #727171;
            font-size: 14px;
        }

        .topthree .text {
            left: 60vw;
            width: 34vw;
            height: 60vw;
        }
        .text .title {
            left: 50%;
        }
        .topthree .text::before {
            left: 50%;
        }
        .kuwashiku {
            left: 50%;
            top: 60vh;
        }
        .topthree a {
            width: 60vw;
        }
        .topthree > a{
            height: 60vw;
            
        }
        .topthree .effect > a {
            height: 60vw;
        }
        .kuwashiku a {
            width: 100%;
        }
        .topthree {
            background-size: 40vw auto;
        }
        .humb-icon {
            width: 30px;
            height: 25px;
        }
        .aso_pcleft img {
            padding-left: 20%;
        }
        .aso_pcleft .pcleft_sns .sns_youtube img {
            padding-left: 15%;
        }
        .aso_pcleft:first-child > a:first-child img {
            padding-left: 30%;
            width: 20px;
        }
        .cate_image .cate_text {
            font-size: 10.67px;
        }
        .humb-icon .icon-bars:nth-of-type(2) {
            top: 11px;
        }
        .icon-wrap.active .icon-bars:nth-of-type(1) {
  -webkit-transform: translateY(11px) rotate(-45deg);
  transform: translateY(11px) rotate(-45deg);
}
.icon-wrap.active .icon-bars:nth-of-type(3) {
  -webkit-transform: translateY(-11px) rotate(45deg);
  transform: translateY(-11px) rotate(45deg);
}
        .pc4menu-grid{
            font-size: 1vw;
        }
        .kensaku2box .kensaku2textspace {
            height: 30px;
            line-height: 30px;
        }        
        .kensaku2box .kensaku2image {
            top: 37px;
            width: 15px;
        }        
        .aso_right_menus .pick_brand label:nth-child(2) {
            margin-top: 10px;
        }
    }
@media screen and (orientation: landscape) and (max-height: 800px) and (min-width: 760px) {
.pick_brand .pickup_menu .pick6menus {
    grid-template-rows: 281px 281px;
    grid-template-columns: 150px 150px 150px;
}
    .pick_brand .pickup .pick_tag {
        width: 50%;
    }
    .pick_brand .pickup .pick_copy div {
        font-size: 12px;
        height: 75px;
    }
    .pick_brand .pickup .pick_copy {
        height: 150px;
    }
    .copyright_aso {
        margin-left: 0;
    }
}
@media screen and (max-width: 1200px) and (min-width: 760px) {
    .copyright_aso {
        margin-left: 0;
    }
    .cate_images {
        width: 100%;
    }
    .pricebutton a img {
        width: 80%;
        padding: 6px 0;
        margin: 0 10%;
        box-sizing: border-box;
    }
    .category_aso {
        padding: 0 10vw;
    }
    .contents_aso {
        padding: 0 10vw;
    }
    .rank_aso {
        padding: 0 10vw;
    }
    .style_aso {
        padding: 0 10vw;
    }
    .guide_aso {
        padding: 0 10vw;
    }
    .footerguide {
        grid-gap: 10px 50px;
        width: 80vw;
        margin: 0 10vw;
    }
    .footercate {
        max-width: 85vw;
    }

}
@media screen and (orientation: landscape) and (max-height: 800px){
        .pcmenu_aso {
            height: 95%;
        }
    
}
@media screen and (max-width: 800px) and (min-width: 760px) {
            .category_blocks {
            display: inline-grid;
            grid-template-columns: 47.5% 47.5%;
            margin: 0 2.5% 50px;
            width: 95%;
        }
        .category_type {
            grid-column: 1 / 3;
            border-bottom: 1px solid #3e3a39;
            height: 2em;
   font-family: 'A+EqpB-游ゴシック体 Pr6N B', sans-serif;
            padding-left: 2vw;
            font-size: 15px;
            width: 100%;
            margin: 0 0 15px;
        }
        .category_type .cate_jpn {
            font-family: "A+EqpB-游ゴシック体 Pr6N M", sans-serif;
            font-size: 12px;
        }
        .category_content {
            box-sizing: border-box;
            font-size: 10px;
            margin-bottom: 10px;
            height: 100%;
        }
        .category_content a img {
            width: 25%;
        }
        .category_content a {
            vertical-align: middle;
            text-decoration: none;
            color: #3e3a39;
            height: 100%;
            display: block;
            line-height: 100%;
        }
        .category_content a span {
            padding-bottom: 20%;
            height: auto;
            display: inline-block;
            width: 70%;
            vertical-align: middle;
            line-height: 100%;
            box-sizing: border-box;
            padding-left: 5px;
        }

}
            @media screen and (max-width: 400px) {
                .review_small {
                    display: block;
                }
                .review_large {
                    display: none;
                }
            }
            @media screen and (min-width: 401px) {
                .review_large {
                    display: block;
                }
                .review_small {
                    display: none;
                }
            }
@media screen and (max-width: 760px) and (orientation: landscape) {
        .category_aso {
            width: 100%;
            background-color: #f9f7f5;
            padding-bottom: 70%;
            padding-top: 2%;
            margin-bottom: 30px;
        }
        .asomidashi_eng {
            text-align: center;
            font-weight: 700;
            font-size: 15px;
            letter-spacing: .4em;
            margin-top: 30px;
            margin-bottom: 15px;
            line-height: 0.5em;
        }
        .asomidashi_jpn {
            text-align: center;
            font-size: 10.67px;
            margin-bottom: 20px;
        }
        .cate_images {
            width: 80%;
            margin: 0 auto;
            display: block;
        }
        .cate_image {
            width: 33%;
            float: left;
        }
        .cate_image a img {
            width: 70%;
            padding: 15% 15% 0 15%;
        }
        .cate_image .cate_text {
            font-size: 10.67px;
            text-align: center;
            padding:0.5em 0 1em 0;
        }
        .price_aso {
            margin: 50px 0;
        }
        .pricebutton {
            width: 100%;
        }
        .pricebutton a img {
            width: 90%;
            padding:6px 5%;
        }
        .contentbutton {
            width: 100%;
        }
        .contentbutton a img {
            width: 90%;
            padding: 3px 5%;
        }
        .contentbutton .contentsns {
            width: 100%;
            padding: 3px 5%;
        }
        .contentbutton .contentsns a img {
            width: 50%;
            float: left;
            margin: 0;
            padding: 0;
        }
        .guide_aso {
            width: 100%;
        }
        .guide_grids {
            width: 90%;
            margin: 0 5%;
            box-sizing: border-box;
        }
        .guide_grid {
            width: 50%;
            float: left;
            box-sizing: border-box;
            padding: 1px 2px;
        }
        .guide_grid a img {
            width: 100%;
        }
        .spmenu_aso {
            top: 50px;
            background-color: #666464;
            color: #ffffff;
            scroll-behavior: auto;
            right: 0;
            overflow-y: scroll;
            transition: .4s ease-in-out;
        }
    
}
@media screen and (min-width: 760px) and (orientation: portrait) {
    .asomidashi_eng {
        margin: 1vh 3vw 2vh 11vw;
    }
    .cate_image .cate_text {
        padding-bottom: 1vh;
    }
    .cate_images {
        width: 80%;
    }
    .rank_aso {
        margin: 2vh 0;
    }
    .rank_4lines {
        margin-top: 1vh;
    }
    .guide_aso {
        margin: 2vh 0;
    }
    .footercate {
        margin: 0 2vh 1vh 150px;
    }
    .footerguide {
        width: 75vw;
        margin-left: 150px;
    }
}
@media screen and (min-width: 760px) and (orientation: portrait) {
    .topthree .text {
        left: 82vw;
    }
    .topthree .text::before {
        top: 10vh;
    }
    .text .title {
        top: 15vh;
    }
    .text .disc{
        top: 25vh;
    }
    .kuwashiku {
        top: 40vh;
    }    
}
.index_2020dec {
    display: inline-grid;
    grid-template-columns: 150px 150px 150px;
            grid-template-rows: auto;
    grid-column-gap: 50px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
                }

@media screen and (min-width: 1200px) {
.index_2020dec {
    display: inline-grid;
            grid-template-columns: 250px 250px 250px;
            grid-template-rows: auto;
            grid-column-gap: 80px;
    position: relative;
    left: 50%;
    transform: translateX(-50%);
                }
        .contents_container {
            color: #727171;
        }
        .staffreview_title {
            max-width: 430px;
            margin: 4vh auto 4vh;
            width: 60%;
            display: block;
        }
        .staffreview_paragraph {
            font-size: 24px;
            color: #727171;
            width: max-content;
            margin: auto;
            display: block;
        }
        .staffreview_index {
            max-width: 100vw;
            border-bottom: 1.5px solid #595757;
            margin-bottom: 50px;
        }
        .staffreview_index ul {
            padding: 50px 45px;
        }
        .staffreview_index ul li {
            display: inline-block;
            padding: 7px 46px;
            border-right: 1px solid #727171;
        }
        .staffreview_index ul li:first-child {
            border-left: 1px solid #727171;
        }
        .staffreview_contents {
            display: inline-grid;
            grid-template-columns: 330px 330px 330px;
            grid-column-gap: 100px;
            width: max-content;
            position: relative;
            left: 50%;
            transform: translateX(-50%);
            padding-bottom: 50px;
            border-bottom: 1px solid #595757;
        }
        .staffreview_item_img {
            margin-bottom: 25px;
        }
        .staffreview_discription {
            margin-bottom: 25px;
        }
        .staffreview_discription a {
            color: #000000;
            font-size: 24px;
            text-decoration: none;
            display: block;
            line-height: 1.75em;
            transition-duration: .1s;
        }
        .staffreview_discription a:hover {
            color: #bbbbbb;
        }
        .staffreview_data {
            color: #727171;
            font-size: 18px;
        }
    
}

    .indexParts_2020dec a {
        color: #3e3a39;
        text-decoration: none;
    }
@media (min-width: 2200px) {
    .asomidashi_eng {
        font-size: 26px;
    }
    .asomidashi_jpn {
        font-size: 24px;
    }.
}