@charset "UTF-8";






    /* base ---------------------------------------------------------------------------- */
	body {
	    background-color: #fff;
	}
            #lp_wrap {
                font-family: "Noto Sans JP", "游ゴシック Medium", "Yu Gothic Medium", 游ゴシック体, YuGothic, sans-serif;
                padding: 0px;
                background: inherit;
            }
            #lp_wrap .wrap_masthead {
                background: #ffffff;
            }
			.masthead {
				/* max-width: 1480px; */
				margin: 0 auto;
				position: relative;
				background-color: #eaeaea;
			}
            #lp_innner {
                margin: 0 auto;
                display: block;
                /* margin-top: 40px; */
                /* margin-bottom: 63px; */
                padding-bottom: 80px;
            }
            #lp_wrap .masthead {
                padding: 30px 0;
                background-size: auto auto;
                /* background-image: repeating-linear-gradient(90deg, transparent, transparent 38px, rgba(30, 72, 131, 1) 38px, rgba(30, 72, 131, 1) 70px ); */
                text-align: center;
            }
            #lp_wrap .masthead h1 img {
                display: block;
                margin: auto;
				max-width: 100%;
				width: auto;
				height: 420px;
                padding: 0;
            }
            #lp_wrap .intro {
                width: 976px;
                margin: 40px auto;
                font-size: 16px;
                line-height: 2.8;
				text-align: center;
            }
            #lp_wrap .wrap_masthead p {
                font-size: 14px;
                line-height: 2.5;
                padding: 40px 0;
                width: 640px;
            }
            #lp_wrap .wrap_masthead p.js-line1, #lp_wrap .wrap_masthead p.js-line2, #lp_wrap .wrap_masthead p.price  {
                width: 100%;
                padding: 0;
                line-height: 1.6;
            }
            #lp_wrap section {
                display: block;
                width: 100%;
                padding: 0 0 100px 0;
            }
            #lp_wrap .container {
                width: 976px;
                margin: 0 auto;
            }
    
            .bg_color { background-color: #eee;}
    
            h2.title {
				font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
                text-align: center;
                font-weight: bold;
                font-size: 24px;
            }
            .bnr_box {
                margin-top: 15px;
                display: flex;
                justify-content: space-evenly;
            }
			h4 {
				font-family: "Noto Serif JP", "mincho", "游明朝体", "Yu Mincho", "YuMincho", "メイリオ", "serif";
                text-align: left;
                font-weight: bold;
                font-size: 22px;
            }

    /* button ---------------------------------------------------------------------------- */
            /* ナビボタン　真ん中1個 */
            #lp_wrap .wrap_listbtn a {
                position: relative;
                background: #e5a1a1;
                font-size: 18px;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 15px 0;
                display: block;
                text-align: center;
                width: 500px;
                margin: 60px auto 0;
                text-decoration: none;
            }
            #lp_wrap .wrap_listbtn a:hover {
                opacity: 0.6;
            }
            #lp_wrap .wrap_listbtn a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }

            /* ナビボタン　並び3個 */
            .mainbtn_area {
                width: 976px;
                display: flex;
                margin: 0 auto;
                flex-direction: row;
                justify-content: space-evenly;
            }

            #lp_wrap .wrap_listbtn_s a {
                position: relative;
                background: #e5a1a1;
                font-size: 18px;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 7px 0;
                display: block;
                text-align: center;
                width: 230px;
                margin: 0px auto;
                text-decoration: none;
            }
            #lp_wrap .wrap_listbtn_s a:hover {
                opacity: 0.6;
            }
            #lp_wrap .wrap_listbtn_s a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }

            #lp_wrap .wrap_listbtn_middle a {
                position: relative;
                background: #e5a1a1;
                font-size: 18px;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 15px 0;
                display: block;
                text-align: center;
                margin: 60px auto 0;
                text-decoration: none;
            }
            #lp_wrap .wrap_listbtn_middle a:hover {
                opacity: 0.6;
            }
            #lp_wrap .wrap_listbtn_middle a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }

            .m-icon {
                vertical-align: middle;
            }

            /* ナビボタン　並び2個
            .mainbtn_area {
                width: 976px;
                display: flex;
                margin: 0 auto;
                flex-direction: row;
                justify-content: space-evenly;
            } */
            .wrap_listbtn_m, .wrap_listbtn_l {
                width: 100%;
            }
            #lp_wrap .wrap_listbtn_m a {
                position: relative;
                background: #5e8ad1;
                font-size: 1.8rem;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 18px 0;
                display: block;
                text-align: center;
                width: 90%;
                margin: 0px auto;
            }
            #lp_wrap .wrap_listbtn_l a {
                position: relative;
                background: #d15e79;
                font-size: 1.8rem;
                font-weight: bold;
                border-radius: 4px;
                color: #ffffff;
                padding: 18px 0;
                display: block;
                text-align: center;
                width: 90%;
                margin: 0px auto;
            }
            .ttl_largetxt, .ttl_middletxt {
                font-size: 2.2rem;
                font-weight: bold;
                display: inline-block;
                vertical-align: baseline;
            }
            .ttl_middletxt {
                font-size: 1.8rem;
            }
            .product_wrap {
                width: 100%;
            }
            
            .product {
                border: 1px solid #d2d2d2;
                margin: 0;
            }
            .price {
                text-align: right;
                font-size: 1.3rem;
                color: #de1642;
            }
    
    
    /* フェード ---------------------------------------------------------------------------- */
            .FadeSlideUp {
                opacity: 0;
                transform: translate3d(0, 20px, 0);
            }
    
    
            .FadeSlideUp.-active {
                opacity: 1;
                transform: translate3d(0, 0, 0);
                transition: opacity 1.5s, transform 1.5s;
            }
    
            .ZoomOut {
                transform: scale(1.25);
            }
    
            .ZoomOut.-active {
                transform: scale(1);
                transition: transform 1.5s;
            }
    
            .ZoomIn {
                opacity: 0;
                transform: scale(0.5);
            }
    
            .ZoomIn.-active {
                opacity: 1;
                transform: scale(1);
                transition: opacity 1.5s, transform 1s;
            }           
            

