/**
 * Content
 */

html{
    -webkit-tap-highlight-color:rgba(0,0,0,0);
}
 body {
	background-color: #fff;
	color: #000;
}
#toolset{
	display: none;
}
a:active {
	opacity: 1; /* before 0.7*/
}

.page a.active {
	opacity: 1; /*.4*/
}

i,
em {
	font-style: italic;
}

b,
strong {
	font-weight: bolder;
}

sub,
sup {
	position: relative;
	vertical-align: baseline;
}

sub {
	top: 0.3em;
}

sup {
	top: -0.4em;
}

s {
	text-decoration: line-through;
}

img {
	border: 0;
	padding: 0;
}

ul,
ol {
	margin: 0;
	padding: 0 0 0 2em;
}

blockquote {
	margin: 0;
	padding: 0 0 0 2em;
}

hr {
	background: rgba(127, 127, 127, 0.2);
	border: 0;
	height: 1px;
	display: block;
}

.content img {
	float: none;
	margin-bottom: 0.5em;
    vertical-align: bottom;
}

.gallery_image_caption {
    
    will-change: filter;
   	color: rgba(0, 0, 0, 1);
    font-size: 17px;
    margin-top: 16px;
    letter-spacing:-0.5px;
    line-height: 1.1;
    text-align: left;
    
    
    /*margin-top: 14px;
    font-size: 16px;
    line-height: 1.3;
    margin-bottom: 80px;*/
    
    
	font-weight: 300;
	
	
	font-style: normal;
	
   /* filter: blur(0.2px);*/
}

/**
 * Loading Animation
 */

.loading[data-loading] {
	position: fixed;
	bottom: 8px; 
    left: 8px;
}

/**
 * Editor styles
 */



[data-predefined-style="true"] bodycopy {
	font-size: 16px;
	font-weight:300;
    font-family: BookmanOldStyle,serif;
   
    
	line-height: 25px;

    hyphens: manual;
    -webkit-hyphens: manual;
    text-align: justify;

    letter-spacing: 0;

}

[data-predefined-style="true"] bodycopy a {
	color: rgba(0, 0, 0, 0.85);
	padding-bottom: 0.1em;
	border-bottom: 0px solid rgba(127, 127, 127, 0.3);
	text-decoration: none;
}

[data-predefined-style="true"] bodycopy a:hover {

}

bodycopy a.image-link,
bodycopy a.icon-link,
bodycopy a.image-link:hover,
bodycopy a.icon-link:hover {
	border-bottom: 0;
	padding-bottom: 0;
}

[data-predefined-style="true"] h1 {
	/*font-family: "Williams Caslon Text", Icons;*/
    /*font-family: 'Shippori Mincho', serif;*/
    font-family: BookmanOldStyle,serif;
   
    
     -webkit-font-smoothing: subpixel-antialiased;

	font-style: normal;
	font-weight: 300;
	padding: 0;
	margin: 0;
	font-size: 20px;
	line-height: 1.7;
	color: rgba(0, 0, 0, 0.85);
    
    letter-spacing: -1px;
    
	}

[data-predefined-style="true"] h1 a {
    border-bottom: 0;
	color: rgb(0, 0, 0);
}

[data-predefined-style="true"] h2 {

	font-family: BookmanOldStyle,serif;
    -webkit-font-smoothing: subpixel-antialiased;
	padding: 0;
	margin: 0;
	color: rgba(0, 0, 0, 0.85);
	font-size: 24px;
	line-height: 1.7;
    letter-spacing: 1px;
	font-style: normal;
	font-weight: 300;
	}

[data-predefined-style="true"] h2 a {
	color: rgba(0, 0, 0, 0.85);
}

[data-predefined-style="true"] small {
	display: inline-block;
    font-family: BookmanOldStyle,serif;
    font-weight: 600;
	font-style: normal;
    vertical-align: text-top;
    line-height: 1;
    font-size: 17px;
    color: #fff;
    background-color: #666;
    margin-top: 12px;
   padding: 0 3px 0px 3px ;
    
    
}

[data-predefined-style="true"] small a {
	color: rgba(0, 0, 0, 0.4);
	border-bottom-width: 0px;
}

/**
 * Breakpoints
 */

[data-css-preset] .page {
    background-color: initial /*!page_bgcolor*/;
}

.mobile .page,
[data-css-preset].mobile .page {
	position: relative;
	min-height: 10px;
	max-width: 100%;
	width: 100%;
	background-color: transparent /*!page_bgcolor*/;
}

[data-css-preset] .container {
	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;
	text-align: center /*!text_center*/;
}

[data-css-preset] body {
	background-color: rgb(255, 255, 255) /*!body_bgcolor*/;
}

[data-css-preset] .container_width {
	width: 100%/*!content_center*/;
}

[data-css-preset] .content_padding {
	padding-top: 0rem /*!main_margin*/;
	padding-bottom: 0rem /*!main_margin*/;
	padding-left: 0rem /*!main_margin*/;
	padding-right: 0rem /*!main_margin*/;
}

[data-css-preset] text-limit {
	display: inline-block /*!text_width*/;
	max-width: 66rem/*!text_width*/;
}

/**
 * Thumbnails
 */

div[thumbnails] {
	justify-content: flex-start;
}

[data-css-preset] .thumbnails {
   	background-color: transparent/*!thumbnails_bgcolor*/;   
}

[data-css-preset] .thumbnails_width {
    width: 100%/*!thumbnails_width*/;
}

[data-css-preset] [thumbnails-pad] {
    padding: 1rem/*!thumbnails_padding*/;
}

[data-css-preset] [thumbnails-gutter] {
    margin: -2rem/*!thumbnails_padding*/;
}

[data-css-preset] [responsive-layout] [thumbnails-pad] {
    padding: 0.5rem/*!responsive_thumbnails_padding*/; 
}

[data-css-preset] [responsive-layout] [thumbnails-gutter] {
    margin: -1rem/*!responsive_thumbnails_padding*/; 
}

.thumbnails .thumb_image {
	outline: 0px solid rgba(0,0,0,.12);
    outline-offset: -1px;
}

.thumbnails .title {
    margin-top: 1.0rem;
    margin-bottom: 3rem;
    font-size: 1.6rem;
	font-weight: 400;
	color: rgba(255, 94, 79, 1);
	font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman", Icons;
	font-style: normal;
	line-height: 1.3;
    text-align: left;
}

.thumbnails .tags {
    margin-top: 1.2rem;
    margin-bottom: 0.5rem;
    font-size: 1.4rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.35);
	font-family: Nitti, Icons;
	font-style: normal;
	line-height: 1.2;
}

