/*--------------------------------
reset
--------------------------------*/
html,body,div,p,img,iframe,a,span,blockquote,q,address,cite,
pre,code,em,small,strong,b,i,
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer,time,
h1,h2,h3,h4,h5,h6,
ul,ol,li,dl,dt,dd,
table,tbody,thead,tfoot,th,tr,td,
form,fieldset,legend,label,select,input,textarea,button{
	margin: 0;
	padding: 0;
	border: 0;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	vertical-align: baseline;
}
header,article,section,nav,figure,figcaption,hgroup,menu,aside,footer{
	display: block;
}
ul{
	list-style-type: none;
}
h1,h2,h3,h4,h5,h6{
	font-weight: 500;
}
body{
	line-height: 1;
}
a{
	text-decoration: none;
}
img{
	vertical-align: middle;
}
table{
	border-collapse: collapse;
	border-spacing: 0;
}
select,option,input,textarea,button{
	font: inherit;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	outline: none;
}
blockquote::before,blockquote::after,q::before,q::after{
	content: '';
	content: none;
}
[type=submit],[type=button],[type=reset],[type=file],button{
	pointer: cursor;
}
:focus{
	outline: none;
}


.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}

strong{
	background: linear-gradient(transparent 60%, #7a007a 60%);
}

/*********ここまでリセット***********************************************/


body{background:#052e2e;text-align: 1.4em}
body{font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;}

h3{font-weight: bold;padding-top: 10px;}
header{padding:5px;background:#fff;border-bottom:5px solid #a5a5a5;margin: 0px 0px 5px 0px;}
.logo{
	width: 70%;
    text-align: center;
    margin: 3px auto;
    display: block;
}
.header-img{width:100%;margin-bottom:5px;}
.footer-banner{width:100%;margin-bottom:0px;}
.prbox{border-radius: 5px;background:#4c4c4c;margin: 20px 10px 20px 10px;padding:10px;}
.komidashi{padding:5px;padding:0 0 0 110px;background-repeat:no-repeat;background-size:100px;min-height:110px;}
.apptitle{font-size:24px;font-weight:bold;color:#a0b5ff;padding-top: 28px;}
.appSubtitle{font-size:12px;color:#fff;padding-top:5px;line-height:1.4em;}
.banner{width:100%;}
.comment{font-size:14px;padding:5px 10px 10px 10px;}
.btn{background:#15ce1b;padding: 20px 0px;font-size:20px;font-weight:bold;color:#fff;text-align: center;border-radius: 5px; box-shadow: 3px 5px #757575;}
.btn_a{background:#08a4ff;padding: 8px 0px;margin: 5px 60px 10px 60px;font-size:20px;font-weight:bold;color:#fff;text-align: center;border-radius: 5px; box-shadow: 3px 5px #757575;}
.header-text1{text-align:center;padding:6px 0 5px;color:#fff;font-weight: bold;}
.header-text2{text-align:center;padding:6px 0 5px;color:#000;font-weight: bold;}

li{line-height:  1.4em;font-size:14px;color:#fff;}
.fa-heart{color:#F87E9F;}

footer{background:#000;padding:10px;}
footer a{color:#fff;text-align: center;display: block;font-size: 12px;padding: 5px}

.copy{color:#fff;padding:10px 0 0 0;text-align: center;font-size: 12px;}
#policy{line-height: 1.4em;}

.youtube{
	margin: 0;
    position: relative;
    width: 100%;
    height: 0;
    padding-bottom: 56.25%;
    overflow: hidden;
}
iframe{
	width:100%;
	height:calc(100vmin * 0.52);　
}

.tag-box{
    margin: 0px 0px 7px 0px;
}

.tag-link{
    margin: 0px 1px 3px 2px;
    padding: 4px 8px 4px 8px;
    display: inline-block;
    background: #fff;
    border-radius: 10px;
    position: relative;
    font-size: 0.8rem;
    color: #000;
}

.mvbtn {
margin: 5px 0px 10px 0px;
padding: 10px 0px 10px 0px;
font-size:20px;
font-weight:bold;
color:#fff;
text-align: center;
line-height: 25px;
box-shadow: 3px 5px #7e7e7e;
border-radius: 5px;
background:#000;
  animation: poyon 1.2s infinite;
}

@keyframes poyon {
  0%   { transform: scale(1.0, 1.0) translate(0%, 0%); }
  15%  { transform: scale(0.9, 0.9) translate(0%, 5%); }
/**  30%  { transform: scale(1.3, 0.8) translate(0%, 10%); }
  50%  { transform: scale(0.8, 1.3) translate(0%, -10%); }
  70%  { transform: scale(1.1, 0.9) translate(0%, 5%); }
  100% { transform: scale(1.0, 1.0) translate(0%, 0%); }**/
}

