/*
Theme Name: child
Template: pinboard
*/

@import url('../pinboard/style.css');

@pink01: #ffeeee;
@pink04: #fe669f;
@text_dark-cherry: #7e5f66;
@text_dark-gray: #505050;
@text_bold-gray: #6e6e6e;
@header_footer: #373737;

html, body {
	height: 100%!important;
	//max-height: 100%;
	//min-height: 100%;
}
body {
	font-family: Verdana,"メイリオ","ヒラギノ角ゴ Pro W3","ＭＳ Ｐゴシック",sans-serif;
	//width: 100%;
	width: 100%;
	margin: 0 auto;
	background-color: #ffffff!important;
}
body.custom-background {
	background-color: #ffffff!important;
}

#wrapper {
	max-width: 100%;
	min-width: 100%;
	width: 100% !important;
	//height: 100%;
	min-height: 100%;
	box-shadow: 0 0 0 #ffffff!important;
	background-color: #ffffff;
}


/*logo*/
a#img_top {
  //float: right;
}

/*site title*/
a.site_title_none {
  visibility: hidden;
  display: none;
}

/*sub-title hidden*/
div.subtitle_hdn {
  display: none;
}

/*header no corp-name*/
div.header_title {
  margin-left: 0;
  margin-right: 0;
  width: 100%;
  height: 50px;
  background-color: #000;
}

/*margin clear*/
div#site-title {
  margin: 0;
}


/*less*/
header#header {
  div.subtitle_hdn {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: 50px;
		background-color: #000;
		display: none;
  }
  div.header_title {
		margin-left: 0;
		margin-right: 0;
		width: 100%;
		height: 90px;
		background-color: @header_footer;
		div#site-title {
			margin: 0;
		}
		div.header_logo {
			background-image: url("/wp/wp-content/themes/child/img/corp_logo.png");
			width: 249px;
	  	height: 26px;
	  	margin: 35px 0 0 35px;
			background-repeat: no-repeat;
	  	//background-size: 50px, 50px;
		}
  }
}



/*menu*/
#access {
  background: none;
  padding: 0!important;
  text-align: center;
  background-color: #ffffff;
	box-shadow: 0 0 0 #ffffff!important;
	z-index: 20000;
	width: 1140px;
	margin: 0 auto;
  ul {
		width: 100%;
	}
	li {
  	font-weight: normal;
  	background-color: #ffffff;
  	width: 16%;
  	a {
  		padding: 12px 24px !important;
  		color: #414141;
  	}
  	ul {
			width: 220px;
  		box-shadow : 0 0 !important;
  		min-width: 100%!important;
  		li {
  			background-color: #eeeeee;
				width: 100%;
				position: relative;
				left: 50px;
  			a {
  				color: #414141!important;
  				padding: 12px 24px !important;
  				line-height: 15px;
  			}
  		}
  	}
  }
  
  li a:hover {
  	color: #fe669f;
  }
  li li a:hover {
  	color: #fe669f!important;
  }
  
  li.current_page_item > a,
  li.current-menu-item > a,
  li.current-post-parent > a,
  //for submenu↓
  li.current-menu-ancestor > a {
  	color:#fe669f!important;
  	text-decoration:none;
  	font-weight: bold;
  }
  div.menu-flair-container li {
    background-color: #ffffff;
    margin: 0;
    width: 150px;
    text-align: center;
    color: #676767;
    padding: 0;
    /*sub_menu*/
    ul {
      min-width: 100%;
      background-color: #cccccc;
      box-shadow: none;
      li {
        box-shadow: none;
        background-color: #cccccc;
      }
    }
  }
}

#sidebar-footer-wide {
    display: none;
}


#footer {
    #footer-area {
        background-color: @header_footer;
    }
	padding: 7px 15px;
	background-color: @header_footer;
	color: #ffffff;
	position: absolute;
	bottom: 0;
	//bottom: 0;
	//position: absolute;
	width: 100%;
	#copyright {
		padding: 0;
		background-color: @header_footer;
		border: none;
		.cr {
			float: left;
			color: #ffffff;
		}
		.pp {
			float: right;
			font-size: 13px;
			margin-right: 40px;
			a {
				color: #ffffff;
			}
			a:hover {
				text-decoration: underline;
				color: @pink04;
			}
		}
	}
}


div#container_home {
	.entry {
		width: 1140px;
		margin: 0 auto!important;
		box-shadow: 0 0;
		background-color: #ffffff;
		padding: 0;
		min-height: 100%;
		.home_static {
			width: 100%;
			.main_content {
				width: 100%;
				//display: inline-block;
				//float: left;
				font-size: 0;
				.main_content_back {
					text-align: center;
					white-space:nowrap;
					width:1140px;
					margin: 0 auto;
				}
				.main_content_left {
					width: 220px;
					display: inline-block;
					//float: left;
					vertical-align: top;
					.job {
						text-align: left;
						font-size: 15px;
						color: #ffffff;
						height: 80px;
						line-height: 80px;
						position: relative;
						//margin:0 0 0 20px;
						padding-left:55px;
						div.items {
							float: left;
							width: 17px;
							height: 17px;
							background-image: url("/wp/wp-content/themes/child/img/icon_items_w.png");
							background-repeat: no-repeat;
							//margin: 20px 0 10px 20px;
							position: absolute;
							top: 32px;
							left: 33px;
						}
					}
					.left_job01 {
						.job;
						background-color: #fa9bbf;
						div.items {
							//left: 12%;
						}
					}
					.left_job02 {
						.job;
						background-color: #fa8ab4;
						div.items {
							//left: 25%;
						}
					}
					.left_job03 {
						.job;
						background-color: #fd78aa;
						div.items {
							//left: 5%;
						}
					}
					.left_job04 {
						.job;
						background-color: #fe669f;
						div.items {
							//left: 25%;
						}
					}
				}
				.main_content_center {
					width: 700px;
					height: 320px;
					background-color: #000000;
					display: inline-block;
					//float: left;
					vertical-align: top;
				}
				.main_content_right {
					width: 220px;
					height: 320px;
					background-color: #fd78aa;
					display: inline-block;
					//float: left;
					text-align: center;
					vertical-align: top;
					div.logo_frame {
						background-image: url("/wp/wp-content/themes/child/img/corp_logo_frame.png");
						background-repeat: no-repeat;
						width: 110px;
						height: 43px;
						margin: 128px auto 0 auto;
                                                background-size: contain;
                                                background-position: center center;
					}
					div.corp_name {
						width: 100%;
						color: #ffffff;
						font-size: 13px;
						font-weight: bold;
						text-align: center;
						//position: relative;
						//top: 100px;
					}	
				}
			}
			div.about_flair_text {
				width: 100%;
				text-align: center;
				line-height: 24px;
				font-size: 15px;
				color: #7c0a35;
				//position: relative;
				//top: 20px;
				padding: 20px 0 10px 0;
				.fb {
					margin: 10px auto;
				}
			}
			div.info_contacts {
				width: 100%;
				font-size: 0!important;
				margin-bottom: 100px;
				//position: relative;
				//top: 15px;
				div.info_email {
					display: inline-block;
					vertical-align: top;
					font-size: 0;
					width: 35%;
					height: 100px;
					position: relative;
					background-color: #e4e4e4;
					div.text {
						text-align: center;
						//position: absolute;
						//top: 26px;
						//left: 20px;
						margin: 26px 20% 0 auto;
						div.for_corp {
							font-size: 25px;
							line-height: 28px;
							color: #666666;
						}
						div.guide {
							font-size: 11px;
							line-height: 12px;
							margin-top: 10px;
							color: #535353;
						}
					}
					div.icon_email {
						background-image :url("/wp/wp-content/themes/child/img/icon_email.png");
						background-repeat: no-repeat;
						top: 12px;
						right: 11px;
						width: 77px;
						height: 77px;
						position: absolute;
					}				
				}
				div.info_register_staff {
					display: inline-block;
					vertical-align: top;
					font-size: 0;
					width: 65%;
					background-color: #d4d4d4;
					position: relative;
					height: 100px;
					div.all-staffs {
						font-size: 0;
						//top: 13px;
						//left: 35px;
						//position: absolute;
						margin: 13px 0 0 3%;
						div.staff {
							display: inline-block;
							font-size: 15px;
							color: @pink04;
							background-image :url("/wp/wp-content/themes/child/img/icon_items_p.png");
							background-repeat: no-repeat;
							background-size: 15px 15px;
							padding-left: 15px;
							line-height: 16px;
							margin-right: 15px;
						}
					}
					div.text_hiring {
						font-size: 40px;
						color: #666666;
						//position: absolute;
						//top: 52px;
						//left: 100px;
						margin: 10px 0 0 20%;
						letter-spacing: 22px;

					}
					div.text_guide {
						font-size: 12px;
						//position: absolute;
						//top: 68px;
						//right: 112px;
						margin: -7px 90px 0 0;
						float: right;
						color: #535353;
					}
					div.icon_register_form {
						background-image :url("/wp/wp-content/themes/child/img/icon_register.png");
						background-repeat: no-repeat;
						width: 77px;
						height: 77px;
						position: absolute;
						top: 12px;
						right: 10px;
					}
				}
				div.info_phone {
				/***** 20221001 phone number delete *****/
					display: none;
					vertical-align: top;
					font-size: 0px;
					width: 25%;
					height: 100px;
					background-color: #e4e4e4;
					position: relative;
					div.phone-number {
						font-size: 20px;
						//position: absolute;
						//left: 15px;
						//top: 38px;
						margin: 40px auto 0 30px;
						color: #666666;
					}
					div.icon_phone {
						background-image :url("/wp/wp-content/themes/child/img/icon_phone.png");
						background-repeat: no-repeat;
						width: 77px;
						height: 77px;
						position: absolute;
						top: 12px;
						right: 15px;
					}
				}
				a:hover {
					opacity: 0.8;
				}
			}
		}				
	}
}