.thumbnails .tags a {
	border-bottom: 0;
    color: rgba(0, 0, 0, 0.35);
    text-decoration: none;
}

.thumbnails .has_title .tags {
	margin-top: 0rem;
}

/**
 * Site Menu
 */

[data-css-preset] #site_menu_button {
    color: rgba(0, 0, 0, 0.75);
    line-height: 1;
    font-size: 28px /*!site_menu_button*/;
    padding: 6px;
    line-height: 1;
    background: rgba(33, 32, 46, 0);
    position: fixed;
	right: 3rem /*!site_menu_button*/;
	bottom: 3rem /*!site_menu_button*/;
}

body.mobile #site_menu_button {
	margin: -6px;
    font-size: 34px;
}

#site_menu_button.custom_icon {
	width: 40px;
    height: auto;
}

#site_menu_button.active {
	display: none;
}

/**
 * Site Menu
 */

#site_menu {
	font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman", Icons;
	background: rgba(255, 255, 255, 0.95);
	font-size: 22px;
	font-style: normal;
	font-weight: 400;
	padding: 20px 30px 90px 30px;
	max-width: 400px;
	min-width: 300px;
	text-align: left;
	display: flex;
	justify-content: center;
    text-align: center;
}

body.mobile #site_menu {
	width: 100%;
}

#site_menu .page-link a {
	color: rgba(0, 0, 0, 0.85);
}

#site_menu .set-link > a {
	color: rgba(0, 0, 0, 0.85);
	font-weight: bold;
}

#site_menu a:active {
	opacity: .7;
}

#site_menu a.active {
	opacity: .4;
}

#site_menu .close {
	display: none;
	color: rgba(0, 0, 0, 0.65);
	line-height: .85em;
	font-size: 45px;
}

body.mobile #site_menu .close {
	display: block;
	font-size: 50px;
	line-height: 1em;
}

#site_menu .break {
	height: 28px;
}

#site_menu .indent {
	margin-left: 28px;
}

/**
 * Shop Button
 */

[data-css-preset] #shop_button {
	color: rgba(0, 0, 0, 0.85);
    background: transparent;
	font-size: 36px;
    font-style: normal;
	font-weight: 400;
    line-height: 1;
    position: fixed;
	padding: 6px;
	top: 1rem /*!shop_button*/;
	right: 2rem /*!shop_button*/;
}

#shop_button.text {
	font-size: 1.4rem;
	font-weight: 400;
	color: rgba(0, 0, 0, 0.45);
	font-family: Nitti, Icons;
	font-style: normal;
	line-height: 1.2;
    padding: 0;
}

#shop_button.custom_icon {
	width: 40px;
    height: auto;
}

body.mobile #shop_button:not(.text) {
	margin: -6px;
    font-size: 40px;
}

/**
 * Shop Product Widget
 */

.shop_product {
    width: 100%;
	max-width: 22rem;
    position: relative;
    display: block;
}

