@charset "UTF-8";
/* --------------------------------
	head
-------------------------------- */
header{
  position: fixed;
  left: 0;
  top: 0;
  width: 230px;
  background: #fff;
  border-right: 1px solid #e8e8e8;
  height: 100%;
  z-index: 1000;
}

.header_logo_area {
  position: relative;
  z-index: 10;
  min-height: 54px;
}
.header_logo_area .header_logo {
  font-size: 20px;
  font-size: 2rem;
  margin: 0;
}

.header_logo_area {
  position: relative;
}
.header_logo_area .header_logo {
  font-size: 40px;
  font-size: 4rem;
  margin: 0 auto;
  width: 90%;
}
.header_logo_area{
	text-align: center;
	margin:35px auto;
}


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

  header{
    position: fixed;
    width: 100%;
    height: auto;
  }

  .header_logo_area{
    min-height: auto;
    width: 20%;
    text-align: left!important;
    margin: 0px!important;
  }


}


.category_list {
  width: calc(100% - 60px);
  margin: auto;
}

@media screen and (max-width: 767px) {
  .category_list {
    width: 90%;
    margin: 0 auto;
  }
}

.category_list li a {
  font-size: 1.4rem;
  color: #333;
  display: block;
  padding: 10px 0;
  font-weight: bold;
  letter-spacing: 1px;
  font-family: "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.globalnav {
  width: calc(100% - 60px);
  margin: 50px auto 0;
}

@media screen and (max-width: 767px) {
  .globalnav {
    width: 90%;
    margin: 0 auto;
  }
}

.globalnav li a {
  font-size: 1.4rem;
  color: #333;
  display: block;
  padding: 10px 0;
}

.globalnav li.insta_sns {
  width: 11%;
}

.globalnav li ul.menu__second-level {
  visibility: hidden;
  opacity: 0;
  z-index: 1;
}

.globalnav li ul.menu__second-level li {
  width: 100% !important;
}

.globalnav li.menu__single {
  position: relative;
}

.globalnav li.menu__single ul.menu__second-level {
  position: absolute;
  top: 0px;
  right: 0%;
  width: 100%;
  -webkit-transition: all 0.2s ease;
  transition: all 0.2s ease;
  display: block;
}

.globalnav li.menu__single ul.menu__second-level li {
  border-bottom: 1px solid #cccccc;
  background: #fff;
}

.globalnav li.menu__single:hover ul.menu__second-level {
  right: -60%;
  visibility: visible;
  opacity: 1;
}


#member {
    position: fixed;
	    right: 0;
	    top: 0;
	    z-index: 10;
		height: 62px;
	    background: #f2f2f2;
}
#member ul{
	display: flex;
}
#member ul li a{
	font-size: 1.2rem;
	font-weight: bold;
	color: #000;
	padding: 20px 20px 20px 40px;
	display: flex;
	align-items: center;
}
#member ul li a img{
padding-right: 10px;
}
#member ul li.cart_btn a{
	padding: 21px;
	background: #333;
}
#member ul li.cart_btn a img{
padding-right: 0;
}

#cart_area {
	width: 100%;
	position: absolute;
	right: 0; top: 0;
	z-index: 11;
}
#cart_area p {
	margin: 0;
}
#cart_area p.cart-trigger {
	position: absolute;
	right: 65px;
}

#cart .inner {
	background: #f3f3f3;
}


/* search area */

#search {
	background: #EBEBEB;
	padding: 16px 8px;
}
#search select {
	width: 100%;
}
@media only screen and (max-width: 767px) {
	#member {
	    position: static;
		}
		#member ul {
    display: block;
}
#member ul li a{
	font-size: 1.4rem;
    color: #333;
    padding: 10px 20px;
}
	/* --------- common ---------- */


	/****** Header Setting ********/


	/****** Side Setting ********/


	/****** Effect Setting ********/


}
/* --------------------------------
	Foot
-------------------------------- */
.l-footer {
    /*margin-top: 50px;*/
    position: relative;
    z-index: 2;
    padding-bottom: 118px;
    background-color: #1d1d1d;
    color: #fff;
    /*font-weight: 700;*/
	text-align: left;
}

