.pc {
display: none
}
@font-face {
font-family: mplusM;
font-display: swap;
src: url(../fonts/unhinted-mplus-1p-medium.woff2) format('woff2'), url(../fonts/unhinted-mplus-1p-medium.ttf) format('truetype')
}
@font-face {
font-family: mplusB;
font-display: swap;
src: url(../fonts/unhinted-mplus-1p-heavy.woff2) format('woff2'), url(../fonts/unhinted-mplus-1p-heavy.ttf) format('truetype')
}
@font-face {
font-family: mplusL;
font-display: swap;
src: url(../fonts/unhinted-mplus-1p-light.woff2) format('woff2'), url(../fonts/unhinted-mplus-1p-light.ttf) format('truetype')
}
.mt20 {
margin-top: 20px
}
[class^=cmn-].width-full {
max-width: 100%
}
.pane-main, .wrapper {
overflow: visible
}
.cmn-container {
/*font-weight: 100;
line-height: 1.8;
color: #222*/
}
.cmn-container h1, .cmn-container h2, .cmn-container h3, .cmn-container h4, .cmn-container h5, .cmn-container h6 {
/*font-family: din-2014, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'ÃƒÂ¦Ã‚Â¸Ã‚Â¸ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â´ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â·ÃƒÂ£Ã†â€™Ã†â€™ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¯ Medium', 'Yu Gothic Medium', 'ÃƒÂ¦Ã‚Â¸Ã‚Â¸ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â´ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â·ÃƒÂ£Ã†â€™Ã†â€™ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¯ÃƒÂ¤Ã‚Â½Ã¢â‚¬Å“', YuGothic, 'ÃƒÂ£Ã†â€™Ã¢â‚¬â„¢ÃƒÂ£Ã†â€™Ã‚Â©ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â®ÃƒÂ£Ã†â€™Ã…Â½ÃƒÂ¨Ã‚Â§Ã¢â‚¬â„¢ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â´ ProN W3', Hiragino Kaku Gothic ProN, Arial, 'ÃƒÂ£Ã†â€™Ã‚Â¡ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã†â€™Ã‚ÂªÃƒÂ£Ã¢â‚¬Å¡Ã‚Âª', Meiryo, sans-serif;*/
padding: 0;
background: 0 0
}
.cmn-container .inner {
box-sizing: content-box;
max-width: 1020px;
margin: 0 auto;
padding: 0 15px
}
.cmn-container .PC {
display: none !important
}
.cmn-container .SP {
display: block !important
}
.cmn-container a:hover {
text-decoration: none
}
.cmn-container img {
width: 100%;
height: auto;
vertical-align: bottom
}
.cmn-container .title1 {
line-height: 1.2;
text-align: center;
width: 100%;
max-width: 90px;
margin:0 auto 30px;
}
.cmn-container .title2 {
line-height: 1.2;
text-align: center;
width: 100%;
max-width: 190px;
margin:0 auto 30px;
}
.cmn-container .title3 {
line-height: 1.2;
text-align: center;
width: 100%;
max-width: 98px;
margin:0 auto 30px;
}
.btn_1 a{
text-decoration: underline
}
.cmn-btn {
margin: 80px 0;
text-align: center;
}
.cmn-btn a {
display: -webkit-inline-box;
display: inline-flex;
height: 1.5cm;
padding: 0 60px;
letter-spacing: .1em;
color: #fff;
border: 2px solid #222;
background: #222;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
.cmn-btn a:hover {
color: #222;
background: #fff;
}
.cmn-container .cmn-lead {
    margin: 10px 0 70px;
    text-align: center;
    font-size: 15px;
    line-height: 1.7;
}
.cmn-line {

text-align: center;
}

.cmn-visual {width: 100%;max-width: 1310px;margin: 0 auto;}
.cmn-fig-credit {
max-width: 940px;
width: 100%;
margin: 0px auto 37px;
}
.cmn-products {
padding: 30px 0;
background: #000
}
.cmn-products .secTtl {
width: 150px;
margin: 0 auto 40px
}
.cmn-products .no-scroll {
display: flex;
justify-content: center
}
.cmn-products .no-scroll .cmn-product {
width: 25%;
max-width: 350px
}
.cmn-products .cmn-product {
width: 300px
}
.cmn-products .cmn-product a {
display: block
}
.cmn-products .cmn-product a .speechBubble {
font-size: 15px;
position: relative;
display: flex;
height: 60px;
margin: 0 10px;
margin-bottom: 25px;
border-radius: 3px;
background: #fff;
align-items: center;
justify-content: center
}
.cmn-products .cmn-product a .speechBubble::after {
position: absolute;
bottom: -12px;
display: block;
width: 0;
height: 0;
content: '';
border-width: 0 25px 12px 0;
border-style: solid;
border-color: transparent #fff transparent transparent
}
.cmn-products .cmn-product a:hover figure figcaption {
z-index: 2
}
.cmn-products .cmn-product a:hover figure img {
opacity: .5
}
.cmn-products .cmn-product a figure {
position: relative
}
.cmn-products .cmn-product a figure figcaption {
font-family: Abel;
font-size: 19px;
position: absolute;
z-index: -1;
top: 50%;
left: 50%;
transition: all ease .3s;
transform: translate(-50%, -50%);
color: #fff;
border-bottom: 1px solid #fff
}
.cmn-products .cmn-product a img {
max-width: 100%;
height: auto;
transition: all ease .3s
}
.cmn-products .cmn-product__type {
font-family: Abel;
display: block;
margin-top: 10px;
text-align: center;
color: #fff
}
.cmn-btn-cart {
position: fixed;
right: 0;
bottom: 70px;
visibility: hidden;
transition: all ease .3s;
opacity: 0
}
.scroll .cmn-btn-cart {
visibility: visible;
opacity: 1;
z-index: 5;
}
.cmn-btn-cart a {
display: block;
width: 60px;
height: 60px
}
.cmn-recommend-owner-list {
margin-bottom: 100px;
}
.cmn-recommend-owner-list ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;/* -webkit-justify-content: space-between; */-ms-flex-pack: justify;justify-content: space-between;width: 100%;margin: auto;color: #fff;/* justify-content: center; */}
.cmn-recommend-owner-list ul li {width: 33%;/* padding: 10px; *//* overflow: hidden; */}
#owner01{
margin-top: -100px;
padding-top: 105px;
}
#owner02{
margin-top: -100px;
padding-top: 105px;
}#owner03{
margin-top: -100px;
padding-top: 105px;
}
h2.cmn-hdg-lv1-sub {
text-align: center;
font-weight: 600;
margin-bottom: 5px;
}

