/* CSS Document */
@media screen and (max-width:600px){
.arc-left {
  width: 99%;
  overflow: hidden;
  margin: 5px 5px;
}
.arc-right {
  width: 100%;
  overflow: hidden;
  margin: 0;
}
	
	.btn {
		width: 20%;
		float: left;
		list-style: none
	}
	
.arctable {
  width: 100%;
  text-align: left;
}
.arctable th {
  padding: 8px;
  vertical-align: middle;
  background-color: #DDDDDD;
}
.arctable td {
  padding: 10px;
  border-bottom: dotted 1px #666666;
  vertical-align: middle;
}
.ymd {
  width: 60px;
}
.cont {
  width: 90px;
}
.size {
  width: 70px;
}
.font-size {
  font-size: large;
	line-height: inherit;
}

.photo {
    width: 100%;
    display: flex;
}

	.photo ul {
		list-style: none;
		display: flex;
		flex-wrap: wrap;
	}
	
.photo ul li {
    float: left;
    width: 48%;
    padding: 3px;
    text-align: center;
    overflow: hidden;
    border: solid 1px #CCCCCC;
    margin: 3px;
    background-color: #EEEEEE;
}

.p-btn {
    width: 80%;
    padding: 5px;
    background-color: #CCCCCC;
    border: solid 1px #666666;
    text-align: center;
    margin: auto;
	margin-bottom: 10px;

}

.movcont {
    height: 100px;
    vertical-align: middle;
    overflow: hidden;
    
}
    
/**悠久の河アーカイブ**/
.yuukyu {
    width: 100%;
    display: flex;
}

.yuukyu-s {
    float: left;
    width: 25%;
    margin: 10px 2px;
    padding: 3px 3px 15px 3px;
    text-align: center;
    overflow: hidden;
    background-color: #EEEEEE;
    border: solid 1px #CCCCCC;
}

.yuukyu h3 {
    margin: 5px;
}

.yuukyu h4 {
    background-color: lightblue;
    margin: 5px 0px;
    padding: 5px;
}
.yuukyu h6 {
    margin: 5px;
}
	
	.image{
		width: 100%;
	}
}