/*
Theme Name:     west-child
Description:    
Author:         info_jj86n5my
Template:       west

(optional values you can add: Theme URI, Author URI, Version, License, License URI, Tags, Text Domain)
*/

/*全体設定ここから*/

*{
	margin:0;
	padding:0;
}

h1,h2,h3,p,ul{
	margin:0;
	padding:0;
}

h1,h2,h3{
	margin-bottom:10px;
	line-height:2em;
	text-align:center;
}

li{
	list-style:none;
}

.type-page h1.entry-title{
	font-size:2.8em;
}

#blog_h1{
	font-size:2.8em;
}

#homemain h1.entry-title{
	font-size:3.5em;
}

/*全体設定ここまで*/

/*トップ用ここから*/

#homemain{
	padding:0;
	background-image:url("https://spo-nex.kagoyacloud.com/wp-content/uploads/2018/06/concrete-texture3.png");
}

#homemain h1{
	padding-top:20px;
	margin-top:-20px;
	margin-bottom:0;
	line-height:3em;
	background-color:#f9f9f9;
}

#homemain .video_wrap{
	position:relative;
	height: 400px;
	overflow:hidden;
}
#homemain .video_wrap::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}
#homemain .onvideo_content{
	position:absolute;
	z-index:1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#homemain .video_wrap video{
	object-fit: cover;
	object-position: 100% -200px;
}

#homemain_area{
	margin:0 auto;
	width:1000px;
	padding:40px 0 20px 0;
	overflow:hidden;
}

#homemain_p{
	width:460px;
	margin:0 10px 20px 10px;
	float:left;
	color:#fff;
}

#homemain img{
	margin:0 10px;
	float:left;
}

#homenews{
	background-color:#1c1e29;
	padding:20px 0 50px 0;
}

#homenews h2{
	margin-bottom:0px;
	color:#fff;
}

#homenews hr#homenews_h2_line{
	margin:0 auto 50px auto;
	border:none;
	border-top:solid 2px #FF5555;
	height:1px;
	color:#FFFFFF;
	width:200px;
}

#homenews ul{
	width:500px;
	height:200px;
	margin:0 auto;
	overflow-y: scroll;
}

#homenews ul::-webkit-scrollbar{
  width: 5px;
}
#homenews ul::-webkit-scrollbar-track{
  background: #fff;
  border: none;
  border-radius: 10px;
}
#homenews ul::-webkit-scrollbar-thumb{
  background: #fbb;
  border-radius: 10px;
  box-shadow: none;
}

#homenews dl{
	margin:0 5px;
	overflow:hidden;
}

#homenews dt{
	width:20%;
	float:left;
	color:#ff2222;
	line-height:2em;
}

#homenews dd{
	width:75%;
	float:left;
	color:#fff;
	line-height:2em;
}

#homenews hr{
	margin-left:auto;
	margin-right:auto;
	border:none;
	border-top:dashed 1px #fff;
	height:1px;
	color:#FFFFFF;
	width:80%;
}

#hometoku{
	padding:0;
	/*background-image:url("https://spo-nex.kagoyacloud.com/wp-content/uploads/2018/06/dark-grey-terrazzoa.jpg");*/
	background-color:#000;
}

#hometoku h2{
	margin-bottom:0;
	line-height:3em;
	background-color:#f9f9f9;
}

#hometoku .video_wrap{
	position:relative;
	height: 700px;
	overflow:hidden;
}
#hometoku .video_wrap::after {
	content: '';
	display: block;
	position: absolute;
	top: 0;
	right: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0,0,0,0.5);
	background-image: radial-gradient(#111 30%, transparent 31%), radial-gradient(#111 30%, transparent 31%);
	background-size: 4px 4px;
	background-position: 0 0, 2px 2px;
}
#hometoku .onvideo_content{
	position:absolute;
	z-index:1;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	margin: auto;
}
#hometoku .video_wrap video{
	object-fit: cover;
	object-position: 50% 50%;
}

.hometoku_area{
	margin:0 auto;
	width:1000px;
	padding:40px 0 20px 0;
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
}

.hometoku_p{
	color:#fff;
	margin:0 10px;
	width:460px;
}

