@charset "UTF-8";
/* CSS Document */

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

/*
body{
width:100%;
height:100%;
min-width:979px;
overflow-x: hidden;
font-size: 16.5px;
}


html { box-sizing: border-box; } *, *:before, *:after { box-sizing: inherit; }
*/

.pc-top { display: none !important; }

img { max-width: 100%; }

header,main,footer,div,section,figure,p,#id {
font-size: 14px;
box-sizing: border-box;
letter-spacing: 0.8px;
/*      display: flex;*/
justify-content: space-between;
}

.sp-fixed-lowL{
line-height: 1.5;
position: absolute;
z-index: 50;
left: 1em;
bottom: 0;
text-align: left;
}

#info_{
overflow: hidden;
width: 100%;
}



/*---------------------------------------------------------




    btn




-----------------------------------------------------------*/

.sp-button01 {
/*width: 100%;*/
/*height: 30px;*/
/*padding: 3em 0;*/
margin-top:3em;
background-color: #000;
color: #fff;
transition: .6s all;
}

.sp-button01:hover {
/*width: 100%;*/
border:1px #000 solid;
background-color: #fff;
color:  #000;
}

.sp-button02 {
/*
width: 100%;
height: 30px;
padding: 3em 3em;
*/
background-color: #796512;
color: #fff;
transition: .6s all;
}

.sp-button02:hover {
/*width: 100%;*/
border:1px #796512 solid;
background-color: #fff;
color:  #796512;
}

.sp-up-btn{
/*    width: 0 auto;*/
/*
margin: 0;
padding: 0;
*/
/*    overflow: hidden;*/
text-align: center;
padding: 0 20px;
}
    
/*---------------------------------------------------------




　 　　 　　　　　　　    　  menu




-----------------------------------------------------------*/
    
.gnav__wrap{
/*width: 80%;*/
align-items:center;
display: block;
justify-content: center;
position: absolute;
left: 0;
right: 0;
/*top: 50em;*/
transform: translateY(-50%) translateX(0%);
background: #DBDBDB;
font-size: 16px;
}

.gnav__menu__item{
margin: 0.5% 0;
}
.gnav__menu__item a{
font-size: 12px;
}

.gnav__menu img{width: 35%;margin-bottom: 1em;}





.sp-top1{
background: url("../assets/sp-slide-topimg01.jpg");
}
.sp-top2{
background: url("../assets/sp-slide-topimg02.jpg");
}
.sp-top3{
background: url("../assets/sp-slide-topimg03.jpg");
}
.sp-top4{
background: url("../assets/sp-slide-topimg04.jpg");
}
.sp-top5{
background: url("../assets/sp-slide-topimg05.jpg");
}
.sp-top6{
background: url("../assets/sp-slide-topimg06.jpg");
}





/*---------------------------------------------------------




    TOP




-----------------------------------------------------------*/


.main_logo {
z-index:11;
position: absolute;
top:50%;
left:50%;
-webkit-transform:translate(-50%,-50%);
-moz-transform:translate(-50%,-50%);
-ms-transform:translate(-50%,-50%);
transform:translate(-50%,-50%);
width:63px;
}
    
.sp-main_img {
z-index:10;
opacity: 0;
width: 100%;
height: 100vh;
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
position: absolute;
text-align: center;
right: 0;
top: 0;
-webkit-animation: anime 54s 0s infinite;
animation: anime 54s 0s infinite; }

.sp-main_img img{
text-align: center;
width: 100%;
height: 100vh;
/*    height: auto;*/
}

.sp-related{
background-color: #676767;
padding-bottom: 5em;
}

.sp-related-text{
padding: 0 1em;}

.sp-category{
text-align: center;
}

.sp-category p{
padding: 0 0 2em;
text-align: left;
}
    
.sp-img img{
width: 100%;
}
    
  .item-title,.more{
margin: 1em 0 4em;
}

.item-title{
width: 15%;
margin: 2.5em 0;
}

.item-titles{
width: 17%;
}
    
    
.items{
width: 50%;
position: relative;
}
  
.items01{
left: 0;
width: 50%;
position: absolute;
}

.items02{
bottom: 20em;
right: 3em;
width: 20%;
position: absolute;
}

.items03{
left: 1.5em;
bottom:17em;
width: 40%;
position: absolute;
}

.items04{
bottom:14em;
right: 2em;
width: 40%;
position: absolute;
}
    
    .more{
width: 35%;
}

    .siz{
width: 7%;
}

#sp-newsy{
width: 60%;
margin: 0 50px;
background-image: url("../../出雲民藝市紙工房files_0305/assets/sp-slide-topimg01.jpg")
}


.sp-newstitle,.sp-news,.sp-day,.sp-daynews{
border-collapse: collapse;
}

.sp-newstitle{
text-align: left;
padding: 0 0 1em 3em;
border-bottom: solid 0.5px White;
}

