@charset "UTF-8";

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

  img {
      width: 100%;
  }

/*= works =*/
/*========================================================*/

#wrapper {
    width: 80%;
    margin: 0 auto;
    padding: 0;
}

.category:after {
    width: 100%;
    margin: 4% 0 0;
    line-height: 0;
}

.topttl {
    font-size: 50px;
    margin: 0 0 3%;
}

.con_pic {
    margin: 24% 0 0;
}

#contents {
    margin: 10% 0 10%;
}


.slidedown {
    width: 128%;
    margin: 0 0 0 -15%;
    background: #333;
    line-height: 2.5;
    padding: 2% 10%;
    color: #eee;
    font-size: 16px;
    position: relative;
}

.slidemark {
    position: absolute;
    content: "";
    width: 13px;
    height: 13px;
    vertical-align: middle;
    border-top: 2px solid #ccc;
    border-right: 2px solid #ccc;
    -webkit-transform: rotate(136deg);
    transform: rotate(136deg);
    vertical-align: middle;
    right: 9%;
    top: 28%;
}

.move .slidemark{
  -webkit-transform: rotate(315deg);
  transform: rotate(315deg);
  top: 42%;
}

.category {
    text-align: left;
    width: 100%;
    margin: 0 auto 0 -10%;
    display: none;
    position: absolute;
    z-index: 20;
}

.category li {
    font-size: 15px;
    line-height: 2;
    padding: 0 3% 0 0;
    width: 100%;
    border-bottom: solid 1px #dedede;
    background: #fafafa;
}

.ca_con1 a, .ca_con_selected a {
    width: 103%;
}

.con_pic li {
    width: 80%;
    display: block;
    margin: 0 auto 15%;
}

.w_cate1 {
    font-size: 15px;
    padding: 0 0 2%;
    line-height: 1.6;
}

.w_title1 {
    font-size: 13px;
}

#work_con {
    width: 100%;
}

.branding_i {
    font-size: 22px;
    font-weight: bold;
    margin: 3% 0 2.5%;
    line-height: 1.45;
}

.worktitle dd {
    font-size: 16px;
}

.cats{
  font-size: 13px;
}

.w_comment {
    margin: 8% 0 5%;
    font-size: 86%;
}

.works_pic {
    width: 100%;
    margin: 12% 0 auto;
}

.w_caption{
    font-size: 86%;
}


/*
.backtag.backtag_pc{
  display: none!important;
}
*/
	.backtag_pc {
	display:none;
	}
.backtag_sp {
	display:block;
	}
	.backtag_sp {
		background-color: #231815;
		position: fixed;
		display: block;
		top: 50%;
		left: -100px;
		z-index: 10;
		color: #ffffff;
		font-size: 20px;
		font-family: "ヒラギノ角ゴ Pro W6","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;		font-weight:bold;
		padding: 8px 3px 8px 3px;
		cursor: pointer;
	}


.morebtn, .detail_morebtn {
	padding-top:0px;


	}

/*= youtube
========================================================*/
.works_pic iframe {
    width: 100%;
    height: auto;
    margin: 0 auto 15%;
}
    

}