/*
Theme Name: Uncode Child
Description: Child theme for Uncode theme
Author: Undsgn邃｢
Author URI: http://www.undsgn.com
Template: uncode
Version: 1.0.0
Text Domain: uncode
*/

th {white-space: nowrap;}

/*　50のこと　*/

.contact h2 {font-size:18px; margin:5px;}
.contact h3 {font-size:14px; margin:5px;}

.post-wrapper a {color:#4885ed;}
.release a {color:#000;}


.village img { width:30%;}

.village  {
margin-bottom:20px;
text-align:center;}

.gaiyou hr {margin:0;}

h1.post-title {font-size: 18px;}


.shop h2 {
	font-size: 15px;
	font-weight: bolder;
	text-align: left;
	margin: 2px 0 5px 7px !important;
	padding: 0;
	color: #990000;
	line-height: 150%;
	border-bottom: 1px dotted #666666;
}

.shop.title {
	padding: 1px 0 0 15px;
	margin: 7px 3px 0 0;
	
}
.shop span {
			font-size: 11px;
			font-weight: lighter;
			color: #333333;
			line-height: 170%;
			padding: 15px 20px 5px 6px !important;
			padding: 0px 20px 5px 6px;
}
.shop.detail {
	float: left;
	padding: 0px;
	height: 100%;
	font-size: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}

.shop img {

padding-right:10px;
float:left;}







.map {margin-top:20px;

margin-bottom:20px;
}

table.banner td {
padding:20px;
background:#4885ed;
color:#fff;


text-align:center;
margin:0;

}

.banner img {width:90%;}

.banner a {

color:#fff;}


table.banner {
border:none;

}



/*ニューリリース*/ 

.releasein{ 
height:850px;
   position:relative;
    overflow:scroll;}

#releaseBoxAll {

   
   



background-color: #FFFFFF;

padding: 0px ;

}
#box {

clear:both;
padding:5px 0;
border-top:1px solid #ccc;
padding-bottom:10px;
line-height:12px;

font-size:10px;}




#box img {
margin:0px;
padding:0px;
margin-right:5px;
border: 1px solid #CCCCCC;

width:60px;
height:auto;
float: left;
}






@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}


#artistTxt {

clear:both;

	font-size: 10px;
	line-height: 13px;
	color: #333333;
	background-color:#CCCCCC;
	margin-bottom:2px;
	width: 100%;
	text-align: center;
	padding:5px 0;
}
#artistTxt p {
padding: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
}
.artistLine {
height: 13px;
width: 93px;
background-image: url(../images/line.gif);
margin: 0px 0px 0px 5px;
padding: 0px;
background-position: center;
}



#box2 img {
	
	vertical-align: top;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}





.foottext p{font-size:10px; }
.foottext li {font-size:10px; text-decolation}

.foottext ul {

}

.foottext ul li {
 
  margin-bottom: 3px;/*下のバーとの余白*/
 	line-height: 1.5;
  	
  list-style-type: square;
}


/*--recruitform------------------------------------------------------*/