div#container_sidemenu {
	margin: 0;
	background-color: #ffffff;
	.entry {
		width: 1140px;
		box-shadow: 0 0;
		background-color: #ffffff;
		padding: 0;
		margin: 0 auto;
		.entry_title {
			width: 1100px;
			background-color:@pink04;
			color: #ffffff;
			font-size: 20px;
			padding: 7px 0 7px 40px;
			div {
				display: inline-block;
			}
			.icon_item_l {
				background-image: url("/wp/wp-content/themes/child/img/icon_items_w.png");
				width: 15px;
				height: 15px;
			}
			h1 {
				font-size: 20px;
				margin: 0!important;

			}
		}
	}
}






.entry-content a img, #attachment-nav a img {
	box-shadow: 0 0 0;
}
.entry, #comments, #respond {
	border-bottom: none!important;
}

div.all {
	margin-bottom: 20px;
	width: 100%;
	display: table;
	p {
		margin-bottom: 0;
	}
	.content_full {
		width: 100%!important;
	}
	.content_left {
    //float: left;
    width: 82%;
    display: table-cell;
    background-color: #ffffff;
		font-size: 0;
		vertical-align: top;
		padding-bottom: 40px;
    .subtitle {
      font-size: 12px;
      color: #7e5f66;
      padding: 12px 0 12px 40px;
			background-color: @pink01;
			width: 100%;
			height: 36px!important;
			line-height: 16px;
    }
		.row-one {
			line-height: 28px;
		}
		.row-short {
			line-height: 12px;
		}
		.btn_proper {
			//width: 100%;
			margin: auto;
			background-color: #e4e4e4;
			.all {
				width: 100%;
				height: 75px;
				padding: 10px 0 10px 0;
				color: @text_dark-gray;
				font-size: 15px;
			}
			.text {
				width: auto;
				text-align: center;
				float: left;
			}
			.btn {
				width: 74px;
				height: 73px;
				text-align: center;
				float: right;
				margin-right: 15px;
			}
		}
		//costume
		.content_costume {
			width: 100%;
			.costume_cover {
				width: 780px;
				margin: 0 auto;
			}
			.cos_flow {
				background-image: url("/wp/wp-content/themes/child/img/img_costume_making.png");
				width: 489px;
				height: 723px;
				display: inline-block;
				font-size: 0;
				vertical-align: top;
				margin: 50px 0 0 0;
			}
			.cos_samples {
				width: 139px;
				font-size: 138px;
				display: inline-block;
				margin: 50px 0 0 70px;
				line-height: 170px;
				.samples {
					width: 149px;
					height: 150px;
					background-repeat: no-repeat;
					margin-bottom: 5px;
				}
				.sample01 {
					background-image: url("/wp/wp-content/themes/child/img/img_costumes_sample01.png");
				}
				.sample02 {
					background-image: url("/wp/wp-content/themes/child/img/img_costumes_sample02.png");
				}
				.sample03 {
					background-image: url("/wp/wp-content/themes/child/img/img_costumes_sample03.png");
				}
				.sample04 {
					background-image: url("/wp/wp-content/themes/child/img/img_costumes_sample04.png");
				}
				.sample05 {
					background-image: url("/wp/wp-content/themes/child/img/img_costumes_sample05.png");
				}
				.sample06 {
					background-image: url("/wp/wp-content/themes/child/img/img_costumes_sample06.png");
				}
			}
			.btn_proper {
				width: 480px;
				.text {
					line-height: 80px;
					margin-left: 30px;
					font-size: 17px;
				}
				.btn {
					background-image: url("/wp/wp-content/themes/child/img/icon_email_proper.png");
				}
			}
		}
		//cast-cast
		.content_cast-cast {
			width: 100%;
			.cast-cast_cover {
				width: 700px;
				margin: 20px auto;
			}
			.title {
				width: 685px;
				background-color: #eeeeee;
				color: @text_dark-gray;
				font-size: 19px;
				line-height: 30px;
				padding: 0 0 0 15px;
			}
			.list {
				width: 100%;
				margin: 10px 0 30px 0;
				.cast {
					width: 210px;
					height: 280px;
					position: relative;
					margin: 0 35px 30px 0px;
					display: inline-block;
					p {
						margin-bottom: 0;
					}
					.cover {
						width: 100%;
						height: 280px;
						//opacity: 0.75;
						position: absolute;
						top: 0;
						left: 0;
					}
					.cover:hover {
						.tab_name {
							opacity: 1!important;
						}
					}
				}
				.no_margin {
					margin-right: 0!important;
				}
			}
			.list_companion {
				.tab_name {
					width: 100%;
					height: 50px;
					background-color: @pink04;
					color: #ffffff;
					position: absolute;
					bottom: 0;
					opacity: 0.75;
					.alp {
						text-align: center;
						font-size: 11px;
						line-height: 25px;
					}
					.kanji {
						text-align: center;
						font-size: 15px;
						line-height: 16px;
					}
				}
			}
			.list_mc {
				.tab_name {
					width: 100%;
					background-color: #ffedec;
					text-align: center;
					color: @text_dark-gray;
					position: absolute;
					opacity: 0.75;
				}
				.alp {
					height: 25px;
					top: 0;
					color: #333333;
					line-height: 24px;
					font-size: 11px;
				}
				.kanji {
					height: 40px;
					bottom: 0;
					color: #333333;
					line-height: 40px;
					font-size: 16px;
				}

			}
			/*
			.co01 {
				background-image: url("/wp/wp-content/themes/child/img/co_hatada-eri.png");
			}
			.co02 {
				background-image: url("/wp/wp-content/themes/child/img/co_minami-rika.png");
			}
			.co03 {
				background-image: url("/wp/wp-content/themes/child/img/co_takeuchi-mai.png");
			}
			.co04 {
				background-image: url("/wp/wp-content/themes/child/img/co_matsubara-saya.png");
			}
			.co05 {
				background-image: url("/wp/wp-content/themes/child/img/co_kimura-manami.png");
			}
			.co06 {
				background-image: url("/wp/wp-content/themes/child/img/co_ichi-nana.png");
			}
			.co07 {
				background-image: url("/wp/wp-content/themes/child/img/co_nanai-shiori.png");
			}
			.co08 {
				background-image: url("/wp/wp-content/themes/child/img/co_kuramochi-sayu.png");
			}
			.co09 {
				background-image: url("/wp/wp-content/themes/child/img/co_kagami-anna.png");
			}
			.mc01 {
				background-image: url("/wp/wp-content/themes/child/img/mc_kanezaki-masami.png");
			}
			.mc02 {
				background-image: url("/wp/wp-content/themes/child/img/mc_sawano-maki.png");
			}
			.mc03 {
				background-image: url("/wp/wp-content/themes/child/img/mc_okajima-yasuko.png");
			}
			.mc04 {
				background-image: url("/wp/wp-content/themes/child/img/mc_kuramoto-risa.png");
			}
			.mc05 {
				background-image: url("/wp/wp-content/themes/child/img/mc_noda-maki.png");
			}
			.mc06 {
				background-image: url("/wp/wp-content/themes/child/img/mc_toyoda-yumi.png");
			}
			*/
			.btn_proper {
				width: 450px;
				.text {
					line-height: 80px;
					margin-left: 20px;
					font-size: 16px;
				}
				.btn {
					background-image: url("/wp/wp-content/themes/child/img/icon_email_proper.png");
				}
			}
		}
		//cast-job
		.content_cast-job {
			width: 100%;
			.cast-job_cover {
				margin: 40px auto;
				width: 870px;
			}
			.left_text {
				width: 610px;
				vert-align: top;
				font-size: 0;
				display: inline-block;
				margin-left: 40px;
				.all {
					width: 100%;
					margin-bottom: 30px;
					.icon_item {
						background-image: url("/wp/wp-content/themes/child/img/icon_items_p.png");
						background-repeat: no-repeat;
						width: 15px;
						height: 15px;
						display: inline-block;
						vertical-align: top;
						font-size: 0;
					}
					.title_item {
						display: inline-block;
						vertical-align: top;
						font-size: 16px;
						color: @text_dark-gray;
						padding-left: 5px;
						line-height: 15px;
					}
					.text_job {
						margin: 0 0 0 0;
						color: @text_dark-gray;
						line-height: 21px;
						width: 100%;
						font-size: 12px;
					}
				}
			}
			.right_pic {
				width: 200px;
				margin-left: 10px;
				display: inline-block;
				vertical-align: top;
				font-size: 0;
				div {
					width: 190px;
					height: 188px;
					background-repeat: no-repeat;
					margin: 10px auto 30px auto;
				}
				.scene01 {
					background-image: url("/wp/wp-content/themes/child/img/img_job01.png");
				}
				.scene02 {
					background-image: url("/wp/wp-content/themes/child/img/img_job02.png");
				}
				.scene03 {
					background-image: url("/wp/wp-content/themes/child/img/img_job03.png");
				}
				.scene04 {
					background-image: url("/wp/wp-content/themes/child/img/img_job04.png");
				}
			}
			.btn_proper {
				width: 320px;
				.text {
					line-height: 80px;
					margin-left: 30px;
					font-size: 16px;
				}
				.btn {
					background-image: url("/wp/wp-content/themes/child/img/icon_entry_proper.png");
				}
			}
		}
		//cast-flow
		.content_cast-flow {
			width: 100%;
			.cast-flow_cover {
				margin: 30px auto 20px auto;
				width: 900px;
				.left_flow-image {
					background-image: url("/wp/wp-content/themes/child/img/img_flow.png");
					background-repeat: no-repeat;
					width: 280px;
					height: 732px;
					display: inline-block;
					vertical-align: top;
				}
				.right_flow-text {
					width: 600px;
					display: inline-block;
					vertical-align: top;
					margin: 0 0 10px 10px;

					.text {
						width: 590px;
						height: 70px;
						padding: 0 0 0 10px;
						border-bottom: 1px #666666 dashed;
						color: @text_dark-gray;
						font-size: 12px;
						line-height: 17px;
						display: table-cell;
						vertical-align: middle;
					}
					.text-first {
						height: 72px;
						img {
							vertical-align: middle;
						}
						.icon_email {
							//background-image: url("/wp/wp-content/themes/child/img/icon_email_s.png");
							//background-repeat: no-repeat;
							width: 30px;
							height: 30px;
						}
						.icon_entry {
							//background-image: url("/wp/wp-content/themes/child/img/icon_entry_s.png");
							//background-repeat: no-repeat;
							width: 30px;
							height: 30px;
						}
					}
				}
			}
			.btn_proper {
				width: 320px;
				.text {
					line-height: 80px;
					margin-left: 30px;
					font-size: 16px;
				}
				.btn {
					background-image: url("/wp/wp-content/themes/child/img/icon_entry_proper.png");
				}
			}
		}
		//cast-entry
		.content_cast-entry {
			width: 100%;
			.cast-entry_cover {
				width: 900px;
				margin: 30px auto 20px auto;
				.left_title-image {
					background-image: url("/wp/wp-content/themes/child/img/img_entry_summary.png");
					width: 168px;
					height: 183px;
					background-repeat: no-repeat;
					display: inline-block;
					vertical-align: top;
					margin-left: 45px;
				}
				.right_text {
					display: inline-block;
					margin: 60px 0 20px 40px;
					.entry_info {
						width: 640px;
						color: @text_dark-gray;
						font-size: 14px;
						line-height: 25px;
						.info_title {
							display: inline-block;
							width: 80px;
							font-weight: bold;
							vertical-align: top;
							color: @text_bold-gray;
						}
						.info_text {
							display: inline-block;
							vertical-align: top;
							width: 550px;
						}
					}
					.necessary {
						margin-top: 30px;
						color: @text_dark-gray;
						.necessary_title {
							font-size: 16px;
							color: @text_dark-cherry;
						}
						.necessary_list {
							font-size: 14px;
							line-height: 23px;
							margin: 10px 0 0 20px;
							ul {
								margin-left: 14px;
							}
						}
					}
				}
			}
			.btn_proper {
				width: 400px;
				.text {
					line-height: 80px;
					margin-left: 30px;
					font-size: 18px;
				}
				.btn {
					background-image: url("/wp/wp-content/themes/child/img/icon_entry_proper.png");
				}
			}
		}
		//company-overview
		.content_company-overview {
			width: 100%;
			.company-overview_cover {
				width: 700px;
				margin: 30px auto 20px auto;
				.overview {
					width:;
					.overview_title {
						color: @text_bold-gray;
						font-size: 13px;
						display: inline-block;
						width: 100px;
						font-weight: bold;
						vertical-align: top;
					}
					.overview_text {
						color: @text_dark-gray;
						line-height: 23px;
						display: inline-block;
						font-size: 13px;
						width: 600px;
					}
					a {
						color: @text_dark-cherry;
					}
					a:hover {
						color: @text_dark-cherry;
					}
					.flair {
						font-size: 16px;
					}
				}
				.map_access {
					margin: 20px 0 0 0;
					.map_mobile {
						display: none!important;
					}
					.access {
						font-size: 12px;
					}
				}
			}
		}
		//company-achievement
		.content_company-achievement {
			width: 100%;
			.company-achievement_cover {
				margin: 45px auto 30px auto;
				color: @text_dark-gray;
				line-height: 25px;
				font-size: 13px;
				width: 620px;
				.left_achievement {
					display: inline-block;
					vertical-align: top;
				}
				.right_achievement {
					margin-left: 120px;
					display: inline-block;
					vert-align: top;
				}
			}
		}
		//recruit
		.content_recruit {
			.recruit_cover {
				width: 560px;
				margin: 30px auto 20px auto;
				.occupation_name {
					div {
						display: inline-block;
						color: @text_dark-cherry;
						font-size: 17px;
						line-height: 20px;
						vertical-align: middle;
					}
					.icon_item {
						background-image: url("/wp/wp-content/themes/child/img/icon_items_p.png");
						width: 15px;
						height: 15px;
						background-repeat: no-repeat;
						margin-right: 7px;
					}
				}
				.qualification {
					width: 650px;
					margin: 15px 0 0 0;
					div {
						display: inline-block;
					}
					.qualification_title {
						color: @text_bold-gray;
						font-size: 12px;
						font-weight: bold;
						width: 90px;
					}
					.qualification_text {
						font-size: 13px;
						color: @text_dark-gray;
						width: 540px;
					}
				}
				.contact_via {
					width: 400px;
					margin: 20px auto 20px auto;
					.guide {
						font-size: 15px;
						color: @pink04;
					}
					.via {
						span {
							color: @text_bold-gray;
							font-size: 13px;
						}
						div {
							display: inline-block;
							color: @text_dark-gray;
							font-size: 0;
							vertical-align: top;
							line-height: 64px;
						}
						.icon_phone {
							background-image: url("/wp/wp-content/themes/child/img/icon_phone_m.png");
							width: 60px;
							height: 59px;
							background-repeat: no-repeat;
						}
						.icon_email {
							background-image: url("/wp/wp-content/themes/child/img/icon_email_m.png");
							width: 60px;
							height: 59px;
							background-repeat: no-repeat;
							margin: 5px 0 20 -3px;
						}
						.phone-no {
							font-size: 15px;
							margin-left: 5px;
						}
						.email_add {
							font-size: 15px;
							margin-left: 5px;
						}
					}
					.addressee {
						span {
							font-size: 13px;
							font-weight: bold;
							color: @text_bold-gray;
						}
						font-size: 12px;
						color: @text_dark-gray;
						line-height: 18px;
						margin: 10px 0;
					}
				}
			}
		}
		//contact
		.content_contact {
			width: 100%;
			.contact_cover {
				width: 900px;
				margin: 0 auto;
				.opening {
					width: 100%;
					margin: 0 auto;
					.opening-text {
						padding: 20px 0;
						width: 900px;
						margin: 0 auto;
						font-size: 14px;
						color: @text_bold-gray;
						p {
							margin-top: 10px;
						}
					}
				}
				.contact_via {
					width: 600px;
					margin: 30px auto 40px auto;
					a {
						color: @text_dark-cherry;
					}
					a:hover {
						color: @text_dark-cherry;
					}
					.icon_item {
						background-image: url("/wp/wp-content/themes/child/img/icon_items_p.png");
						width: 15px;
						height: 15px;
						background-repeat: no-repeat;
						margin-right: 7px;
						display: inline-block;
					}
					.name_item {
						color: @text_bold-gray;
						font-size: 17px;
						display: inline-block;
					}
					.via {
						margin: 15px 0 0 0;
						div {
							display: inline-block;
							color: @text_dark-gray;
							font-size: 0;
							vertical-align: top;
							line-height: 64px;
						}
						.icon_phone {
							background-image: url("/wp/wp-content/themes/child/img/icon_phone_m.png");
							width: 60px;
							height: 59px;
							background-repeat: no-repeat;
							margin-left: 45px;
						}
						.icon_email {
							background-image: url("/wp/wp-content/themes/child/img/icon_email_m.png");
							width: 60px;
							height: 59px;
							background-repeat: no-repeat;
							margin-left: 45px;
						}
						.phone-no {
							font-size: 17px;
							margin-left: 0px;
						}
						.email_add {
							font-size: 14px;
							margin-left: 5px;
						}
					}
				}
			}
			.dashed {
				border-bottom: 1px dashed @text_bold-gray;
				width: 100%;
				height: 1px;
			}
		}

		//privacy policy
		.content_privacy-policy {
			.privacy-policy_cover {
				width: 900px;
				margin: 0 auto;
				.opening {
					width: 100%;
					.opening-text {
						padding: 20px 10px;
						width: 850px;
						margin: 0 auto;
						font-size: 13px;
						color: @text_bold-gray;
					}
				}
				.pp_content {
					widows: 100%;
					margin: 15px auto;
					.pp_content_title {
						font-size: 16px;
						color: @text_dark-gray;
						line-height: 20px;
					}
					.pp_texts {
						margin: 10px 0 20px 0;
						span {
							font-size: 14px;
							color: @text_bold-gray;
						}
						.text {
							color: @text_dark-gray;
							font-size: 13px;
							line-height: 18px;
							padding-left: 20px;
							ul {
								margin: 10px 0 0 20px;
							}
							li {
								line-height: 20px;
							}
						}
					}
				}
			}
			.dashed {
				border-bottom: 1px dashed @text_bold-gray;
				width: 100%;
				height: 1px;
			}
		}
		//cast-entry-form
		.long {
			width: 1100px!important;
		}
		.content_cast-entry-form {
			width: 100%;
			.cast-entry-form_cover {
				width: 950px;
				margin: 30px auto;
				.form_content {
				}
				.domain {
					margin: 0 auto 15px auto;
					width: 630px;
					text-align: center;
					color: @text_dark-gray;
					font-size: 13px;
					border: 1px solid #cccccc;
					border-radius: 10px;
					padding: 10px;
					span {
						color: @text_dark-cherry;
						font-size: 15px;
						margin-left: -40px;
					}
				}
				.cancel {
					width: 110px;
					background-color: @pink01;
					font-size: 13px;
					line-height: 30px;
					color: @text_dark-cherry;
					//border: 1px solid @text_bold-gray;
					border-radius: 15px;
					text-align: center;
					margin: 20px auto 20px auto;
					box-shadow: 0 0 3px #aaaaaa;
				}
				.cancel:hover {
					box-shadow: 0 0 10px #aaaaaa;
				}
				a:hover {
					color: @text_dark-cherry;
				}
				a {
					color: @text_dark-cherry;
				}
			}
		}
		//cast_entry_complete
		.content_cast-entry-complete {
			.all {
				.comp_text {
					color: @text_dark-gray;
					font-size: 16px;
					line-height: 22px;
					width: 380px;
					margin: 80px auto;
					text-align: center;
					span {
						color: @text_dark-cherry;
						font-size: 22px;
						line-height: 45px;
					}
				}
				.home {
					width: 110px;
					background-color: #ffffff;
					font-size: 13px;
					line-height: 30px;
					color: @pink04;
					//border: 1px solid @text_bold-gray;
					border-radius: 15px;
					text-align: center;
					margin: 20px auto 100px auto;
					box-shadow: 0 0 3px #aaaaaa;
				}
				.home:hover {
					box-shadow: 0 0 10px #aaaaaa;
				}
				a:hover {
					color: @pink04;
				}
				a {
					color: @pink04;
				}
			}
		}
	}

	.asterisk {
		color: @pink04;
		font-size: 12px;
	}

	div.register_staff {
		width: 950px;
		div {
			line-height: 20px;
			position: relative;
			margin-bottom: 3px;
		}
		div.register_title {
			//display: inline-block;
			background-color: #ffeeee;
			padding:2px 10px 2px 20px;
			font-size: 13px;
			color: #666666;
			width: 150px;
			display: table-cell;
			height: 100%;
			vertical-align: middle;
		}
		div.register_form {
			font-size: 13px;
			line-height: 30px;
			padding: 2px 10px 2px 10px;
			//display: inline-block;
			//background-color: #eeeeee;
			top: 2px;
			display: table-cell;
			span.exp_year_title {
				width: 120px;
				display: inline-block;
			}
			.block {
				display: inline-block;
				margin-top: 0px;
				line-height: 25px;
				div {
					display: inline-block;
				}
				label {
					display: block;
				}
			}
			input , textarea {
				font-size: 13px;
				color: #000000;
			}
			.years {
				display: inline-block;
				line-height: 25px;
				margin-top: 0px;
				margin-left: 10px;
			}
			input {
				padding: 0;
			}
		}
		.vertical-item {
			display:inline-block!important;
		}
		p {
			margin-bottom: 2px;
		}
		a {
			text-decoration: underline!important;
		}
	}

	.check_pp {
		width: auto;
		text-align: center;
		font-size: 13px;
		color: #ff3333;
	}



	.regiser_form_button {
		text-align: center;
		width: 970px;
		margin: 0 auto;
		font-size: 0;
		div {
			display: inline-block;
			margin: 10px auto;
			font-size: 13px;
			vertical-align: top;
			width: 100px
		}
	}


	//sidemenu_none
	.content_full {
		width: 100%!important;
	}

	div.content_right {
    //float: right;
		font-size: 0;
    width: 18%;
    text-align: center;
    display: table-cell;
		vertical-align: top;
		padding-bottom: 30px;
    div.subtitle_aid {
			width: 100%;
			height: 60px!important;
			background-color: @pink01;
		}
		div.btn_for {
			width: 100%;
			text-align: center;
			margin-top: 50px;
			.btn {
				background-repeat: no-repeat;
				width: 77px;
				height: 77px;
				margin: 0 auto;
			}
			.for {
				font-size: 18px;
				color: @text_dark-gray;
				text-align: center;
				margin-top: 10px;
			}
			.sub {
				font-size: 12px;
				color: @text_dark-gray;
				text-align: center;
			}
			.btn_for_corp {
				background-image: url("/wp/wp-content/themes/child/img/icon_mail.png");
			}
			.btn_for_register {
				background-image: url("/wp/wp-content/themes/child/img/icon_register.png");
			}
    }
		.partition {
			width: 100%;
			height: 8px;
			background-color: #bfbfbf;
			margin: 10px 0;
		}
		.fb-mobile {
			display: none;
		}
  }
	img {
		background-color: inherit!important;
		padding: 0!important;
		border: none!important;
		box-shadow: 0 0 0;
	}
}




