* {  
	margin:0;
	padding:0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}



body{
	font-size:13px;
	line-heihgt:1.5;
	font-family: Helvetica,HiraKakuProN-W3,meiryo,メイリオ,sans-serif;
	background: #FFF;
	background-size:100%;
}

#contents_mds {
    background: #ffffff;
    padding: 0 10px 0px;
    word-break: break-all;
}

#header{
	position: relative;
}

.article_content img {
    max-width: 100%;
    margin: 5px 13% 0px 13%;
}

.parallax-bg01 {
	background-attachment: fixed;
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	height: 100%;
  }
  

@media only screen and (min-width: 320px) {

	.yellow_btn img{
		top: 0px;
		right: 4%;
		position: absolute;
		width: 40%;
	}
	
	.animation {
		padding-top: 150%;
		width: 90%;
		animation-timing-function: ease-in-out;
		animation-iteration-count: infinite;
		animation-direction: alternate;
		animation-duration: 0.5s;
	}
	
	}




.wrapper{
	margin-bottom: 2%;
}


.layer {
	background-color: #ffffff;
}



.layer_sec0002 {
    margin-bottom: -7px;
}

.layer_sec0002 img{
    width: 100%;
}

.layer img{
width:100%;
}

.layer_goku{
	background-color: #FF397C;
	height: 140px;
}

.layer_goku img{
	width:100%;
}

.layer_goku_b{
	background-color: #FF397C;
	height: 140px;
}

.layer_goku_b img{
	width:100%;
	padding-top: 25px;
}

.user_review{
	background-color: #ffffff;
}

.user_review img{
	width:100%;
	}

.layer_t img{
	width:100%;
	padding-top: 25px;
}

.layer_t{
	display:block;
}


.layer_u{
	display:block;
}

.layer_u img{
	width:100%;
	padding-top: 20px;
}

.layer_u_f{
	display:block;
}

.layer_u_f img{
	width:100%;
}

.layer_1 img{
	width:100%;
	padding: 10px 0px;
}

.layer_1{
	display:block;
	background-color: #FFF;
}

.layer_d{
	text-align: center;
	display:block;
	background-color: #FFF;
}

.layer_d img{
	width:100%;
}

.layer_d video{
	width:70%;
	margin-top: 10px;
}

.layer_flow{
	display:block;
	padding-top: 0px;
	padding-bottom: 0px;
}

.layer_top{
	background-image: url("https://img-storage.com/lp/2023/h_n/live_s/item/app_back.jpg");
	padding: 10px 5px;
}