.l-footer__nav a:active, .l-footer__nav a:link, .l-footer__nav a:visited,
.l-footer__sns a:active, .l-footer__sns a:link, .l-footer__sns a:visited{ 
	color: #fff;
    text-decoration: none;
    -webkit-tap-highlight-color: transparent;
}

@media screen and (max-width:800px) {
    .l-footer {
        padding-bottom: 42px;
        /*margin-top: 44px*/
    }
}
.l-footer__container {
    width: 100%;
    overflow: hidden
}
.l-footer__wrap {
    width: 82.43%;
    margin-left: auto;
    margin-right: auto;
    display: flex;
    padding-top: 120px;
    font-size: 13px
}
@media screen and (min-width:1601px) {
    .l-footer__wrap {
        width: 1319px
    }
}
@media screen and (max-width:1200px) {
    .l-footer__wrap {
        width: calc(100% - 160px)
    }
}
@media screen and (max-width:1000px) {
    .l-footer__wrap {
        width: calc(100% - 80px)
    }
}
@media screen and (max-width:800px) {
    .l-footer__wrap {
        width: 83.2%
    }
}
@media screen and (max-width:1000px) {
    .l-footer__wrap {
        padding-top: 64px;
        max-width: 84%;
        justify-content: space-between;
        flex-wrap: wrap
    }
}
@media screen and (max-width:370px) {
    .l-footer__wrap {
        justify-content: flex-start
    }
}
.l-footer__about {
    padding-left: 2px;
    margin-right: auto
}
@media screen and (min-width:801px) {
    .l-footer__about {
        /*display: flex;*/
        align-items: center;
        padding-bottom: 4px
    }
}
@media screen and (max-width:1000px) {
    .l-footer__about {
        padding-left: 0;
        margin-bottom: 44px;
        width: 100%
    }
}
.l-footer__about__logo {
    display: block;
    width: 227px;
    height: 40px
}
@media screen and (max-width:1000px) {
    .l-footer__about__logo {
        width: 180px;
        height: 60px
    }
}
.l-footer__about__logo svg {
    display: block;
    width: 100%;
    height: 100%
}
	.l-footer__about__address {
    margin-top: 48px;
    font-size: 12px;
    line-height: 2;
	font-style: normal;
}
.l-footer__about__address {
   /* display: none*/
}
@media screen and (max-width:1000px) {
    .l-footer__about__address {
        margin-top: 27px
    }
}
.l-footer__about__copyright {
    opacity: .5;
    display: block;
    margin-top: 48px;
    font-family: Montserrat, sans-serif;
    font-size: 10px
}
@media screen and (max-width:1000px) {
    .l-footer__about__copyright {
        margin-top: 25px
    }
}
@media screen and (min-width:1001px) {
    .l-footer__about__copyright {
        margin-top: 8px
    }
}
@media screen and (max-width:1000px) {
    .l-footer__about__copyright {
        padding-bottom: 16px
    }
}
@media screen and (min-width:801px) {
    .l-footer__about__copyright {
        /*margin-left: 35px*/
    }
}
.l-footer__nav {
    width: 20.55%;
    min-width: 160px;
    padding-top: 4px
}
@media screen and (max-width:1000px) {
    .l-footer__nav {
        width: auto;
        min-width: auto
    }
}
@media screen and (max-width:600px) {
    .l-footer__nav {
        width: 50%
    }
}
@media screen and (max-width:370px) {
    .l-footer__nav {
        width: 45%
    }
}
.l-footer__nav {
   /* display: none*/
}
.l-footer__nav__item {
    min-width: 160px;
    display: block;
    line-height: 1.5;
    margin-bottom: 20px
}
@media screen and (max-width:1000px) {
    .l-footer__nav__item {
        width: auto;
        min-width: auto
    }
}
@media screen and (max-width:370px) {
    .l-footer__nav__item {
        white-space: nowrap
    }
}
.l-footer__sns {
    width: 20.55%;
    min-width: 170px;
    padding-top: 4px
}
.l-footer__sns {
   /*display: none*/
}
@media screen and (max-width:600px) {
    .l-footer__sns {
        margin-top: 32px;
        width: 100%;
        display: flex;
        flex-wrap: wrap
    }
}
.l-footer__sns__item {
    position: relative;
    display: block;
    font-family: Montserrat, sans-serif;
    line-height: 1.5;
    margin-bottom: 20px
}
@media screen and (max-width:600px) {
    .l-footer__sns__item {
        margin-bottom: 16px;
        width: 50%
    }
}
@media screen and (max-width:370px) {
    .l-footer__sns__item {
        width: 45%
    }
}
.l-footer__sns__item a {
    padding: 0 3px 0 25px
}
@media screen and (max-width:800px) {
    .l-footer__sns__item a {
        padding: 2px 3px 2px 23px
    }
}
@media screen and (max-width:600px) {
    .l-footer__sns__item a {
        display: block
    }
}
.l-footer__sns__item span {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 16px;
    height: 16px;
    position: absolute;
    top: 1px;
    left: 0
}
@media screen and (max-width:600px) {
    .l-footer__sns__item span {
        top: 3px;
        left: -2px
    }
}
.l-footer__pageTop {
    position: absolute;
    top: auto;
    left: auto;
    right: 44px;
    bottom: 44px;
    width: 20px;
    height: 80px;
    padding-top: 6px;
    padding-left: 4px;
    cursor: pointer
}
@media screen and (max-width:800px) {
    .l-footer__pageTop {
        right: 7.3%;
        top: calc(33.2vw + 60px);
        bottom: auto
    }
}
.l-footer__pageTop:before {
    content: '';
    position: absolute;
    top: -20px;
    left: -20px;
    width: calc(100% + 40px);
    height: calc(100% + 40px)
}
.l-footer__pageTop svg {
    position: relative;
    top: 3px;
    left: -1px;
    display: block;
    width: 14px;
    height: 13px;
    transition: 0.3s;
	fill:#fff;
}
.l-footer__pageTop__text {
    display: block;
    -webkit-transform-origin: left bottom;
    transform-origin: left bottom;
    -webkit-transform: translateY(0) rotate(90deg);
    transform: translateY(0) rotate(90deg);
    white-space: nowrap;
    font-family: Montserrat, sans-serif;
    font-size: 10px;
    transition: 0.3s
}
.l-footer__pageTop:hover svg {
    opacity: .7;
    -webkit-transform: translateY(-10px);
    transform: translateY(-10px);
    transition: 0.2s
}
.l-footer__pageTop:hover .l-footer__pageTop__text {
    opacity: .7;
    -webkit-transform: translateY(-12px) rotate(90deg);
    transform: translateY(-12px) rotate(90deg)
}