div.register_staff {
  div {
    line-height: 20px;
		position: relative;
		margin-bottom: 3px;
  }
  div.register_title {
    //display: inline-block;
    background-color: #ffeeee;
    padding:2px 10px 2px 20px;
    font-size: 13px;
    color: #666666;
		width: 150px;
		display: table-cell;
		height: 100%;
		vertical-align: middle;
  }
  div.register_form {
		font-size: 13px;
		line-height: 30px;
		padding: 2px 10px 2px 10px;
		//display: inline-block;
    //background-color: #eeeeee;
    top: 2px;
		display: table-cell;
		span.exp_year_title {
			width: 120px;
			display: inline-block;
		}
		.block {
			display: inline-block;
			margin-top: 0px;
			line-height: 25px;
			div {
				display: inline-block;
			}
			label {
				display: block;
			}
		}
		input , textarea {
			font-size: 13px;
			color: #000000;
		}
		.years {
			display: inline-block;
			line-height: 25px;
			margin-top: 0px;
			margin-left: 10px;
		}
    input {
      padding: 0;
    }
  }
	.vertical-item {
		display:inline-block!important;
	}
	p {
		margin-bottom: 2px;
	}
}

.check_pp {
	width: auto;
	text-align: center;
	font-size: 13px;
	color: #ff3333;
}