.cont{
text-align: left;
padding: 5em 0 0 3em;
border-bottom: solid 0.5px White;
}

.sp-day{
padding: 1em 3em;
}

.sp-daynews{
padding: 1em 2em 1em 0;
}

.sp-day_,.sp-daynews_{
padding: 2em 3em;
}

.sp-newstitle_old{
text-align: left;
}

.sp-bdbn a{
color: #fff;
transition: color .3s;
}

.sp-bdbn a:hover {
color: #B6B6B6;
}

.sp-daynews a{
color: #fff;
transition: color .3s;
}

.sp-daynews a:hover {
color: #B6B6B6;
}


.sp-bdbn{
border-bottom: hidden;
text-align: center;
/*
position: relative;
left: -8em;
top: 0.5em;
*/
/*font-size: 13px;*/
/*display: flex;*/
}

.sp-news{
width: 100vw;
margin: 1em 0;
}
    
    
/*---------------------------------------------------------




  footer




-----------------------------------------------------------*/

.sp-local-navigation{
text-align: center;
background-color: #DEDEDD;
}
    
.pageTop {
width: 80px;
position: relative;
text-align: center;
bottom: 3em;
}

.pageTop {
position: relative;
text-align: center;
bottom: 2.5em;
}

    .copyright{
padding: 2em 0 1em;
}


/*---------------------------------------------------------




                            news




-----------------------------------------------------------*/


#news_contents {
    padding: 30px 0 0;
  }
#news_contents h2 {
    font-size: 1.25rem;
	margin-bottom: 30px;
  }
	#news_contents a dl dd .arrow:before {
		display: none;
	}
    
    #news_contents a dl dt, #news_contents dl dt {
    display: table-cell;
/*    color: #000;*/
    padding: 5px 5px;
/*    background-color: #000;*/
    vertical-align: middle;
    min-width: 5em;
    width: 40%;
}

#news_contents img{width: 100%; margin-bottom: 20px}



  .pager .pagination li{
    display: none;
  }

  .pager .pagination li.pre,
  .pager .pagination li.next{
    display: inline-block;
    width: 40%;
    height: 50px;
    text-align: center;
  }

  .pager .pagination li.pre a,
  .pager .pagination li.next a{
    width: 100%;
    text-align: center;
  }

  .pager .pagination li.pre span::after{
    content: "　前の10件へ";
  }

  .pager .pagination li.next span::before{
    content: "次の10件へ　";
  }



    
