.container-custom {
  padding-right: 15px;
  padding-left: 15px;
  margin-right: auto;
  margin-left: auto;
  overflow : hidden ; 
}
@media (min-width: 768px) {
  .container-custom {
    max-width: 900px;
	margin-bottom:55px;
  }
}
@media (max-width: 767px) {
  .container-custom {
	margin-bottom:30px;
  } 
}

.row {
  margin-right: -15px;
  margin-left: -15px;
}

@media only screen and (min-width: 768px) {
.colum-0 .col-md-6 {
	margin-left:-20px;
	margin-right:-20px;
}
.colum-0-2 .col-md-6 {
	margin-left:-20px;
	margin-right:-20px;
	padding-left:20px;
	padding-right:20px;
}
.colum-0 .col-sm-push-6 {
	margin-left:-20px;
	margin-right:-20px;
}
.colum-0 .col-sm-pull-6 {
	margin-left:0px;
	margin-right:-20px;
}
}
@media (max-width: 767px) {
.colum-0 .col-md-6 .read {
	margin-right:20px;
}
}

.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-right: 15px;
  padding-left: 15px;
}
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
  float: left;
}
.col-xs-12 {
  width: 100%;
}
.col-xs-11 {
  width: 91.66666667%;
}
.col-xs-10 {
  width: 83.33333333%;
}
.col-xs-9 {
  width: 75%;
}
.col-xs-8 {
  width: 66.66666667%;
}
.col-xs-7 {
  width: 58.33333333%;
}
.col-xs-6 {
  width: 50%;
}
.col-xs-5 {
  width: 41.66666667%;
}
.col-xs-4 {
  width: 33.33333333%;
}
.col-xs-3 {
  width: 25%;
}
.col-xs-2 {
  width: 16.66666667%;
}
.col-xs-1 {
  width: 8.33333333%;
}
.col-xs-pull-12 {
  right: 100%;
}
.col-xs-pull-11 {
  right: 91.66666667%;
}
.col-xs-pull-10 {
  right: 83.33333333%;
}
.col-xs-pull-9 {
  right: 75%;
}
.col-xs-pull-8 {
  right: 66.66666667%;
}
.col-xs-pull-7 {
  right: 58.33333333%;
}
.col-xs-pull-6 {
  right: 50%;
}
.col-xs-pull-5 {
  right: 41.66666667%;
}
.col-xs-pull-4 {
  right: 33.33333333%;
}
.col-xs-pull-3 {
  right: 25%;
}
.col-xs-pull-2 {
  right: 16.66666667%;
}
.col-xs-pull-1 {
  right: 8.33333333%;
}
.col-xs-pull-0 {
  right: auto;
}
.col-xs-push-12 {
  left: 100%;
}
.col-xs-push-11 {
  left: 91.66666667%;
}
.col-xs-push-10 {
  left: 83.33333333%;
}
.col-xs-push-9 {
  left: 75%;
}
.col-xs-push-8 {
  left: 66.66666667%;
}
.col-xs-push-7 {
  left: 58.33333333%;
}
.col-xs-push-6 {
  left: 50%;
}
.col-xs-push-5 {
  left: 41.66666667%;
}
.col-xs-push-4 {
  left: 33.33333333%;
}
.col-xs-push-3 {
  left: 25%;
}
.col-xs-push-2 {
  left: 16.66666667%;
}
.col-xs-push-1 {
  left: 8.33333333%;
}
.col-xs-push-0 {
  left: auto;
}
.col-xs-offset-12 {
  margin-left: 100%;
}
.col-xs-offset-11 {
  margin-left: 91.66666667%;
}
.col-xs-offset-10 {
  margin-left: 83.33333333%;
}
.col-xs-offset-9 {
  margin-left: 75%;
}
.col-xs-offset-8 {
  margin-left: 66.66666667%;
}
.col-xs-offset-7 {
  margin-left: 58.33333333%;
}
.col-xs-offset-6 {
  margin-left: 50%;
}
.col-xs-offset-5 {
  margin-left: 41.66666667%;
}
.col-xs-offset-4 {
  margin-left: 33.33333333%;
}
.col-xs-offset-3 {
  margin-left: 25%;
}
.col-xs-offset-2 {
  margin-left: 16.66666667%;
}
.col-xs-offset-1 {
  margin-left: 8.33333333%;
}
.col-xs-offset-0 {
  margin-left: 0;
}
@media (min-width: 768px) {
  .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
    float: left;
  }
  .col-sm-12 {
    width: 100%;
  }
  .col-sm-11 {
    width: 91.66666667%;
  }
  .col-sm-10 {
    width: 83.33333333%;
  }
  .col-sm-9 {
    width: 75%;
  }
  .col-sm-8 {
    width: 66.66666667%;
  }
  .col-sm-7 {
    width: 58.33333333%;
  }
  .col-sm-6 {
    width: 50%;
  }
  .col-sm-5 {
    width: 41.66666667%;
  }
  .col-sm-4 {
    width: 33.33333333%;
  }
  .col-sm-3 {
    width: 25%;
  }
  .col-sm-2 {
    width: 16.66666667%;
  }
  .col-sm-1 {
    width: 8.33333333%;
  }
  .col-sm-pull-12 {
    right: 100%;
  }
  .col-sm-pull-11 {
    right: 91.66666667%;
  }
  .col-sm-pull-10 {
    right: 83.33333333%;
  }
  .col-sm-pull-9 {
    right: 75%;
  }
  .col-sm-pull-8 {
    right: 66.66666667%;
  }
  .col-sm-pull-7 {
    right: 58.33333333%;
  }
  .col-sm-pull-6 {
    right: 50%;
  }
  .col-sm-pull-5 {
    right: 41.66666667%;
  }
  .col-sm-pull-4 {
    right: 33.33333333%;
  }
  .col-sm-pull-3 {
    right: 25%;
  }
  .col-sm-pull-2 {
    right: 16.66666667%;
  }
  .col-sm-pull-1 {
    right: 8.33333333%;
  }
  .col-sm-pull-0 {
    right: auto;
  }
  .col-sm-push-12 {
    left: 100%;
  }
  .col-sm-push-11 {
    left: 91.66666667%;
  }
  .col-sm-push-10 {
    left: 83.33333333%;
  }
  .col-sm-push-9 {
    left: 75%;
  }
  .col-sm-push-8 {
    left: 66.66666667%;
  }
  .col-sm-push-7 {
    left: 58.33333333%;
  }
  .col-sm-push-6 {
    left: 50%;
  }
  .col-sm-push-5 {
    left: 41.66666667%;
  }
  .col-sm-push-4 {
    left: 33.33333333%;
  }
  .col-sm-push-3 {
    left: 25%;
  }
  .col-sm-push-2 {
    left: 16.66666667%;
  }
  .col-sm-push-1 {
    left: 8.33333333%;
  }
  .col-sm-push-0 {
    left: auto;
  }
  .col-sm-offset-12 {
    margin-left: 100%;
  }
  .col-sm-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-sm-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-sm-offset-9 {
    margin-left: 75%;
  }
  .col-sm-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-sm-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-sm-offset-6 {
    margin-left: 50%;
  }
  .col-sm-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-sm-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-sm-offset-3 {
    margin-left: 25%;
  }
  .col-sm-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-sm-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-sm-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 992px) {
  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
    float: left;
  }
  .col-md-12 {
    width: 100%;
  }
  .col-md-11 {
    width: 91.66666667%;
  }
  .col-md-10 {
    width: 83.33333333%;
  }
  .col-md-9 {
    width: 75%;
  }
  .col-md-8 {
    width: 66.66666667%;
  }
  .col-md-7 {
    width: 58.33333333%;
  }
  .col-md-6 {
    width: 50%;
  }
  .col-md-5 {
    width: 41.66666667%;
  }
  .col-md-4 {
    width: 33.33333333%;
  }
  .col-md-3 {
    width: 25%;
  }
  .col-md-2 {
    width: 16.66666667%;
  }
  .col-md-1 {
    width: 8.33333333%;
  }
  .col-md-pull-12 {
    right: 100%;
  }
  .col-md-pull-11 {
    right: 91.66666667%;
  }
  .col-md-pull-10 {
    right: 83.33333333%;
  }
  .col-md-pull-9 {
    right: 75%;
  }
  .col-md-pull-8 {
    right: 66.66666667%;
  }
  .col-md-pull-7 {
    right: 58.33333333%;
  }
  .col-md-pull-6 {
    right: 50%;
  }
  .col-md-pull-5 {
    right: 41.66666667%;
  }
  .col-md-pull-4 {
    right: 33.33333333%;
  }
  .col-md-pull-3 {
    right: 25%;
  }
  .col-md-pull-2 {
    right: 16.66666667%;
  }
  .col-md-pull-1 {
    right: 8.33333333%;
  }
  .col-md-pull-0 {
    right: auto;
  }
  .col-md-push-12 {
    left: 100%;
  }
  .col-md-push-11 {
    left: 91.66666667%;
  }
  .col-md-push-10 {
    left: 83.33333333%;
  }
  .col-md-push-9 {
    left: 75%;
  }
  .col-md-push-8 {
    left: 66.66666667%;
  }
  .col-md-push-7 {
    left: 58.33333333%;
  }
  .col-md-push-6 {
    left: 50%;
  }
  .col-md-push-5 {
    left: 41.66666667%;
  }
  .col-md-push-4 {
    left: 33.33333333%;
  }
  .col-md-push-3 {
    left: 25%;
  }
  .col-md-push-2 {
    left: 16.66666667%;
  }
  .col-md-push-1 {
    left: 8.33333333%;
  }
  .col-md-push-0 {
    left: auto;
  }
  .col-md-offset-12 {
    margin-left: 100%;
  }
  .col-md-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-md-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-md-offset-9 {
    margin-left: 75%;
  }
  .col-md-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-md-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-md-offset-6 {
    margin-left: 50%;
  }
  .col-md-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-md-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-md-offset-3 {
    margin-left: 25%;
  }
  .col-md-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-md-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-md-offset-0 {
    margin-left: 0;
  }
}
@media (min-width: 1200px) {
  .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
    float: left;
  }
  .col-lg-12 {
    width: 100%;
  }
  .col-lg-11 {
    width: 91.66666667%;
  }
  .col-lg-10 {
    width: 83.33333333%;
  }
  .col-lg-9 {
    width: 75%;
  }
  .col-lg-8 {
    width: 66.66666667%;
  }
  .col-lg-7 {
    width: 58.33333333%;
  }
  .col-lg-6 {
    width: 50%;
  }
  .col-lg-5 {
    width: 41.66666667%;
  }
  .col-lg-4 {
    width: 33.33333333%;
  }
  .col-lg-3 {
    width: 25%;
  }
  .col-lg-2 {
    width: 16.66666667%;
  }
  .col-lg-1 {
    width: 8.33333333%;
  }
  .col-lg-pull-12 {
    right: 100%;
  }
  .col-lg-pull-11 {
    right: 91.66666667%;
  }
  .col-lg-pull-10 {
    right: 83.33333333%;
  }
  .col-lg-pull-9 {
    right: 75%;
  }
  .col-lg-pull-8 {
    right: 66.66666667%;
  }
  .col-lg-pull-7 {
    right: 58.33333333%;
  }
  .col-lg-pull-6 {
    right: 50%;
  }
  .col-lg-pull-5 {
    right: 41.66666667%;
  }
  .col-lg-pull-4 {
    right: 33.33333333%;
  }
  .col-lg-pull-3 {
    right: 25%;
  }
  .col-lg-pull-2 {
    right: 16.66666667%;
  }
  .col-lg-pull-1 {
    right: 8.33333333%;
  }
  .col-lg-pull-0 {
    right: auto;
  }
  .col-lg-push-12 {
    left: 100%;
  }
  .col-lg-push-11 {
    left: 91.66666667%;
  }
  .col-lg-push-10 {
    left: 83.33333333%;
  }
  .col-lg-push-9 {
    left: 75%;
  }
  .col-lg-push-8 {
    left: 66.66666667%;
  }
  .col-lg-push-7 {
    left: 58.33333333%;
  }
  .col-lg-push-6 {
    left: 50%;
  }
  .col-lg-push-5 {
    left: 41.66666667%;
  }
  .col-lg-push-4 {
    left: 33.33333333%;
  }
  .col-lg-push-3 {
    left: 25%;
  }
  .col-lg-push-2 {
    left: 16.66666667%;
  }
  .col-lg-push-1 {
    left: 8.33333333%;
  }
  .col-lg-push-0 {
    left: auto;
  }
  .col-lg-offset-12 {
    margin-left: 100%;
  }
  .col-lg-offset-11 {
    margin-left: 91.66666667%;
  }
  .col-lg-offset-10 {
    margin-left: 83.33333333%;
  }
  .col-lg-offset-9 {
    margin-left: 75%;
  }
  .col-lg-offset-8 {
    margin-left: 66.66666667%;
  }
  .col-lg-offset-7 {
    margin-left: 58.33333333%;
  }
  .col-lg-offset-6 {
    margin-left: 50%;
  }
  .col-lg-offset-5 {
    margin-left: 41.66666667%;
  }
  .col-lg-offset-4 {
    margin-left: 33.33333333%;
  }
  .col-lg-offset-3 {
    margin-left: 25%;
  }
  .col-lg-offset-2 {
    margin-left: 16.66666667%;
  }
  .col-lg-offset-1 {
    margin-left: 8.33333333%;
  }
  .col-lg-offset-0 {
    margin-left: 0;
  }
}