.regiser_form_button {
	display: inline-block;
	text-align: center;
	width: 100%;
	margin-top: 20px;
}


img#wpstats {
	display:none!important;
}

		


/*for bxSlider*/
ul {
	//list-style-type:disc;
	margin-left:0;
	margin-bottom:0;
}

ul li {
	margin: 0!important;
}

.bx-wrapper .bx-viewport {
	border-width: 0!important;
	//border-volue: 0px;
	left: 0;
	right: 0;
	box-shadow: 0 0 0!important;
}






@media screen and (max-width: 760px) {
	body {
		width: 100%;
	}
}

@media screen and (max-width: 760px) {
	header#header {
		margin-top: 0;
		background-color: @header_footer;
		div.header_title {
			margin-left: 0;
			margin-right: 0;
			width: 100%;
			height: 60px;
			div#site-title {
				margin: 0;
			}
			div.header_logo {
				background-image: url("/wp/wp-content/themes/child/img/corp_logo.png");
				width: 249px;
				height: 26px;
				margin: 35px 0 0 35px;
				background-repeat: no-repeat;
				//background-size: 50px, 50px;
			}
		}
	}
	#access {
		top: -200px;
		width: 100%;
		a.nav-show {
			right: 8%;
			top: 230px;
		}
		a.nav-show:hover {
			right: 8%!important;
			top: 230px!important;
		}
		.menu-flair2-container {
			ul {
				background-color: #ffffff;
				li {
					background-color: #ffffff;
					width: 100%;
					left: 0;
					a {
						background-color: #ffffff;
					}
					li {
						width: 100%;
						background-color: #cccccc;
						left: 0;
						a {
							background-color: #cccccc;
						}
					}
				}
			}
		}
	}
}