.shop_product .price {
	font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman", Icons;
	font-size: 1.6rem;
	line-height: 1;
	color: rgba(0, 0, 0, 0.85);
    display: block;
    margin-bottom: 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .dropdown {
    font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman", Icons;
    font-size: 1.6rem;
    display: inline-block;
	width: 100%;
    border: 1px solid rgba(0,0,0,.2);
    background:  white url(https://static.cargo.site/assets/images/select-line-arrows.svg) no-repeat right;
    margin-bottom: 1rem;
    line-height: 1.2;
    padding: .7rem 2.5rem .7rem 1rem;
	font-style: normal;
	font-weight: 400;
}

.shop_product .button {
    font-family: "Times New Roman", "Times New Roman", Times, serif, "Times New Roman", Icons;
	font-size: 1.6rem;
    background: rgba(0, 0, 0, 0.7);
    color: rgba(255, 255, 255, 1);
    flex: 0 0 50%;
    text-align: left;
    display: inline-block;
	line-height: 1;
    padding: .8rem 1rem;
	font-style: normal;
	font-weight: 400;
}

/**
 * Image Zoom
 */

.content img.image-zoom:active {
  opacity: .7;
}

/**
 * Quick View
 */

[data-css-preset] .quick-view {
    padding-top: 2.5rem /*!quick_view_padding*/;
    padding-bottom: 2.5rem /*!quick_view_padding*/;
    padding-left: 2.5rem /*!quick_view_padding*/;
    padding-right: 2.5rem /*!quick_view_padding*/;
    height: 100% /*!quick_view_height*/;
    width: 100% /*!quick_view_width*/;
}

body.mobile .quick-view {
    width: 100%;
    height: 100%;
    margin: 0;
}


[data-css-preset] .quick-view-background {
	background: rgba(255, 255, 255, 0.95) /*!quick_view_bgcolor*/;
}

.quick-view-caption {
    font-family: Nitti, Icons;
    transition: 100ms opacity ease-in-out;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    margin: 3.5rem 0;
    text-align: center;
    font-size: 1.4rem;
	font-style: normal;
	font-weight: 400;
}

.quick-view-caption span {
    padding: 0.5rem 1rem;
    display: inline-block;
    background: rgba(0,0,0,0.5);
    color: white;
}

/**
 * Quick View Navigation 
 */

.quick-view-navigation .left-arrow {
    left: 10px;
}

.quick-view-navigation .right-arrow {
    right: 10px;
}

.quick-view-navigation .left-arrow,
.quick-view-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.quick-view-navigation .left-arrow .inner-color,
.quick-view-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .left-arrow .outer-color,
.quick-view-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

.quick-view-navigation .close-button {  
    top: 10px;
    right: 10px;
    /* Change height/width together to scale */
    width: 36px;
    height: 36px;
}

.quick-view-navigation .close-button .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.quick-view-navigation .close-button .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/** 
 * Image Gallery Navigation Arrows 
 */
 
.image-gallery-navigation .left-arrow,
.image-gallery-navigation .right-arrow {
    /* Change height/width together to scale */
    height: 36px;
    width: 36px;
}

.image-gallery-navigation .left-arrow .inner-color,
.image-gallery-navigation .right-arrow .inner-color {
    stroke: #fff;
    stroke-width: 1.5px;
}

.image-gallery-navigation .left-arrow .outer-color,
.image-gallery-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Wallpaper Backdrop Navigation Arrows 
 */

.wallpaper-navigation .left-arrow,
.wallpaper-navigation .right-arrow {
   /* Change height/width together to scale */
   width: 36px;
   height: 36px;
}

.wallpaper-navigation .left-arrow .inner-color,
.wallpaper-navigation .right-arrow .inner-color {
   stroke: #fff;
    stroke-width: 1.5px;
}

.wallpaper-navigation .left-arrow .outer-color,
.wallpaper-navigation .right-arrow .outer-color {
    stroke: #000;
    stroke-width: 2.5px;
    opacity: 0.6;
}

/**
 * Feed
 */

.feed .content_container .page {
    border-top: 0px dashed rgba(0, 0, 0, 0.2);
}

.feed .content_container .page_container:first-child .page {
	border-top: 0;
}

/**
 * Audio Player
 */

.audio-player {
    max-width: 36rem;
    height: 3.3rem;
    outline: 1px solid rgba(0,0,0,0.15);
    color: rgba(0, 0, 0, 0.6);
    background: #fff;
    font-size: 1.2rem;
    line-height: 1.3;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif, "Sans Serif", Icons;
    font-style: normal;
    font-weight: 400;
    text-align: left;
    margin: 1px 1px 1em 1px;
}

body.mobile .audio-player {
    max-width: 100%;
}

.audio-player .separator {
    width: 1px;
    background-color: rgba(0,0,0,0.15);
}

.audio-player .button {
    background: transparent;
    cursor: pointer;
    fill: rgba(0, 0, 0, 0.85);
}

.audio-player .icon {
    fill: rgba(0, 0, 0, 0.85);
    padding: 30%;
    width: 100%;
    margin: auto;
}

.audio-player .buffer {
    background: rgba(0,0,0,0.03);
}

.audio-player .progress {
    background: rgba(0,0,0,0.1);
}

.audio-player .progress-indicator {
    border: 1px solid rgba(0, 0, 0, 0.7);
    width: 1px;
    height: 100%;
    right: 0;
    position: absolute;
    cursor: ew-resize;
}

.audio-player .note-icon {
    height: 100%;
    width: 3.8rem;
    padding: 1rem;
    fill: rgba(0, 0, 0, 0.5);
}

.audio-player .current-time {
    padding-left: 1rem;
}

.audio-player .total-time {
    padding-right: 1rem;
}

/**
 * Dividing Line
 */

.divider {
    position: fixed;
    left: 50%;
    top: 0;
    bottom: 0;
    background: rgba(0,0,0,.15);
    width: 1px;
    z-index: -1;
}


/******************/
/* original */
/******************/

.cc-mobile-block{
	display: none;	
}
.mobile .cc-mobile-block{
	display:initial;	
}


.fade-out-cover {
      content: '';
      position: fixed;
      top: 0;
      left: 0;
      width: 100%;
      height: 100vh;
      background-color:#fff;/* 色を変えたい場合はこちら */
      z-index: 200;
      pointer-events: none;
      opacity: 0;
      transition: opacity .4s ease;

}
.fade-out-cover.fadeout{
  
    opacity: 1;
   
}
 

.fade-in-cover {

  content: '';
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100vh;
  background-color:#fff;/* 色を変えたい場合はこちら */
  z-index: 100;
  pointer-events: none;
  opacity: 1;
 
  -webkit-animation: fadein 1s ease-in 0s 1 forwards;
  animation: fadein 1s ease-in 0s 1 forwards;
}
/* 通常のkeyframes */
@-webkit-keyframes fadein { 0% {opacity: 1;}100% { opacity: 0;}}
@keyframes fadein { 0% {opacity: 1;}100% { opacity: 0;}}



.fade-out-cover svg{

    position: absolute;
    top: -4px; 
    /*width: auto; */
   	height: 100vh;
    z-index: 400;
   
}

.fade-out-cover .cimgL{ left: 0;}
.fade-out-cover .cimgR{ right: 0;}
/*
    .box__line::before {
      position: absolute;
      will-change: transform;
      z-index: 300;
      content:"●";
      width: 1.5rem;
      height: 2rem;
      color:rgba(194,194,194,0.85) ;
    }

.box__line:nth-child(1)::before {

      right: 1rem;
      animation: animate1 .8s linear infinite;
 }
	@keyframes animate1 {
      0% {transform: translateY(46vh);opacity: 0;}

      1% {transform: translateY(46vh);opacity: 1;}
    66% {transform: translateY(44vh);opacity: 0;}
	100% {transform: translateY(44vh);opacity: 0;}
	
    }
 .box__line:nth-child(2)::before  {

      left: 1rem;
      animation: animate2 .8s linear infinite;
  }
    @keyframes animate2 {
      0% {transform: translateY(46vh);opacity: 0;}
      33% {transform: translateY(44vh);opacity: 0;}
      34% {transform: translateY(44vh);opacity: 1;}
    100% {transform: translateY(46vh);opacity: 0;}

	}

*/
   


/*home carousel */


  .slide_dir {
    width: 100%;
    height: 640px;
    margin-top: 5rem;
    position: relative;
	/*height: calc(100vw*0.35);*/
   
  }

  body.mobile .slide_dir{
      width: 300px;
      height: 270px;
      margin-top: 0;
      margin-left: auto;
      margin-right: auto;
      /*height: calc(100vw*.74);*/
}
  body.mobile .slide_dir:active{
      transition: transform 1s ease;
      transform: scale(0.95);
      
  }

  .slide_dir img {
    position: absolute;

    filter:grayscale(100%);
   	transform-origin:top left ;
	transform: scale(1.16);
    opacity: 0;
    z-index: 0;
      
    width: 360px !important;
    height: auto !important;
      
  }

  body.mobile .slide_dir img{
        
    width: 200px !important;

  }

  .slide_dir img.on{
    transition: all .2s linear;
    filter:grayscale(0%);
    opacity:1;
    left:0;
    top:0;
    z-index: 30;
  }
  .slide_dir img.son1{
    transition: all .2s ease;
    opacity:.2;
    left:16px;
    top:16px;
    z-index: 20;
  }
  .slide_dir img.son2{
    transition: all .2s ease;
    opacity:.2;
    left:32px;
    top:32px;
    z-index: 10;
  }

 .slide_dir img.son3{
    transition: all .2s ease;
    opacity:.2;
    left:48px;
    top:48px;
    z-index: 8;
  }
   .slide_dir img.son4{
    transition: all .2s ease;
    opacity:.2;
    left:64px;
    top:64px;
    z-index: 6;
  }


  .text_dir {
 	margin-top:256px;
     
  }


  .mobile .text_dir {
      width: 300px !important;
      margin-top: 42px;
      margin-left: auto;
      margin-right: auto;
     
  }



 .text_dir h2 {

    white-space: nowrap;
    position: relative;
    display: inline-block;
  
   	/*text-indent: 2.5rem;*/
     text-indent:166px;
     line-height: 32px;
  }

  .text_dir h2::before {
    position: absolute;
    content: "";
    z-index: 999;
    width: 0;
    height: .4px;
    background-color: black;
    margin-right: 100%;
    right: -160px;
    bottom: 42px;     
    transition: all 0s;
    transition-delay: 0s;

  }


  .text_dir h2.drawLine::before {
    transition: all 0.2s ease;
	transition-delay: .1s;
    width:270px;

  }

	.mobile .text_dir h2{
	
        text-indent:120px;
	}
    .mobile .text_dir h2::before {
        bottom:38px;
        right: -120px;
    }

  .mobile .text_dir h2.drawLine::before {
    transition-delay: .1s;
   	transition: all 0.1s linear;
    width:120px;/*1.4*/

  }

.mobile .text_dir h2::after {
    display: inline-block;  
    content: "";
    position: absolute;
    background-color: black;
    width: .4px;
    height: 0;
    left: 0;
    bottom: 38px;  
    transform-origin: bottom;
    transition-delay: 0s;
}

.mobile .text_dir h2.drawLine::after{
    transition: all 0.2s linear;
    transition-delay: 0.1s ;
    height: 200px;
}


.text_dir h2 img{
    opacity: 0.7;
    margin-bottom: 4px;
   	width: 168px !important;
    height: auto !important;


}

.mobile .text_dir h2 img{
	width: 168px !important;

}


.bpoint{
	text-indent: -2rem;
    padding-left: 1.5rem;    
}

.mobile .bpoint{
	text-indent: -1.5rem;
    padding-left: 1.5rem;
    
}
/* no use
.text_dir sup,.text_dir_overlay sup{
  font-size: 12px;
  vertical-align: top;
	margin-right: 0;
    top:-1px;
  	font-family: BookmanOldStyle,'Bookman Old Style',serif;
}*/
.cc-image-gallery{
    margin: 0 auto;
  display: flex;
  flex-wrap: wrap;
  justify-content: flex-start;
  gap: 48px 26px;
 /*margin: -2rem;*/
  width: 960px;
}
body.mobile .cc-image-gallery{
    gap: 14px 17px; /*bef 12*/
    width: 300px;
}


.cc-image-gallery img{
    object-fit:cover; 
    margin-bottom: 0;
    width:220px !important;
    height: auto !important;
}

body.mobile .cc-image-gallery img{
    width:62px !important; /*bef 60*/
    height: auto !important;

}




.cc-image-gallery a{
	overflow: hidden;
}
.cc-image-gallery img:hover{
    transition:.3s all ease;
	transform:scale(1.05,1.05);
    filter: brightness(70%);
}

[data-predefined-style="true"] [local-style="29951149"] h2.text_dir_span1{
	letter-spacing: 0.11rem;
}




[data-id="29951100"]{
	display: flex;
    flex-direction: column;
    
}

/*
[data-id="29397216"]{
	
    min-height: -webkit-fill-available;
	height: calc(var(--vh, 1vh) * 100);
    justify-content: center;
	align-items: center;
	
}*/


[data-predefined-style="true"] a.ccNextCont {
	position: absolute;
   
    opacity:0;
    display: inline-block;/*bef  block*/
    /*padding-top: 3rem;
    padding-bottom: 3rem;
    */
 	padding: 64px 12px;
}

[data-predefined-style="true"] a.ccNextCont.ccncL {
   animation: nextContL 10s ease 0s infinite;
   /*infinite*/
}
[data-predefined-style="true"] a.ccNextCont.ccncR {
   animation: nextContL 10s ease 0s infinite;
}



@keyframes nextContL {
      0% {opacity: 0;}
      40% {opacity: 0;}
    65% {opacity: 1;}
   100% {opacity: 0;}
}
/*@keyframes nextContR {
      0% {opacity: 0;}
      25% {opacity: 0;}
    50% {opacity: 1;}
	100% {opacity: 0;}
}*/



[data-predefined-style="true"] a.ccNextPage {
    display: none;
    position: absolute;
    bottom: 0;/*1.5*/
    left: 50%;
    transform: translate(-50%, 0);
    

  	margin-left: auto /*!content_center*/;
	margin-right: auto /*!content_center*/;

	text-align: center /*!text_center*/;
    padding-top: 0.9rem;
	width: 100%; /*21rem*/
    height: 4rem;
    	animation: slowfrash 5s ease 2.5s infinite;
    opacity:0;
}

/*[data-predefined-style="true"] .mobile a.ccNextPage{
	border: 1px solid rgba(194,194,194,0.85);

}*/

[data-predefined-style="true"] a.ccNextPage.visit{
  	transition: all 1s linear; 
    animation:none;
    opacity:0;
}

.ccNextPage span{
    font-size: 28px;
    display: block;
	color:rgba(194,194,194,0.85);
	opacity:0;
	
	animation: slowfrash 6s linear 4s infinite;
}
/* 通常のkeyframes */
@keyframes slowfrash { 
    0% {opacity: 0;}
    40% {opacity: 1;}
    50% {opacity: 1;}
    90% {opacity: 0;}
}

@keyframes slowfrashdawn {
    0% {transform: scale(.8);opacity: 0;}
    8% {transform: scale(.8);opacity: 0;}
    9% {transform: scale(1);opacity: 1;}
    33% {transform: scale(.8);opacity: 0;}
      34% {transform: scale(1) ;opacity: 1;}
    66% {transform: scale(.8);opacity: 0;}


}

/*detail page title description*/
.cc-img{
	/*margin-top:48px ;*/
    padding-top: 48px;
}
.cc-img img{
	width: 600px !important;
    height: auto !important;
}
.mobile .cc-img img{
	width:300px !important;
}

h1.cc-img-title{
    font-size: 17px;
    margin-top: 16px;
    letter-spacing:-0.5px;
    line-height: 1.1;
}

/* no use
[data-predefined-style="true"] small.cc-black-bg{
	font-family: 'Bookman Old Style',serif;
    vertical-align: text-top;
	line-height: 1;
	font-size: 17px;
    color: #fff;
    background-color: #666;
    margin-top: 12px;
    font-weight: 600;
    padding: 0 3px 0px 3px ;
    
}
*/

span.cc-eng{
	font-family: BookmanOldStyle,serif;
    font-size: 16px;
}


.mobile h2.profile{
    
    letter-spacing: 0rem;
}
.mobile-only{
	display: none;
}
.mobile .mobile-only{
	display: initial;

}

[data-predefined-style="true"] .mobile [local-style="29951155"] small{
    font-size: calc(100vw*0.034);
}
[data-predefined-style="true"] .mobile [local-style="29951154"] small{
    font-size: calc(100vw*0.034);
}


/*asiens backdrop ver.*/
[data-predefined-style="true"] [local-style="29951766"] .backdrop {
    width: 960px;
    display: block;
    left: calc(50% - 480px);
    padding-left: 25%;
}


/**/
.cc-container{
    -webkit-font-smoothing: subpixel-antialiased;

    /*will-change: filter;*/
    width: 960px;
    margin: 0 auto;
    padding-bottom: 0;

}
.cc-container p{
	margin-top: 0;
    margin-bottom: 24px;
    }



.mobile .cc-container {
    width: 100%;

}


h1.cc-logo {
    text-align: center;
    line-height: 480px;/*480px*/
    margin-top:48px;


}
.mobile h1.cc-logo {
    line-height: 320px;
}

h1.cc-logo img {
    width: 300px;
    /*will-change: filter;*/

   /*filter: blur(0.1px);*/
    /*mix-blend-mode: overlay;*/
    vertical-align: middle;
}

#ccTopCopyEn,#ccTopCopyJa{
	height: 460px;/*old 360*/	
}

.mobile #ccTopCopyEn,.mobile #ccTopCopyJa{
	height: 630px;/*old 560*/	
}