/*---------------------------------------------------------




                          about




-----------------------------------------------------------*/

    .fixed_about{
background: url("../assets/pagehead_about.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh!important;
}

.sp-workshop{
width: 90%;
}

.sp-gallery__list {
width: 100%;
list-style-type: none;
display: flex;
justify-content: space-around;
flex-wrap: wrap;
}

.sp-gallery__item {
width: calc(100% / 5);
/*            overflow: hidden;*/
}

.keeper{
display: block;
padding: 1em;
color: #fff;
letter-spacing: 0.01em;
margin-top: 1em;

}

.keeper img{
width: 980px;
}

.keeper figre{
padding-left: 5em;
}
    
    
    
.name{
padding-top: 2em;
}

.career{
width:100%;
}

    
/*---------------------------------------------------------




                          history




-----------------------------------------------------------*/    
 
    .fixed_history{
background: url("../assets/pagehead_history.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh!important;
}

    
.old-history{
/*display: flex;*/
/*flex-wrap: wrap;*/
justify-content: space-between;
background-color: #DBDBDB;
color: #000;
margin:0;
padding: 0;
display: inline-block;
}

.old-history-other{
width: 80%;
padding: 100px 0;
border-bottom: 1px solid #666;
overflow: hidden;
}


.old-history-other figcaption{
float: none;
padding-left: 0;
}

.history-sp img{
width: 500px;
background: rgba(209,61,63,1.00);
/*float: left;*/
/*padding-right: 30px;*/
}
    
.sp-desc_ p{
width: 90%;
padding: 5em 0;
}

.sp-none{
font-weight: 500;
font-size: 25px;
}
   
.sp-notes{
width: 80%;
padding: 5em 0 7em;
font-size: 10.5px;
}
    
    
/*---------------------------------------------------------




                         language




-----------------------------------------------------------*/        
    
.sp-language-pdf{
width: 100%;
text-align: center;
/*overflow: hidden;*/
display:block;
/*text-align: center;*/
}
    
    
    
.flex-box {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 100px;
}
.flex-box img {
  vertical-align: top;
}

.thumnail-left-box {
  width: 70%;
  margin: 0;
  padding: 0 0 2.5%;
}

.thumnail-left-box img {
  width: 100%;
}

.thumnail-right-box {
  width: 90%;
  margin: 0;
  padding: 0;
  list-style: none;
}

.thumnail-right-box li {
  display: flex;
  flex-wrap: wrap;
  width: 50%;
  margin: 0 0 0 auto;
}

.thumnail-right-box li img {
  width: 100%;
  margin: 0 0 30px;
}



    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
/*---------------------------------------------------------




                            type




-----------------------------------------------------------*/  


.sp-seihin{
width: 100%;
color: #000;
margin: 0;
padding: 0;
}

.opuses-img img {
width: 80%;
height:auto;
}

.sp-others{
/*    width: 234px;*/
margin: 0 0 10em;
}

.sp-others img{
/*width: 70%;*/
}

    
/*---------------------------------------------------------




                            work




-----------------------------------------------------------*/  


    
.fixed_work{
background: url("../assets/pagehead_work.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh!important;
}
    
.sp-desc p{width: 100%;}
    
.rm-type figcaption img{
left: 0;
padding-left: 1.5em;
}
    
.detail{
text-align: center;
position: relative;
top: -9em;
}
    
.sp-make{
width: 100%;
overflow: hidden;
}

    
.sp-make-flow{
margin: 0 1em;
}

.sp-make-flow figcaption{
background-color: #fff;
width: 100%;
padding: 2em;
/*flex-wrap: wrap;*/
display: inline-block;
margin: 0 0 10em;
}

.sp-make-flow img{
margin: 0 auto;
width: 150%;
/*overflow: hidden;*/
}
    
.rm-type-img{
background: url("../assets/rm01.png");
}
.rm-type--img{
background: url("../assets/rm02.png");
}
.rm-type---img{
background: url("../assets/rm03.png");
}

.rm{
width: 100%;
}

.sp-rm-title{
margin-bottom: 3em;
}


.sp-rm-type img{
/*    position: static;*/
text-align: center;
}

.sp-rm-type figcaption{
width: 100%;
border-top: 1px solid #000;
/*position: relative;*/
padding: 1.5em;
/*justify-content: space-between;*/
/*margin: 0 auto;*/
/*    text-align: center;*/
bottom: 0;
}

.sp-rm-type figcaption img{
}

.sp-rm-type{
text-align: center;
}

.sp-rm-type img{
margin-bottom: 1em;
}

.sp-rm-type figcaption{
text-align: left;
}

.sp-photos{
text-align: center;
margin-bottom: 7em;
}

.sp-photos img{
width:50%;
padding: 0 1em;
}
    
.skd{
float: none;
padding:0;
}
    
.sp-skd {
text-align: center;
}

.sp-skd img{
/*    float: none;*/
width: 30%;
/*    padding: 0;*/
margin-bottom: 2em;
/*    text-align:center;*/
}
    
    span.wid{
width: 120%;
}
    
.sp-makeimg{font-size: 35px; font-weight: 500;}
    
.sp-makes{
text-align: center;
width: 100%;
height: auto;
background-position: center center;
background-repeat: no-repeat;
}
    
.sp-move-play{
padding: 0;
text-align: center;
width: 55%;
margin-top: 1em;
}

.sp-play{
text-align: center;
opacity: 1;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
	
	
	
	
/*---------------------------------------------------------




                            archive




-----------------------------------------------------------*/  


    
.fixed_archive{
background: url("../assets/sp-pagehead_archive.jpg");
background-position: center center;
background-repeat: no-repeat;
background-size: cover;
height: 100vh!important;
}
	
	
	
	
	
	
	


/**----------------------------------------------------------
   parallax
-----------------------------------------------------------**/

.sp-scrollbox1,.sp-scrollbox2{
text-align: center;
padding: 3em;
}

.sp-scrollbox1 img{
/*padding: 6em 0;*/
width: 30%;
}

/*固定する背景*/
.sp-parallax-bg {
width: 100%;
height: 200px;
overflow: hidden;
}

.sp p{
text-align: left;
padding: 2em;
}

/**----------------------------------------------------------
    video
-----------------------------------------------------------**/   

.video img{
width: 90%;
margin-bottom: 1.5em;
}

.sp--video{width: 90%;}
.sp--video-play{
position: absolute;
top: 55%;
left: 50%;
-webkit-transform: translate(-50%, 0%);
transform: translate(-50%, 0); /*上下左右中央寄せ*/
text-align:center;}
.sp-video-play img{width: 60px;}

.top-img1.top-img2.top-img3.top-img4.top-img5.top-img6{background: none;}

    
/**----------------------------------------------------------
                             map
-----------------------------------------------------------**/   
 
.sp-map{width: 100%;}
    
.sp-access{
width: 100%;
padding: 0 1em 0;
}

/**----------------------------------------------------------
   　         　　　      display: none;
-----------------------------------------------------------**/   

.related{display: none;}
.local-navigation{display: none;}
.language-pdf{display: none;}
#newsy{display: none;}
#outside,#rnavi{display: none;}
.scroll{display: none;}
.old-history-other img{display: none;}
.rm-type-img,.rm-type--img,.rm-type---img{display: none;}
.rm-3{display: none;}
.pc-makeimg{display: none;}


    
    
    
    

    
    
    
    
}