#hometoku img{
	margin:0 10px 30px 10px;
}

@media screen and (max-width: 767px){
	#homemain .video_wrap{
	height: 650px;
	}
	#homemain_area{
	width:100%;
	}
	#homemain_p{
	width:95%;
	}
	#homemain img{
	width:95%;
	}
	#homenews ul{
	width:100%;
	}
	#homenews dt{
	width:25%;
	font-size:0.8em;
	}
	#homenews dd{
	width:75%;
	font-size:0.8em;
	}
	#hometoku .video_wrap{
	height: 1230px;
	}
	.hometoku_area{
	width:100%;
	}
	.hometoku_p{
	width:95%;
	}
	#hometoku img{
	width:95%;
	}
}

/*トップ用ここまで*/

/*アバウト用ここから*/

.about_title_box1 h3,.about_title_box2 h3,.about_title_box3 h3{
	border:solid 1px #99ccff;
	background-color:#000;
	color:#fff;
}

p.about content1,p.about content2,p.about content3 {
	font-size:1.2em;
}

.box1{
	margin:20px 0 20px 0;
}

.entry-content .textblock_img1{
	width:300px;
	float:left;
}
.entry-content p.textblock_img2{
	width:300px;
	float:left;
}
.entry-content p.textblock_img3{
	width:300px;
	float:left;
}

#about_textarea{
	width:100%;
	height: auto;
	padding:0 20px;
	margin:0 auto;
	margin-bottom:120px;
	overflow:hidden;
}

#box_content1{
	margin:0 0 50px 0;
}

#box_content1 p{
	margin:0 50px;
	font-size:1.2em;
}

#about_img1{
	width:58%;
	float:left;
}

#about_text{
	width:38%;
	margin-left:20px;
	float:left;
	font-size:1.2em;
}

.about_textblock1,.about_textblock2,.about_textblock3{
	margin:20px;
	overflow:hidden;
}

p.about_content1,p.about_content2,p.about_content3{
	width:650px;
	float:left;
}

.about_content1,.about_content2,.about_content3{
 padding:20px 40px;
}

p.textblock_img1,p.textblock_img2,p.textblock_img3{
	margin:10px;
}

#box_content1 h2{
		text-align:center;
}

@media screen and (max-width: 767px){
	#about_textarea{
	margin-bottom:50px;
	}
	#about_text{
	width:100%;
	font-size:0.9em;
	}
	#about_img1{
	width:100%;
  }
	.entry-content p{
	font-size:0.9em;
  }
	p.textblock_img1,p.textblock_img2,p.textblock_img3{
	width:100%;
  }
	#box_content1 p{
	font-size:0.9em;
	}
	#box_content1 p,#about_text,.about_textblock1,.about_textblock2,.about_textblock3{
	margin:0;
	margin-bottom:40px;
	}
	p.about_content1,p.about_content2,p.about_content3{
	width:100%;
  padding:0;
  }
}

/*アバウト用ここまで*/

/*スケジュール用ここから*/

#img_box1{
	width:100%;
	max-width:900px;
	margin:0 auto;
}

p#schedule_comment{
	text-align:center;
}

/*スケジュール用ここまで*/

/*アルバム用ここから*/

#album p{
	font-size:1.3em;
	margin:0 auto;
	width:90%;
	margin-top:20px;
}

/*アルバム用ここまで*/

/*プラン用ここから*/

#plan h2{
	font-size:1.8em;
	text-align:left;
}

#plan h3{
	font-size:1.4em;
	text-align:left;
}

.plan_text{
	width:800px;
	margin:0 auto;
}

.plan_text h3{
	text-indent:1em;
}
.plan_text p{
	text-indent:2em;
}

#plan_service{
	margin-bottom:20px;
}

#plan_operation{
	margin-bottom:20px;
}

#course{
	width:800px;
	margin:0 auto;
}

#plan .course h3.center{
	text-align:center;
}

#plan .inline{
	width:920px;
	overflow:hidden;
	margin:0 auto;
}

#plan table{
	max-width:800px;
	margin-left:20px;
	margin-right:20px;
	float:left;
	text-align:center;
	font-size:1em;
}