.clearfix:after {
    content:" ";
    display:block;
    clear:both;
}

html {
    color:#414141;
}
.main {
    margin-bottom:0;
    padding-bottom:0;
}
.container {
    margin-bottom:0;
    padding-bottom:0;
}

.futura {
font-family: "Noto Sans JP","游ゴシック";
}

.blank-img {
    vertical-align: text-bottom;
}

#header-account {
    float:right;
    font-family: "Noto Sans JP","游ゴシック";
    padding-right:10px;
}

.header-top-container {
    margin-bottom:20px;
	right:0;
}

body {
    font-family: "Noto Sans JP","游ゴシック";
}

.nav-border-bottom {
    display:none;
}

.space-custom {
margin-left:25px;
}

.header {
    max-width:1030px;
	margin-bottom:25px;
}

.nav-regular .nav-item.level0>a{
   font-family: "Noto Sans JP","游ゴシック";
}

.bold {
font-weight:bold;
}

.circle-list {
list-style-type: disc;
}
.circle-list li {
margin-left:10px;
}

.number-list {
list-style-type: decimal;
margin-left:10px;
margin-top:6px;
}

.number-list li {
margin-left:10px;
}

.products-item-list {
margin-top:22px;
    max-width:900px;
    margin: 0 auto;
}
.products-item-list02 {
    max-width:900px;
    margin: 20px auto;
}

