/*--------------------------------
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%, #FFFF00 60%);font-size:16px;
}

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


body{background:#2cbf13;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:15px 0;background:#202A43;text-align:center;color:#fff;}
a .header{text-align:center;color:#fff;}
.logo{
	width: 70%;
    text-align: center;
    margin: 3px auto;
    display: block;
}
.header-img{width:100%;margin-bottom:5px;}
.prbox{border-radius: 5px;background:#fff;margin:0 5px 5px 5px;padding:10px;}
.komidashi{padding:5px;padding:0 0 0 70px;background-repeat:no-repeat;background-size:65px;min-height:75px;}
.apptitle{font-size:24px;font-weight:bold;color:#08a4ff;padding-top: 10px;}
.appSubtitle{font-size:12px;color:#000;padding-top:5px;line-height:1.4em;}
.banner{width:100%;}
.comment{font-size:14px;padding: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{background-image:url(images/line-logo.png);background-repeat: no-repeat;background-size:45px;background-position: 8px 8px;padding-left: 46px;}
.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:#333;line-height: 1.7em;}
.fa-heart{color:#F87E9F;}

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

.copy{color:#000;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: #ff99ff;
    border-radius: 10px;
    position: relative;
    font-size: 0.8rem;
    color: white;
}