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

    /*=====<=====<=====<=====<=====<=====<=====
    top
  =====>=====>=====>=====>=====>=====>=====*/
    #top #topHeader {
        background: #58595B;
        position: fixed;
    }

    #top #topHeader .logo {
        display: none;
    }

    #topHeader #spMenu span {
        height: 3px !important;
    }

    #top .mainVisual-l {
        height: 300px;
    }

    #top #mainVisual {
        height: 300px;
    }

    #top #mainVisual img {
        width: 90px;
        position: absolute;
        top: 0;
        bottom: 0;
        left: 0;
        right: 0;
        margin: auto;
    }

    #top #mainVisual .slideList {
        width: 100%;
        height: 300px;
    }

    #top #mainVisual .slideList button {
        display: none !important;
    }

    #top #mainVisual .slideItem {
        background: #aeaeae;
        display: block;
    }

    #top #mainVisual .slideItem:nth-of-type(1) {
        width: 100%;
        height: 300px;
        background: url(../img/top/mv01.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #top #mainVisual .slideItem:nth-of-type(2) {
        width: 100%;
        height: 300px;
        background: url(../img/top/mv02.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #top #mainVisual .slideItem:nth-of-type(3) {
        width: 100%;
        height: 300px;
        background: url(../img/top/mv03.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #top #mainVisual .slideItem:nth-of-type(4) {
        width: 100%;
        height: 300px;
        background: url(../img/top/mv04.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #top #mainVisual .slideItem:nth-of-type(5) {
        width: 100%;
        height: 300px;
        background: url(../img/top/mv05.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #top #mainVisual .slideItem:nth-of-type(6) {
        width: 100%;
        height: 300px;
        background: url(../img/top/mv06.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #top #sec01 {
        position: relative;
    }

    #top #sec01::before {
        width: 100%;
        height: 100%;
        position: absolute;
        left: 0;
        top: 0;
        display: block;
        background: url(../img/top/concept01-2.jpg) no-repeat;
        background-position: 65% top;
        background-size: cover;
    }

    #top #sec01::after {
        display: none;
    }

    #top #sec01 .inner {
        width: 100%;
        padding: 0;
        justify-content: center;
        align-items: flex-end;
    }

    #top #sec01 .box {
        width: 100%;
        height: 100%;
        padding: 65px 10%;
        background: rgba(64, 63, 65, 0.6);
    }

    #top #sec01 header {
        position: absolute;
        top: 50px;
    }

    #top #sec01 header::before {
        display: none;
    }

    #top #sec01 img {
        width: 90%;
        margin: auto;
        margin-top: 50px;
        margin-bottom: 30px;
    }

    #top #sec01 h2 {
        color: #fff;
        font-size: 16px;
        text-align: center;
    }

    #top #sec01 h3 {
        margin-top: 30px;
        font-size: 20px;
        padding-left: 0;
        text-indent: 0;
        margin-left: 0;
    }

    #top #sec01 h4 {
        margin-bottom: .5em;
        font-size: 18px;
        text-align: left;
        padding-bottom: .5em;
        border-bottom: 1px solid;
    }

    #top #sec01 p {
        font-size: 12px;
    }

    #top #sec01 .btn {
        width: 200px;
        height: 40px;
        margin: auto;
        margin-top: 30px;
    }

    #top #sec02 {
        padding: 50px 0 50px;
    }

    #top #sec02 #category h2,
    #top #sec02 #topics h2 {
        width: 170px;
        font-size: 15px;
        display: block;
        margin: auto;
        padding-bottom: .5em;
        margin-bottom: 25px;
        border-bottom: 1px solid;
    }

    #top #sec02 #category {
        margin-bottom: 50px;
    }

    #top #sec02 #category .slideList2 {
        padding-left: 0;
    }

    #top #sec02 #category .box {
        width: 100%;
    }

    #top #sec02 #category .box + .box {
        margin-left: 0;
    }

    #top #sec02 #category .box h3 .wrap {
        display: block;
        padding: 80px 0;
        font-size: 20px;
    }

    #top #sec02 #category .slick-prev {
        width: 15px !important;
        height: 87.5px !important;
        z-index: 99 !important;
        top: 50px;
        left: -25px;
        margin: auto;
        background: url(../img/top/slick_caret.png) no-repeat !important;
        background-size: 15px !important;
        background-position: center !important;
        transform: scale(-1) !important;
        display: block !important;
    }

    #top #sec02 #category .slick-prev::before {
        display: none;
    }

    #top #sec02 #category .slick-next {
        width: 15px !important;
        height: 87.5px !important;
        z-index: 99 !important;
        top: 87px;
        right: -25px;
        margin: auto;
        background: url(../img/top/slick_caret.png) no-repeat !important;
        background-size: 15px !important;
        background-position: center !important;
        display: block !important;
    }

    #top #sec02 #category .slick-next::before {
        display: none;
    }

    #top #sec02 #topics .box {
        width: calc(50% - 10px);
        display: block;
    }

    #top #sec02 #topics .box:nth-child(even) {
        margin-left: 20px;
    }

    #top #sec02 #topics .box {
        margin-top: 25px;
    }

    #top #sec02 #topics .box:first-child,
    #top #sec02 #topics .box:nth-child(2) {
        margin-top: 0;
    }

    #top #sec02 #topics .box .thumbnail {
        margin-bottom: 10px;
    }

    #top #sec02 #colorsample li {
        width: 47%;
        height: auto;
        margin-bottom: 10px;
        object-fit: cover;
    }

    #top #sec02 #colorsample .sp-next-arrow01 {
        color: #fff;
    }

    #top #sec02 #colorsample .btn {
        margin: 20px auto 0;
    }

    #top #sec03 .inner {
        align-items: flex-start;
    }

    #top #sec03 header {
        width: 100%;
        position: relative;
        margin-bottom: 20px;
    }

    #top #sec03 header h4 {
        color: #fff;
        text-align: left;
        padding: 1em;
        padding-left: 0;
        margin-bottom: 0;
        border-bottom: 1px solid;
    }

    #top #sec03 header a {
        width: 35px;
        position: absolute;
        right: 0;
        top: 0;
        bottom: 0;
        margin: auto;
    }

    #top #sec03 header a img {
        width: 100%;
        height: auto;
    }

    #top #sec03 .box {
        width: 100%;
    }

    #top #sec03 .box a {
        width: 33%;
        display: block;
    }

    #top #sec03 .box a:nth-of-type(n+4) {
        margin-top: .5%;
    }

    /*=====<=====<=====<=====<=====<=====<=====
    concept
  =====>=====>=====>=====>=====>=====>=====*/
    #concept #pageHead {
        background: url(../img/concept/pagehead.jpg) no-repeat;
        background-size: cover;
    }

    #concept #sec01 {
        padding: 30px 0;
    }

    #concept #sec01 p {
        font-size: 17px;
        text-align: center;
    }

    #concept #sec02 {
        position: relative;
        padding: 72px 0 !important;
        color: #fff;
        background: #58595B;
    }

    #concept #sec02 .box {
        width: 100%;
    }

    #concept #sec02 header h2 {
        margin-top: .5em;
    }

    #concept #sec02 header::before {
        content: "";
        width: 1px;
        height: 70px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        margin: auto;
        background: #fff;
    }

    #concept #sec02 h3 {
        font-size: 18px;
        text-align: center;
        margin: 25px auto 30px;
    }

    #concept #sec02 h4 {
        font-size: 18px;
        margin-bottom: 20px;
        padding-bottom: .5em;
        border-bottom: 1px solid;
    }

    #concept #sec02 p {
        text-align: left;
    }

    #concept #sec03,
    #concept #sec04 {
        padding: 50px 0;
    }

    #concept #sec03 img,
    #concept #sec04 img {
        width: 100%;
        height: auto;
        position: static;
        top: 0;
        bottom: 0;
        right: 0;
        margin: 30px auto 0;
    }

    #concept #sec03 .box,
    #concept #sec04 .box {
        width: 100%;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        flex-wrap: wrap;
    }

    #concept #sec03 h3,
    #concept #sec04 h3 {
        margin-bottom: 50px;
        padding-bottom: .2em;
        font-size: 14px;
        border-bottom: 1px solid;
        display: inline-block;
        text-align: left;
    }

    #concept #sec03 h4,
    #concept #sec04 h4 {
        margin-bottom: 30px;
        font-size: 18px;
    }

    #concept #sec03 p,
    #concept #sec04 p {
        margin-bottom: 25px;
    }

    #concept #sec03 .btn,
    #concept #sec04 .btn {
        margin: auto;
    }

    #concept #sec03 .btn + .btn,
    #concept #sec04 .btn + .btn {
        margin: auto;
    }

    #concept #sec05 {
        padding: 50px 0;
    }

	#concept #sec05 img {
		width: 100%;
		height: 202px;
		object-fit: cover;
		margin-bottom: 1em;
    }
	#concept #sec05 .snsArea img {
		width: 28px;
		height: 28px;
		object-fit: fill;
		margin-bottom: 0;
	}
	
	#concept #sec05 .contest ul#snsArea {
		flex-wrap: nowrap;
		flex-direction: unset !important;
	}

    #concept #sec05 .box {
        width: 100%;
    }

    #concept #sec05 .box h3 {
        text-align: left;
        font-size: 18px;
        margin-bottom: 35px;
    }

    #concept #sec05 .box h3 span {
        font-size: 13px;
        margin-bottom: .5em;
        display: block;
    }

    #concept #sec05 .contest {
        margin-top: 25px;
    }

    #concept #sec05 .contest h4 {
        width: 100%;
        font-size: 15px;
        text-align: left;
        padding-bottom: .2em;
        margin-bottom: 1em;
        border-bottom: 1px solid;
    }

    #concept #sec05 .contest ul {
        width: 100%;
        font-size: 12px;
        letter-spacing: .1em;
        flex-direction: column;
    }


    /*=====<=====<=====<=====<=====<=====<=====
    EVENT&NEWS
  =====>=====>=====>=====>=====>=====>=====*/

    .inner-1200 {
        width: 100% !important;
    }


    #eventsNews02 {
        margin-top: 1.25rem !important;
    }

    #eventsNews02 .box {
        width: 100s% !important;
    }

    .bbox {
        padding: 1rem !important;
        margin-top: 0 !important;
    }


    .wrap-outer {
        width: 100% !important;
        margin-bottom: 10px !important;
    }

    /*=====<=====<=====<=====<=====<=====<=====
    CATALOG
  =====>=====>=====>=====>=====>=====>=====*/


    #catalog .box {
        width: 50% !important;
        min-width: auto !important;
        min-height: auto !important margin-bottom: 50px !important;
    }


    #catalog li h3.wrap {
        font-size: 12px !important;
    }

    img.sp {
        max-height: 110px !important;
    }

    #catalog ul:nth-of-type(1) {
        margin-bottom: 0 !important;
    }

    #catalog .btn {
        margin: 20px auto 80px !important;
    }

    #sec02 {
        padding: 0 !important;
    }

    #top #sec02 #eventsNews03 {
        margin-bottom: 0 !important;
        max-width: 100% !important;
        max-width: 800px !important;
        margin-bottom: 60px !important;
        padding: 1.2rem !important;
        text-align: justify !important;
    }


    div#eventsNews {
        margin-top: 60px;
    }

    /*=====<=====<=====<=====<=====<=====<=====
    service
  =====>=====>=====>=====>=====>=====>=====*/
    #service #pageHead {
        background: url(../img/service/pagehead.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #service #sec01 {
        padding: 30px 0;
    }

    #service #sec01 .btn {
        padding: 0 0;
        font-size: 16px;
        width: 100%;
        height: 50px;
    }

    #service #sec01 .btn span {
        font-size: 13px;
    }

    #service #sec01 .btn + .btn {
        margin-top: 20px;
    }

    #service #sec02 figure,
    #service #sec03 figure {
        width: 100%;
        height: 150px;
    }

    #service #sec02 .wrap,
    #service #sec03 .wrap {
        padding-top: 50px;
    }

    #service #sec02 .box,
    #service #sec03 .box {
        width: 570px;
        padding: 30px 0;
        justify-content: flex-start;
    }

    #service #sec02 img,
    #service #sec03 img {
        width: 100%;
        height: auto;
        margin-top: 50px;
        position: static;
        top: auto;
        bottom: 0;
        margin: auto;
    }

    #service #sec02 h3,
    #service #sec03 h3 {
        margin-bottom: 30px;
        font-size: 18px;
        padding-bottom: 10px;
    }

    #service #sec02 h3 span,
    #service #sec03 h3 span {
        margin-bottom: .5em;
    }

    #service #sec02 ul,
    #service #sec03 ul {
        width: 100%;
        margin: 40px 0;
    }

    #service #sec02 .btn,
    #service #sec03 .btn {
        width: calc(50% - .6em);
        height: 40px;
        margin: auto;
        display: flex;
        justify-content: center;
        align-items: center;
        font-size: 13px;
        border: 1px solid;
    }

    #service #sec02 .btn + .btn,
    #service #sec03 .btn + .btn {
        margin: auto;
        margin-top: 0;
    }

    #service #sec02 .inner {
        justify-content: flex-end;
        padding-bottom: 35px;
    }

    #service #sec02 figure {
        background: url(../img/service/sec02_top.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #service #sec02 img {
        left: 0;
    }

    #service #sec03 figure {
        background: url(../img/service/sec03_top.jpg) no-repeat;
        background-position: center;
        background-size: cover;
    }

    #service #sec03 img {
        right: 0;
    }

    #service #sec03 .box {
        padding-bottom: 0;
    }

    /*=====<=====<=====<=====<=====<=====<=====
    items
  =====>=====>=====>=====>=====>=====>=====*/
    #items #pageHead {
        padding: 100px 0 50px;
    }

    #items #sec01 {
        padding: 30px 0;
    }

    #items #sec01 .termList {
        display: flex;
        justify-content: space-between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    #items #sec01 .termList + .termList {
        margin-top: 12px;
    }

    #items #sec01 .termList h4 {
        width: 100%;
        margin-bottom: .3em;
        text-align: left;
    }

    #items #sec01 .termList ul {
        width: 100%;
        display: flex;
        justify-content: between;
        align-items: flex-start;
        flex-wrap: wrap;
    }

    #items #sec01 .termList li + li {
        margin-left: 0;
    }

    #items #sec01 .termList li a {
        font-size: 10px;
        padding: .2em 1em;
    }

    #items #sec02 {
        padding: 50px 0 0;
    }

    #items #sec02 .inner {
        justify-content: space-between;
    }

    #items #sec02 .box {
        width: 48%;
        display: block;
        margin-right: 0;
        margin-left: 0;
    }

    #items #sec02 .box:nth-of-type(4n) {
        margin-right: 0;
    }

    #items #sec02 .box:nth-of-type(n+5) {
        margin-top: 80px;
    }

    #items #sec02 .box:nth-of-type(n+3) {
        margin-top: 30px;
    }

    #items #sec02 .box img {
        width: 100%;
        height: auto;
    }

    #items #sec02 .box .noimg {
        width: 50%;
    }

    #items #sec02 .box p {
        margin-top: .8em;
        font-size: 13px;
        line-height: 1.2;
    }
	
	#items #cat_description {
		padding-top: 50px;
	}

    /*=====<=====<=====<=====<=====<=====<=====
    CATALOG&ONLINESHOP
  =====>=====>=====>=====>=====>=====>=====*/

    .inner-1200.next-arrow01.border-white {
        max-width: 92% !important;
    }

    #secAside {
        padding: 0 !important;
    }

    #secAside::before {
        width: 100% !important;
        height: 100% !important;
    }


    #secAside::after {
        width: 100% !important;
        height: 50% !important;
    }

    #secAside h3 {
        margin-bottom: 0 !important;
    }
	
	#secAside .sp-w100p {
		padding: 50px 20px !important;
	}

	#secAside .next-arrow01:after {
		width: 25px;
		height: 25px;
    }
	

    /*=====<=====<=====<=====<=====<=====<=====
    single-items
  =====>=====>=====>=====>=====>=====>=====*/
    #single-items #pageHead {
        padding: 100px 0 50px;
    }

    #single-items #sec01 {
        padding: 50px 0;
    }

    #single-items #sec01 header {
        margin-bottom: 25px;
    }

    #single-items #sec01 header .tax + .tax {
        margin-left: 12px;
    }

    #single-items #sec01 header .tax a {
        font-size: 12px;
    }

    #single-items #sec01 header h1 {
        font-size: 17px;
    }

    #single-items #sec01 header p {
        font-size: 12px;
        text-align: left;
    }

    #single-items #sec01 .price {
        font-size: 18px;
        margin-bottom: 20px;
    }

    #single-items #sec01 .price + span {
        font-size: 13px;
        margin-bottom: 1em;
        margin-left: -.5em;
    }

    #single-items #sec01 .thumbnail {
        margin-bottom: 40px;
        width: 100% !important;
        order: -1;
    }

    #single-items #sec01 .thumbnail .large {
        width: 100% !important;
        height: auto;
    }

    #single-items #sec01 .thumbnail .large img {
        max-height: 345px;
        object-fit: cover;
    }

    #single-items #sec01 .thumbnail .small {
        margin-top: 15px;
    }

    #single-items #sec01 .thumbnail .small div {}

    #single-items #sec01 .thumbnail .small img {
        height: auto;
    }

    #single-items #sec01 .thumbnail .small li {
        padding-left: 2.5%;
    }

    #single-items #sec01 .thumbnail article {
        width: 100%;
        margin-top: 40px;
    }

    #single-items #sec02 h3 {
        width: 100%;
        font-size: 20px;
        text-align: center;
        margin-bottom: 40px;
    }

    #single-items #sec02 h3 + p {
        font-size: 15px;
        text-align: center;
        margin-bottom: 41px;
    }

    #single-items #sec02 .inner {
        width: 100%;
        color: #fff;
        padding: 40px 7.5%;
        background: rgba(88, 89, 91, 0.8);
    }

    #single-items #sec02 .box {
        width: 100%;
        margin: auto;
    }

    #single-items #sec02 a {
        width: 100%;
        height: 50px;
        display: -webkit-flex;
        display: -ms-flex;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        font-size: 14px;
    }

    #single-items #sec02 a span {
        width: 100%;
        display: block;
        margin-top: -.5em;
        text-align: center;
    }

    #single-items #sec02 a:nth-of-type(1) {
        border: 3px double;
    }

    #single-items #sec02 a:nth-of-type(1) span {
        font-size: 14px;
    }

    #single-items #sec02 a:nth-of-type(2) {
        border-top: 1px solid;
        border-bottom: 1px solid;
        margin-top: 20px;
        margin-bottom: 30px;
    }

    #single-items #sec02 a:nth-of-type(2) span {
        font-size: 18px;
    }

    #single-items #sec02 p {
        font-size: 12px;
        text-indent: -1em;
        padding-left: 1em;
    }

    #single-items #sec02 p + p {
        margin-top: 0;
    }

    /*=====<=====<=====<=====<=====<=====<=====
    faq
  =====>=====>=====>=====>=====>=====>=====*/
    #faq #sec01 {
        padding-top: 50px;
    }

    #faq #sec01 .box + .box {
        margin-top: 50px;
    }

    #faq #sec01 .box h3 {
        font-size: 18px;
    }

    #faq #sec01 .box dl {
        padding: 15px 0;
    }

    #faq #sec01 .box dt {
        font-size: 15px;
    }

    #faq #sec01 .box dt::before {
        content: "";
        width: 25px;
        height: 25px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/faq/q.png) no-repeat;
        background-size: cover;
    }

    #faq #sec01 .box dd {
        margin-top: .5em;
        position: relative;
        padding-left: 33px;
        font-size: 12px;
    }

    #faq #sec01 .box dd::before {
        content: "";
        width: 25px;
        height: 25px;
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        background: url(../img/faq/a.png) no-repeat;
        background-size: cover;
    }

    /*=====<=====<=====<=====<=====<=====<=====
    recruit
  =====>=====>=====>=====>=====>=====>=====*/

    #recruit #sec01 {
        padding-top: 50px;
    }

    #recruit #sec01 h3 {
        font-size: 18px;
        margin-bottom: 20px;
    }

    #recruit #sec01 p {
        margin-bottom: 50px;
    }

    #recruit #sec01 h4 {
        font-size: 15px;
    }

    #recruit #sec01 .box + .box {
        margin-top: 40px;
    }

    #recruit #sec01 .btn {
        width: 200px;
        height: 45px;
        margin: 20px auto 0;
        float: none;
    }

    #recruit #sec01 table tr {
        border-bottom: 1px solid;
    }

    #recruit #sec01 table tr:first-of-type {
        border-top: 1px solid;
    }

    #recruit #sec01 table tr th {
        width: 120px;
        font-size: 12px;
    }

    #recruit #sec01 table tr td {
        font-size: 12px;
        padding: 10px 1.5em;
    }


    #recruit #sec02 p {
        width: 100%;
        margin-bottom: 30px;
        text-align: center;
        font-size: 14px;
    }

    #recruit #sec02 .btn {
        width: 530px;
        height: 90px;
        padding: 10px 0;
        display: flex;
        justify-content: center;
        align-items: center;
        flex-wrap: wrap;
        border-top: 1px solid;
        border-bottom: 1px solid;
        font-size: 16px;
        line-height: 1.3;
        text-align: center;
    }

    #recruit #sec02 .btn span {
        width: 100%;
        display: block;
        text-align: center;
        font-size: 12px;
    }

    #recruit #sec02 .btn + .btn {
        margin-top: 20px;
    }

    #recruit #sec02 .btn br {
        display: block;
    }

    #recruit #sec02 img {
        margin-top: 40px;
    }


    /*=====<=====<=====<=====<=====<=====<=====
 access
=====>=====>=====>=====>=====>=====>=====*/
    #access #sec01 {
        position: relative;
        padding-bottom: 75%; //縦横比の値
        height: 0;
        overflow: hidden;
		margin: 0 auto 3em;
    }

    #access #sec01 iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100% !important;
        height: 100% !important;
    }

    #access #sec02 {
        padding-top: 1em;
        padding-bottom: 1.25em;
    }
	
	/*=====<=====<=====<=====<=====<=====<=====
	gallery
	=====>=====>=====>=====>=====>=====>=====*/
	#gallery #sec01, #gallery #sec02 {
		padding-top: 0;
	}
	#gallery #sec02 {
		padding-bottom: 3em !important;
	}
	#gallery #sec01 h2, #gallery #sec02 h2 {
		margin: 3.4375em auto 0;
	}
	#gallery #sec01 .ttlTxt, #gallery #sec02 .ttlTxt {
		margin: 1.125em auto;
	}
	
	/*=====<=====<=====<=====<=====<=====<=====
	contact
	=====>=====>=====>=====>=====>=====>=====*/
	body#contact main {
		padding-bottom: 3em;
	}
	body#contact #pageLink .inner {
		margin: 0 !important;
	}
	body#contact p + p {
		margin-top: 0;
	}
	

    /*=====<=====<=====<=====<=====<=====<=====
    shopinfo
  =====>=====>=====>=====>=====>=====>=====*/
    #shopinfo #sec01 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #shopinfo #sec01 .btn {
        width: 170px;
        height: 40px;
        float: none;
        margin: 10px auto;
        font-size: 12px;
    }

    #shopinfo #sec02 .box,
    #shopinfo #sec03 .box {
        width: 100%;
        margin-top: 25px;
        min-height: 0;
    }

    #shopinfo #sec02 img,
    #shopinfo #sec03 img {
        width: 100%;
        position: static;
        top: 0;
        margin: auto;
    }

    #shopinfo #sec02 h3,
    #shopinfo #sec03 h3 {
        font-size: 18px;
        padding-bottom: .1em;
        margin-bottom: .5em;
    }

    #shopinfo #sec02 img {
        background: url(../img/shopinfo/img01.jpg);
        background-size: cover;
        right: 0;
    }

    #shopinfo #sec03 {
        padding-top: 59px;
    }

    #shopinfo #sec04 {
        padding-top: 50px;
    }

    #shopinfo #sec04 .inner {
        width: 100%;
    }

    #shopinfo #sec04 figure {
        width: 100%;
        height: 180px;
    }

    #shopinfo #sec04 .box {
        width: 100%;
        height: auto;
        padding-top: 30px;
        padding-bottom: 30px;
        justify-content: flex-start;
        color: #fff;
        background: #838370;
    }

    #shopinfo #sec04 .box dl {
        width: 85%;
        margin: auto;
        height: auto;
        font-size: 15px;
        flex-wrap: wrap;
        padding: .5em 0;
    }

    #shopinfo #sec04 .box dl:first-of-type {
        padding-top: 0;
    }

    #shopinfo #sec04 .box dt {
        width: 100%;
        margin-bottom: .5em;
    }

    #shopinfo #sec04 .box dd {
        font-size: 12px;
    }

    /*=====<=====<=====<=====<=====<=====<=====
  sitemap
=====>=====>=====>=====>=====>=====>=====*/
    #sitemap #pageHead {
        padding: 100px 0 50px;
    }

    #sitemap main {
        height: auto;
    }

    #sitemap #sec01 {
        padding-top: 50px;
        padding-bottom: 50px;
    }

    #sitemap #sec01 ul {
        width: 100%;
    }

    #sitemap #sec01 ul:nth-of-type(2) li:first-of-type {
        border-top: 0;
    }

    #sitemap #sec01 li {
        border-top: 1px solid;
    }

    #sitemap #sec01 li a {
        width: 100%;
        display: block;
        padding: 1em .5em;
    }

    #sitemap #sec01 li a::after {
        content: "\f054";
        font-family: "FontAwesome";
        display: block;
        float: right;
        line-height: 1.7;
    }

    #sitemap #sec01 li:last-of-type {
        border-bottom: 1px solid;
    }

    /*=====<=====<=====<=====<=====<=====<=====
  404
=====>=====>=====>=====>=====>=====>=====*/
    #no_result #pageHead {
        padding: 100px 0 50px;
    }

    #no_result main {
        min-height: 100vh;
        background: none;
    }

    #no_result #pageHead {
        padding-top: 20%;
        width: 100%;
    }

    #no_result h3 {
        width: 100%;
        text-align: center;
        font-size: 15px;
    }

    #no_result h3 br {
        display: none;
    }

    #no_result p {
        text-align: left;
    }

    #no_result p br:last-of-type {
        display: none;
    }

    #no_result p a {
        text-decoration: underline;
    }



    #items #sec01 .termList li {
        margin-right: 6px;
        margin-bottom: 3px;
    }



    #access #sec02 .flex {
        flex-direction: column;
    }

    #access #sec02 img,
    #access #sec03 img {
        width: 100%;
        position: relative;
    }

    #access #sec02 .box,
    #access #sec03 .box {
        width: 100%;
        min-height: auto;
        margin-bottom: 40px;
    }

    #access #sec02 h3,
    #access #sec03 h3 {
        margin-top: 20px;
        font-size: 24px;
    }

    #access #sec04 .flex {
        flex-direction: column;
    }

    #access #sec04 figure {
        width: 85%;
        height: 200px;
        margin: auto;
    }

    #access #sec04 .box {
        width: 85%;
        margin: auto;
        height: auto;
        padding-top: 0px;
    }

    #access #sec04 .box dl {
        width: 100%;
        margin: auto;
        padding: 9px 12px;
        height: auto;
        font-size: 14px;
        border-bottom: 1px solid;
        align-items: stretch;
    }

    #access #sec04 .box dt {
        width: 6em;
    }


    #concept #sec03 .btn {
        width: calc(50% - .6em);
        font-size: 13px;
    }

    #concept #sec05 .contest ul li {
        width: 100%;
    }

    #top #sec01 header::before {
        content: "";
        width: 1px;
        position: absolute;
        top: -70px;
        left: 0;
        right: 0;
        height: 40px;
        display: block;
        z-index: 4;
        margin: auto;
        background: #fff;
    }

    #top #mainVisual.overlay .slideItem::after {
        background: rgba(0, 0, 0, .8);
    }


    /*=====<=====<=====<=====<=====<=====<=====
    Footer
  =====>=====>=====>=====>=====>=====>=====*/

    #footer .left img {
        width: 90px !important;
    }

    #footer #innerTop {
        padding-bottom: 2em !important;
    }

    #footerNavi {
        margin-top: 30px !important;
    }


    #footer #footerNavi ul {
        display: flex;
        justify-content: center;
        flex-wrap: wrap;
    }

    .right {
        width: 100%;
        align-items: center !important;
    }

    .right p {
        line-height: 1.5 !important;
        margin-bottom: 15px !important;
    }

    #footer #innerBottom .right p {
        text-align: center !important;
    }

    #footer #footerNavi ul li {
        flex-basis: 33% !important;
        margin-top: 0 !important;
    }

    #footer #footerNavi ul:nth-of-type(1) li {
        flex-basis: 33% !important;
    }

    #footer #footerNavi ul li.contact {
        flex-basis: 100% !important;
    }

    #footer #footerNavi ul:nth-of-type(3) .btn {
        width: 100% !important;
    }

    #footer #innerBottom #snsArea {
        padding: 0;
		width: 100%;
		align-items: center;
		justify-content: center;
    }
	#footer #snsArea li:nth-of-type(1) {
		max-width: 40px;
		padding: 0 0.5em;
	}
	#footer #snsArea li:nth-of-type(2) {
		max-width: 40px;
		padding: 0 0.5em;
	}
	#footer #snsArea li:nth-of-type(3) {
		max-width: 80px;
		padding: 0 0.5em;
	}
	



    /*=====<=====<=====<=====<=====<=====<=====
  pagelink
=====>=====>=====>=====>=====>=====>=====*/


    #pageLink {
        padding: 0 7.5% 30px !important;
        margin: auto;
    }

    #pageLink .inner {
        padding: 3em 0 0 0 !important;
    }


    #pageLink a.box {
        flex-basis: 30.333%;
        height: 100px;
    }

    #pageLink a.box p {
        background: rgba(0, 0, 0, 0.7);
        color: #fff;
        font-size: 11px;
        line-height: 1.2;
        padding: 6px 0;
        text-align: center;
        letter-spacing: 0;
    }

    .pc-map {
        display: none;
    }

    .sp-map {
        display: block;
    }

    #contact #sec01 .tab {
        padding: 30px 0 6px;
    }

    #contact #sec01 .tab a {
        line-height: 1;
    }

    .sp-hide {
        display: none;
    }

    .flex article {
        width: 100%;
    }

    #pageLink .bread {
        padding: 12px 0;
    }

    #instafeed {}

    #instafeed a {}

    #instafeed a > img {
        width: 100%;
        height: 120px;
        object-fit: cover;
    }