.logo-wrapper--mobile {
margin-bottom:25px;
}
.center-title {
    font-size:33px;
    line-height:1.5;
    margin-top:60px;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.center-title02 {
    font-size:33px;
    line-height:1.5;
    margin-top:30px;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.center-title03 {
    font-size:33px;
    line-height:1.5;
    margin-bottom:40px;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.center-title03 span {
    font-size:18px;
    line-height:1.5;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.share-pattern {
    margin:30px auto;
}
.section-title {
    max-width:320px;
    padding-bottom:12px;
    border-bottom:1px solid #BBBBBB;
    margin: 90px auto 10px; 
    text-align:center;
    font-size:24px;
    color:#414141;
    letter-spacing:1px;
    font-weight:normal;
    font-family: "Noto Sans JP","游ゴシック";
    line-height:1.2;
}
.section-title-contents {
    max-width:320px;
    padding-bottom:12px;
    border-bottom:1px solid #BBBBBB;
    margin: 90px auto 10px; 
    text-align:center;
    font-size:24px;
    color:#414141;
    letter-spacing:1px;
    font-weight:normal;
    font-family: "Noto Sans JP","游ゴシック";
    line-height:1.2;
}
.section-title02 {
    max-width:320px;
    padding-bottom:12px;
    border-bottom:1px solid #BBBBBB;
    margin: 90px auto 30px; 
    text-align:center;
    font-size:24px;
    color:#414141;
    letter-spacing:1px;
    font-weight:normal;
    font-family: "Noto Sans JP","游ゴシック";
    line-height:1.2;
}
.section-title03 {
    max-width:100%;
    padding-bottom:12px;
    border-bottom:1px solid #BBBBBB;
    margin: 90px auto 10px;
    text-align:center;
    font-size:24px;
    color:#414141;
    letter-spacing:1px;
    font-weight:normal;
    font-family: "Noto Sans JP","游ゴシック";
    line-height:1.2;
}
.section-title04 {
    max-width:500px;
    padding-bottom:12px;
    border-bottom:1px solid #BBBBBB;
    margin: 90px auto 30px;
    text-align:center;
    font-size:24px;
    color:#414141;
    letter-spacing:1px;
    font-weight:normal;
    font-family: "Noto Sans JP","游ゴシック";
    line-height:1.2;
}
@media only screen and (max-width: 767px) {
.section-title-contents {
    margin: 40px auto 10px; 

}
.section-title04 {
    max-width:500px;
    padding-bottom:12px;
    border-bottom:1px solid #BBBBBB;
    margin: 40px auto 30px;
    text-align:center;
    font-size:24px;
    color:#414141;
    letter-spacing:1px;
    font-weight:normal;
    font-family: "Noto Sans JP","游ゴシック";
    line-height:1.2;
}
.section-title03 {
    max-width:100%;
    padding-bottom:12px;
    border-bottom:1px solid #BBBBBB;
    margin: 30px auto 10px;
    text-align:center;
    font-size:24px;
    color:#414141;
    letter-spacing:1px;
    font-weight:normal;
    font-family: "Noto Sans JP","游ゴシック";
    line-height:1.2;
	font-size:140%;
}
}

.read {
    font-size:15px;
    line-height:1.8;
    letter-spacing:1px;
    font-family: "Sawarabi Mincho";
}
.read-futura {
    font-size:15px;
    line-height:1.6;
}
.read-futura02 {
    font-size:15px;
    line-height:1.6;
    margin-bottom:40px;
}

.top-image {
    margin-bottom:30px;
}
.col1-set {
    padding-left:20px;
    padding-right:20px;
    max-width:900px;
    margin: 0 auto;
}
.col2-set {
    padding-left:20px;
    padding-right:20px;
    max-width:900px;
    margin: 0 auto;
}

.top-cover {
    margin-bottom:80px;
}
.top-cover02 {
    margin-bottom:0px;
}
.next-btn {
	position: relative;
	color:#5B2B82;
	width:270px;
	height:35px;
	padding:15px 0 0;
	font-size:16px;
	border: 1px solid #5B2B82;
	margin: 60px auto 80px;
	text-align:center;
}

.next-btn a {
	display: block;
	position: absolute;
	width: 100%;
        height: 100%;
	top: 0;
        left: 0;
	color:#5B2B82;
	text-decoration:none;
	padding:15px 0 8px;
		font-size:16px;
}
.next-btn a:hover {
	color:#7840AD;
}

.products-list .item{
    border-top:none;
}
.category-products-grid .item{
    border-top:none;
    max-width:400px;
}

.products-title {
    font-size:28px;
    font-family: "Noto Sans JP","游ゴシック";
    border-bottom:1px solid #e5e5e5;
    padding-bottom:15px;
    margin: 0 auto;
    text-align:center;
	line-height:1.4;
}
.price-box .price {
    color:#5B2B82;
}
.footer {
    max-width:900px;
}
.nav-regular {
    font-weight:normal;
}
.level-top {
    font-weight:normal;
}
.page-title {
    display:none;
}
.breadcrumbs {
    display:none;
}
.sub-title {
    font-size:21px;
    margin:40px 0 20px;
    line-height:1.3;
}
.sub-title02 {
    font-size:26px;
    margin:25px 0 10px;
    line-height:1.3;
    color:#5b2b82;
    font-weight:bold;
font-family: 'TBGothic M';
}
.sub-title03 {
    font-size:16px;
    margin:15px 0 5px;
    line-height:1.2;
    color:#5b2b82;
    font-weight:bold;
font-family: 'TBGothic M';
}
.img-bottom-title {
    text-align:center;
    font-size:33px;
    margin-bottom:40px;
    font-family: "Sawarabi Mincho";
}
.img-bottom-title02 {
    text-align:center;
    font-size:33px;
    margin-bottom:30px;
    line-height:1.4;
    font-family: "Sawarabi Mincho";
}
.small {
    font-size:12px;
}
.s-before {
    letter-spacing:-25px;
}
.sns-icon {
    padding:0 10px;
}
.footer-primary-bottom-spacing{
    border-top:none;
    padding-top:0;
}
.foot-bird-sp {
    display:none;
}
.foot-bird-pc {
    margin-top:60px;
}
.products-title-wrap {
	margin-top:40px;
}



@media only screen and (min-width: 1024px) {
.products-item-list01 .category-products-grid .item{
	margin-left:20px;
}
}
@media only screen and (max-width: 1024px) {
.products-title {
    font-size:20px;
    font-family: "Noto Sans JP","游ゴシック";
    border-bottom:1px solid #e5e5e5;
    padding-bottom:15px;
    margin: 0 auto;
    text-align:center;
}
}

@media only screen and (min-width: 769px) {
.main-top-container {
    margin-top:-20px;
}
.inner-container {
    margin-right: -30px ;
    margin-left: -30px ;
}
.products-grid {
    margin:0 auto;
    text-align:center;   
}
.product-image {
	padding-left:20px;
	}

.share-wrap {
	padding-left:20px;
	padding-right:20px;
}

}

@media only screen and (min-width: 768px) {
.main-top-container {
    margin-top:-20px;
}
.inner-container {
    margin-right: -30px ;
    margin-left: -30px ;
}
.products-grid {
    margin:0 auto;
    text-align:center;   
}
}

@media screen and (min-width: 767px) and (max-width: 940px) {
.footer {
    padding-left:20px;
	padding-right:20px;
}
.footer-bottom-container {
    padding-left:20px;
	padding-right:20px;
}
}

@media screen and (min-width: 767px) and (max-width: 768px) {
.logo--mobile img {
    max-width:250px;
}
}




@media only screen and (max-width: 767px) {
.foot-bird-pc {
    display:none;
}
.foot-bird-sp {
    display: inline-block;
	margin-top:30px;
}
.col1-set {
    padding-left:0px;
    padding-right:0px;
}
.col2-set {
    padding-left:0px;
    padding-right:0px;
}
.top-cover {
    margin-bottom:25px;
}
.section-title {
    font-size:20px;
    padding-bottom:6px;
    font-weight: normal;
}
.center-title {
    font-size:20px;
    line-height:1.4;
}
.read {
    font-size:13px;
    line-height:1.6;
    letter-spacing:0px;
}

.center-title {
    font-size:23px;
    line-height:1.3;
    margin-top:30px;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.center-title02 {
    font-size:23px;
    line-height:1.3;
    margin-top:10px;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.center-title03 {
    font-size:23px;
    line-height:1.3;
    margin-bottom:20px;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.center-title03 span {
    font-size:15px;
    line-height:1.3;
    font-weight:bold;
    font-family: "Sawarabi Mincho";
}
.img-bottom-title {
    text-align:center;
    font-size:23px;
    margin-bottom:30px;
    font-family: "Sawarabi Mincho";
    line-height:1.3;
}
.img-bottom-title02 {
    text-align:center;
    font-size:23px;
    margin-bottom:30px;
    line-height:1.4;
    font-family: "Sawarabi Mincho";
    line-height:1.3;
}
.sub-title {
    font-size:18px;
    margin:20px 0 10px;
    line-height:1.2;
}
.sub-title02 {
    font-size:21px;
    margin:20px 0 10px;
    line-height:1.2;
    color:#5b2b82;
    font-weight:bold;
font-family: 'TBGothic M';
}
.top-image {
    margin-bottom:20px;
}
.products-title {
    font-size:17px;
    font-family: "Noto Sans JP","游ゴシック";
    border-bottom:1px solid #e5e5e5;
    padding-bottom:15px;
    margin: 0 auto;
    text-align:center;
}
.header {
	margin-bottom:-10px;
}
.header-top-container {
	margin-bottom:0px;
}
}

@media only screen and (max-width: 480px) {
.products-title-wrap .col-1,
.products-title-wrap .col-2 {
	width:48%;
	float:left;
	}
.top-cover {
    margin-bottom:-50px;
}
.products-title-wrap {
	margin-top:20px;
}
}
	

@media only screen and (min-width: 480px) {
.col-1 {
margin-right:2%;
}
}

#lotion-wrap-new {
	margin: 60px auto 60px;
	max-width:900px;
	background:url(https://sorabudo.com/media/wysiwyg/lotion-bg-44.jpg) no-repeat top center;
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 174.4%;
	background-size: contain;
	position:relative;
}
#serum-wrap-new {
	margin: 60px auto 38px;
	max-width:900px;
	background:url(https://sorabudo.com/media/wysiwyg/serum-bg-img-new77.jpg) no-repeat top center;
	height: 0;
    /* 表示画像の高さ ÷ 表示画像の幅 × 100 */
    padding-top: 168.6%;
	background-size: contain;
	position:relative;
}

.tech-image {
	max-width:883px;
	margin-left:auto;
	margin-right:auto;
}


#lotion-contents {
	position:absolute;
	top:38px;
}

#lotion-in {
max-width:80%;
padding-left:15px;
}
#lotion-in .read {
text-shadow:
    #fff 1px 1px 2px, #fff  -1px 1px 2px,
    #fff 1px -1px 2px, #fff -1px -1px 2px;
}


@media only screen and (max-width: 991px) {
#lotion-contents {
	position:static;
}
#lotion-wrap-new {
	margin: 30px auto;
	max-width:767px;
	background-image:none;
	padding:15px 10px;
	background-size: auto;
	height: 100%;
	background:#f9f8fe;
}
#serum-wrap-new {
	margin: 30px auto;
	max-width:767px;
	background-image:none;
	padding:15px 10px;
	background-size: auto;
	height: 100%;
	background:#f9f8fe;
}
#lotion-in {
max-width:100%;
padding-left:0px;
height: 100%;
}
}

