@charset "utf-8";


html,body,div,h1,h2,h3,h4,dl,dd,ul,ol,li,p,
header,nav,article,section,footer {
	padding:0px;
	margin:0px;
	outline:0px;
	border:0px;
	font-size:100%;
}
header,nav,article,section,footer {
	display:block;
}

html,body {
	height:100%;
}

/*clearfixの設定*/
.clearfix:after{  
visibility:hidden;
height:0;
display: block;
font-size: 0;  
content: " ";  
clear: both;  
}


body {
	font-family: 'Shippori Mincho', serif;
	font-size: 16px;
	letter-spacing: -0.05em;
	color: #000000;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	background-color: #ffffff;
}


.link{
	padding: 2px 2px;
	margin: 10px;
	display: inline-block;
	color: #000;
	background: #000000;
  text-decoration: none;
}

.link:hover{
	text-decoration: none;
	color: #000;
}

/*========================*/
/* WOOBLE TO BOTTOM RIGHT
/*========================*/

@-webkit-keyframes wobble-to-bottom-right-on-hover {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
@keyframes wobble-to-bottom-right-on-hover {
  16.65% {
    -webkit-transform: translate(8px, 8px);
    transform: translate(8px, 8px);
  }
  33.3% {
    -webkit-transform: translate(-6px, -6px);
    transform: translate(-6px, -6px);
  }
  49.95% {
    -webkit-transform: translate(4px, 4px);
    transform: translate(4px, 4px);
  }
  66.6% {
    -webkit-transform: translate(-2px, -2px);
    transform: translate(-2px, -2px);
  }
  83.25% {
    -webkit-transform: translate(1px, 1px);
    transform: translate(1px, 1px);
  }
  100% {
    -webkit-transform: translate(0, 0);
    transform: translate(0, 0);
  }
}
.wobble-to-bottom-right-on-hover {
  display: inline-block;
  vertical-align: middle;
  -webkit-transform: perspective(1px) translateZ(0);
  transform: perspective(1px) translateZ(0);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0);
}
.wobble-to-bottom-right-on-hover:hover, .wobble-to-bottom-right-on-hover:focus, .wobble-to-bottom-right-on-hover:active {
  -webkit-animation-name: wobble-to-bottom-right-on-hover;
  animation-name: wobble-to-bottom-right-on-hover;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-timing-function: ease-in-out;
  animation-timing-function: ease-in-out;
  -webkit-animation-iteration-count: 1;
  animation-iteration-count: 1;
}





p {
	line-height: 1.5;
}
.b {
	font-weight: bold;
}
ul {
	list-style-type: none;
}
a {
	color: #CAA846;
	word-break: break-all;
}
a:hover {
	color: #ed4444;
}
a img {
	border:0px;
}
img {
	border:0px;
	vertical-align: top;
}

h2 {
	font-size:1.6em;
	line-height: 1;
}
h3 {
	line-height: 1;
	font-size:1.4em;
	width: 100%;
}

.sitelink {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
}

#production section h3 {
	width: 100%;
	text-align: center;
	padding-top: 20px;
	font-size: 1.3em;
	margin-bottom: 5px;
}


/*作品紹介ページ*/
#production {
	width: 100%;
}
#production h2 {
	text-align: center;
	font-size: 1.6em;
	padding-top: 10px;
}
#production section {
    display: -webkit-box;/*--- Android ---*/
    display: -webkit-flex;/*--- Safari ---*/
    display: -ms-flexbox;/*--- IE10 ---*/
    display: flex;
	flex-wrap: wrap;
	justify-content: center;
	
	width: 98%;
	margin-top: 0px;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10px;
	text-align: center;
}
#production section .list {
	width: 520px;
	margin-right: 1%;
	margin-bottom: 10px;
	font-size: 1.1em;
}
#production section .list p {
	text-align: left;
	padding-top:0px;
    font-size: 12px;
	color: #252525;
	font-weight: bold;
}



/*---  ---*/