/*=====<=====<=====<=====<=====<=====<=====
    color chart
  =====>=====>=====>=====>=====>=====>=====*/

	#colorchart .title {
		text-align: center !important;
		padding-bottom: 15px !important;
		margin-bottom: 40px !important;
		font-size: 18px !important;
	}

	#colorchart #pageHead {
		padding: 100px 0 20px !important;
	}


	#colorchart #sec03 .box {
		width: 33%;
		display: block !important;
		margin: 0 0 2px 0 !important;
	}

	#colorchart #sec03 .box:nth-of-type(n+4) {
		margin-top: 0 !important;
	}

	#sec03 #colorsample li .wrap {
		padding: 0 !important;
	}

	#sec-sankou01 .flex,
	#sec-sankou02 .flex {
		justify-content: center;
	}

	#sec-sankou01 figcaption,
	#sec-sankou02 figcaption,
	#sec-paleTone figcaption {
		margin: 5px 0 15px 0 !important;
		;
	}
	#colorchart #section#sec-sankou01 {
		margin-top: 50px !important;
	}

	#sec-sankou02 .size02 {
		width: 100% !important;
		margin-top: 0 !important;
	}

	#colorchart .inner860 {
		margin-bottom: 3em !important;
	}
	
	#colorchart #pageLink .inner {
		padding: 0 !important;
	}


