@charset "UTF-8";
@media screen and (max-width: 768px) { /* sp */ 

body{
	box-sizing: border-box;
	font-size: 15px;
}
img{
  max-width: 100%;
  height: auto;
  width /***/:auto;　
}

#contents{
  padding: 60px 0 0;
  margin: 10px 0 0;
}

.inner{
	margin: 0 20px;
}



/*--------------------------------------------------
 header
--------------------------------------------------*/
header{
  padding: 0;
}

/* nav */
.contentsLink a{
	font-family: 'Poiret One', cursive;
	font-size: 24px;
}
.contentsLink{
	display: table;
	width: 100%;
	text-align: center;
	background: url(../img/menu_bg.png) repeat;
	padding: 10px 0;
    box-shadow: 0px 0px 3px 2px #BBB;
}
.contentsLink li{
	display: table-cell;
	padding: 0;
}
.clone-nav {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	transition: .3s;
	transform: translateY(-100%);
    padding: 0;
}
.is-show {
	transform: translateY(0);
}

/* btn */
 @import url(http://fonts.googleapis.com/css?family=Roboto:400,100,900);
.navBtn{
	box-sizing: inherit;
	-webkit-transition-property: all;
	transition-property: all;
	-webkit-transition-duration: .6s;
	transition-duration: .6s;
	-webkit-transition-timing-function: ease;
	transition-timing-function: ease;
	letter-spacing: 0;
}
.navBtn:hover,
.navBtn:active {
	letter-spacing: 0px;
}
.navBtn:after,
.navBtn:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border: none;
	bottom: 0px;
	content: " ";
	display: block;
	margin: 0 auto;
	position: relative;
	-webkit-transition: all 280ms ease-in-out;
	transition: all 280ms ease-in-out;
	width: 0;
}
.navBtn:hover:after,
.navBtn:hover:before {
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	border-color: #000000;
	-webkit-transition: width 350ms ease-in-out;
	transition: width 350ms ease-in-out;
	width: 100%;
}
.navBtn:hover:before {
	bottom: auto;
	top: 0;
	width: 100%;
}

/*--------------------------------------------------
 page top
--------------------------------------------------*/
#pageTop{
    position: fixed;
    bottom: 20px;
    right: 0;
	margin: 0 20px 0 0;
	width: 50px;
	z-index: 3;
}
#pageTop img{
	float: right;
}

/*--------------------------------------------------
 footer
--------------------------------------------------*/
#footer{margin: 80px auto 40px;
text-align: center;}

/* sp end */
}