.nav-panel-inner {
font-size:16px;
}
#products-child-menu li {
margin-bottom:8px;
}
@media only screen and (max-width: 767px) {
#products-child-menu {
padding-left:10px;
background:#fff;
}
#products-child-menu li.second {
padding-bottom:15px;
}
}

.center-block {
  display: block;
  margin-right: auto;
  margin-left: auto;
}
.pull-right {
  float: right !important;
}
.pull-left {
  float: left !important;
}
@media only screen and (min-width: 768px) {
.rice {
	margin-top:100px;
}
}

.small {
	font-size:11px;
	margin-top:-10px !important;
}
.lotion-products {
	margin-top:35px !important;
}
@media only screen and (max-width: 480px) {
.lotion-products {
	margin-top:0px !important;
}
}


@media (min-width: 480px) {
img.pc{ display: block !important;}
img.sp{ display: none !important;}
.switch-pc{ display: inline-block;}
.switch-sp{ display: none;}
}


@media only screen and (max-width: 479px) {
img.pc{ display: none !important;}
img.sp{ display: block !important;}
.switch-pc{ display: none;}
.switch-sp{ display: inline-block;}
}

.product-image-wrapper {
	margin-right:auto;
	margin-left:auto;
	text-align:center;
}

.bet-image {
	margin:30px auto;
}
@media only screen and (max-width: 767px) {
	.bet-image {
	margin:20px auto 0;
}
}

