/*
Theme Name:  storefront - Child Theme
Template:    storefront
Version:      2.7.0
 */
body{
	color:#333;
}
body#plugin_page{
	background-image:none!important;
}
.ufaq-faq-post p:last-child{
	margin-bottom:0;
}
#post-navigation{
	display:none;
}
.ufaq-faq-categories{
	display:none;
}

div.ufaq-faq-title div.ewd-ufaq-post-margin-symbol,
.comment-respond{
	display:none;
}
.ufaq-faq-title-text{
	width:100%;
	box-sizing:border-box;
}
.ufaq-faq-div{
	padding:12px;
	border:solid 1px #CCC;
	border-radius:5px;
	margin-bottom:20px;
}
.ufaq-faq-body{
	padding-left:0;
	padding-right:0;
}
.ufaq-faq-title-text h4{
	font-size:16px;
	font-weight:bold;
}
.far {
    font-family: 'Font Awesome 5 Free';
    font-weight: 400;
}

.icon_shadow{
	filter: drop-shadow(0px 0px 3px #BFBFBF);
}
ol{
	margin:0px;
}

.gallery_lp{
	margin-bottom:0px!important;
	margin-top:50px!important;
}

.plugin .main_image,
.plugin .main_logo,
.page-template-template-cmp header,
.page-template-template-cmp .storefront-breadcrumb,
.page-template-template-lp header,
.page-template-template-lp .storefront-breadcrumb,
.page-template-template-etc header,
.page-template-template-etc .storefront-breadcrumb{
	display:none;
}

.page-template-template-cmp .entry-content{
	padding-top:50px;
}

	.page-template-template-cmp h2{
		margin-top:0px!important;
	}

	.page-template-template-cmp h3{
		margin-top:20px!important;
	}
.site-footer{
	padding:0;
	background-color:#F7F7F7;
	text-align:center;
}


.site-footer ul,
.site-footer ul li{
	list-style:none;
	padding:0;
	margin:0;
}
.site-footer ul{
	letter-spacing:-.4em;
}

.site-footer ul li{
	letter-spacing:normal;
	display:inline-block;
}

.sns p,
p.foot_text{
	margin:0px;
}

.foot_bk{
	background-color:#666;
	color:#FFF;
	padding:35px;
}

.sns{
	padding:60px;
	font-size:18px;
}

.sns p{
	font-weight:bold;
	color:#333;
	margin-bottom:10px;
}

.sns  ul li{
	margin-left:10px;
	margin-right:10px;
}

.sns  ul li a{
	font-size:24px;
}

.foot_links{
	margin-bottom:10px!important;
	display:block;
}

.foot_links li a{
	color:#FFF!important;
	margin-left:15px;
}

.foot_links li a:before{
	content:"|";
	margin-right:15px;
	
}
.foot_links li:first-child a:before{
	content:"";
	margin-right:0px;
}

.foot_links li:first-child a{
	margin-left:0px;
}

.foot_text{
	font-size:14px;
}

.page-template-template-lp{
	background-image:url("bg_base.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}
.page-template-template-cmp,
.page-template-template-etc{
	background-image:url("etc_bg.jpg");
	background-repeat:no-repeat;
	background-position:center top;
	background-size:100%;
}


.page-template-template-etc .main_image{
	text-align:center;
	margin-bottom:50px!important;
}

.page-template-template-etc h2{
	margin-bottom:30px!important;
	font-weight:bold;
}

.page-template-template-etc .main_image img{
	display:inline;
}

.page-template-template-lp figure.main_image{
	height:220px;
	text-align:center;
	position:relative;
}

.page-template-template-lp figure.main_image img{
	  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
	width:600px;
	
}


.page-template-template-cmp .col-full,
.page-template-template-lp .col-full,
.page-template-template-etc .col-full{
	width:800px;
	max-width:800px;
	padding:0px;
	margin:0 auto!important;
}
ul,li{
	list-style:none;
}

.app_dl_head{
	width:580px;
	margin-left:auto;
	margin-right:auto;
}
.main_logo{
	width:160px;
	margin:0 auto!important;
	text-align:center;
}
.main_logo img{
	display:inline;
}

.app_dl_head ul {
	letter-spacing:-.4em;
	margin:0px;
	padding:0px;
	margin-left:35px;
}
.app_dl_head ul li{
	width:134px;
	display:inline-block;
	letter-spacing:normal;
	margin-right:30px;
	vertical-align:top;
}
.app_dl_head ul li:last-child{
	width:190px;
	margin:0px;
}

.app_dl_head ul li:last-child img:first-child{
	margin-bottom:8px;
}
.app_dl_head p{
	text-align:center;
}
.movie_youtube{
	background-image: url("foot_bg.jpg");
    background-size: cover;
	padding:50px 0;
margin: 0 calc(50% - 50vw);
width: 100vw;
	margin-top:75px;
	min-width:100%;
}
.movie_youtube iframe{
   width:800px;
	height:450px;
	margin:0 auto;
	display:block;
}
.storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide{
	padding:0!important;
	width:800px;
	margin:0 auto!important;
}

.appfunc{
margin: 0 calc(50% - 50vw)!important;
width: 100vw!important;
	background-color:#F7E8D6;
	padding:50px 0;
}

.appfunc p{
	margin-bottom:20px;
}
.appfunc.bg_col{
	background-color:#FFF;
}

.foot_app{
margin: 0 calc(50% - 50vw)!important;
width: 100vw!important;
	background-image:url("foot_bg.jpg");
	background-size:cover;
	padding:50px 0;
	text-align:center;
	
}

.foot_icon{
	width:152px;
	margin:0 auto;
}
.foot_app h3{
	font-size:24px;
	font-weight:bold;
	margin-top:20px;
	margin-bottom:20px;
}

.foot_app ul{
	letter-spacing:-.4em;
	
}

.foot_app ul li{
	letter-spacing:normal;
	vertical-align:top;
	display:inline-block;
}

.foot_app ul li:first-child{
	margin-right:30px;
}
.foot_app ul li img{
	height:55px;
}

.inner{
	width:800px;
	margin:0 auto;
}
.content-area, .widget-area,
.site-main,
.hentry{
	margin-bottom:0;
}
.edit-link{
	display:none;
}

.foot_banners{
	padding-top:30px;
	
}

.foot_banners img{
	border:solid 1px #CCC;
}
.foot_banners figure.wp-block-image{
	margin-bottom:30px!important;
	
}



.page-template-template-cmp .foot_app{
	margin-top:60px!important;
}

.ufaq-faq-title-text:after{
	content:"\f078";
	display:block;
	text-align:center;
  font-family: "Font Awesome 5 Free";
	color:#333;
	font-weight:900;
}
.single-post .entry-taxonomy,
.single-post .entry-header span,
.single-post .storefront-breadcrumb,
.single-post .site-header,
.single-post .site-footer{
	display:none;
}
.single-post h1{
		font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, "sans-serif";
	font-size:20px;
	font-weight:bold;
	margin-top:15px;
}

.pc_use{display:block!important;}
.sp_use{display:none!important;}
@media screen and (max-width:800px) {
	.foot_app,.appfunc,.movie_youtube{
		margin:0!important;
	}
	
	.movie_youtube{
		margin-top:75px!important;
	}
}
@media screen and (max-width:768px) {
	#plugin_page .entry-content{
		padding:0!important;
	}
	#plugin_page h2{
		padding-left:20px;
		padding-top:20px;
	}
	.wpcf7-form,
	.ufaq-faq-list{
		width:100%;
		box-sizing:border-box;
		padding:0;
	}
	.wpcf7-form input{
		width:100%;
	}
	.wpcf7-select{
		padding:10px;
	}
.page-template-template-lp{
	background-image:url("bg_base.jpg");
	background-size:1100px;
	}
	.page-template-template-cmp .col-full,
	.page-template-template-lp .col-full,
	.page-template-template-etc .col-full{
		width:100%;
		max-width:100%;
		box-sizing:border-box;
		padding:0px;
		margin:0px;
	}
	.storefront-align-wide.storefront-full-width-content .hentry .entry-content .alignwide,.inner{
		width:100%;
	}
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__media{
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 1;
    grid-row: 1;
}
	.wp-block-media-text.is-stacked-on-mobile.has-media-on-the-right .wp-block-media-text__content {
    -ms-grid-column: 1;
    grid-column: 1;
    -ms-grid-row: 2;
    grid-row: 2;
}
	.wp-block-media-text .wp-block-media-text__content{
		padding:0;
	}
	
.appfunc{
	padding:20px;
}
.foot_app,.appfunc,.movie_youtube{
		margin:0!important;
	}
	.movie_youtube{
		padding:20px;
	}
.movie_youtube iframe{
   width:100%;
	height:220px;
	margin:0 auto;
	display:block;
}
	
	

.page-template-template-lp figure.main_image{
	height:auto;
	text-align:center;
	position:relative;
}

.page-template-template-lp figure.main_image img{
	  position: relative;
  top:auto;
  left: auto;
  transform: none;
	
}
figure.wp-block-image.sp_use{
	margin-bottom:0px!important;
	margin-top:-20px!important;
		
	}
	.main_logo{
		width:30%;
	}
	.app_dl_head{
		width:100%;
	}
	.app_dl_head ul{
		margin:0px;
		padding-bottom:20px;
	}
	
	.app_dl_head ul li{
		width:100%;
		display:block;
	}
	
	
	
	.app_dl_head ul li:first-child{
		width:28%;
		margin-left:auto;
		margin-right:auto;
		
}
	
	.app_dl_head ul li:nth-child(2){
		font-size:90%;
		margin-top:15px;
		
	}
	
.app_dl_head p{
		margin-bottom:10px;
	}
	.app_dl_head ul li:last-child{
		width:100%;
		text-align:center;
	}
	.app_dl_head ul li:last-child img{
		display:inline-block;
		height:50px;
		width:auto;
		vertical-align:top;
	}
	
	.app_dl_head ul li:last-child img:first-child{
		margin-right:10px;
	}
	
.appfunc p{
	margin:10px 0;
	}
	.foot_app{
		padding:30px 0;
	}
	.foot_icon{
		width:28%;
	}
	.foot_banners{
		padding:20px 20px 0px 20px ;
	}
	.foot_banners figure.wp-block-image{
		margin-bottom:20px!important;
	}
	.foot_app ul{
		margin:0px;
	}
	.foot_app ul li:first-child{
		margin-right:10px;
	}
	.foot_app p{
		margin-bottom:0px;
		margin-top:10px;
	}
	.foot_links{
		font-size:70%;
	}
	.foot_bk{
		padding:35px 10px;
	}
	.foot_links li a{
	margin-left:5px;
}

.foot_links li a:before{
	margin-right:5px;
	
}
	
	.sns{
		padding:30px;
	}
	.page-template-template-cmp,
	.page-template-template-etc{
		background-size:1000px;
	}
.page-template-template-etc .entry-content{
	padding:0 20px;
}
	
	.page-template-template-cmp .entry-content{
	padding:20px 20px 0px 20px ;
}
	h2, .beta{
		font-size:1.6em;
	}
	
	h3{
		font-size:1.4em;
	}
	
.page-template-template-cmp  .foot_app,
.page-template-template-etc  .foot_app{
margin: 0 calc(50% - 50vw)!important;
}
	
	.page-template-template-cmp  .blocks-gallery-item{
		width:100%!important;
		margin:0 0 20px 0!important;
	}
	

.pc_use{display:none!important;}
.sp_use{display:block!important;}

	
}


@media screen and (min-width:769px) {
	.columns-2 ul {
  justify-content: center!important;
	}
	.columns-2 ul li:last-child{
		margin:0px!important;
		margin-bottom:4.347826087%!important;
}
	.single_colum ul li{
		width:51%!important;
		margin:0 auto 20px auto!important;
		
	}

}