@media screen and (max-width: 760px) {
	div#container_home {
		.entry {
			width: 100%;
			margin: 0 0 !important;
			box-shadow: 0 0;
			background-color: #ffffff;
			padding: 0;
			min-height: 100%;
			.home_static {
				width: 100%;
				.main_content {
					//margin-top: 20px;
					.main_content_back {
						text-align: center;
						white-space: nowrap;
						width: 100%!important;
					}
					.main_content_left {
						width: 100%;
						display: block;
						.job {
							height: 45px;
							line-height: 45px;
							padding-left: 9%;
							div.items {
								top: 18px;
								//left: 50px;
							}
						}
						.left_job01 {
							.job;
							background-color: #fa9bbf;
							div.items {
								left: 4%;
							}
						}
						.left_job02 {
							.job;
							background-color: #fa8ab4;
							div.items {
								left: 4%;
							}
						}
						.left_job03 {
							.job;
							background-color: #fd78aa;
							div.items {
								left: 4%;
							}
						}
						.left_job04 {
							.job;
							background-color: #fe669f;
							div.items {
								left: 4%;
							}
						}
					}
					.main_content_center {
						width: 100%;
						display: block;
						height: auto;
					}
					.main_content_right {
						width: 100%;
						height: auto;
						display: block;
						margin-top: 0px;
						padding: 30px 0 10px 0;
						div.logo_frame {
							margin: 0 auto 0 auto;
						}
						div.corp_name {
							padding-bottom: 10px;
						}
					}
				}
				div.about_flair_text {
					width: auto;
					padding: 20px 3%;
				}

				div.info_contacts {
					width: 100%;
					margin-bottom: 120px;
					div.info_email {
						display: inline-block;
						width: 100%;
						height: 100px;
						position: relative;
						background-color: #e4e4e4;
						div.text {
							text-align: left;
							margin: 35px auto 0 8%;
							div.for_corp {
								font-size: 35px;
								color: #666666;
								display: inline-block;
							}
							div.guide {
								font-size: 13px;
								line-height: 12px;
								margin-top: 5px;
								color: #535353;
								display: inline-block;
							}
						}
						div.icon_email {
							background-image: url("/wp/wp-content/themes/child/img/icon_email.png");
							background-repeat: no-repeat;
							top: 12px;
							right: 11px;
							width: 77px;
							height: 77px;
							position: absolute;
						}
					}
					div.info_register_staff {
						display: inline-block;
						font-size: 0;
						width: 100%;
						height: 120px;
						div.all-staffs {
							font-size: 0;
							//top: 13px;
							//left: 35px;
							//position: absolute;
							margin: 13px 0 0 3%;
							div.staff {
								font-size: 15px;
								background-size: 15px 15px;
								padding-left: 20px;
								line-height: 15px;
								margin-right: 0;
							}
						}
						div.text_hiring {
							font-size: 40px;
							color: #666666;
							margin: 7px 0 0 10%;
							letter-spacing: 22px;

						}
						div.text_guide {
							display: none;
						}
						div.icon_register_form {
							top: 22px;
							right: 11px;
							width: 77px;
							height: 77px;
							position: absolute;
						}
					}
					div.info_phone {
						display: none;
						width: 100%;
						div.phone-number {
							margin: 40px auto 0 20%;
							width: auto;
						}
						div.icon_phone {
							top: 12px;
							right: 11px;
							width: 77px;
							height: 77px;
							position: absolute;
						}
					}
				}
			}
		}
	}
}