.lead{
margin:0 0 10px;

}
.cmn-nav {
display: flex;
padding: 30px 0;
background: #000;
align-items: center;
justify-content: center
}
.cmn-nav ul {
display: flex;
width: 100%;
max-width: 800px;
justify-content: space-evenly
}
.cmn-nav ul li a {
padding: 10px;
color: #fff
}
.cmn-nav ul li a:hover {
border-bottom: 1px solid #fff
}
.cmn-material {
padding: 50px 0;
background: #eee
}
.cmn-material .inner {
max-width: 600px
}
.cmn-material__ttl {
font-family: Cinzel !important;
font-size: 25px
}
.cmn-material p {
color: #444
}
.cmn-styling {max-width: 720px;margin: 0 auto 180px;}

.cmn-styling .width-xs {
width: 45%;
max-width: 380px
}
.cmn-styling .width-s {
width: 50%;
max-width: 400px
}
.cmn-styling .width-mm {
width: 45%;
max-width: 570px;
}
.cmn-styling .width-m {
width: 48%;
max-width: 570px;
}
.cmn-styling .width-o {
width: 75%;
max-width: 620px;
}

.cmn-styling .width-l {
width: 90%;
max-width: 800px
}
.cmn-styling .width-xl {
width: 95%;
max-width: 900px
}


.cmn-styling .width-full {
width: 100%;
max-width: 100%
}
.cmn-styling .cmn-styling-group {
margin-bottom: 33px;
transition: all ease .8s;
transform: translateY(20px);
opacity: 0
}