.recruit span {font-size:12px; color:#666;}

input[type="submit"] {color:#ff0000!important}
@media only screen and (max-width:599px){
    .recruit th, .recruit td {width:100%; display:block;}
    .recruit th {background:#eee; text-align:left;}
}





.form h3 {
padding-bottom:5px;
margin-top:10px;
margin-bottom:5px;
border-bottom:1px dotted #b3beb8;
font-size:14px;
color: #229697;}


.recruitform {font-size:13px;}


section.recruitform dl.recruitform-c {
	width:100%;
	height: auto;
	padding: 10px 0 10px 0;
	display:table;
	border-bottom:1px dotted #b3beb8;
}

section.recruitform dl.recruitform-c:hover,section.recruitform dl.recruitform-c.border-bottom:hover,section.recruitform dl.recruitform-c.border-top:hover,section.recruitform dl.recruitform-c.border-none:hover { background-color: rgba(83,174,145,0.1);}


section.recruitform dl.recruitform-c.border-bottom {
	border-bottom:none;

	margin:0 0 20px 0;
	padding: 10px 0 13px 0;
}

section.recruitform dl.recruitform-c.border-top {
	
	margin:0 0 0 0;
	padding: 13px 0 10px 0;
}

section.recruitform dl.recruitform-c.border-none {

	border-bottom:none;
	padding: 13px 0 10px 0;
}

section.recruitform div.border-bottom {

	border-bottom:none;
	padding: 0 0 0 0;
}

section.recruitform div.btn {
	
	
	padding: 15px 0 18px 0;
	text-align:center;
}

section.recruitform dl.recruitform-c dt {
	display: table-cell;
	
	font-weight: bold;
	color: #004da1;
	width: 100px;
	padding:2px 5px 0 5px;
	border-left:1px dotted #b3beb8;
	border-right:1px dotted #b3beb8;
}


section.recruitform dl.recruitform-c dd {
	display:table-cell;

	
	padding:0 0 0 10px;
	vertical-align:middle;
}

section.recruitform dl.recruitform-c dd.all-w {
	display:table-cell;

	
	padding:0 0 0 10px;
	vertical-align:middle;
}

section.recruitform dl.recruitform-c dd span {
font-size:10px;
	vertical-align:middle;
}


section.recruitform dl.recruitform-c dd input,
section.recruitform dl.recruitform-c dd select,
section.recruitform dl.recruitform-c dd textarea {


color:#999;
	position:relative;
	background-color:#ffffff;
	padding:3px;
	border: 1px solid #cccccc;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	border-radius: 3px;
	behavior: url(border-radius.htc);   /* for IE */
}





/* =Buttons
-------------------------------------------------------------- */
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
float:right;
margin-right:5px;

background:#ff0000;	
	border: 1px solid #e8390d;

	color:#fff;
	display: inline-block;
	
	font-size: 12px;

	line-height: 20px;
	
	padding: 4px 10px;
	text-decoration: none;
	
	vertical-align: middle;
	white-space: nowrap;
}

a.button:hover,
input[type='reset']:hover, 
input[type='button']:hover, 
input[type='submit']:hover {
background:none;	
	color:#e8390d;

}

a.button:active,
input[type='reset']:active, 
input[type='button']:active, 
input[type='submit']:active {
	
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f9f9f9, endColorstr=#f1f1f1);
}



/*color*/

.music           { border-left: 7px solid #03A6A6; }
.cafe            { border-left: 7px solid #79D9D9; }
.live            { border-left: 7px solid #F29A2E; }
.dance           { border-left: 7px solid #E35100; }
.egent           { border-left: 7px solid #732929; }
.book            { border-left: 7px solid #FF0C7A; }
.md              { border-left: 7px solid #FF5EA2; }
.sea             { border-left: 7px solid #0388A6; }
.design          { border-left: 7px solid #9FDCCC; }
.studio          { border-left: 7px solid #02D3A2; }
.video           { border-left: 7px solid #54A93B; }
.web             { border-left: 7px solid #8DCB57; }




/*menu-about*/

#menu-about li {list-style:none;}

#menu-about li a{
	font-size:12px;
	padding:10px 5px 8px 12px;
	font-weight:bold;
	background-color:#009de2;
	color:#fff;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #4dbbeb;}

#menu-about li.first-child a{
	background:url(../img/left_navi_bg01.gif) top no-repeat;
}

#menu-about li.last-child a{
	background:url(../img/left_navi_bg01.gif) bottom no-repeat;
	border-bottom:none;
}

#menu-about li a span{
	background:url(../img/menu-about_03.png) left 2px no-repeat;
	padding-left:20px;
	display:block;
}

#menu-about li a:hover,
#menu-about li.active a{
	border-bottom:1px solid #5586ac;
	background-color:#0c5288;}


#menu-about li.first-child a:hover,
#menu-about li.first-child.active a{
	background:url(../img/left_navi_bg02.gif) top no-repeat;
}

#menu-about li.last-child a:hover,
#menu-about li.last-child.active a{
	background:url(../img/left_navi_bg02.gif) bottom no-repeat;
	border-bottom:none;
}


/*menu-about .second*/

#menu-about li.second a{
	padding:8px 12px 6px;
	border-bottom:1px solid #b1b1b1;
	border-left:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1;
	background-color:#fff;
	color:#333;}
	
#menu-about li.last-child.second a{
	padding-bottom:8px;
	border:none;
	background:url(../img/left_navi_bg03.gif) bottom no-repeat;}


#menu-about li.second a span {
	background:url(../img/left_navi02_01.gif) 4px 7px no-repeat;}


#menu-about li.second a:hover,
#menu-about li.second.active a{
	color:#fff;
	background-color:#b1b1b1;}

#menu-about li.last-child.second a:hover,
#menu-about li.last-child.second.active a{
	background:url(../img/left_navi_bg04.gif) bottom no-repeat;
}

#menu-about li.second a:hover span,
#menu-about li.second.active span{
	background:url(../img/left_navi02_02.gif) 4px 8px no-repeat;}


/*menu-about .single*/
#menu-about li.single {
	padding-top:3px;
	background:url(../img/left_navi_bg02.gif) top no-repeat;}
#menu-about li.single a{
	padding-top:7px;
	background:url(../img/left_navi_bg02.gif) bottom no-repeat;
	border-bottom:none;}


/*menu-business*/

#menu-business li {list-style:none;}

#menu-business li a{
	font-size:12px;
	padding:10px 5px 8px 12px;
	font-weight:bold;
	background-color:#009de2;
	color:#fff;
	text-decoration:none;
	display:block;
	border-bottom:1px solid #4dbbeb;}

#menu-business li.first-child a{
	background:url(../img/left_navi_bg01.gif) top no-repeat;
}

#menu-business li.last-child a{
	background:url(../img/left_navi_bg01.gif) bottom no-repeat;
	border-bottom:none;
}

#menu-business li a span{
	background:url(../img/menu-business_03.png) left 2px no-repeat;
	padding-left:20px;
	display:block;
}

#menu-business li a:hover,
#menu-business li.active a{
	border-bottom:1px solid #5586ac;
	background-color:#0c5288;}


#menu-business li.first-child a:hover,
#menu-business li.first-child.active a{
	background:url(../img/left_navi_bg02.gif) top no-repeat;
}