.layer_2 {
	background-image: url(https://img-storage.com/lp/2023/h_n/live_s/item/back.jpg);
	padding: 10px 5px;
}

.layer_cl{
	background-color: #7100bb;
	display:block;
	margin: 0px;
	padding: 10px 5px;
}


.section{
    width: 100%;
	text-align: center;
	padding: 40px 0px 20px 0px;
    background-image: url("https://img-storage.com/lp/2023/h_n/live_s/item/back.jpg");
}

.layer_flow img{
	width:100%;
	padding-top: 5px;
}



.layer_step_cl{
	background-color: #ffffff;
	display:block;
	margin: 0px;
	margin-bottom: -8px;
}

.layer_step_cl img{
	width:100%;
}

.layer_step_b{
	background-color: #ffffff;
	display:block;
	margin: 0px;
	margin-bottom: 20px;
}

.layer_step_b img{
	width:100%;
}

img {
	image-rendering: -webkit-optimize-contrast;
}



/* 画面外にいる状態 */
.fadein {
	background-color: #f1f1f1;
	opacity : 0;
	transform : translate(50px, 0);
	transition : all 500ms;
	}

.fadein img{
	width:100%;
}

/* 画面内に入った状態 */
.fadein.scrollin {
	opacity : 1;
	transform : translate(0, 0);
	}


.demo {
    width: 100%;
    margin: 0 auto;
    padding: 5px 14px 0px 10px;
    font-family: sans-serif;
    font-size: 20px;
    color: #3c87e4;
}
  .heading {
	margin: 10px 0
  }
  .demo7 .heading {
	position: relative;
	height: 51px;
	padding: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
	border: 1px solid #3c87e4;
	line-height: 50px;
  }
  .demo7 .heading .caption{
	position: absolute;
    right: 0;
    top: 0;
    padding-left: 30px;
    padding-right: 60px;
    background: #3c87e4;
    color: #fff;
  }
  .demo7 .heading .caption:before {
    display: block;
    content: ' ';
    width: 0;
    height: 0;
    overflow: hidden;
    position: absolute;
    right: 99.8%;
    top: 0;
    border: 0 solid transparent;
    border-width: 50px 37px 0 0;
    border-right-color: #3c87e4;
}
  .demo7 .heading .title{
	float: left;
	padding-left: 13px;
	font-weight: bold;
  }

/* CSSアニメーションの指定 */
  
  @keyframes SlideIn {
	0% {
	  opacity: 0;
	  transform: translateX(-94px);
	}
	100% {
	  opacity: 1;
	  transform: translateX(0);
	}
  }




.section_app{
}

.section_app img{
	width: 20%;
	margin-bottom: 10px;
}

.section_app_f{
}

.section_app_f img{
	width: 15%;
	margin-bottom: 10px;
}


.section_image_cl{
    width: 100%;
	padding: 10px 0px 10px 0px;
	background-size:100%;   
    background-image: url("https://img-storage.com/lp/2023/h_n/live_s/item/foot_back.jpg");
}

.section_image_cl img{
	width: 100%;
}

.section_image{
    width: 100%;
	padding: 5px 0px 5px 0px;
	background-size:100%;   
}

.section_image img{
    width: 100%;
	background-size:100%;   
}


.layer_arrow img{
	width:100%;
}


.layer_s img{
	width:100%;
}

.layer_s{
	background-color: #FFF;
}

  .layer_sc{
	animation: img_box_9955 3s linear infinite;
	transform-origin: 50% 50%;
	margin: 1rem 0 !important;
  }
  
  .layer_sc img{
	  width: 40% !important;
  }
  
  .layer h1{
	  background: #82828273;
  }

.siji{
    font-size: 16px;
    width: 94%;
    color: #545454;
    border-radius: 20px;
    padding: 20px 15px;
    margin: 15px 10px 0px 10px;
    background: #ededed;
}

.comment_box {
    padding: 15px;
    background: #ffffff;
    border: 3px solid #c4c4c4;
    border-radius: 20px;
    margin: 10px 15px 15px 15px;
	color: #000;
}

.comment_review{
	font-size: 15px;
    margin-right: 50px;
}

.comment_review_day{
    font-size: 13px;
    margin-right: 50px;
    color: #6a6a6a;
}


.comment_review_right{
	font-size: 15px;
}

.comment_user_wrap {
    display: flex;
    align-items: center;
}

.comment_user_img {
    width: 60px;
}

.comment_user_img img {
    width: 90%;
    height: auto;
    vertical-align: middle;
    border-radius: 50px;
}

.comment_user_right {
    margin-left: 10px;
}

.comment_user_text {
    margin-top: 10px;
    font-size: 15.5px;
    font-weight: bold;
}

.comment_box_3 {
    padding: 15px;
    background: #ffffff;
    border: 2px solid #c4c4c4;
    border-radius: 20px;
    margin: 10px 15px 0px 15px;
	color: #000;
}

.comment_box_3_b {
    padding: 15px;
    background: #ffffff;
    border: 2px solid #c4c4c4;
    border-radius: 20px;
    margin: 10px 15px 10px 15px;
	color: #000;
}

.comment_box_3_f {
    padding: 15px;
    background: #ffffff;
    border: 2px solid #c4c4c4;
    border-radius: 20px;
	margin: 10px 15px 30px 15px;
	color: #000;
}

.star-rating {
    position: relative;
    display: inline-block;
    font-size: 22px;
    word-break: normal !important;
}

.star-rating .star-rating-item {
    position: absolute;
    overflow: hidden;
}

.star-rating .star-rating-item:before {
    content: "★★★★★";
    color: #ffcc33;
}

.star-rating:after {
    content: "★★★★★";
    color: #ccc;
}


h3 {
	position: relative;
	overflow: hidden;
	padding: 1.5rem 2rem 1.5rem 130px;
	border-top: 3px solid #000;
  }
  
  h3:before {
	position: absolute;
	top: -150%;
	left: -100px;
	width: 200px;
	height: 300%;
	content: '';
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	background: #000;
  }
  
  h3 span {
	font-size: 40px;
	font-size: 4rem;
	position: absolute;
	z-index: 1;
	top: 0;
	left: 0;
	display: block;
	padding-top: 3px;
	padding-left: 16px;
	color: #fff;
  }
   
  @keyframes layer_sc_9955 {
	0% { transform: translateY(0) }
	33.33333% { transform: translateY(-10px) }
	66.66667% { transform: translateY(0) }
	100% { transform: translateY(0) }
  }
  
  
@keyframes anim_v {
    0% {
		transform: translate(0, 0px);
		transform: rotate(0.0001deg);
		outline: transparent;
    }
    100% {
		transform: translate(0, -25px);
    }
}

.keyframe1 {
    animation-name: anim_v;
}

.animation_01 {
    animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
}

.animation_02 {
    padding-top: 9%;
    width: 90%;
    animation-timing-function: ease-in-out;
    animation-iteration-count: infinite;
    animation-direction: alternate;
    animation-duration: 0.4s;
}




.ad_title {
	font-size: 24px;
    color: #FFF;
    padding: 10px 0px 10px 0px;
    line-height: 1.6;
    font-weight: bold;
	margin-top: -6px;
}

.ad_title_f {
	font-size: 23px;
    color: #FFF;
    padding: 10px 0px 10px 0px;
    line-height: 1.6;
    font-weight: bold;
	margin-top: -6px;
}

.kaisetu {
    border: 3px solid #ff565f;
    border-radius: 20px;
    padding: 20px 16px 14px 16px;
    margin: 45px 5px;
    font-size: 15px;
}

.kaisetu:after {
    content: "マン凸とは";
    width: 45%;
    text-align: center;
    position: absolute;
    top: -20px;
    left: 13px;
    background-color: #ff565f;
    font-size: 15px;
    border-radius: 6px;
    font-weight: bold;
    color: #FFF;
    padding: 2px 1px;
}

.ad_text{
	color: #000;
    font-size: 18px;
    line-height: 1.7;
    padding: 20px 0px 20px 0px;
    margin: 20px;
    background: #FFF;
}

.ad_text_f{
	color: #FFF;
    font-size: 17px;
    line-height: 1.7;
    padding: 15px 0px 30px 0px;
}

.eyecatch_box{
	height:240px;
	overflow: hidden;
	}
	.video{
    height: 10px;
	}
	.eyecatch_top{
	position: absolute;
		top: 50%;
		left: 50%;
		transform: translate(-50%, -50%);
		-webkit-transform: translate(-50%, -50%);
		-ms-transform: translate(-50%, -50%);
	
	}
	video{
		width:100%;
	}
	@media screen and (max-width: 896px) { 
	.eyecatch_top img{
		width:240px;
	}
	.eyecatch_box{
		height: 10px;
	overflow: hidden;
	}
	.video{
	position:relative; 
    height: 10px;
	}
	video{
		width:100%;
	}
	}
	@media screen and (max-width: 758px) { 
	.eyecatch_top img{
		width:240px;
	}
	.eyecatch_box{
	height:120px;
	overflow: hidden;
	}
	.video{
	position:relative; 
    height: 10px;
	}
	video{
	width:100%;
	}
	}
	@media screen and (max-width: 480px) {
	.eyecatch_top img{
		width:180px;
	}
	.eyecatch_box{
	height:100px;
	overflow: hidden;
	}
	.video{
	position:relative; 
    height: 10px;
	}
	}
	@media screen and (max-width: 375px) {
	.eyecatch_top img{
		width:150px;
	}
	.eyecatch_box{
	height:80px;
	overflow: hidden;
	}
	.video{
	position:relative; 
    height: 10px;
	}
		video{
	width:100%;
	}
	}
	


	.scroll-fade-side {
		
	  }

	  .scroll-fade-side img {
		width: 100%;
	  }

	  .cv_btn_ol_0001 {
		margin:auto;
		animation-name:fadeDownAnime;
		animation-duration:1.0s;
		animation-fill-mode:forwards;
		opacity:0;
		}
		
		@keyframes fadeDownAnime{
		  from {
			opacity: 0;
			transform: translateY(-150px);
		  }
		
		  to {
			opacity: 1;
			transform: translateY(0);
		  }
		}
	
		.cv_btn_ol_0001 img {
			transform-origin: center;
			width: 20%;
			margin: 5px 0px 0px 10px;
		}


	  

.cv_btn_ol {
    margin:auto;
	animation-name:fadeDownAnime;
	animation-duration:1.0s;
	animation-fill-mode:forwards;
	opacity:0;
	}
	
	@keyframes fadeDownAnime{
	  from {
		opacity: 0;
		transform: translateY(-150px);
	  }
	
	  to {
		opacity: 1;
		transform: translateY(0);
	  }
	}

	.cv_btn_ol img {
		animation: anime1 2.0s ease 10000s infinite alternate;
		transform-origin: center;
		width: 100%;
		margin: 130px 0px 0px 0px;
	}

	.cv_btn_ol2 {
		position: absolute;
		bottom: -6px;
		right: 7%;
	}

.cv_btn_ol2 img {
	width:80px;
	border-radius: 10px;
}

@keyframes anime1 {
	from {
	  transform: scale(0.9,0.9);
	}
	to {
	  transform: scale(1,1);
	}
  }




.cv_btn {
	margin: 0 auto;
}
.cv_btn img {
    transform-origin: center;
	margin: 3% 0% 5% 0%;
    width: 90%;
	animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
}


.cv_btn_b {
	margin: 0 auto;
}
.cv_btn_b img {
    transform-origin: center;
	margin: 7% 0% 5% 0%;
    width: 90%;
	animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
}
.chumoku{
}

.chumoku img{
	width: 100%;
}

.user_app {
	margin: 0px 0px 0px 34px;
}

#footer {
	padding: 10px 0px 20px 0px;
	color: #fff;
	background: #484848;
	font-size: 10px;
	text-align: center;
}


.cv_btn2 {
	margin: 0 auto;
}

.cv_btn2 img {
    transform-origin: center;
    width: 90%;
	animation: anime1 0.5s ease 0s infinite alternate;
    transform-origin: center;
	margin: 3% 0% 3% 0%;
}

.install_btn{
	text-align: center;
}


.mailTo {
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 5px;
}

.mailTo a {
	color: #FFF;
	font-size: 14px;
	text-decoration: none;
}

#footer a:visited, #footer a:hover, #footer a {
	color: #ffffff;
}



a, a:hover, a:visited {
	text-decoration: none;
	color: #ffffff;
}