@charset "utf-8";
body {
    animation: fadeIn 2s ease 0s 1 normal;
    -webkit-animation: fadeIn 2s ease 0s 1 normal;
}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body {
	font-family: "Zen Maru Gothic", sans-serif;
	font-weight: 500;
	font-size:16px;
	line-height:1.6;
	word-wrap: break-word;
	color: #1A1A1A;
	background:#fff;
}

a{
	color: #1A1A1A;
}


h1,h2,h3,h4,h5,h6{
	font-weight: 500;
}

@media screen and (max-width: 500px) {
body {
	font-size:14px;
}
}

/* header
-------------------------------------------------------------------*/
.n-restyle header{
	background:#FFE8DC;
	padding:5px 10px;
	display:flex;
	justify-content:space-between;
	align-items:center;
	box-sizing:border-box;
	height:60px;
	max-width:390px;
	margin:0 auto;
	position:relative;
}

.n-restyle header .logo{
	display:flex;
	align-items:center;
	max-width:280px;
	line-height:0;
}

header .logo li:nth-child(1){
	max-width:95px;
	margin:0 10px 0 0;
}

header .logo li:nth-child(2){
	max-width:185px;
}

header .btn{
	line-height:0;
}

.icon-wrapper{
	position: relative;
	display: inline-block;
	width: 40px;
	height: 40px;
}

.menu-icon{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	transition: opacity 0.3s ease;
}

.icon-off {
	opacity: 1;
}

.icon-on {
	opacity: 0;
}

.menu-toggle.active .icon-off { opacity: 0; }
.menu-toggle.active .icon-on  { opacity: 1; }

#menu{
	display: none;
	position:absolute;
	top:60px;
	left:0;
	right:0;
	background:#fff;
	z-index:999;
	padding:30px 20px;
}

#menu ul li a{
	padding: 15px 0;
	border-bottom: 1px solid #FFEEE8;
	background: url(../img/common/menu-arrow.png) no-repeat 95% center / 16px;
	display:block;
}



/* contents
-------------------------------------------------------------------*/
.wrap{
	position:relative;
}

.contents{
	clear:both;
	max-width:390px;
	margin:0 auto;
	position:relative;
}

.youtube .inner {
	padding-top: 56.25%;
	position: relative;
	height: 0;
	overflow: hidden;
}

.youtube .inner iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	border:none;
}

.scale{
	width:100%;
	height:auto;
}

.left{
	float:left;
}

.right{
	float:right;
}

img{
	max-width:100%;
	height:auto;
}

.sp{
	display:none;
}
@media screen and (max-width: 500px) {
.pc{
	display:none;
}
.sp{
	display:block;
}
}

/* footer
-------------------------------------------------------------------*/
.f-btn{
	padding:20px 30px;
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	background: url(../img/common/f-btn-bg.png) no-repeat top center;
	max-width:390px;
	margin:0 auto;
	z-index:99;
	line-height:0;
}

.f-btn a{
	display:inline-block;

}

.n-restyle footer{
	background:#515151;
	max-width:390px;
	margin:0 auto 140px;
	text-align:center;
	padding:40px 20px;
}

.n-restyle footer .txt{
	color:#fff;
	font-size:14px;
	line-height:1.8;
}

.n-restyle footer .txt a{
	color:#fff;
}

footer ul.link{
	padding:20px 0;
}

footer ul.link > li{
	display:block;
	font-size:14px;
	margin:0 0 10px 0;
}

footer ul.link > li a{
    color: #fff;
}

footer .pop .m-txt {
    margin: 0;
}

footer .pop .m-txt span {
    font-size: 14px;
	text-decoration:none;
    color: #fff;
    font-weight: 500;
}

footer .pop dl{
	padding:15px 0 0 0;
}

footer .pop dl dt{
	padding:0 0 3px 0;
}

footer .pop dl dd a,
footer .pop dl dd ul li{
	color: #1A1A1A;
}

footer .pop dl dd span{
	font-size:12px;
}

footer .copy{
	text-align:center;
	font-size: 11px;
	color:#fff;
}



/* other
-------------------------------------------------------------------*/
a:hover img.opacity,
.opaities a:hover img,
a.opacity:hover{
	opacity: 0.6;
	filter: alpha(opacity=60);
	-moz-opacity: 0.6;
	transition: all 0.3s;
}
.txt_indent {
	padding-left:1em;
	text-indent:-1em;
}
.img{
	line-height:0;
}
.t_center{
	text-align:center;
}

@media screen and (max-width: 500px) {
a:hover img.opacity,
.opaities a:hover img,
a.opacity:hover{
	opacity: 1;
	filter: alpha(opacity=100);
	-moz-opacity: 1;
}
}