.better-bottom {
	margin-bottom:60px;
}
@media only screen and (max-width: 767px) {
	.better-bottom {
	margin-bottom:30px;
}
}
/*
@media only screen and (max-width: 480px) {
.products-item-list02 img#product-collection-image-3 {
	max-width:48%;
}
}
*/

.lotion-sp {
	display:none;
}
@media only screen and (max-width: 480px) {
.lotion-pc {
		display:none;
}
.lotion-sp {
	display:inline;
}
}
.nav-panel-inner {
	max-width:1200px;
}
.s-arrow {
margin-top:21px;
margin-left:3px;
vertical-align:top;
display:inline-block;
width: 6px;
height: 6px;
border-top: 1px solid #929292;
border-right: 1px solid #929292;
-webkit-transform: rotate(135deg);
transform: rotate(135deg);
}
@media only screen and (max-width: 960px) {
.s-arrow {
	display:none;
}
}

.s-arrow2 {
margin-top:6px;
margin-left:3px;
vertical-align:top;
display:inline-block;
width: 6px;
height: 6px;
border-top: 1px solid #929292;
border-right: 1px solid #929292;
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
}

.fz22 {
font-size:22px;
}



/*insta*/
.snsList {
    overflow: hidden;
    margin: -0.96154% -0.96154% 2.88462%;
}