@media screen and (max-width: 760px) {
	div.all {
		width:100%;
		.content_left {
			display: inline!important;
			width: 100%!important;
			div.btn_proper {
				width: auto!important;
				.text {
					width: auto;
					text-align: center;
					float: none;
				}
				.btn {
					margin: 0 auto 10px auto;
					float: none;
				}
			}
			.subtitle {
				height: auto!important;
				font-size: 14px;
				width: auto!important;
				padding: 5px 2%;
				line-height: 20px;
			}
			.long {
				width: 100%!important;
			}

			div.content_costume {
				.costume_cover {
					width: 100% !important;
					.cos_flow {
						background-size: 70% 70%;
						background-repeat: no-repeat;
						width: 342px;
						height: 506px;
						margin-left: 10%;
					}
				}
				.cos_samples {
					margin: -120px auto 30px 27%;
				}
			}
			div.content_cast-cast {
				.cast-cast_cover {
					width: 100%;
					.title {
						width: 100%;
					}
					.list {
						display: inline!important;
						.cast {
							margin: 0 21%;
						}
					}
				}
			}
			div.content_cast-job {
				width: 100%;
				.cast-job_cover {
					width: 100%;
					.left_text {
						width: auto!important;
						padding: 0 3%!important;
						margin-left: 0!important;
					}
					.right_pic {
						width: auto!important;
					}
				}

			}
			.content_cast-flow {
				width: 100%;
				.cast-flow_cover {
					margin: 30px auto 20px auto;
					width: 100%;
					.left_flow-image {
						//width: 280px;
						//height: 732px;
						display: block;
						margin: 0 auto;
					}
					.right_flow-text {
						width: auto!important;
						display: block;
						margin: 0;

						.text {
							//width: 100%!important;
							min-width:100%;
							height: 71px;
							padding: 0 3%;;
							font-size: 12px;
						}
						.text-first {
							height: 72px;
							padding-bottom: 2px;
							img {
								vertical-align: middle;
							}
						}
					}
				}
			}
			.content_cast-entry {
				width: 100%;
				.cast-entry_cover {
					width: 100%;
					margin: 50px auto 20px auto;
					.left_title-image {
						width: 168px;
						height: 183px;
						display: block;
						margin: 0 auto;
					}
					.right_text {
						display: block;
						margin: 30px 10px 40px 10px;
						.entry_info {
							width: 100%;
							.info_title {
								display: block;
								width: 100%;
							}
							.info_text {
								display: block;
								width: 100%;
							}
						}
						.necessary {
							margin-top: 30px;
							color: @text_dark-gray;
							.necessary_title {
								font-size: 16px;
								color: @text_dark-cherry;
							}
							.necessary_list {
								font-size: 14px;
								line-height: 23px;
								margin: 10px 0 0 20px;
								ul {
									margin-left: 14px;
								}
							}
						}
					}
				}
			}
			.content_cast-entry-form {
				width: 100%;
				.cast-entry-form_cover {
					width: 100%;
					margin: 30px auto;
					.form_content {
					}
					.domain {
						width: 100%;
						padding: 10px;
						span {
							color: @text_dark-cherry;
							font-size: 14px;
							margin-left: -40px;
						}
					}
					.cancel {
						width: 110px;
						margin: 20px auto 100px auto;
					}
				}
			}
			//cast_entry_complete
			.content_cast-entry-complete {
				.all {
					.comp_text {
						color: @text_dark-gray;
						font-size: 16px;
						line-height: 22px;
						width: 100%;
						margin: 30px auto;
						text-align: center;
						span {
							color: @text_dark-cherry;
							font-size: 16px;
							line-height: 20px;
						}
					}
				}
			}
			/*MW WP form*/
			div.register_staff {
				width: 100%;
				div {
					line-height: 20px;
					position: relative;
					margin-bottom: 3px;
				}
				div.register_title {
					display: block;
					padding:2px 10px 2px 20px;
					font-size: 12px;
					color: #666666;
					width: 100%;
					height: auto;
					vertical-align: middle;
				}
				div.register_form {
					font-size: 12px;
					line-height: 30px;
					padding: 2px 10px 2px 10px;
					//display: block;
					//background-color: #eeeeee;
					top: 2px;
					.years {
						display: inline-block;
						line-height: 25px;
						margin-top: 0;
						margin-left: 10px;
					}
					input[type="text"] {
						width: 350px!important;
						max-width: 400px;
						min-width: 350px;
					}
					input[type="checkbox"] {
						display: block;
					}
					textarea {
						width: 350px;
					}
				}
				.vertical-item {
					display:inline-block!important;
				}
				p {
					margin-bottom: 2px;
				}
				a {
					text-decoration: underline!important;
				}
			}

			.check_pp {
				width: 100%;
				font-size: 12px;
			}

			.regiser_form_button {
				text-align: center;
				width: 100%;
				margin: 0 auto;
				font-size: 0;
				div {
					display: inline-block;
					margin: 10px auto;
					font-size: 13px;
					vertical-align: top;
					width: 100px
				}
			}
		}
		//company-overview
		.content_company-overview {
			width: 100%;
			.company-overview_cover {
				width: 100%!important;
				margin: 30px auto 20px auto;
				.overview {
					width: auto;
					padding: 0 3%;
					.overview_title {
						color: @text_bold-gray;
						font-size: 13px;
						display: block;
						width: auto!important;
					}
					.overview_text {
						color: @text_dark-gray;
						line-height: 23px;
						display: block;
						font-size: 13px;
						width: 100%!important;
					}
					a {
						color: @text_dark-cherry;
					}
					a:hover {
						color: @text_dark-cherry;
					}
					.flair {
						font-size: 16px;
					}
				}
				.map_access {
					margin: 20px 0 0 0;
					.map {
						display: none!important;
					}
					.access {
						font-size: 12px;
					}
				}
			}
		}
		//company-achievement
		.content_company-achievement {
			width: 100%!important;
			.company-achievement_cover {
				width: 100%!important;
				.left_achievement {
					display: block;
					margin-left: 30px;
				}
				.right_achievement {
					display: block;
					margin-left: 30px!important;
				}
			}
		}
		//recruit
		.content_recruit {
			.recruit_cover {
				width: 100%!important;
				margin: 30px auto 20px auto;
				.occupation_name {
					div {
						display: block;
						color: @text_dark-cherry;
						font-size: 17px;
						line-height: 20px;
						vertical-align: middle;
						margin-left: 3%;
					}
				}
				.qualification {
					width: auto!important;
					margin: 15px 3% 0 3%;
					div {
						display: block;
					}
					.qualification_title {
						color: @text_bold-gray;
						font-size: 11px;
						font-weight: bold;
						width: 100%!important;
						background-color: #eeeeee;
						padding: 0 0 0 3%;
					}
					.qualification_text {
						font-size: 13px;
						color: @text_dark-gray;
						width: 100%!important;
						padding: 0 3%;
					}
				}
				.contact_via {
					width: auto!important;
					margin: 20px 3% 20px 3%!important;
					.guide {
						font-size: 15px;
						color: @pink04;
					}
					.via {
						span {
							color: @text_bold-gray;
							font-size: 13px;
						}
						div {
							display: block;
						}
						.phone-no {
							font-size: 15px;
							margin-left: 5px;
						}
						.email_add {
							font-size: 15px;
							margin-left: 5px;
						}
					}
					.addressee {
						span {
							font-size: 13px;
							font-weight: bold;
							color: @text_bold-gray;
						}
						font-size: 12px;
						color: @text_dark-gray;
						line-height: 18px;
						margin: 10px 0;
					}
				}
			}
		}
		//contact
		.content_contact {
			width: 100%!important;
			.contact_cover {
				width: 100%!important;
				.opening {
					width: 100%!important;
					.opening-text {
						width: auto!important;
						margin: 0 3%!important;
						font-size: 11px;
						p {
							margin-top: 10px;
						}
					}
				}
				.contact_via {
					width: auto!important;;
					margin: 30px 3% 40px 3%!important;
				}
			}
			.dashed {
				border-bottom: 1px dashed @text_bold-gray;
				width: 100%;
				height: 1px;
			}
		}
		//privacy policy
		.content_privacy-policy {
			padding-bottom: 30px;
			.privacy-policy_cover {
				width: 100%!important;
				margin: 0 3%;
				.opening {
					width: 100%!important;
					.opening-text {
						width: auto!important;
					}
				}
				.pp_content {
					width: auto!important;
					margin: 15px 3% 0 3%!important;
					.pp_texts {
						margin: 10px 0 20px 0;
					}
				}
			}
		}
		.content_right {
			//display: none!important;
			width: 100% !important;
			display: inline !important;
			.fb-desktop {
				display: none;
			}
			.fb-mobile {
				display: inline!important;
				//margin: 0 0 0 0;
				padding: 0 0 50px 3%;
			}
		}
	}
}