.cc-content{
	width: 600px;
    margin: 0 auto;
}
.mobile .cc-content{
	width: 300px;
}


.cc-copy-eng{
    width: 625px;
    margin: 0 auto;
    /*mix-blend-mode: overlay;*/
}

.mobile .cc-copy-eng {
    width: 300px;

}

span.cc-jpa, div.cc-jpa,div.cc-jpa h2{
    
    font-family: "NewCezanneProN-M",sans-serif;    
    font-size: 15px;
}


.cc-contact-form select.cc-jpa,
.cc-contact-form input.cc-jpa,
.cc-contact-form textarea.cc-jpa{
	font-family: "NewCezanneProN-M",sans-serif;    
    font-size: 15px;
}
 .cc-copy-jpa{
     font-size: 14px;

     font-family: "NewCezanneProN-M",sans-serif;

     font-style: normal;
     font-weight: 300;

     line-height: 28px;
     letter-spacing: 0;
 
     width: 630px;
     margin: 0 auto;
     
}

.mobile .cc-copy-jpa {
    width: 310px;
    line-height: 28px;

}



 .cc-signature{
	margin-top: 64px;
    
}

.mobile .cc-signature{
	margin-top: 48px;
    
}
.cc-signature.cc-ja{
	margin-top: 64px;
}

