/*--------------------------------
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:#416ea7;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:#ce1547;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;
}
.to_top{
	padding:20px 0;
	text-align:center;
	background:#333;
	font-weight:bold;
	font-size:16px;
	margin:10px;
	border-radius:1000px;
	border-bottom:solid 5px #000;
	color:#fff;
}
.ta_thumb_carousel {
	width: 100% !important;
	padding: 8px !important;
	box-sizing: border-box !important;
	overflow-x: scroll !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner {
	display: flex !important;
	flex-wrap: nowrap !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item {
	width: 150px !important;
	height: 300px !important;
	flex-shrink: 0 !important;
	margin-right: 5px !important;
	background-repeat: no-repeat !important;
	background-size: cover !important;
	background-position: center !important;
	border-radius: 10px !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item {
	position: relative !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item .ta_thumb_carousel_service {
	width: 100% !important;
	display: flex !important;
	position: absolute !important;
	left: 0 !important;
	top: 0 !important;
	margin: 0 !important;
	padding: 5px !important;
	box-sizing: border-box !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item .ta_thumb_carousel_service .ta_thumb_carousel_icon {
	display: block !important;
	flex-shrink: 0 !important;
	width: 25px !important;
	height: 25px !important;
	border-radius: 6px !important;
	overflow: hidden !important;
	background-size: cover !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item .ta_thumb_carousel_service .ta_thumb_carousel_name {
	display: block !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 12px !important;
	line-height: 25px !important;
	padding-left: 5px !important;
	overflow: hidden !important;
	text-shadow: 1px 1px 2px rgb(0 0 0) !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item .ta_thumb_carousel_service .ta_thumb_carousel_name span {
	display: block !important;
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item .ta_thumb_carousel_btn {
	position: absolute !important;
	left: 0 !important;
	bottom: 0 !important;
	margin: 0 !important;
	padding: 5px !important;
	width: 100% !important;
	box-sizing: border-box !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item .ta_thumb_carousel_btn .ta_thumb_carousel_text {
	display: block !important;
	color: #fff !important;
	font-weight: bold !important;
	font-size: 12px !important;
	text-shadow: 1px 1px 2px rgb(0 0 0) !important;
	margin-bottom: 5px !important;
}

.ta_thumb_carousel .ta_thumb_carousel_inner .ta_thumb_carousel_item .ta_thumb_carousel_btn a {
	display: block !important;
	width: 100% !important;
	background: #fff !important;
	text-align: center !important;
	padding: 7px 0 !important;
	border-radius: 6px !important;
	text-decoration: none !important;
	font-weight: bold !important;
	color: #fff !important;
	font-size: 12px !important;
	background: -moz-linear-gradient(-45deg, rgba(252, 0, 206, 1.0) 0%, rgba(255, 0, 4, 1.0) 100%) !important;
	background: -webkit-linear-gradient(-45deg, rgba(252, 0, 206, 1.0) 0%, rgba(255, 0, 4, 1.0) 100%) !important;
	background: linear-gradient(135deg, rgba(252, 0, 206, 1.0) 0%, rgba(255, 0, 4, 1.0) 100%) !important;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=&#039 !important; #ccfc00ce&#039 !important; , endColorstr=&#039 !important; #ccff0004&#039 !important; , GradientType=1) !important;
	border-bottom: solid 3px #a70054 !important;
}