@media screen and (max-width: 760px) {
	div#container_sidemenu {
		margin: 0;
		background-color: #ffffff;
		.entry {
			width: 100%;;
			margin: 0 auto;
			.entry_title {
				width: 100%;
				background-color: @pink04;
				div {
					display: inline-block;
				}
			}
		}
	}
}


@media screen and (min-device-width: 761px) and (max-device-width: 860px) {
	#access {
		width: 800px!important;
	}
}




//for_asj-web

div#container_asjbnr-area04 {
	.entry {
		width: 100%;
		margin: 0 0 !important;
		box-shadow: 0 0;
		background-color: #ffffff;
		padding: 0;
		height: 200px;
		#fd {
			position: absolute;
			div {
				display: inline-block;
				position: relative;
			}
		}
		#bnr {
			font-size: 0;
			//padding: 8px;
			height: 178px;
			width: 741px;
			background-color: #d0d0d0;
			p {
				margin: 0!important;
				height: 0;
			}
		}

		#bnr #bnLeft_h {
			float: left;
		}
		.bnLeft_full {
			background: url(http://in-control.heteml.jp/wp/wp-content/uploads/2015/06/04-01-web-registration.jpg);
			width: 366px;
			height: 178px;
		}
		#bnr #bnRight_h {
			font-size: 0;
			float: left;
			margin-left: 9px;
		}
		.bnRight_top {
			background: url(http://in-control.heteml.jp/wp/wp-content/uploads/2015/06/04-02-ando-tadao-2015.jpg);
			width: 366px;
			height: 85px;
		}
		.bnRight_bottom {
			//background: url(http://in-control.heteml.jp/wp/wp-content/uploads/2015/06/04-03-architects_exhibition.png);
			width: 366px;
			height: 85px;
			margin-top: 8px;
		}
	}
}

/*20171116*/
.twothirdcol {
width: 100%;
}