/* ----------------------------------------- アニメーション ---- */

            .TrackingIn {
                opacity: 0;
                transition: 1s;
                font-size: 20px;
                letter-spacing: 1em;
            }
            
            .TrackingIn.-active {
                opacity: 1;
                letter-spacing: normal;
            }
            
            .FadeInLeft {
                opacity:0;
                transition: 1s;
                transform: translatex(-100px);
            }
            .FadeInLeft.-active {
                opacity:1;
                transform: translatex(0);
                animation-delay: 1s;
            }
            .FadeInRight {
                opacity:0;
                transition: 1s;
                transform: translatex(+100px);
            }
            .FadeInRight.-active {
                opacity:1;
                transform: translatex(0);
                animation-delay: 1s;
            }



/* ----------------------------------------- actibiz_tops ---- */

            img {max-width: 100%;}
            h2, h3, h4, h5 {font-weight: bold;}
            h2 {font-size: 22px;}
            h4 {margin-block-start: 1.33em;margin-block-end: 1.33em;}
            p {padding: 1em 0;}

            #lp_wrap .masthead {
                padding: 0;
                background-size: auto auto;
                background-image: none;
                text-align: center;
                background-color: #e8e8e8;
                width: 100%;
            }
            #lp_wrap .intro {
                width: 976px;
                margin: 60px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
            }
            #lp_wrap .masthead h1 img {
                display: block;
                margin: auto;
                max-width: 1920px;
                width: 100%;
                height: 100%;
                padding: 0;
                max-height: 660px;
            }


            p.caution_txt {
                text-align: center;
                font-size: 12px;
                /* margin-top: -20px; */
            }
            .intro_box {
                display: flex;
                flex-direction: row;
                align-items: center;
                margin: 0 auto;
                justify-content: center;
            }
            .intro_box_txt {
                text-align: left;
                margin-left: 40px;
            }
            
            p.top_txt {
                font-weight: bold;
                font-size: 22px;
                background: linear-gradient(transparent 4.2em, #a296a199 0, #a296a199 calc(5.1em + 4px) , transparent 0);
                display: inline-block;
                margin: -50px 0 0;
                padding: 0;
            }
            span.big {
                font-size: 80px;
                font-weight: bold;
                vertical-align: -2%;
            }
            span.middle {
                font-size: 50px;
                font-weight: bold;
                vertical-align: -3%;
            }
            
            .intro_box_txt ul {
                list-style: none;
                font-size: 12px;
                line-height: 1.4;
            }
            
            
            .page_link_botton {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
            }
            .page_link_botton p {
                margin: 7px;
                padding: 0;
            }
            .page_link_botton a {
                background-color: #000;
                color: #fff;
                text-decoration: none;
                border-radius: 5px;
                width: 300px;
            }
            .page_link_botton a:hover {
                opacity: 0.6;
            }
            .page_link_botton a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }
            
            #lp_wrap section {
                display: block;
                width: 100%;
                padding: 0 0 80px 0;
            }


            /* ----------------------------------------- button ---- */
            #lp_wrap .wrap_listbtn a {
                position: relative;
                background: #000000;
                font-size: 14px;
                font-weight: normal;
                border-radius: 50px;
                color: #ffffff;
                padding: 10px 0;
                display: block;
                text-align: center;
                width: 350px;
                margin: 60px auto 0;
                text-decoration: none;
                line-height: 1.6;
            }
            
            /* ----------------------------------------- section#sec01 ---- */
            #sec01 {
                background-color: #000;
                text-align: center;
            }
            
            #sec01 .lineup_area {
                width: 976px;
                margin: 0px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
            }
            #sec01 h2 {
                color: #fff;
                font-size: 24px;
                padding: 40px 0 15px 0;
            }
            #sec01 ul {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding: 0;
            }
            #sec01 li {
                padding: 0 20px;
                font-size: 16px;
                width: 260px;
                background-color: #fff;
            }

            /* ----------------------------------------- section#sec02 ---- */
            #sec02 {
                background-color: #E8E8E8;
                margin-top: -15px;
            }
            #sec02 .lineup_01 {
                width: 976px;
                margin: 0px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
                padding-top: 60px;
            }
            
            p.sub_title {
                text-align: left;
                font-size: 18px;
                margin: -20px 0;
            }
            h3 {
                text-align: left;
                font-size: 48px !important;
                margin: 0 0;
            }
            p.size_txt {
                font-size: 14px;
                text-align: left;
                margin: -24px 0 20px 0;
            }
            
            .lineup_01_parent {
                background: url(/user_data/packages/store/images/pj/actibiz_tops/bg_lattice_02.png) center;
                background-size: 83%;
                background-repeat: no-repeat;
            }
            .lineup_01_parent {
                display: grid;
                grid-template-columns: 0.8fr 1.5fr 0.8fr;
                grid-template-rows: repeat(1, 0.5fr);
                grid-column-gap: 0px;
                grid-row-gap: 0px;
            }
            .lineup_01_parent p {
                font-size: 14px;
                line-height: 1.4;
            }
            
            h4 {
                text-align: left;
                font-family: "Noto Sans JP", sans-serif;
                margin-bottom: 0;
            }
            .div1 {
                grid-area: 1 / 1 / 2 / 3;
                text-align: left;
                z-index: 999;
            }
            .div2 {
                grid-area: 2 / 1 / 3 / 2;
                text-align: left;
            }
            .div3 {
                grid-area: 3 / 1 / 4 / 3;
                text-align: left;
                z-index: 9999;
                width: 510px;
            }
            .div4 { grid-area: 1 / 2 / 4 / 3; }
            .div5 {
                grid-area: 1 / 3 / 4 / 4;
                position: relative;
            }
            .div5_box {
                background-color: #DADADA;
                border-radius: 20px;
                padding: 20px;
                width: 256px;
                text-align: left;
                box-sizing: border-box;
                position: absolute;
                top: 60px;
            }
            .div5_icon_title {
                display: flex;
                align-items: center;
                height: 60px;
                box-sizing: border-box;
                margin-top: -10px;
            }
            h5 {
                overflow: hidden;
                position: relative;
                width: 106px;
                height: 75px;
                background: #ffffff;
                border-radius: 50%;
                margin-top: -60px;
                margin-left: 132px;
            }
            h5 span {      /* 前面の文字エリア */
              position     : absolute;
              display      : inline-block;
              background   : rgba(255, 255, 255, 0.6);
              top          : 50%;
              left         : 50%;
              padding      : 3px;
              color        : #333;
              transform    : translate(-50%,-50%);
              font-size    : 12pt;
              font-weight: bold;
              border-radius: 5px;
              white-space: nowrap;
            }
            #sec02 h6 {
                font-family: "Noto Sans JP", sans-serif;
                font-weight: bold;
                font-size: 22px;
                margin-left: 10px;
            }

            .item_area {
                width: 976px;
                margin: 60px auto 0;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
            }

            /* ----------------------------------------- section#sec02_2 ---- */

            #sec02_2 h2 {
                font-size: 24px;
                padding: 0 0 15px 0;
            }
            .comment_box {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 976px;
                margin: 0px auto 120px;
                font-size: 16px;
                line-height: 1.8;
            }
            .comment_box_icon p {
                font-size: 18px;
                font-weight: bold;
            }
            .comment_box_icon {
                width: 450px;
                text-align: center;
            }
            .comment_box_txt {
                padding: 4px 25px;
                margin-left: 20px;
                position:relative;
                background:#e8e8e8;
                border-radius:10px;
                -webkit-border-radius:10px;
                -moz-border-radius:10px;
            }
            .comment_box_txt:after{
                border: solid transparent;
                content:'';
                height:0;
                width:0;
                pointer-events:none;
                position:absolute;
                border-color: rgba(0, 153, 255, 0);
                border-top-width:20px;
                border-bottom-width:4px;
                border-left-width:59px;
                border-right-width:59px;
                margin-top: -4px;
                border-right-color:#e8e8e8;
                right:100%;
                top:50%;
            }
            
            .styling_box {
                background-color: #BBC8B5;
                width: 750px;
                margin: 0 auto;
                display: flex;
                justify-content: space-between;
            }
            .styling_box_img {
                margin-top: -90px;
                position: relative;
            }
            .styling_box_link {
                position: relative;
                white-space: nowrap;
                width: 240px;
            }
            .styling_box_link h4 {
                right: 28px;
                position: absolute;
            }
            .styling_box_link dl {
                position: absolute;
                bottom: 30px;
                right: 20px;
                display: flex;
                flex-wrap: wrap;
                width: 220px;
            }
            .styling_box_link dt {
                float: left;
                width: 40%;
                margin-top: 20px;
                font-size: 16px;
            }
            .styling_box_link dd {
                width: 40%;
                margin: 20px 0 0 10px;
            }
            .styling_box_link dd a {
                background-color: #000;
                color: #fff;
                text-decoration: none;
                padding: 4px 20px 7px;
                border-radius: 50px;
            }
            .styling_box_link dd a:hover {
                opacity: 0.6;
            }
            .styling_box_link dd a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }
            #sec02_2 h4 {
                font-family: "Noto Sans JP", sans-serif;
                position: absolute;
                top: 0px;
                right: 20px;
            }

            /* ----------------------------------------- section#sec03 ---- */
            #sec03 {
                background-color: #E8E8E8;
                margin-top: -15px;
            }
            #sec03 .lineup_02 {
                width: 976px;
                margin: 0px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
                padding-top: 60px;
            }
            
            .lineup_02_parent {
                background: url(/user_data/packages/store/images/pj/actibiz_tops/bg_lattice_02.png) center;
                background-size: 83%;
                background-repeat: no-repeat;
            }
            .lineup_02_parent {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 0.9fr repeat(2, 1.7fr) 0.3fr;
                grid-column-gap: 0px;
                grid-row-gap: 0px;
                }
            .lineup_02_parent p {
                font-size: 14px;
                line-height: 1.4;
            }

                .lineup_02_parent .div1 { grid-area: 1 / 2 / 4 / 4;z-index: 9990; }
                .lineup_02_parent .div2 { grid-area: 2 / 1 / 3 / 3;z-index: 9999;width: 290px; }
                .lineup_02_parent .div3 { grid-area: 3 / 1 / 4 / 3;z-index: 9999;width: 290px; }
                .lineup_02_parent .div4 { grid-area: 1 / 3 / 3 / 5;z-index: 9999;margin-top: 20px }
                .lineup_02_parent .div5 { grid-area: 1 / 4 / 5 / 5; }
                .lineup_02_parent .div5_icon_title {
                    display: flex;
                    align-items: center;
                    height: 60px;
                    box-sizing: border-box;
                    margin-top: 95px;
                }
                #sec03 h6 {
                    font-family: "Noto Sans JP", sans-serif;
                    font-weight: bold;
                    font-size: 19px;
                }
                #sec03_2 .styling_box {
                    background-color: #BAC7CC;
                    width: 750px;
                    margin: 0 auto;
                    display: flex;
                    justify-content: space-between;
                }
      
            /* ----------------------------------------- section#sec04 ---- */
            #sec04 {
                background-color: #E8E8E8;
                margin-top: -15px;
            }
            #sec04 .lineup_03 {
                width: 976px;
                margin: 0px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
                padding-top: 60px;
            }
            
            .lineup_03_parent {
                background: url(/user_data/packages/store/images/pj/actibiz_tops/bg_lattice_02.png) center;
                background-size: 83%;
                background-repeat: no-repeat;
            }
            .lineup_03_parent {
                display: grid;
                grid-template-columns: repeat(4, 1fr);
                grid-template-rows: 0.9fr repeat(2, 1.7fr) 0.3fr;
                grid-column-gap: 0px;
                grid-row-gap: 0px;
                }
            .lineup_03_parent p {
                font-size: 14px;
                line-height: 1.4;
            }

                .lineup_03_parent .div1 { grid-area: 1 / 2 / 4 / 4;z-index: 9990; }
                .lineup_03_parent .div2 { grid-area: 2 / 1 / 3 / 3;z-index: 9999;width: 290px; }
                .lineup_03_parent .div3 { grid-area: 3 / 1 / 4 / 3;z-index: 9999;width: 290px; }
                .lineup_03_parent .div4 { grid-area: 3 / 3 / 3 / 5;z-index: 9999;margin-top: -40px }
                .lineup_03_parent .div5 { grid-area: 1 / 4 / 5 / 5; }
                .lineup_03_parent .div5_icon_title {
                    display: flex;
                    align-items: center;
                    height: 60px;
                    box-sizing: border-box;
                }
                .lineup_03_parent .div5_box {
                    top: 90px;
                }
                #sec04 h6 {
                    font-family: "Noto Sans JP", sans-serif;
                    font-weight: bold;
                    font-size: 19px;
                }
                #sec04_2 .styling_box {
                    background-color: #DBD8BF;
                    width: 750px;
                    margin: 0 auto;
                    display: flex;
                    justify-content: space-between;
                }          

            /* ----------------------------------------- section#sec05 ---- */
                section#sec05 {
                    text-align: center;
                    background-color: #CEAFAF;
                    padding-top: 50px;
                }
                #sec05 h2 {
                    margin-bottom: 10px;
                }


            /* ----------------------------------------- section#sec06 ---- */
            #sec06 {
                margin-top: 0;
                text-align: center;
            }
            #sec06 h2 {
                font-size: 20px;
                padding-top: 60px
            }

            #sec06 .coordinate_box {
                width: 976px;
                margin: 0px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
                padding-top: 60px;
            }
            .coordinate_box {
                display: flex;
                flex-direction: row;
                align-items: center;
                background: url(/user_data/packages/store/images/pj/actibiz_tops/bg_lattice_02.png) center 94%;
                background-size: 89%;
                background-repeat: repeat-x;
            }

            /* ----------------------------------------- section#sec07 ---- */
            #sec07 {
                margin-top: 85px;
                text-align: center;
                background-color: #e8e8e8;
            }
			#sec07 .osusume_area {
                width: 976px;
                margin: 0px auto;
                font-size: 16px;
                line-height: 1.8;
                text-align: center;
                padding-top: 10px;
            }
            #sec07 h2 {
                padding-top: 60px;
            }
            .osusume_area_txt {
                width: 600px;
                margin: 0 auto;
                text-align: left;
            }
                        .main-top {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: justify;
                -ms-flex-pack: justify;
                justify-content: space-between;
            }
            .main-contents {
                width: 50.7%;
                max-width: 497px;
                padding-top: 84px;
            }
            .main-img {
                width: 93.9%;
                margin: 0 0 45px;
            }
            .main-mv {
                width: 42.4%;
                max-width: 415px;
            }
            .main-head__title {
                font-size: 46px;
                letter-spacing: 0.1em;
                line-height: 1.3;
                margin-bottom: 0;
                margin-top: 0;
            }
            .main-head__title, .main-head__title span {
                font-weight: bold;
                font-family: "din-2014", sans-serif;
            }

            .product_list ul {
                display: flex;
                padding: 0;
            }
            .product_list li {
                list-style: none;
                line-height: 1.2;
                margin: 0 10px;
            }
            .product_list li a {
                -webkit-transition: all 0.3s ease-in 0s;
                transition: all 0.3s ease-in 0s;
            }
            .product_list li a {
                background-color: #000;
                color: #fff;
                text-decoration: none;
                padding: 4px 20px 7px;
                border-radius: 50px;
                margin-top: 8px;
                display: inline-block;
            }
            .product_list li a:hover {
                opacity: 0.6;
            }

            ul.styling {
                display: flex;
                justify-content: center;
            }
            .styling li {
                list-style: none;
                padding: 0 6px;
                width: 240px;
            }


            .more {
                width: 96%;
                max-width: 980px;
                margin: 60px auto 0;
                text-align: center;
            }
            h2.more-title {
                margin-bottom: 15px;
            }
            .more-list {
                display: -webkit-box;
                display: -ms-flexbox;
                display: flex;
                -webkit-box-pack: center;
                -ms-flex-pack: center;
                justify-content: center;
                -ms-flex-wrap: wrap;
                flex-wrap: wrap;
            }
            .more-item {
                display: inline-block;
                width: 22.7%;
            }
            .more-item {
                margin-right: 5.5%;
                margin-top: 20px;
            }
            .more-item:nth-child(-n+3) {
                margin-top: 0;
            }
            .more-item a {
                display: block;
                border: 3px solid #000;
                background: #000;
                color: #fff;
                text-align: center;
                font-size: 20px;
                line-height: 38px;
                -webkit-transition: all 0.5s ease;
                transition: all 0.5s ease;
                text-decoration: none;
            }
            .more-item a:hover {
                background: #fff;
                color: #000;
                opacity: 1;
            }
            li {
                list-style: none;
            }

            #bottom_banner {
                text-align: center;
            }
            .bnr_box {
                margin-top: 15px;
                display: flex;
                justify-content: space-evenly;
            }
            a.box-link {
                padding: 0 5px;
            }