.cmn-styling .cmn-styling-group-last{
margin-bottom: 0
}
.cmn-styling .cmn-styling-group.fade-in {
transform: translateY(0);
opacity: 1
}
.cmn-styling .cmn-styling-group.m-r-10p {
margin-right: 10%
}
.cmn-styling .cmn-styling-group.m-l-10p {
margin-left: 10%
}
.cmn-styling .cmn-styling-ly-around {
display: flex;
justify-content: space-between
}
.cmn-styling .cmn-styling-ly-around .margin-top370 {
margin-top: 370px
}

.cmn-styling .cmn-styling-ly-around .margin-top120 {
margin-top: 120px
}

.cmn-styling .cmn-styling-ly-around .margin-top100 {
margin-top: 100px
}
.cmn-styling .cmn-styling-ly-around .margin-top60 {
margin-top: 60px
}
.cmn-styling .cmn-styling-ly-right {
display: flex;
justify-content: flex-end
}
.cmn-styling .cmn-styling-ly-center {
display: flex;
justify-content: center
}
.cmn-styling ul {
margin: 20px 0 10px;
}
.cmn-styling ul li {/* margin: 5px 0; */text-align: center;}
.cmn-styling ul li a {
font-size: 12px;
color: #8d8d8d;
}
.cmn-thumbnails {
padding: 40px 0
}
.cmn-thumbnails ul {
display: flex;
flex-flow: wrap
}
.cmn-thumbnails ul li {
box-sizing: border-box;
width: 33%;
margin-bottom: 10px;
padding: 0 5px
}
.cmn-thumbnails ul li a {
position: relative;
display: block
}
.cmn-thumbnails ul li a span {
font-size: 10px;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
color: #fff
}
.cmn-credit {
}
.cmn-credit li {
margin-bottom: 10px;
color: #aaa;
}
.cmn-credit li a {
color: #222;
}
.icn-buy {
color: #fff;
background: #222;
padding: 10px;
text-decoration: none;
padding: 1px 15px;
margin-left: 10px;
}

.point-img{
margin: 0 0 10px;

}