#menu-business li.last-child a:hover,
#menu-business li.last-child.active a{
	background:url(../img/left_navi_bg02.gif) bottom no-repeat;
	border-bottom:none;
}


/*menu-business .second*/

#menu-business li.second a{
	padding:8px 12px 6px;
	border-bottom:1px solid #b1b1b1;
	border-left:1px solid #b1b1b1;
	border-right:1px solid #b1b1b1;
	background-color:#fff;
	color:#333;}
	
#menu-business li.last-child.second a{
	padding-bottom:8px;
	border:none;
	background:url(../img/left_navi_bg03.gif) bottom no-repeat;}


#menu-business li.second a span {
	background:url(../img/left_navi02_01.gif) 4px 7px no-repeat;}


#menu-business li.second a:hover,
#menu-business li.second.active a{
	color:#fff;
	background-color:#b1b1b1;}

#menu-business li.last-child.second a:hover,
#menu-business li.last-child.second.active a{
	background:url(../img/left_navi_bg04.gif) bottom no-repeat;
}

#menu-business li.second a:hover span,
#menu-business li.second.active span{
	background:url(../img/left_navi02_02.gif) 4px 8px no-repeat;}


/*menu-business .single*/
#menu-business li.single {
	padding-top:3px;
	background:url(../img/left_navi_bg02.gif) top no-repeat;}
#menu-business li.single a{
	padding-top:7px;
	background:url(../img/left_navi_bg02.gif) bottom no-repeat;
	border-bottom:none;}

/*left_navi02*/

#left_navi02{
	display:none;
	margin-top:25px;}

#IR #left_navi02{
	display:block;}

/*left_navi03*/

#left_navi03{
	display:none;
	margin-top:15px;}
#left_navi03 li{
	text-align:center;
	margin-bottom:12px;}

#left_navi03 li img{
	vertical-align:top;}

#RECRUIT #left_navi03{
	display:block;}