.mobile .cc-signature.cc-ja{
	margin-top: 48px;/*old 44px*/
}


#ccEJ{
    font-size:13px;
	margin-top: 0;/*64*/
    text-align: center;
}
.mobile #ccEJ{
    margin-top: 0;/*32*/
}

.cc-signature p {
    text-align: center;
}


.cc-container.cc-profile > div:first-child{
    margin: 0 auto;
    width: 600px;
    margin-top: 30px;/*46*/
    margin-bottom: 40px; /*24*/

}
.cc-container.cc-profile > div:first-child img{
    text-align: center;
	width: 400px !important;
    height: auto !important;
 
}

.mobile .cc-container.cc-profile > div:first-child{
    width: 100%;
    text-align: center;
}

.mobile .cc-container.cc-profile > div:first-child img{
	width: 300px !important;
     height: auto !important;

}

.cc-profile-img{
    margin: 0 auto;
    width: 600px;
	margin-top: 46px;/*70*/
    margin-bottom: 24px;
}
.cc-profile-img img{
	width: 400px !important;
    height: auto !important;
}

.mobile .cc-profile-img{
    width: 100%;
	text-align: center;
}
.mobile .cc-profile-img img{
	width: 300px !important;
    height: auto !important;
}


/*.cc-d-logo.cc-top-page{
	margin-top: 128px;
}

.mobile .cc-d-logo.cc-top-page{
	margin-top: 64px;
}*/

.cc-contact{
    font-size:16px;
	margin-top: 192px;/*old 48px*/
    margin-bottom: 192px;/*old 48px*/
    
    text-align: center;
}
.mobile .cc-contact{
    font-size:14px;
	margin-top: 96px;
    margin-bottom: 96px;/*36px*/
    
}

.cc-contact .cc-contact-sp{
	display: inline-block;
    width: 154px;
}
.mobile .cc-contact .cc-contact-sp{
	
    width: 80px;
}


.ccProfileMore{
	text-decoration: underline;
}

.ccProfileMore{
	font-size: 14px;
}

.ccProfileMore:hover,#ccEJ:hover{
    cursor: pointer;
}
#ccProfileText{
    height: 0;
    opacity: 0;
    transition: all .5s ease;
	margin-top: 24px;
}

h1.cc-m-title, h2.cc-m-title{
   
    font-size: 16px;
    color: #000;
	margin-top: 88px;
    margin-bottom: 128px;
	text-align: center;
   
}


/*slide hack*/

.content .cc-container .slick-slide img {
	width: 600px !important;
    height: auto !important;
}

.mobile .content .cc-container .slick-slide img {
	width: 300px !important;
}


.mobile .content .cc-container .image-gallery{
	margin: 0 auto;
    width: 300px !important;
}
/*youtube*/
.youtube {
    
  width: 100%;
  aspect-ratio:auto;
  text-align: center;

}


.youtube iframe {
  width: 600px !important;
  aspect-ratio:auto;
  
}

.mobile .youtube iframe {
  width: 300px !important;
  height: auto !important;
}

.mobile .youtube.cc-hi200 iframe{
	height: 176px !important;
    margin-bottom: 10px;
}

.mobile .youtube.cc-hi220 iframe{
	height: 220px !important;
     margin-bottom: 10px;
}
/* image garally2 detaile page*/

.cc-image-gallery2 {
    width: 100%;
    display: flex;
    overflow-x: auto;
    overflow-y: hidden;
    scroll-snap-type: x mandatory;
    flex-flow: row nowrap;
    justify-content: space-between;
     

}
.cc-image-gallery2::-webkit-scrollbar{
    display: none;
}



.cc-image-gallery2 div {
    
    width: 960px;
    text-align: center;
    height: auto;
    scroll-snap-stop:normal;
    scroll-snap-align: start;


}