footer {
margin-top: 50px;
padding: 40px 0 20px 0;
background: #000
}
.slick-slider {position: relative;display: block;box-sizing: border-box;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-webkit-touch-callout: none;touch-action: pan-y;-webkit-tap-highlight-color: transparent;margin-bottom: 40px;}
.slick-list {
position: relative;
display: block;
overflow: hidden;
margin: 0;
padding: 0
}
.slick-list:focus {
outline: 0
}
.slick-list.dragging {
cursor: pointer;
cursor: hand
}
.slick-slider .slick-list, .slick-slider .slick-track {
transform: translate3d(0, 0, 0)
}
.slick-track {
position: relative;
top: 0;
left: 0;
display: block;
margin-right: auto;
margin-left: auto
}
.slick-track:after, .slick-track:before {
display: table;
content: ''
}
.slick-track:after {
clear: both
}
.slick-loading .slick-track {
visibility: hidden
}
.slick-slide {display: none;float: left;height: 100%;min-height: 1px;outline: 0;padding: 5px;}
[dir=rtl] .slick-slide {
float: right
}
.slick-slide img {
display: block
}
.slick-slide.slick-loading img {
display: none
}
.slick-slide.dragging img {
pointer-events: none
}
.slick-initialized .slick-slide {
display: block
}
.slick-loading .slick-slide {
visibility: hidden
}
.slick-vertical .slick-slide {
display: block;
height: auto;
border: 1px solid transparent
}
.slick-arrow.slick-hidden {
display: none
}
@font-face {
font-family: slick;
font-weight: 400;
font-style: normal;
src: url(fonts/slick.eot);
src: url(fonts/slick.eot?#iefix) format('embedded-opentype'), url(fonts/slick.woff) format('woff'), url(fonts/slick.ttf) format('truetype'), url(fonts/slick.svg#slick) format('svg')
}
.slick-next, .slick-prev {
font-size: 0;
line-height: 0;
position: absolute;
top: 50%;
display: block;
width: 20px;
height: 20px;
padding: 0;
cursor: pointer;
transform: translate(0, -50%);
color: transparent;
border: none;
outline: 0;
background: 0 0
}
.slick-next:focus, .slick-next:hover, .slick-prev:focus, .slick-prev:hover {
color: transparent;
outline: 0
}
.slick-next:focus:before, .slick-next:hover:before, .slick-prev:focus:before, .slick-prev:hover:before {
opacity: 1
}
.slick-next.slick-disabled:before, .slick-prev.slick-disabled:before {
opacity: .25
}
.slick-next:before, .slick-prev:before {
font-family: slick;
font-size: 20px;
line-height: 1;
opacity: .75;
color: #fff;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale
}
.slick-prev {z-index: 100;left: 90px;background: url(/img/features/outer_collection/ico-back.png) no-repeat center center;background-size: cover;}
.slick-next {right: 90px;background: url(/img/features/outer_collection/ico-next.png) no-repeat center center;background-size: cover;}
.slick-dots {
line-height: 1;
position: absolute;
bottom: -25px;
display: block;
width: 100%;
margin: 0;
padding: 0;
list-style: none;
text-align: center
}
.slick-dots li {
line-height: 1;
position: relative;
display: inline-block;
width: 8px;
height: 8px;
margin: 5px 5px 0;
padding: 0;
cursor: pointer
}
.slick-dots li button {display: block;overflow: hidden;width: 8px;height: 8px;padding: 0px;cursor: pointer;white-space: nowrap;text-indent: 100%;border: 0;border-radius: 8px;outline: 0;background: #ccc;}
.slick-dots li button:focus, .slick-dots li button:hover {
outline: 0
}
.slick-dots li.slick-active button {
background: #222}
/*	ÃƒÂ¢Ã¢â‚¬â€œÃ‚Â ÃƒÂ§Ã¢â‚¬ÂÃ‚Â»ÃƒÂ¥Ã†â€™Ã‚ÂÃƒÂ¤Ã‚Â½Ã‚ÂÃƒÂ§Ã‚Â½Ã‚Â®ÃƒÂ¯Ã‚Â¼Ã‹â€ divÃƒÂ¯Ã‚Â¼Ã¢â‚¬Â°*/
.sp-mr-10 {
margin-right: 10%
}
.sp-ml-10 {
margin-left: 10%;
}
.sp-mr-20 {
margin-right: 20%
}
.sp-ml-20 {
margin-left: 20%;
}
.sp-mt-5 {
margin-top: 5%;
}
.sp-mt-10 {
margin-top: 10%;
}

.sp-mt-20 {
margin-top: 20%;
}
.sp-mt-30{
margin-top: 30%;
}
.sp-mt-40 {
margin-top: 40%;
}
.sp-mt-100px{
margin-top: 100px;
}
.sp-mt-120px{
margin-top: 120px;
}
.sp-mt-200px{
margin-top: 200px;
}
.sp-mb-5 {
margin-top: 5%;
}
.sp-mb-10 {
margin-top: 10%;
}

.sp-mb-20 {
margin-top: 20%;
}
.sp-mb-30{
margin-top: 30%;
}
.sp-mb-40 {
margin-top: 40%;
}
.sp-mb-100px{
margin-top: 100px;
}
.sp-mb-120px{
margin-top: 120px;
}
.cmn-styling .cmn-styling-ly-around {
display: flex;
flex-flow: wrap;
justify-content: space-around/* ÃƒÂ¥Ã‚ÂÃ¢â‚¬Å¾ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¢ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã†â€™Ã¢â‚¬Â ÃƒÂ£Ã†â€™Ã‚Â ÃƒÂ£Ã¢â‚¬Å¡Ã¢â‚¬â„¢ÃƒÂ¥Ã‚ÂÃ¢â‚¬Â¡ÃƒÂ§Ã‚Â­Ã¢â‚¬Â°ÃƒÂ£Ã‚ÂÃ‚Â«ÃƒÂ©Ã¢â‚¬Â¦Ã‚ÂÃƒÂ§Ã‚Â½Ã‚Â®ÃƒÂ£Ã‚ÂÃ¢â‚¬â€
ÃƒÂ¥Ã‚ÂÃ¢â‚¬Å¾ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¢ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã†â€™Ã¢â‚¬Â ÃƒÂ£Ã†â€™Ã‚Â ÃƒÂ£Ã‚ÂÃ‚Â®ÃƒÂ¤Ã‚Â¸Ã‚Â¡ÃƒÂ¥Ã‚ÂÃ‚Â´ÃƒÂ£Ã‚ÂÃ‚Â«ÃƒÂ¥Ã‚ÂÃ…Â ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â ÃƒÂ£Ã‚ÂÃ‚Â®ÃƒÂ¥Ã‚Â¤Ã‚Â§ÃƒÂ£Ã‚ÂÃ‚ÂÃƒÂ£Ã‚ÂÃ¢â‚¬Â¢ÃƒÂ£Ã‚ÂÃ‚Â®
ÃƒÂ©Ã¢â‚¬â€œÃ¢â‚¬Å“ÃƒÂ©Ã…Â¡Ã¢â‚¬ÂÃƒÂ£Ã¢â‚¬Å¡Ã¢â‚¬â„¢ÃƒÂ§Ã‚Â½Ã‚Â®ÃƒÂ£Ã‚ÂÃ‚Â */
}
.cmn-styling .cmn-styling-ly-around .margin-top {
margin-top: 100px
}
.cmn-styling .cmn-styling-ly-right {
display: flex;
justify-content: flex-end
}
.cmn-styling .cmn-styling-ly-center {
display: flex;
justify-content: center
}


/*ÃƒÂ§Ã¢â‚¬ÂÃ‚Â»ÃƒÂ¥Ã†â€™Ã‚ÂÃƒÂ£Ã¢â‚¬Å¡Ã‚ÂµÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã¢â‚¬Å¡Ã‚ÂºÃƒÂ¯Ã‚Â¼Ã‹â€ figureÃƒÂ¯Ã‚Â¼Ã¢â‚¬Â°*/
.cmn-styling .width-s {
width: 45%;
max-width: 460px;
}
.cmn-styling .width-m {
/*width: 50%;
max-width: 600px*/
}
.cmn-styling .width-l {
/*width: 90%;
max-width: 800px*/
}
.cmn-styling .width-full {
width: 100%;
max-width: 100%
}	

.bx-wrapper {
max-width: 100% !important;
border: none;
background: 0 0;
box-shadow: none
}
.bx-loading {
background-image: url(/img/features/ut/one/bx_loader.gif) !important
}
.swiper-wrapper {
transition-timing-function: linear !important
}
.txt{
/*text-align: center;
*/
}


.point-area {
    background: #f7f7f7;
    padding: 40px 15px 1px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}

.cmn-recommend-item {
display: -webkit-box;
display: flex;
-webkit-box-pack: justify;
justify-content: space-between;
margin-bottom: 33px;
}
.cmn-recommend-item .item-image {
width: 38%;
}
.item-image img ,.item-image video {
border-radius: 50%;
}
.cmn-recommend-item .txt {
width: 58%;
font-size: 14px;
}
.cmn-recommend-item .cmn-hdg-lv2 {
margin-bottom: 4px;
}
.cmn-recommend-item .description {
line-height: 1.6;
}
.cmn-recommend-item.reverse {
flex-direction: row-reverse;
-webkit-box-orient: horizontal;
-webkit-box-direction: reverse;
}
.cmn-hdg-lv2 {
font-weight: 700;
line-height: 1.3;
width: 100%;

background-color: transparent;
	font-size: 20px;
}
.slide-in-wrap {
position: relative;
display: inline-block;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
}
.slide-in-wrap::before {
position: absolute;
z-index: 1;
top: 0;
left: 0;
display: inline-block;
width: 0;
height: 100%;
content: '';
background: #000;
}
.slide-in-wrap.slide-in-animation::before {
-webkit-animation: passing-bar .8s ease 0s 1 normal forwards;
animation: passing-bar .8s ease 0s 1 normal forwards;
}
.slide-in-wrap .slide-in {
display: block;
-webkit-transform: translate3d(0, 0, 0);
transform: translate3d(0, 0, 0);
opacity: 0;
}
.slide-in-wrap.slide-in-animation .slide-in {
-webkit-animation: passing-txt 0s ease .4s 1 normal forwards;
animation: passing-txt 0s ease .4s 1 normal forwards;
}

.creater-name {
font-size: 25px;
margin-bottom: 3px;
}

.creater-category {
font-size: 14px;
font-weight: 500;
}

.cmn-area-hdg-lead {
    margin: 45px auto 50px;
}

.cmn-area-hdg-lead h4 {
font-size: 16px;
margin-bottom: 3px;
}
.cmn-area-hdg-lead p {
font-size: 15px;
}	
.item-slider-aera {
    margin-bottom: 55px;
}

@media screen and (min-width:960px) {
.sp {
display: none
}
.pc {
display: block
}
.cmn-recommend-owner-list ul {display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-pack: justify;-webkit-justify-content: space-between;-ms-flex-pack: justify;/* justify-content: center; */width: 100%;margin: auto;color: #fff;/* justify-content: center; */max-width: 810px;}
.point-area {
    background: #f7f7f7;
    padding: 40px 75px 1px;
    max-width: 900px;
    width: 100%;
    margin: 0 auto;
}
.cmn-container .PC {
display: block !important
}
.cmn-container .SP {
display: none !important
}
.cmn-container .cmn-hdg-lv1 {
	font-size: 35px;
}
.cmn-container .cmn-hdg-lv1 br {
display: none
}
.cmn-container .cmn-lead p {
font-size: 15px;
text-align: center
}
.cmn-container {
}


.cmn-visual {width: 100%;margin: 0px auto 60px;}	
.cmn-area-hdg-lead {margin: 0px auto 35px;max-width: 785px;}	
.cmn-line {
text-align: center;
}

.point-img{
margin: 0 0 20px;

}

.cmn-hdg-lv1 {
/* width: 65%; */
margin: 0 auto;
font-size: 32px;
font-weight: 600;
text-align: center;
}
.cmn-area-hdg-lead p {
margin: 10px 0 60px;
font-size: 17px !important;

}
.cmn-recommend-owner-list {
    margin: 55px 0 85px;
}

.cmn-fig-credit{
max-width:600px;
width: 100%;
margin: 0 auto 85px;
}

.cmn-products .cmn-product a .speechBubble {
font-size: 18px
}
.cmn-btn-cart {
right: 20px;
bottom: 0
}
.cmn-nav {
font-size: 16px;
padding: 50px 0
}
.cmn-material {
padding: 80px 0
}
.cmn-material__ttl {
font-size: 30px
}
.cmn-material p {
font-size: 15px
}
.cmn-styling {max-width: 720px;}
.cmn-styling figure + figure {
/*margin-top: 0
*/}
.cmn-styling .cmn-styling-group {
    margin-bottom: 35px;
}
.cmn-styling .cmn-styling-group-last{
margin-bottom: 0
}
.cmn-styling .position{
/*    margin-bottom: 470px
*/	}	
.cmn-styling .cmn-styling-ly-around {
display: flex;
flex-flow: wrap;
justify-content: space-around;
position: relative;
}
.cmn-styling .cmn-styling-ly-around figure + figure {
margin-left: 0
}
.absolute{
margin-right: 0;
position: absolute;
right: 0;
top: 450px;
}
.cmn-styling ul li a {
font-size: 13px
}
.cmn-thumbnails ul {
margin: 0 10%
}
.cmn-thumbnails ul li {
width: 25%;
padding: 0 5px
}
.cmn-thumbnails ul li a span {
font-size: 20px
}
.cmn-credit {
max-width: 600px;
padding: 0 20px;
margin: 35px auto 75px
}
.cmn-credit li {
margin-bottom: 10px;
color: #aaa;
text-align: center
}
.cmn-credit li a {
color: #222;
}
.icn-buy {
color: #fff;
background: #222;
padding: 10px;
text-decoration: none;
padding: 1px 15px;
margin-left: 10px;
}



/*about*/
.cmn-recommend-item {
display: -webkit-box;
display: flex;
margin-bottom: 50px;
-webkit-box-pack: justify;
justify-content: space-between;
}	
.cmn-recommend-item .image {
width: 50%;
}	
.cmn-recommend-item .txt {
width: 57%;
}	
.cmn-recommend-item .description {
line-height: 1.8;
font-size: 17px;
}
	.creater-name {
    font-size: 30px;
    margin-bottom: 3px;
}
	.cmn-container .inner {
    box-sizing: content-box;
    max-width: 850px;
    margin: 0 auto;
    padding: 0 15px;
}
	.cmn-area-hdg-lead h4 {
    font-size: 22px;
    margin-bottom: 3px;
    font-weight: bold;
}
.cmn-btn a {
    display: -webkit-inline-box;
    display: inline-flex;
    height: 1.5cm;
    /* padding: 0 60px; */
    letter-spacing: .1em;
    color: #fff;
    border: 2px solid #222;
    background: #222;
    -webkit-box-align: center;
    align-items: center;
    -webkit-box-pack: center;
    justify-content: center;
    max-width: 290px;
    width: 100%;
}	
/*about*/


/*	ÃƒÂ¢Ã¢â‚¬â€œÃ‚Â ÃƒÂ§Ã¢â‚¬ÂÃ‚Â»ÃƒÂ¥Ã†â€™Ã‚ÂÃƒÂ¤Ã‚Â½Ã‚ÂÃƒÂ§Ã‚Â½Ã‚Â®ÃƒÂ¯Ã‚Â¼Ã‹â€ divÃƒÂ¯Ã‚Â¼Ã¢â‚¬Â°
*/.mr-10 {
margin-right: 10%
}
.ml-10 {
margin-left: 10%;
}
.mr-20 {
margin-right: 20%
}
.ml-20 {
margin-left: 20%;
}
.mt-5 {
margin-top: 5%;
}
.mt-10 {
margin-top: 10%;
}

.mt-20 {
margin-top: 20%;
}
.mt-30{
margin-top: 30%;
}
.mt-40 {
margin-top: 40%;
}

.mt-100px{
margin-top: 100px;
}
.mt-120px{
margin-top: 120px;
}
.mb-5 {
margin-top: 5%;
}
.mb-10 {
margin-top: 10%;
}

.mb-20 {
margin-top: 20%;
}
.mb-30{
margin-top: 30%;
}
.mb-40 {
margin-top: 40%;
}
.mb-100px{
margin-top: 100px;
}
.mb-120px{
margin-top: 120px;

}





.cmn-styling .cmn-styling-ly-around {
display: flex !important;
flex-flow: wrap;
justify-content: space-around/* ÃƒÂ¥Ã‚ÂÃ¢â‚¬Å¾ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¢ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã†â€™Ã¢â‚¬Â ÃƒÂ£Ã†â€™Ã‚Â ÃƒÂ£Ã¢â‚¬Å¡Ã¢â‚¬â„¢ÃƒÂ¥Ã‚ÂÃ¢â‚¬Â¡ÃƒÂ§Ã‚Â­Ã¢â‚¬Â°ÃƒÂ£Ã‚ÂÃ‚Â«ÃƒÂ©Ã¢â‚¬Â¦Ã‚ÂÃƒÂ§Ã‚Â½Ã‚Â®ÃƒÂ£Ã‚ÂÃ¢â‚¬â€
ÃƒÂ¥Ã‚ÂÃ¢â‚¬Å¾ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¢ÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã†â€™Ã¢â‚¬Â ÃƒÂ£Ã†â€™Ã‚Â ÃƒÂ£Ã‚ÂÃ‚Â®ÃƒÂ¤Ã‚Â¸Ã‚Â¡ÃƒÂ¥Ã‚ÂÃ‚Â´ÃƒÂ£Ã‚ÂÃ‚Â«ÃƒÂ¥Ã‚ÂÃ…Â ÃƒÂ¥Ã‹â€ Ã¢â‚¬Â ÃƒÂ£Ã‚ÂÃ‚Â®ÃƒÂ¥Ã‚Â¤Ã‚Â§ÃƒÂ£Ã‚ÂÃ‚ÂÃƒÂ£Ã‚ÂÃ¢â‚¬Â¢ÃƒÂ£Ã‚ÂÃ‚Â®
ÃƒÂ©Ã¢â‚¬â€œÃ¢â‚¬Å“ÃƒÂ©Ã…Â¡Ã¢â‚¬ÂÃƒÂ£Ã¢â‚¬Å¡Ã¢â‚¬â„¢ÃƒÂ§Ã‚Â½Ã‚Â®ÃƒÂ£Ã‚ÂÃ‚Â */
}
.cmn-styling .cmn-styling-ly-around .margin-top {
margin-top: 100px
}
.cmn-styling .cmn-styling-ly-right {
display: flex;
justify-content: flex-end
}
.cmn-styling .cmn-styling-ly-center {
display: flex;

justify-content: center
}


/*ÃƒÂ§Ã¢â‚¬ÂÃ‚Â»ÃƒÂ¥Ã†â€™Ã‚ÂÃƒÂ£Ã¢â‚¬Å¡Ã‚ÂµÃƒÂ£Ã¢â‚¬Å¡Ã‚Â¤ÃƒÂ£Ã¢â‚¬Å¡Ã‚ÂºÃƒÂ¯Ã‚Â¼Ã‹â€ figureÃƒÂ¯Ã‚Â¼Ã¢â‚¬Â°*/
.cmn-styling .width-s {
width: 45%;
max-width: 460px;
}
.cmn-styling .width-m {
width: 48%;
max-width: 600px
}
.cmn-styling .width-l {
width: 90%;
max-width: 700px
}
.cmn-styling .width-full {
width: 100%;
max-width: 100%
}
    .item-slider-aera {
    margin-bottom: 55px;
}
    .cmn-btn {
    margin: 50px 0;
    text-align: center;
}
#owner01,#owner02,#owner03,#owner04{
margin-top: -40px;
padding-top: 40px;
}


}
@media screen and (max-width: 959px){
.cmn-recommend-owner-list ul li {/* width: 50%; */}
.cmn-container .title1 {
line-height: 1.2;
text-align: center;
width: 100%;
max-width: 70px;
margin: 0 auto 30px;
}
.absolute{
margin-right: 0;
position: absolute;
right: 0;
top: 200px;
}

.cmn-hdg-lv1 {
/* width: 65%; */
margin: 0 auto;
font-size: 29px;
font-weight: 600;
text-align: center;
line-height: 1.1;
}







#owner01{
margin-top: -60px;
padding-top: 60px;
}
#owner02{
margin-top: -60px;
padding-top: 60px;
}#owner03{
margin-top: -60px;
padding-top: 60px;
}#owner04{
margin-top: -60px;
padding-top: 60px;
}