/* カート */
            .item_area ul {
                background-color: #fff;
                display: flex;
                justify-content: center;
                margin-bottom: 80px;
            }
                    
            .style_area_product p {
                margin-bottom: 30px;
            }
                    
            .column2 div.ProductsData_item {
                width: calc(400px/2);
                margin: 30px 10px;
            }
            .column3 div.ProductsData_item {
                width: calc(560px/3);
                margin: 20px 5px 5px;
            }
            .column6 div.ProductsData_item {
                width: calc(560px/3);
                margin: 20px 5px 5px;
                display: flex;
                flex-direction: column;
            }
            .coordinate_box ul.column3 {
                display: flex;
                justify-content: space-evenly;
                width: 690px;
            }
            .coordinate_box .column3 div.ProductsData_item {
                width: calc(505px/3);
                margin: 8px 5px 5px;
                background-color: #fff;
            }

            p.ProductsData_name {
                font-size: 14px;
                line-height: 1.2;
                margin: 5px 0 !important;
                padding: 0;
                text-align: left;
            }
            p.ProductsData_price {
                margin-bottom: 8px;
                text-align: right;
                padding: 0;
            }
            img.ProductsData_img {
                width: 100%;
            }
            .ProductsData_name svg {
                display: none;
            }
            .ProductsData_size {
                width: 100%;
                margin-bottom: 6px;
                padding: 2px 2px;
                border-radius: 4px;
            }

                    

            
            button.ProductsData_button {
                position: relative;
                width: 100%;
                color: #fff;
                background-color: #000;
                border-radius: 5px;
                outline: none;
                overflow: hidden;
            }
            button.ProductsData_button::before {
                content: '';
                /*絶対配置でキラッと光るの位置を決める*/
                position: absolute;
                top: 0;
                left: -75%;
                /*キラッと光る形状*/
                width: 50%;
                height: 100%;
                background: linear-gradient(to right, rgba(255,255,255,0) 0%, rgba(255,255,255,.3) 100%);
                transform: skewX(-25deg);
            }
            /*hoverした際の移動のアニメーション*/
            button.ProductsData_button:hover::before {
                animation: shine 0.7s;
            }
                    
            @keyframes shine {
                100% {
                    left: 125%;
                }
            }

            .item_link_button {
                display: flex;
                justify-content: center;
                align-items: center;
                width: 95%;
                margin: 0 auto;
                border: 1px solid #000000;
                border-radius: 5px;
                background-color: #fff;
                color: #000000;
            }
            
            .item_link_button::after {
                transform: rotate(45deg);
                width: 5px;
                height: 5px;
                margin-left: 10px;
                border-top: 2px solid #000000;
                border-right: 2px solid #000000;
                content: '';
            }