.cc-image-gallery2  img {
    margin-top: 36px;
    width: 600px !important;
    height: auto !important;
    object-fit:contain;
}
.mobile .cc-image-gallery2 img{
    width: 300px !important;
}

   .cc-image-gallery2 .cc-black-pack {
    width: 600px;
    display: inline-block;
    text-align: left;
 	}
   .mobile .cc-image-gallery2 .cc-black-pack {
    width: 300px;
  }


    .mobile .cc-image-gallery2 {
      width: 100%;
    }
	.mobile .cc-image-gallery2 div{
      width: 100vw;
        text-align: center;
    }

	.cc-image-gallery2 div h1{
      width: 600px;
        margin:0 auto;
        text-align: left;
    }
	.mobile .cc-image-gallery2 div h1{
      width: 300px;
    }



/**/
.cc-image-gallery3 {
    margin: 0 auto;
    width: 960px;
    display: flex;
    flex-flow: row nowrap;
    justify-content: flex-start;
    gap:30px
    

}
.mobile .cc-image-gallery3 {
	width: 300px;
    gap:12px
}

.cc-image-gallery3 a img {
 
    margin-top: 0px;
    margin-bottom: 0;
    width: 300px !important;
    height: auto !important;/*auto*/
    /*object-fit:contain;*/
    
}


.cc-image-gallery3.cc-hori a img {
   object-fit: cover; 
   height: 200px !important;/*auto*/
   object-position: top 0px left 0px;
}

.mobile .cc-image-gallery3 img {
    width: 92px !important;
}

.mobile .cc-image-gallery3.cc-hori img {
    width: 92px !important;
    height: 62px !important
}

.cc-image-gallery3 p {
    width: 300px;
}
.mobile .cc-image-gallery3 p {
    width: 92px;
    font-size: 12px;
    line-height: 12px;

}
.mobile .cc-image-gallery3 p.cc-koi{
	text-align:left;
    letter-spacing:-0.5px;
	
}
.mobile span.cc-koi{
	font-size: 10px;
}


.cc-image-gallery3  a{
    display: inline-block;
	overflow: hidden;
}
.cc-image-gallery3 img:hover{
    transition:.3s all ease;
	transform:scale(1.05,1.05);
    filter: brightness(70%);
}



/* background movie */
.cc-bgmovie{
    
	height: 320px;
}
.mobile .cc-bgmovie{
	height: calc(100vw*(9/16));
}
.cc-bgmovie-pad{
	height: 80px;
}

/*test mix3 */
.cc-bgmovie-v3{
    height: 960px;
  	overflow: hidden;
}
.cc-bgmovie-v3 iframe{
    width: 960px !important;
   
}


.mobile .cc-bgmovie-v3{
  height: initial;
	   
}
.mobile .cc-bgmovie-v3 iframe{
   width: 100% !important;
   transform: scale(1.01);
}



/*films page  for iframe 3 set*/
.cc-bgmovie-i3{
    height: 320px;
    overflow: hidden;
    background-color: #000;
    text-align: center;
}

.mobile .cc-bgmovie-i3{
	height: calc(100vw*(9/16));
	overflow: initial;
}
.cc-bgmovie-i3 iframe{
    margin-top: -100px;
}
.mobile .cc-bgmovie-i3 iframe{
    margin-top:0;
}


/*cc movie gallery  */

.cc-movie-gallery {
    width: 100%;
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    flex-flow: row nowrap;
    overflow-y: hidden;
    justify-content: space-between;
    /*full mode*/
    padding-left: 180px;
    padding-right:180px;

}


.mobile .cc-movie-gallery {
    width: 100%;
    padding-left: calc((100vw - 300px)/2);
    padding-right: calc((100vw - 300px)/2);
    
}

.cc-movie-gallery::-webkit-scrollbar{
    display: none;
}

.cc-movie-gallery > div {
    width: 620px; /*620*/
    text-align: center;
    height:auto ;
    scroll-snap-stop:normal;
    scroll-snap-align:center;

}
.cc-movie-gallery > div> div{
	width: 640px;/*620*/
}
.mobile .cc-movie-gallery > div{
    width: 320px; 
    height: 240px;
}


.cc-movie-gallery  img {
    margin-top: 0;
    width: 600px !important;
    height: auto !important;
    object-fit:contain;
}
.mobile .cc-movie-gallery img {
    width: 300px !important;
}

.cc-movie-gallery > div > h1{
    width: 620px;
    margin:0 auto;
    text-align: left;
    line-height: 30px;
    text-indent: 10px;
}
.mobile .cc-movie-gallery > div >  h1{
    width: 320px;
    
}



/*cc movie gallery2  */

.cc-movie-gallery2 {
  width: 100%;
  display: flex;
  overflow-x: auto;
  scroll-snap-type: x mandatory;
  flex-flow: row nowrap;
  overflow-y: hidden;
  justify-content: space-between;
  /*full mode*/
/*  padding-left: 180px;
  padding-right:180px;*/
    
}


.mobile .cc-movie-gallery2 {
  width: 100%;
  padding-left: calc((100vw - 300px)/2);
  padding-right: calc((100vw - 300px)/2);
  
}

.cc-movie-gallery2::-webkit-scrollbar{
  display: none;
}

.cc-movie-gallery2 > div {
  width: 960px; /*620px*/
  text-align: center;
  height:480px ; /*auto*/
  scroll-snap-stop:normal;
  scroll-snap-align:center;
  
}

/*navi arrow*/
/*
.cc-movie-gallery2::before{
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('https://files.cargocollective.com/c1732028/navi_prev.svg') no-repeat;
    background-size: contain;
    background-position: center;
    
    position: absolute;
    top: 317px;
    left: 64px;
    opacity: 1;
}
.cc-movie-gallery2::after{
	content: "";
  
	display: inline-block;
    width: 20px;
    height: 20px;
    background: url('https://files.cargocollective.com/c1732028/navi_next.svg') no-repeat;
    background-size: contain;
    background-position: center;

    position: absolute;   
    top: 0317px;
    right: 64px;
    opacity: 1;
}

.cc-movie-gallery2.cc-hide-navi::before
{
	opacity: 0;
}

.cc-movie-gallery2.cc-hide-last-navi::after
{
	opacity: 0;
}

.mobile .cc-movie-gallery2::before,
.mobile .cc-movie-gallery2::after{
	opacity: 0;
}
*/

/**/


.cc-movie-gallery2 > div> div{
	width: 960px;/*640px*/
}
.mobile .cc-movie-gallery2 > div{
  width: 320px; 
  height: 240px;
}


.cc-movie-gallery2  img {
  margin-top: 0;
  width: 600px !important;
  height: auto !important;
  object-fit:contain;
}
.mobile .cc-movie-gallery2 img {
  width: 300px !important;
}