#sidebar-wide, #sidebar-boxes {
display: none;
}
div.corp_name {
    display: none !important;
}
/* フッター白線削除 */
#footer-area {
    border-top: none !important;
}
#footer {
    border-top: none !important;
}

/* コスチュームページ改修 */
.cos_illust {
    background-image: url("/wp/wp-content/themes/child/img/img_costume_illust.png");
    width: 200px;
    height: 480px;
    display: inline-block;
    vertical-align: top;
    margin: 30px 10px 0 0;
    background-repeat: no-repeat;
    background-size: contain;
}
.cos_flow_html {
    width: 240px;
    display: inline-block;
    vertical-align: top;
    margin: 30px 10px 0 0;
    font-size: 14px;
}
.cos_flow_title {
    background-color: #f5a623;
    color: #ffffff;
    text-align: center;
    padding: 8px 0;
    font-weight: bold;
    font-size: 15px;
}
.cos_flow_step {
    background-color: #eeeeee;
    color: #505050;
    text-align: center;
    padding: 12px 0;
    font-size: 14px;
}
.cos_flow_arrow {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 16px solid #f5a623;
    margin: 0 auto;
}
.cos_flow_delivery {
    background-color: #fde8c8;
    text-align: center;
    padding: 12px 10px;
}
.cos_flow_delivery_title {
    color: #f5a623;
    font-size: 22px;
    font-weight: bold;
}
.cos_flow_delivery_period {
    color: #505050;
    font-size: 14px;
    margin-top: 5px;
}
.cos_flow_delivery_note {
    color: #707070;
    font-size: 11px;
    margin-top: 8px;
    line-height: 1.6;
    white-space: normal !important;
    word-break: break-word;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
}
.content_costume .costume_cover {
    width: 780px;
    margin: 0 auto;
    font-size: 0;
}
.content_costume .btn_proper {
    width: 480px !important;
    font-size: 15px;
    margin-top: 20px;
}
.content_costume .btn_proper a {
    display: block;
    text-decoration: none;
    color: inherit;
    position: relative;
    z-index: 10;
}
.content_costume .btn_proper .all {
    width: 100%;
    height: 75px;
    padding: 10px 0;
    overflow: hidden;
    display: block !important;
    pointer-events: none;
}
.content_costume .btn_proper .text,
.content_costume .btn_proper .btn {
    pointer-events: none;
}
.content_costume .btn_proper .text {
    line-height: 80px;
    margin-left: 30px;
    font-size: 17px;
    float: left;
    width: auto;
}
.content_costume .btn_proper .btn {
    background-image: url("/wp/wp-content/themes/child/img/icon_email_proper.png");
    width: 74px;
    height: 73px;
    float: right;
    margin-right: 15px;
    background-repeat: no-repeat;
}
.content_costume .cos_samples {
    width: 149px;
    display: inline-block;
    vertical-align: top;
    margin: 30px 0 0 10px;
    font-size: 0;
    line-height: 0;
}
.content_costume .cos_samples .samples {
    width: 149px;
    height: 150px;
    background-repeat: no-repeat;
    margin-bottom: 5px;
    display: block;
}

@media screen and (max-width: 760px) {
    .cos_illust {
        width: 80% !important;
        height: 350px !important;
        display: block !important;
        margin: 20px auto !important;
        background-position: center;
    }
    .cos_flow_html {
        width: 90% !important;
        display: block !important;
        margin: 10px auto !important;
        text-align: center;
        box-sizing: border-box !important;
        height: auto !important;
        overflow: visible !important;
    }
    .cos_flow_title,
    .cos_flow_step,
    .cos_flow_arrow,
    .cos_flow_delivery {
        width: 100% !important;
        display: block !important;
        position: static !important;
        float: none !important;
        clear: both !important;
        box-sizing: border-box !important;
        margin: 0 !important;
    }
    .cos_flow_delivery_note {
        max-width: 100% !important;
        word-break: break-word !important;
        margin: 8px auto 0 !important;
    }
    .content_costume .costume_cover {
        width: 100% !important;
    }
    .content_costume .cos_samples {
        width: 100% !important;
        display: block !important;
        margin: 10px auto !important;
        text-align: center;
        line-height: 0;
        font-size: 0;
    }
    .content_costume .cos_samples .samples {
        display: inline-block !important;
        width: 140px !important;
        height: 140px !important;
        margin: 8px !important;
        background-size: contain !important;
        background-position: center !important;
    }
  .content_costume .btn_proper {
    width: 90% !important;
    margin: 20px auto !important;
    display: block !important;
    overflow: hidden !important;
    box-sizing: border-box !important;
}
.content_costume .btn_proper a {
    display: block !important;
    text-decoration: none !important;
    color: inherit !important;
}
.content_costume .btn_proper .all {
    width: 100% !important;
    height: auto !important;
    padding: 15px 0 !important;
    overflow: hidden !important;
    text-align: center !important;
}
.content_costume .btn_proper .text {
    float: none !important;
    display: block !important;
    text-align: center !important;
    line-height: 1.4 !important;
    font-size: 14px !important;
    margin: 0 auto 10px auto !important;
    width: auto !important;
}
.content_costume .btn_proper .btn {
    float: none !important;
    display: block !important;
    margin: 0 auto !important;
    width: 50px !important;
    height: 50px !important;
    background-size: contain !important;
    background-position: center !important;
    background-repeat: no-repeat !important;
}
}
/* ハンバーガーメニュー改善 */
@media screen and (max-width: 760px) {
    #access .nav-show,
    #access a.nav-show:hover {
        background-image: url(/wp/wp-content/themes/child/img/nav_menu.png) !important;
        background-repeat: no-repeat !important;
        background-position: center center !important;
        background-color: transparent !important;
        border-radius: 6px !important;
        width: 50px !important;
        height: 52px !important;
        text-indent: -1000px !important;
        overflow: hidden !important;
    }
    #access .nav-show::after {
        display: none !important;
    }
}
/* お仕事までの流れ HTMLフロー */
.left_flow-html {
    width: 260px;
    display: inline-block;
    vertical-align: top;
    margin: 0px 10px 0 0;
    font-size: 14px;
}
.flow-step {
    background-color: #eeeeee;
    color: #505050;
    text-align: center;
    padding: 0;
    font-size: 13px;
    line-height: 1.3;
    height: 57px;
    display: table;
    width: 100%;
}
.flow-step span.flow-text {
    display: table-cell;
    vertical-align: middle;
}
.flow-sub {
    font-size: 11px;
    color: #707070;
}
.flow-arrow {
    width: 0;
    height: 0;
    border-left: 18px solid transparent;
    border-right: 18px solid transparent;
    border-top: 16px solid #f5a623;
    margin: 0 auto;
}
.flow-highlight {
    color: #f5a623 !important;
    background-color: #eeeeee;
    font-weight: bold;
}
.flow-final {
    background-color: #fde8c8;
    text-align: center;
    padding: 16px 0;
    font-size: 22px;
    font-weight: bold;
    color: #f5a623;
}

@media screen and (max-width: 760px) {
    .left_flow-html {
        width: 80% !important;
        display: block !important;
        margin: 10px auto !important;
    }
}
/* contactページ スマホ余白修正 */
@media screen and (max-width: 760px) {
    .content_contact {
        padding-bottom: 100px !important;
    }
}