.snsList__items {
    width: 50%;
    float: left;
    box-sizing: border-box;
}

.snsList__item {
    width: 33.33%;
    float: left;
    box-sizing: border-box;
    padding: 1.88679%;
}

.snsList__item img {
    width: 100%;
    height: auto;
}

.snsList__item a {
    display: block;
    position: relative;
}

.snsList__item a:before {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5) url(https://sorabudo.com/media/wysiwyg/insta-official.png) no-repeat center center;
    background-size: 33% auto;
    opacity: 0;
    transition-duration: .5s;
    transition-property: opacity;
}

.snsList__item a:hover:before {
    opacity: 1;
}

.snsList__item--l {
    width: 66.66%;
}

.snsList__item--l a:before {
    background-size: 16.5% auto;
}

.snsList__item--1_2 {
    float: right;
    margin-top: 15.09434%;
}

.snsList__item--1_3 {
    float: right;
}

.snsList__item--1_4 {
    float: right;
}

.snsList__item--2_1 {
    float: right;
    margin-top: 20.75472%;
}

.snsList__item--2_2 {
    margin-top: 32.07547%;
}

.snsList__item--2_4 {
    clear: right;
    margin-top: -3.77358%;
}

.instaSection__linkBox {
    text-align: center;
}

.instaSection__link {
    margin-bottom: 1.6em;
}