.cc-movie-gallery2 > div > h1{
  width: 960px; /*620*/
  margin:0 auto;
  text-align: left;
  line-height: 30px;
 /* text-indent: 180px;*/
   padding-left: 180px; 
}
.mobile .cc-movie-gallery2 > div >  h1{
  width: 320px;
  padding-left: 10px; 
  
}




/**/

/*logo*/
.cc-d-n-logo{
	margin-top: 74px;/* bef 112*/
    margin-bottom: 12px;
    text-align: center;
	
}

.cc-d-logo{
    margin-top: 74px;
    margin-bottom: 48px;
	text-align: center;
   
}

.cc-d-n-logo img{
	width: 169px !important;/*old 226*/
    height: auto !important;
}
.cc-d-logo img{
	width: 232px !important;/*old 232  310*/
    height: auto !important;
}

.mobile .cc-d-logo img{
	width: 155px !important;
    height: auto !important;
}

.mobile .cc-d-n-logo img{
	width: 113px !important;
    height: auto !important;
    margin-top: 0;
}
.mobile .cc-n-logo img{
	width: 155px !important;
    height: auto !important;
    margin-top: 0;
}

.cc-footer-logo img{
    width: 232px !important;/*old 310*/
    height: auto !important;
}

.mobile .cc-footer-logo img{
	width: 155px !important;
}


/*cc image gallery 4 */

.cc-image-gallery4{
    position:relative;
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    
    justify-content: space-between;

}


.cc-image-gallery4::-webkit-scrollbar{
    display: none;
}

.cc-image-gallery4 > div {
    width: 100%;
    text-align: center;
    height:100% ; /*auto*/
 
    scroll-snap-stop:normal;
    scroll-snap-align:start ;

}
.cc-image-gallery4 > div> div{
	width: 960px;
}
 .cc-image-gallery4 .cc-black-pack {
  width: 600px;
  display: inline-block;
  text-align: left;
 }

.mobile .cc-image-gallery4 >div{
    width: 100vw;  
	text-align: center;
}
.mobile .cc-image-gallery4 > div >div{
     width: 100vw; 

}


 .mobile .cc-image-gallery4 .cc-black-pack {
  width: 300px;
}





.cc-image-gallery4 > div >img {
    /*margin-top: 48px;*/
    padding-top: 48px;
    width: 600px !important;
    height: auto !important;
    object-fit:contain;
}
.mobile .cc-image-gallery4 > div > img {
    width: 300px !important;
}

.cc-image-gallery4 div h1{
    width: 600px;
    margin:0 auto;
    text-align: left;
}
.mobile .cc-image-gallery4 div h1{
    width: 300px;
}
/**/

/*cc image gallery 5 */

.cc-image-gallery5{
   /* position:relative; test*/ 
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    justify-content: space-between;

}


.cc-image-gallery5::-webkit-scrollbar{
    display: none;
}

.cc-image-gallery5 > div {
    width: 100%;
    text-align: center;
    height:100% ; /*auto*/
 
    scroll-snap-stop:normal;
    scroll-snap-align:start ;
	position: relative;
}
.mobile .cc-image-gallery5 > div{
    width: 100vw;  	
}


.cc-image-gallery5 article{
	width: 960px;
}
.mobile .cc-image-gallery5 article{
	width: 100vw;
}

.cc-image-gallery5 h1{
    margin: 0 auto;
    text-align: left;
	width: 600px;
}

.mobile .cc-image-gallery5 h1{
    margin: 0 auto;
    text-align: left;
	width: 300px;
}

.cc-image-gallery5 small{
	
	margin-left: -600px;
    transform: translateX(50%);
    
    text-align: left;

}

.mobile .cc-image-gallery5 small{
	max-width: 300px;
	margin-left: -300px;
    transform: translateX(50%);
    
    text-align: left;

}

/*navi arrow*/
/*
.cc-image-gallery5 > div:first-child::after{
	content: "";
	display: inline-block;
  width: 20px;
  height: 20px;
  background: url('https://files.cargocollective.com/c1732028/navi_next.svg') no-repeat;
  background-size: contain;
  background-position: center;

  position: absolute;   
  top: calc(100vh/2); 
  right: 64px;
}


.mobile .cc-image-gallery5 > div:first-child::after{

	right: 16px;
}
*/



/**/



/*cc iframe gallery */

.cc-iframe-gallery{
    position:relative;
    width: 100%;
    height: 100%;
    display: flex;
    overflow-x: scroll;
    scroll-snap-type: x mandatory;
    
    justify-content: space-between;

}


.cc-iframe-gallery::-webkit-scrollbar{
    display: none;
}

.cc-iframe-gallery > div {
    width: 100%;
    text-align: center;
    height:100% ; /*auto*/
 
    scroll-snap-stop:normal;
    scroll-snap-align:start ;

}
.cc-iframe-gallery > div> iframe{
	width: 960px;
    height: 1200px;
    border: none;

}



.mobile .cc-iframe-gallery > div{
    width: 100vw;  /*100vw*/
	text-align: center;
}
.mobile .cc-iframe-gallery > div > iframe{
     width: 100vw; /*100vw*/
     height: 800px;

}




/**/




/*platform v size*/
.cc-platforms{
	padding-bottom: 48px;
}

.mobile .cc-platforms{
	padding-bottom: 32px;
}

/*copy right privacy policy*/

.cc-copyright{
    font-size: 14px;
	text-align: center;
    margin-bottom: 32px;
    
}

/* detail page flick view*/

[data-page-id="29951135"] .content_container >div > div,
[data-page-id="29951113"] .content_container >div > div
{

	display: flex;
  	scroll-snap-type: x mandatory;
    overflow-x: scroll;
    justify-content: space-between;

}

[data-page-id="29951135"] .content_container >div > div::-webkit-scrollbar,
[data-page-id="29951113"] .content_container >div > div::-webkit-scrollbar
{   
    display: none;
}

[data-page-id="29951135"] .page_container,
[data-page-id="29951113"] .page_container{
  	width: 100vw;
    scroll-snap-align: start;
    height: auto;
  	flex: none;
}

/*****/
/* detail page base format*/
.cc-detail-page{
	 padding-top: 48px;
}

.cc-detail-page article > img{
	
	width: 600px !important;
    height: auto !important;
}
.mobile .cc-detail-page article > img{
	width:300px !important;
}

.cc-detail-page h1,.cc-movie-gallery h1,.cc-movie-gallery2 h1{
    font-size: 17px;
    margin-top: 16px;
    letter-spacing:-0.5px;
    line-height: 1.1;
}

.cc-detail-page small{
	font-family: BookmanOldStyle,serif;
    font-weight: 600;
    vertical-align: text-top;
	line-height: 1;
	font-size: 17px;
    color: #fff;
    background-color: #666;
    margin-top: 12px;
    padding: 0 3px 0px 3px ;
    
}

