/* スマホのみ */
@media screen and (max-width: 680px){
	
	h2.long {
    font-size: 4.5vw;
}
	p.kasote, h1.kasot {
    font-size: 12vw;
}
	table.company th, table.company td {
    font-size: 14px;
    padding: 20px;
    position: relative;
}
	table.company {
		        padding: 0;
    width: 100%;
    left: 0;
	}
	table.company tr {
    transform: unset;
}
	table.company {
    transform: unset;
}
table.company th:before {
    display: block;
}
	#headerwrap div#mobile-menu.sidemenu-on {
right: -80vw;
}
div#mobile-menu.sidemenu {

    right: -200vw;
    height: 130vh;

}
	.slick-center .video-info {
    z-index: 60;
				opacity:1;
	}	
	.video-info {
    z-index: 100;
		opacity:.5;
}
	.slick-current button.custom-prev, .slick-current button.custom-next {
    opacity: 1;
}
	
	
    button.custom-next {
        width: 18px;
        height: 20px;
        left: 4vw;
        bottom: -14vw;
		animation: cnext-sp 3s infinite;
					  
    }
    button.custom-prev {
        width: 18px;
        height: 20px;
        left: 21vw;
        top: -13vw;
		  animation: cprev-sp 3s infinite;			    
    }
	
	        @keyframes cprev-sp {
            0% {
        transform: translate(2px, -3px) rotate(19deg);
            }
            10% {
        transform: translate(0,0) rotate(19deg);
            }
			            100% {
        transform: translate(0,0) rotate(19deg);
            }
        }
	        @keyframes cnext-sp {
            0% {
        transform: translate(-2px, 3px) rotate(19deg);
            }
            10% {
        transform: translate(0,0) rotate(19deg);
            }
			            100% {
        transform: translate(0, 0) rotate(19deg);
            }
        }
	#body p.div-wrap {
    left: 6.5vw;
}.div-wrap span {
	font-size: 2.2vw;}
	a.viewmore {
        font-size: 1.6vw;

}
	a.viewmore:after {
    right: -20px;
    width: 15px;
    height: 5px;
		    border-right: .5px solid #ffffff;
    border-bottom: .5px solid #ffffff;
}
	.video-info p {
    font-size: 4vw;
    left: 9.5vw;
    position: relative;
}
	.video-info h2 {
    font-size: 6vw;
    left: 11.5vw;
}
	.video-thumbnail {
    width: 57.3%;
}
	.video-info {
		width: 42.7%;}
	
div#video-slider {
    overflow: visible;
    width: 100vw;
}
	.slick-list.draggable {
    top: -8.5vh;
}
	#body .video-slide {

    width: 100vw !important;
    height: 40vh;
}
	.single-work h1.video-title {
    font-size: 32px;
}
	
	.circle-container.v3 .circle {
    width: 60vw;
    height: 60vw;
}

.circle-container.v3 {
    width: 60vw;
    height: 60vw;
    right: -40vw;
    bottom: 40vh;
}

.circle-container.v2 .circle {
    width: 90vw;
    height: 90vw;
}
.circle-container.v2 {
    width: 90vw;
    height: 90vw;
    right: unset;
	left:-40vw;
    top: -30vw;
}
.circle-container.v1 .circle {
    width: 70vw;
    height: 70vw;
}

.circle-container.v1 {
    width: 70vw;
    height: 70vw;
    left: -30vw;
    bottom: -30vw;
}

	

table.company th {
    width: 5em;
}
	table.company th:before{
		display:block;
		    right: 5px;
	}
	


    div.kasoh {
        padding-top: 130px;
        padding-bottom: 60px;
    }
	.themify_builder_content {
    width: 100%;
    max-width: 100%;
}
	
	#footer-logo a img {
    width: 200px;
}
	.sp-key p.artist-name {
		        font-weight: 900;
    font-size: 40px;
}
	.left-wrap, .right-wrap {
    width: 100%;
}
		#body #layout div.video-wrap article .entry-content {
    margin-top: 20px;
}
	#body #layout div.video-wrap article {
    width: 100%;
    margin: 0;
}
	
    img.logo {
        width: 35vw;
    }
	
div#poem {
    margin: 50px 5%;
    max-width: 100%;
    width: 90%;
    height: 144px;
    font-size: 12px;
    box-sizing: border-box;
}


	.mwrap ul {
    margin: 0 5%;
		top: 0;
}
	.cc-wrap {
    display: block;
}
div.cc-wrap p {
    margin: 0 5%;
    font-size: 40px;
}
.mwrap li {
    font-size: 40px;
}
.mwrap {
    display: block;
    height: 48px;
	    margin-top: 3px;
}
	@keyframes mslide{
  0% {
    top: 0;
  }
	33%{
		top: -49px;
	}
	  66% {
    top: -98px;
  }
  100% {
top: -148px;
  }
}
	
	.cenl,.cenr {
    max-width: 90%;
    margin: 0 auto;
}
		table.contact th, table.contact td {
    width: 100%;
    display: block;
}
	table.contact td {
    padding: 0 0 16px;
}
		.hht h2.post-title.entry-title {
    width: 100%;
    float: none;
}
	.hht .entry-content {
    width: 100%;
    float: none;
}
.hht .post-date-wrap {
    float: none;
    padding: 0;
}
div.hht {
    padding: 15px;
}
  div.fullcover {
    background-attachment: scroll!important;
}
  div#wpadminbar {
    display: none!important;
}
    .snsicon {
    display: none;
}
  div#site-description {
    display: none;
}
div.smb20{
  margin-bottom:20px;
  }
  div.smb{
  margin-bottom:30px;
  }
  .top-news-row h2.post-title.entry-title {
    display: block;
}
  .top-news-row time.post-date.entry-date.updated {
    display: block;
}
  a.phone-no {
    font-size: 32px;
    line-height: 32px;
    padding: 0;
}
  p.middle-size-font {
    font-size: 16px;
    line-height: 26px;
}
			table.contact th, table.contact td {
    width: 100%;
    display: block;
}
  table.contact th {
    padding: 16px 0;
  }
table.contact td {
    padding: 0 0 16px;
    border: 0;
}

  .loops-wrapper.list-thumb-image .post-title {
    font-size: 18px;
    line-height: 1.6;
    font-weight: 400;
}
	p , *{font-size:14px;}
	
}
/* スマホのみここまで */


    /* スマホテンプレ */
@media screen and (max-width: 680px){
      /* スマホグリッド２ */
.sp-row-2 .loops-wrapper.grid4 .post {
    width: 48.4%;
        margin-left: 3.2%!important;
    float: left!important;
        clear: none;
}
.sp-row-2 .loops-wrapper.grid4 .post:nth-of-type(2n+1) {
    margin-left: 0!important;
    clear: left;
}
  .loops-wrapper.grid4 h2.post-title.entry-title {
    font-size: 16px;
}
  /* スマホグリッド２ここまで */
        /* スマホフッターメニュー２ */
ul#menu-foot,ul#menu-foot2 {
    margin: 0 -5%;
  border-bottom: #666 solid 1px;
        margin-top: 10px;
}
ul#menu-foot li,ul#menu-foot2 li {
    width: calc(50% - 30.5px);
    float: left;
    display: block;
    clear: none;
    border-top: #666 solid 1px;
    padding: 5px 15px;
}
ul#menu-foot li:nth-child(odd),ul#menu-foot2 li:nth-child(odd){
      border-right: #666 solid 1px;
}
  #footer .widget_nav_menu h4.widgettitle {
    display: none;
}
    /* スマホフッターメニュー２ここまで */
}
    /* スマホテンプレここまで */