#plan th{
	font-size:1.1em;
	vertical-align:middle;
}

#plan td{
	border-left-style:none;
	border-right-style:none;
	vertical-align:middle;
}

#plan .item{
	width:30%;
	border-right-style:solid;
}

#plan .before_price{
	text-decoration: line-through;
}

#plan .after_price{
	font-size:1.3em;
	font-weight:bold;
	color:#ff3030;
}

.plan_detail{
	text-align:left;
}

.plan_text h4{
	margin-left:20px;
}

#plan #sample_img{
	width:300px;
	height:200px;
	float:left;
	margin-left:20px;
	margin-right:20px;
	margin-bottom:10px;
	overflow:		hidden;
	position:		relative;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}

#sample_img .caption {
	font-size:1.5em;
	text-align:center;
	color:#fff;
}

#sample_img .mask {
	width:100%;
	height:100%;
	position:absolute;
	top:0;
	left:0;
	opacity:0;
	background-color:rgba(0,0,0,0.4);
	-webkit-transition:	all 0.4s ease;
	transition:		all 0.4s ease;
}

#sample_img:hover .mask {
	opacity:1;
	padding-top:75px;
}

#plan_order_bottun{
	margin:50px auto;
	width:200px;
}

a.order_bottun {
	font-size:1.4em;
	display: block;
	width: 200px;
	padding: 0.8em;
	text-align: center;
	text-decoration: none;
	color: #25d192;
	border: 2px solid #25d192;
	border-radius: 3px;
	transition: .4s;
}
a.order_bottun:hover {
	background: #25d192;
	color: #fff;
}

@media screen and (max-width: 767px){
	.plan_text{
	width:auto;
  }
	.plan_text h3{
		text-indent:0;
	}
	.plan_text p{
		text-indent:0;
	}
	#plan .inline{
	width:100%;
	}
	#plan table{
	width:100%;
	margin-left:0px;
	margin-right:0px;
	}
	#plan .before_price{
	font-size:0.8em;
	}
	#plan .after_price{
	font-size:1.1em;
	}
	.plan_text h4{
	margin-left:0;
  }
	#course{
	width:auto;
	}
	#plan img{
	margin-left:0;
	margin-right:0;
	width:100%;
	}
	#plan #sample_img{
	width:100%;
	height:auto;
	margin-left:0;
	margin-right:0;
	}
  #sample_img:hover .mask {
	padding-top:70px;
	}
}

/*プラン用ここまで*/

/*プロダクト用ここから*/

#product .inline{
	margin-bottom:20px;
	overflow:hidden;
}

.site_article{
	width:30%;
	margin-left:2.5%;
	margin-bottom:20px;
	padding:3px;
	float:left;
	box-shadow: 2px 2px 5px 0px rgba(0,0,0,0.5);
}

.site_article p{
	margin:0 5px;
	text-align:right;
}

.site_article img{
	margin-bottom:5px;
}

@media screen and (max-width: 767px){
	#product .inline{
	margin-bottom:20px;
	}
	.site_article{
	margin-bottom:20px;
	}
	.site_article{
	font-size:0.7em;
	}
}

/*プロダクト用ここまで*/

/*コンタクト用ここから*/

#contact{
	padding:0 100px;
}

#contact h2{
	font-size:1.6em;
}

#contact_text{
	margin-bottom:80px;
}

#contactform{
	width:310px;
	margin:0 auto;
}

input[type="text"], input[type="email"], input[type="url"], input[type="password"], input[type="search"], textarea{
	width:100%;
  border: 1px solid #aaa;
  border-radius: 3px;
  padding:5px;
}

button,input,select,textarea{
  padding:5px;
}

@media screen and (max-width: 767px){
	#contact{
	padding:0;
  }
	#contactform{
	width:100%;
	margin:0;
}
}

/*コンタクト用ここまで*/

/*フッター用ここから*/

h3.widget-title{
	text-align:left;
}

.footer-widgets .widget a{
	color:#f9f9f9;
}

/*フッター用ここまで*/

.eo-fullcalendar{
	width:80%;
	margin:0 auto;
}