/*detail page footer logo*/
.cc-detail-page footer{
    margin-top: 74px;
    margin-bottom: 48px;
	text-align: center;
   
}

.cc-detail-page footer > a{
	display:inline-block;
    width: 232px;
    height: 102.5px;
    background: url(https://files.cargocollective.com/c1732028/creativecapital_n_logo_i3.png) no-repeat;
    background-size: contain;
}

.mobile .cc-detail-page footer > a{
	width: 155px;

}

/*top page footer logo*/
.cc-top-page footer{
    margin-top: 74px;
    margin-bottom: 48px;
	text-align: center;
   
}

.cc-top-page footer > a{
	display:inline-block;
    width: 232px;
    height: 102.5px;
    background: url(https://files.cargocollective.com/c1732028/creativecapital_n_logo_i3.png) no-repeat;
    background-size: contain;
}

.mobile .cc-top-page footer > a{
	width: 155px;

}


/**/

small.cc-des{
	padding-bottom: 1px;
}
.cc-palt{
  font-feature-settings: "palt" ;
      letter-spacing: 0.5px;
}

.cc-palt-phi{
    font-feature-settings:"palt" ;
    letter-spacing:0.5px;
}

.cc-films h2{
	margin-top:128px
}

.mobile .cc-films h2{
	margin-top:98px
}

 /* contact form css*/
.cc-contact-form {
    width: 600px;
    margin: 0 auto;
    padding-top:40px ;

}
.mobile .cc-contact-form {
    width: 300px;
}
.cc-contact-form > div {
    padding-bottom: 64px;
}



.cc-contact-form input,
.cc-contact-form select,
.cc-contact-form textarea,
.cc-contact-form button {
    text-indent: 8px;
    box-sizing: border-box;
    margin: 0;
    font-family: BookmanOldStyle, serif;
    font-size: 16px;
    line-height: 28px;

}

.cc-contact-form .cc-form-label{
	display: inline-block;
    width: 128px;
}
.mobile .cc-contact-form .cc-form-label{
	
    margin-bottom: 16px;
}

.cc-contact-form select {
    cursor: pointer;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    border: none;
    border-bottom: 0.5px solid #666;

    border-radius: 0;
    position: relative;
    background: url('https://files.cargocollective.com/c1732028/navi_down.svg') no-repeat;
    background-position: calc(100% - 8px);
    background-size: 16px;
    width: 394px;
    color: #000;
}
.mobile .cc-contact-form select{
	width: 300px;
}

.cc-contact-form input {
    border-radius: 0;
    border: none;
    border-bottom: 0.5px solid #666;
    width: 394px;
}
.mobile .cc-contact-form input{
	width: 300px;
}

.cc-contact-form input[type="checkbox"] {
    opacity: 0;
    width: 8px;
    position: absolute;
    z-index: 1;
    top: 4px;
    left: 4px;
}

.cc-alt-checkbox {
    background-color: #fff;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    position: relative;
    width: auto;
    z-index: 999;
}

.cc-alt-checkbox::before {
    position: absolute;
    border: 0.5px solid #666;
    background-color: #fff;
    content: '';
    display: block;
    width: 16px;
    height: 16px;
    left: 0;
    margin-top: -8px;
}

.cc-alt-checkbox::after {
    content: '';
    display: block;
    width: 12px;
    height: 12px;
    background-color: black;
    left: 2.5px;
    margin-top: -5.5px;
    opacity: 0;
    position: absolute;
    top: 50%;

}

input[type=checkbox]:checked+.cc-alt-checkbox::after {
    opacity: 1;
}


.cc-form-message {
    padding-top: 16px;
}

.cc-contact-form textarea {
    text-indent: 0;
    border: 0.5px solid #666;
    border-radius: 0;
    padding-left: 8px;
    padding-right: 8px;
    height: 160px;
    width: 600px;

}

.mobile .cc-contact-form textarea {
    width: 100%;
}



.cc-contact-form button[type="submit"] {
   
    cursor: pointer;
    color: #000;
    background-color: #fff;
    padding: 8px 28px 8px 20px;
    border: 0.5px solid #666;
    font-weight: 300;

}


.cc-conform-check {
    vertical-align: middle;
    text-align: justify;
    hyphens: manual;

    position: relative;
}

.mobile .cc-conform-check{
  text-indent: -22px;
  padding-left: 22px;
  padding-right:22px;
}

.cc-contact-form label {
    line-height: 20px;

}
.cc-submit {

    margin-top: 32px;
    text-align: center;
}




/*privacy policy page*/
.cc-privacy{
	width: 600px;
    margin: 0 auto;
    padding-top: 40px;
}
.mobile .cc-privacy{
	width: 300px;
}


.cc-privacy h2{
	font-size: 16px;
    margin-top: 80px;
    margin-bottom: 32px;
}


.cc-profile-title{
	text-align: center;
    
}
.mobile .cc-profile-title{
	text-align: left;
    
}

/*new navi arrow*/

#ccMovieListPrev{
	content: "";
    display: inline-block;
    width: 20px;
    height: 20px;
    background: url('https://files.cargocollective.com/c1732028/navi_prev.svg') no-repeat;
    background-size: contain;
    background-position: center;
    
    position: absolute;
    top: 317px;/*317*/
    left: 64px;
    opacity: 1;
    cursor: pointer;
}
#ccMovieListNext{
	content: "";
  
	display: inline-block;
    width: 20px;
    height: 20px;
    background: url('https://files.cargocollective.com/c1732028/navi_next.svg') no-repeat;
    background-size: contain;
    background-position: center;

    position: absolute;   
    top: 317px;
    right: 64px;
    opacity: 1;
    cursor: pointer;
}

#ccMovieListPrev.cc-hide-navi
{
	opacity: 0;
}

#ccMovieListNext.cc-hide-navi
{
	opacity: 0;
}

.mobile #ccMovieListPrev,
.mobile #ccMovieListNext{
	opacity: 0;
}

/**/

.cc-films{ 
    will-change: filter;
	
}
/**/

h1.cc-logo-bg {
    margin-top:48px;
    width:960px;
    height:480px;
    text-indent: 100%; 
    white-space: nowrap; 
    overflow: hidden; 
   	background: url("https://files.cargocollective.com/c1732028/creativecapital_logo.svg") no-repeat;
	background-size: auto;
    background-position: 50% 49.4% ;
    
}
.mobile h1.cc-logo-bg {
    height: 320px;
    width: 100%;
	background-position: 50% 49% ;
    
}

/**/