.cmn-styling .width-full {
width: 100%;
max-width: 100%
}
.cmn-recommend-owner-list {margin: 20px 0 60px;}
.cmn-styling .cmn-styling-ly-around .margin-top20 {
margin-top: 20px
}
.cmn-styling .cmn-styling-ly-around .margin-top40 {
margin-top: 60px
}
.cmn-styling .cmn-styling-ly-around .margin-top110 {
margin-top: 110px
}
/*	instagram API  */	
.instagram-container{
display: flex;
flex-wrap: wrap;
width: 100%;
margin: 0 auto;
max-width: 900px;
}
.instagram-container li{
width: 33%;
}
/*	//instagram API  */	
.cmn-btn {
margin: 0; 
text-align: center;
}

.cmn-styling {
max-width: 1200px;
margin: 0 auto 65px;
}
.cmn-container .title2 {
line-height: 1.2;
text-align: center;
width: 100%;
max-width: 145px;
margin: 0 auto ;
}
.cmn-container .title3 {
line-height: 1.2;
text-align: center;
width: 100%;
max-width: 80px;
margin: 0 auto 30px;
}
.cmn-btn a {
display: -webkit-inline-box;
display: inline-flex;
height: 1.2cm;
padding: 0 60px;
letter-spacing: .1em;
color: #fff;
border: 2px solid #222;
background: #222;
-webkit-box-align: center;
align-items: center;
-webkit-box-pack: center;
justify-content: center;
}
}