.more-instagram {
	margin: 10px auto;
	text-align:center;
}






@media only screen and (max-width: 767px) {
 .instaSection__inner {
        padding: 0 4% 20%;
    }
.snsList {
        overflow: hidden;
        margin: -1.06667% -1.06667% 6.66667%;
    }
.snsList__items {
        width: auto;
        float: none;
        box-sizing: border-box;
    }
.snsList__item {
        padding: 1.50943%;
    }
.snsList__item--l {
        width: 66.66%;
    }
.snsList__item--1_2 {
        float: right;
        margin-top: 17.3913%;
    }
.snsList__item--1_3 {
        float: right;
    }
.snsList__item--1_4 {
        float: left;
    }
.snsList__item--2_1 {
        float: right;
        margin-top: 0;
    }
.snsList__item--2_2 {
        margin-top: 0;
    }
.snsList__item--2_4 {
        clear: right;
        margin-top: 0;
    }
.instaSection__linkBox {
        text-align: center;
    }
.instaSection__link {
        margin-bottom: 1.6em;
    }
.instaSection__link a {
        padding-left: 2em;
        padding-right: 3.5em;
    }
}
@media only screen and (max-width: 767px) {
.instagram-box {
	margin-bottom:-38px;
}
}
.insta-tag {
	margin-bottom:4px;
}

.read-more-btn-big {
	border:1px solid #A3A3A3;
	padding:8px 14px ;
	color:#A3A3A3;
	font-size:16px;
	letter-scpacing:2px;
}

.next-btn a img {
margin-top:3px;
}

.official {
margin-top:-50px;
}

/*右矢印*/

.r-arrow {
  margin-top:4px;
  margin-left:8px;
  vertical-align:top;
  display:inline-block;
  width: 4px;
  height: 4px;
  border-top: 2px solid #5b2c82;
  border-right: 2px solid #5b2c82;
  -webkit-transform: rotate(45deg);
  transform: rotate(45deg);
  }
  
  .dropdown {
    z-index:1000;

    position:absolute;
    left:0;
    top:55px;
    width:200px;
    padding:10px 20px;
    display:none;
    li {
      display:inline-block;
      margin:10px 0;
      a {
        color:#fff;
      }