@media screen and (min-width:801px) {
    .l-footer__nav a,
    .l-footer__sns a {
        position: relative;
        display: inline-block;
        transition: opacity 0.3s
    }
    .l-footer__nav a:before,
    .l-footer__sns a:before {
        content: '';
        position: absolute;
        top: auto;
        left: 0;
        right: 0;
        bottom: -4px;
        width: 100%;
        height: 10px;
        border-bottom: solid 1px #fff;
        opacity: .8;
        transition: -webkit-transform 0.3s cubic-bezier(0.7,.3,0.3,.9);
        transition: transform 0.3s cubic-bezier(0.7,.3,0.3,.9);
        transition: transform 0.3s cubic-bezier(0.7,.3,0.3,.9), -webkit-transform 0.3s cubic-bezier(0.7,.3,0.3,.9);
        -webkit-transform-origin: right;
        transform-origin: right;
        -webkit-transform: scaleX(0);
        transform: scaleX(0)
    }
}
@media screen and (min-width:801px) and (min-width:801px) {
    .l-footer__nav a:hover:before,
    .l-footer__sns a:hover:before {
        transition: -webkit-transform 0.2s;
        transition: transform 0.2s;
        transition: transform 0.2s, -webkit-transform 0.2s;
        -webkit-transform-origin: left;
        transform-origin: left;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}
.l-footer__canvas {
    position: absolute;
    top: 0;
    left: 0;
    -webkit-transform: translateY(-40%);
    transform: translateY(-40%);
    width: 100%;
    height: 700px;
    z-index: 2;
    pointer-events: none;
    max-height: 50vw;
    overflow: hidden
}
@media screen and (max-width:800px) {
    .l-footer__canvas {
        -webkit-transform: translateY(-36%);
        transform: translateY(-36%);
        height: 80vw;
        max-height: 570px
    }
}
.l-footer__canvas__inner {
    position: relative;
    top: 0;
    left: 50%;
    -webkit-transform: translateX(-50%) rotate(-3deg);
    transform: translateX(-50%) rotate(-3deg);
    height: 100%;
    width: 120%
}
/******************************************************************************
 * hx
*******************************************************************************/
/*---------h2---------*/

.wct h1, .wct h2 {
	margin-bottom:100px;
	position:relative;
	padding-top:60px;
	color:#141414;
}

.wct h1, .wct h2 {
	line-height:1.4em;
	text-align:center;
	font-size:30px;
	font-family: 'Noto Sans Japanese','メイリオ', sans-serif;
	font-weight:600;
}
.wct h1:after, .wct h2:after{
	position: absolute;
	content: '';
	width: 40px;
	height: 2px;
	left: 50%;
	bottom:-20px;
	margin: 5px 0 0 -20px;
	display: block;
	background: #d9d9d9;
}

.wct h3 {
    margin-top: 36px;
    padding: 23px 0 40px;
	font-size: 24px;
	font-weight: 600;
}
.wct h3:nth-child(n + 2){
	
	margin-top: 30px
	
}

.wct h3:before
{
    /*position: absolute;
    top: 0;*/
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(../images/dot-b.svg);
    background-repeat: repeat-x;
	margin-bottom: 20px;
}
.wct h3:after{
	/*position: absolute;
    bottom: 0;*/
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(../images/dot-b.svg);
	background-repeat: repeat-x;	
	margin-top: 20px;
	
}

.wct h4 {
    line-height: 1.5;
    font-weight: 600;
}

.wct h4 {
    margin: 25px 0 8px;
    font-size: 1.2rem;
    font-weight: 500!important;
}
@media (min-width: 768px) {
.wct h4 {
    font-size: 20px;
    margin-bottom: 44px;
    border-left: 3px solid #140f14;
    padding-left: 16px;
}
}
.wct .comment:before
{
    /*position: absolute;
    top: 0;*/
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(../images/dot-b.svg);
    background-repeat: repeat-x;
	margin-bottom: 20px;
}
.wct .comment:after{
	/*position: absolute;
    bottom: 0;*/
    content: "";
    display: block;
    width: 100%;
    height: 3px;
    background-image: url(../images/dot-b.svg);
	background-repeat: repeat-x;	
	margin-top: 20px;
	
}

/* --------------------------------
	intro-title
-------------------------------- */
.intro-title {
    position: relative;
    text-align: center;
    margin-bottom: 118px;
}
.intro-title i {
    font-family: Overpass,sans-serif;
    font-style: normal;
    font-weight: 100;
    font-size: 100px;
    line-height: 1em;
    letter-spacing: .05em;
    color: #eeeeee;
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
}

.intro-title span {
    font-weight: 700;
    position: relative;
    font-size: 20px;
    line-height: 1.575em;
    letter-spacing: .05em;
    display: inline-block;
}
.intro-title span b {
    color: #e7316e;
    border-bottom: 4px solid #e7316e;
}
@media screen and (min-width: 769px) {
	
.intro-title {
    margin-bottom: 109px;
}	
	
.intro-title i {
    font-size: 120px;
    line-height: 1em;
    letter-spacing: .05em;
}	
.intro-title span {
    font-size: 28px;
    line-height: 1.67647em;
    letter-spacing: .05em;
}
.intro-title span b {
    border-width: 3px;
}	
}
@media screen and (max-width: 768px) {
.intro-title i {	
	display: none;

}	
}

/******************************************************************************
 * .goods_h2
*******************************************************************************/
@media (min-width: 769px) {
.h_sub_title {
  position: relative;
  font-size: 16px;
  font-family: "Quicksand", sans-serif !important;
  font-weight: 600;
  line-height: 100%;
  letter-spacing: 0.2em;	
  padding-left: 15px;
  margin-bottom: 10px; }

.h_sub_title::before {
  position: absolute;
  display: block;
  left: 0;
  top: 35%;
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #b8babc; }
	
.goods_h2_tit h2 {
    font-size: 30px;
    line-height: 70px;
    /*margin-top: 30px;*/
    font-family: "Avenir-Black","Arial","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
    font-weight: 700;
	border-bottom: #eeeeee 1px solid;

	
}	
}

.goods_h3_tit h3{
    font-weight: 700;
    font-size: 20px;
    line-height: 1.575em;
    letter-spacing: .05em;
}

@media (max-width: 768px) {

	.goods_h3_tit h3{
    font-size: 18px;
}

	
}	

@media (max-width: 768px) {
	
.h_sub_title {
  position: relative;
  font-size: 1rem;
  font-family: "Quicksand", sans-serif !important;
  font-weight: 500;
  line-height: 100%;
  padding-left: 17px;
  margin-bottom: 10px; }

.h_sub_title::before {
  position: absolute;
  display: block;
  left: 0;
  top: 36%;
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: #008cd6; }
	
.goods_h2_tit h2 {
    font-size: 22px;
    line-height: 46px;
    /*margin-top: 30px;*/
    font-family: "Avenir-Black","Arial","游ゴシック体",YuGothic,"游ゴシック","Yu Gothic",sans-serif;
    font-weight: 700;
}	
	
	
	
	
	
}
/* number-count */

.goods-num01 {
    background: #faf9f4;
    box-sizing: border-box;
    padding: 40px 24px;
    border-radius: 20px;
    display: flex;
    flex-direction: column;
    margin: 16px 0;
}


.gooods-intro__01 .gooods-intro-content-number {
    margin: 0 0 2.15rem;
}	
.gooods-intro-content-number-current {
    position: relative;
    margin: 0 0.55rem 0 0;
    padding: 0 2.25rem 0 0;
    color: #171717;
    font-size: 4rem;
	font-family: 'Quicksand';
    font-weight: 600;
	letter-spacing: .35rem;
}
.gooods-intro-content-number-current:before {
    position: absolute;
    bottom: 1.7rem;
    right: 0;
    content: "";
    width: 1.8rem;
    height: 2px;
    background-color: #9a9a9a;
    transform: rotate(-57deg);
}
.gooods-intro-content-number-base {
    letter-spacing: .1rem;
    color: #9a9a9a;
    font-size: 2rem;
    font-family: 'Quicksand';
	font-weight: 600;
}
@media screen and (max-width: 768px){

.gooods-intro__01 .gooods-intro-content-number {
    margin: 0 0 1.35rem;
}
.gooods-intro-content-number-current {
    margin: 0 0.45rem 0 0;
    padding: 0 1.45rem 0 0;
    font-size: 3.3rem;
}
.gooods-intro-content-number-current:before {
    bottom: 1.35rem;
    width: 1.1rem;
}
.gooods-intro-content-number-base {
    font-size: 1.3rem;
}	
}	

/*----------------------------------------------------
  #COMPANY PROFILE
--------------------------------------------------- */

.com-pro dl {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    margin-bottom: 20px;
    overflow: hidden;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-box-align: stretch;
    -ms-flex-align: stretch;
    -webkit-align-items: stretch;
    align-items: stretch;
}
.com-pro dl.border-set {
    border-bottom: solid 1px #eaeaea;
}


.com-pro dl.border-set > dt {
    border-top: solid 1px #eaeaea;
    padding: 28px 0;
}


.com-pro dl.border-set > dd {
    border-top: solid 1px #eaeaea;
    padding: 28px 0 28px 30px;
	line-height: 1.6;
}


.com-pro dt {
    width: 200px;
    padding: 0 0 10px;
    font-weight: bold;
    color: #222;
}


.com-pro dd {
    width: calc(100% - 200px);
    padding: 0 0 10px 30px;


}
@media screen and (max-width: 767px){
.com-pro dl {
    display: block;
    margin-bottom: 15px;
}	
.com-pro dl.border-set {
    border-bottom: 0 none;
    border-top: solid 1px #e5e9e9;
}	
.com-pro dl.border-set > dt {
    padding: 15px 0 5px;
    border-top: 0 none;
    font-size: 14px;
}
.com-pro dl.border-set > dd {
    width: auto;
    padding: 0 0 15px;
    border-top: 0 none;
    border-bottom: solid 1px #e5e9e9;
}	
	
.com-pro dt {
    width: auto !important;
    padding-bottom: 5px !important;
}	
.com-pro dd {
    width: auto !important;
    padding: 0 0 15px;
}
}	
/*----------------------------------------------------
  #about-us
--------------------------------------------------- */

.ggmap {
position: relative;
padding-bottom: 50%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%!important;
height: 100%!important;
}
/*----------------------------------------------------
  #about-us
--------------------------------------------------- */
.product-top h2{
	font-size: 34px;
	font-weight: 600;
	color: #141414;
	line-height: 1.2;
	margin-bottom: 10px;
	margin-top: 5px;
	
	
}

.product-top .en{
	font-size: 14px;
	color: #d9d9d9;
	
}
.product-top .intro{
	font-size: 18px;
	font-weight: 600;
	margin-bottom: 30px;
	
}
.product-top .text{
	color : #585858;
	
}
/*----------------------------------------------------
  #cotton
--------------------------------------------------- */

.cotton-result dt {
    margin-bottom: 25px;
}
.cotton-result dt span {
    color: #e7316e;
    font-weight: 700;
    font-size: 26px;
    line-height: 1.84615em;
    letter-spacing: .025em;
    border-bottom: 4px solid #e7316e;
    display: inline-block;
}
.cotton-result dd span {
    padding-left: 5px;
    padding-right: 5px;
    padding-bottom: 2px;
    font-size: 30px;
    line-height: 1.46667em;
    letter-spacing: .05em;
    color: #fff;
    background: -webkit-gradient(linear,left top,left bottom,from(hsla(0,0%,100%,0)),color-stop(6%,hsla(0,0%,100%,0)),color-stop(7%,#e7316e),color-stop(96%,#e7316e),color-stop(97%,hsla(0,0%,100%,0)));
    background: -o-linear-gradient(top,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 6%,#e7316e 7%,#e7316e 96%,hsla(0,0%,100%,0) 97%);
    background: linear-gradient(180deg,hsla(0,0%,100%,0) 0,hsla(0,0%,100%,0) 6%,#e7316e 7%,#e7316e 96%,hsla(0,0%,100%,0) 97%);
}

.cotton-trouble {
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #e0edff;
  border-radius: 15px;
}
.cotton-trouble:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #e0edff;
}
@media screen and (min-width:769px) {


.cotton-result dt {
    margin-bottom: 14px;
}
.cotton-result dt span {
    font-size: 18px;
    line-height: 2.11111em;
    letter-spacing: .05em;
    border-width: 3px;
}
.cotton-result dd span {
    font-size: 18px;
    line-height: 1.61111em;
    letter-spacing: .05em;
}	
}	
	
	

/******************************************************************************
 * list-box
*******************************************************************************/
.list-box {
    margin: 0 0 40px;
}


.pointbox {
    margin: 50px 0 0;
    padding: 0 0 35px;
    border: 10px solid #f5f5f5;
    box-sizing: border-box;
}
.pointbox .box-cts {
    margin: 0 40px;
}
.pointbox ul {
    margin: 0 20px 30px 20px;
}

.pointbox li {
    display: block;
    padding: 0 0 0 32px;
    text-indent: -32px;
    list-style: none;
	font-size:16px;
	line-height: 1.6;
	align-items: center!important;
}

.pointbox li:before {
    display: inline-block;
    width: 8px;
    height: 8px;
    border-radius: 50%;
    background-color: #10c21f;
    content: '';
	margin: 0 6px 0 0;
}

@media screen and (max-width: 768px){
.list-box {
    margin: 0 0 30px;
}
	
.pointbox {
    margin: 40px 0 0;
}
.pointbox .box-cts {
    margin: 0 20px;
}
.list-box li {
    margin: 10px 0 0;
    font-size: 14px;
    line-height: 21px;
}
}
	
.common-tit{
	margin-bottom: 40px;
}

.common-tit h3,.common-tit h4 {
    position: relative;
    padding-left: 20px;
    line-height: 1.5;
}

.common-tit h3:before,.common-tit h4:before {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0px;
    top: 0.2em;
    bottom: 0.3em;
    width: 4px;
    background: #0099ff;
	height: 47px;
}

.common-tit h3 .ttl-en,.common-tit h4 .ttl-en {
    display: block;
    color: #0099ff;
    font-size: 12px;
    font-size: 1.2rem;
    font-family: 'Montserrat','Noto Sans JP', sans-serif;
}

.common-tit h3 .ttl-ja,.common-tit h4 .ttl-ja {
    display: block;
    margin-top: 5px;
    font-size: 20px;
    font-size: 2rem;
    font-weight: bold;
}

.common-tit h3 .ttl-ja .ttl-hl,.common-tit h4 .ttl-ja .ttl-hl {
    background: linear-gradient(transparent 60%, #FFFF00 60%);
}

@media only screen and (max-width: 767px) {
.common-tit{
	width: 98%;
	margin: 0 auto;
	margin-bottom: 40px;
}
.common-tit h3 .ttl-ja, .common-tit h4 .ttl-ja {
    display: block;
    margin-top: 5px;
    font-size: 18px;
    font-size: 1.8rem;
    font-weight: bold;
}	
    
	
}	
.sub-title .marker {
    position: relative;
    display: inline-block;
    z-index: 1;
}
.sub-title .marker:before {
    content: '';
    width: 100%;
    height: 32%;
    background: #ffde00;
    position: absolute;
    left: 0;
    bottom: 8%;
    z-index: -1;
    border-radius: 3px;
}
/******************************************************************************
 * foot-info
*******************************************************************************/
.c-info .c-info_linkArea {
    display: flex
}
@media screen and (max-width:968px) {
    .c-info .c-info_linkArea {
        display: block
    }
}
.c-info .c-info_link {
    display: block;
    position: relative;
    padding: 137px 0 130px;
    width: 50%;
    background-color: #fbf9f2;
    text-align: center
}
@media screen and (max-width:968px) {
    .c-info .c-info_link {
        padding: 16.26667vw 0 18.4vw;
        width: 100%
    }
}
.c-info .c-info_link .title {
    letter-spacing: 0.1em;
    color: #e53f37;
    font-size: 48px;
    line-height: .58333
}
@media screen and (max-width:1400px) {
    .c-info .c-info_link .title {
        font-size: 3.42857vw
    }
}
@media screen and (max-width:968px) {
    .c-info .c-info_link .title {
        font-size: 6.4vw
    }
}
.c-info .c-info_link .lead {
    margin-top: 23px;
    letter-spacing: 0.05em;
    color: #7a7a7a;
    font-size: 16px;
    line-height: 1.75
}
@media screen and (max-width:1400px) {
    .c-info .c-info_link .lead {
        font-size: 1.14286vw
    }
}
@media screen and (max-width:968px) {
    .c-info .c-info_link .lead {
        margin-top: 3.46667vw;
        font-size: 2.66667vw;
        line-height: 1.4
    }
}
.c-info .c-info_link+.c-info_link {
    background-color: #f2efe9
}
.c-info .c-info_link:before {
    content: "";
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    margin: auto;
    width: 150px;
    height: 1px;
    transition: -webkit-transform 0.5s cubic-bezier(0.215,.61,0.355,1);
    transition: transform 0.5s cubic-bezier(0.215,.61,0.355,1);
    transition: transform 0.5s cubic-bezier(0.215,.61,0.355,1), -webkit-transform 0.5s cubic-bezier(0.215,.61,0.355,1);
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    background-color: #e53f37
}
@media screen and (max-width:968px) {
    .c-info .c-info_link:before {
        width: 20vw;
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}

    .c-info .c-info_link:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 3.26667vw;
        left: 0;
        margin: auto;
        width: 3.5vw;
        height: 3.5vw;
        background-size: cover
    }

@media screen and (max-width:968px) {
    .c-info .c-info_link:after {
        content: "";
        position: absolute;
        right: 0;
        bottom: 6.66667vw;
        left: 0;
        margin: auto;
        width: 8vw;
        height: 8vw;
        background-size: cover
    }
}
.c-info .c-info_link.-cart:after {
    background-image: url('../images/info-cart.png')
}
.c-info .c-info_link.-contact:after {
    background-image: url('../images/info-mail.png')
}
.c-info .c-info_link.-insta:after {
    background-image: url('../images/info-insta.png')
}

@media screen and (min-width:769px) {
    .c-info .c-info_link:hover:before {
        transition: -webkit-transform 0.5s cubic-bezier(0.215,.61,0.355,1);
        transition: transform 0.5s cubic-bezier(0.215,.61,0.355,1);
        transition: transform 0.5s cubic-bezier(0.215,.61,0.355,1), -webkit-transform 0.5s cubic-bezier(0.215,.61,0.355,1);
        -webkit-transform: scaleX(1);
        transform: scaleX(1)
    }
}