#main_box {

}

#main_box p,
#main_frame p{
	margin-top:15px;}

#main_box h1,
#main_frame h1{
	font-weight:bold;
	font-size:220%;
	margin-bottom:20px;
	border-bottom:1px solid #333;}

#main_box h2,
#main_frame h2{
	border-left: 7px solid #009de2;
	border-bottom:1px solid #999999;
	color:#0c5288;
	font-size:130%;
	font-weight:bold;
	padding-left:10px;
	margin-top:20px;}

#main_box h3,
#main_frame h3{
	
	padding-left:20px;
	margin-top:20px;
	
	font-size:130%;
	font-weight:bold;
	}

#main_box h3.lineNone,
#main_frame h3.lineNone{
	border-bottom:none;}

#main_box h4,
#main_frame h4{
	border-left:5px solid #e8390d;
	padding-left:10px;
	font-size:110%;
	margin-top:20px;}

#main_box h5,
#main_frame h5{
	padding-left:20px;
	margin-top:15px;
	font-size:110%;}

#main_box h5.color01,
#main_frame h5.color01{
	background:url(../img/icon_h5_01.gif) left 5px no-repeat;
}
#main_box h5.color02,
#main_frame h5.color02{
	background:url(../img/icon_h5_02.gif) left 5px no-repeat;
}

#main_box h6,
#main_frame h6{
	margin-top:20px;
	font-size:110%;
	font-weight:bold;}
	

/*table*/

.tableLayout01{
font-size:12px;
border:none;
	border-top:1px #333 dotted;
	width:100%;}
.tableLayout01 td,
.tableLayout01 th{
border:none;
font-weight: normal;
	padding:8px 20px;
	border-bottom:1px #333 dotted;
	vertical-align:top;}
.tableLayout01 th{ font-weight:bold; text-align:left;}



.tableLayout02{
	border-top:1px #333 dotted;
	width:100%;}
.tableLayout02 td,
.tableLayout02 th{
	padding:8px 8px;
	border-bottom:1px #333 dotted;
	vertical-align:middle;
	text-align: center;}
.tableLayout02 th{ font-weight:bold; background-color:#e5e5e5;}



.tableLayout03{
	margin-top:15px;
	border-top:1px #333 dotted;
	width:100%;}
.tableLayout03 td,
.tableLayout03 th{
	padding:8px 8px;
	border-bottom:1px #333 dotted;
	vertical-align:middle;
	text-align: left;}

.tableLayout03 th{ font-weight:bold;}



@media only screen and (max-width:599px){
    .tableLayout01 { margin: 0 -10px; }
    .tableLayout01 th,
    .tableLayout01 td{
    width: 100%;
    display: block;
    border-top: none;
    }
  .tableLayout01 tr:first-child th { border-top: 1px solid #ddd; }
}


/*TABLE STRIPE&MOUSEON*/
.tableLayout01.stripe th{background-color:#000; color:#fff;}
.tableLayout01.stripe .even td{background-color:#f5f5f5;}

.tableLayout01.highlight .hover td{ background:#B2D8FF;}



/*ニューリリース*/ 

.releasein{ 
}

#releaseBoxAll {

   
   



background-color: #FFFFFF;

padding: 0px ;

}
#box {

clear:both;
padding:5px 0;
border-bottom:1px solid #ccc;
margin-bottom:10px;
line-height:12px;

font-size:10px;}




#box img {
margin:0px;
padding:0px;
margin-right:5px;
border: 1px solid #CCCCCC;

width:60px;
height:auto;
float: left;
}

#box2  {
	

}


#box2 img {
	
	vertical-align: top;
	width: 100%;
	height: auto;
	margin: 0px;
	padding: 0px;
}


.link img {border: 3px solid #CCCCCC;}


table.news{
    
    border-collapse:collapse;
    border-spacing:0;
    font-size:10px;
   
    line-height:10px;
    empty-cells:show;
}


}
 .news td {
padding: 0;
}


@media screen and (max-width: 599px) {

#box2  {
border-left:1px solid #eee;
float:left;
width:49.5%;
display:inline;	

}

}