/*=====<=====<=====<=====<=====<=====<=====
    onlineshop
  =====>=====>=====>=====>=====>=====>=====*/

	#logo-text.s-store_font_style {
		font-size: 60px !important;
	}

	.column1-main {
		margin: 0 20px !important;
	}

	ul.c-itemList__list {
		margin: auto 10px !important;
	}

	.c-menu__navigation-link {
		color: #fff !important
	}

	.s-store_text_color-pc {
		color: #fff !important;
	}

}/*とじタグ消さない-"<!-- /@media screen and (max-width: 760px) -->"*/

/*--ハンバーガーメニュー非表示------------------------------------------------*/

@media (min-width: 761px) {
    #globalNavi02.active {
        display: none;
    }
}/*とじタグ消さない-*/

/*=====<=====<=====<=====<=====<=====<=====
    start 20210909 index and colorchart 追加
  =====>=====>=====>=====>=====>=====>=====*/
  @media screen and (max-width: 760px) {

.product-block {
        padding: 40px 20px 0;
}
.tabs-gp #colorsample .flex.tri .box{
  width: 33.33%!important;
  padding: 0 10px!important;
}
.tabs-gp #colorsample .flex {
    margin: 0 -10px!important;
}
.tabs-gp #colorsample  img.sp {
    max-height: 150px !important;
}
.new-sec ul li h3 {
    font-size: 12px;
}
.product-block h3 {
    font-size: 12px!important;
}
.new-chart {
    padding: 40px;
}
.img-div .ofi {
     width: 100%!important;
     height: auto!important;
    margin: 0 auto;
}
.img-div {
    height: 90%!important;
}
.new-sec {
    padding-top: 50px!important;
    padding-bottom: 50px!important;
}
.new-chart .col-wrap li {
    padding-bottom: 20px!important;
}
.tabs-gp #colorsample {
    margin-bottom: 60px!important;
}
.product-block #catalog ul li{
    padding: 0 15px!important;
}
.product-block #catalog ul {
    margin: 0 -15px!important;
}
.tab-h {
    font-size: 15px;
    display: flex;
    justify-content: center;
    align-items: center;
    line-height: 1.3;
}
.tab-p {
    margin: 0;
    font-size: 12px;
    line-height: 1.3;
}
/*20210917*/
object.sp {
    max-height: 110px !important;
}
}
 @media screen and (max-width: 375px) {

  .new-chart {
    padding: 20px;
}
}
 @media screen and (max-width: 320px) {
.tab-p{
    font-size: 11px;
}
}
/*end 20210909 index and colorchart 追加*/