// Delete anything after this as it's for the base docs //

@import "mixins.less"; // Import the base mixins
#langselector
 {
	position: relative;
	p {
		float: right;
		background: #2b2b2b;
		padding: 2px 5px;
		position: absolute;
		right: 0;
		
		img {
		 	vertical-align: middle;	
		}
		a {
			color: #fff;
			text-decoration: none;	
		}
		a:hover {
			color: #777;
		}
	}
	
}
#mainhead {
	text-align: center;
	margin-top: 1em;
}
#nav-wrap {
	border-bottom: 1px solid #B2B2B2;
    border-top: 1px solid #B2B2B2;
    padding: 15px 0;
	margin-bottom: 15px;
	.navigation {
	  line-height: normal;
	  ul {
	    text-align: center;
	
	    li {
	      display: inline;
	      padding: 0 15px;
	      &:first-child {
	          margin-left: 0;
	        } // end first child
	        a {
			  color: #292929;
	          text-decoration: none;
			 
	          &:hover {
	            border-color: #fff0ea;
				text-decoration: underline;
	            } // end hover
	          } // end a
	      } // end li
		  li.current-menu-item {
		  	font-weight: bold;
			a {
				color: #795682;	 	
			} 
		}
	  } // end ul
	} // end navigation
}// nav-wrap

.top-img {
	margin-bottom: 15px;
}

section > h1 {
    background: url(../images/icn-sakura.png) no-repeat left center;
    margin-bottom: 5px;
    padding: 3px 0 3px 35px;
}

#staff-blog {
	  article {
	   .img-box {
		float: left;
		margin-right: 1em;
	   }
	   header {
		 overflow: hidden;
		 h1 {
		  font-size: 1.125em;
		  background: none;
		  border-bottom: 1px solid #d3d3d3;
		  padding:0 0 3px 0;
		  margin-bottom: 3px;
		  a {
			text-decoration: none;  
			}// end a
		 }// end h1
		 ul {
			 padding: 0 0 0.4em 0;
			 overflow: hidden;
			 
			 li {
				float: left;
				font-size: 0.750em;
			}
		 }// end ul
	   }//header
	 }//end article
} //end staff-blog
li.time-info {
	color: #989898;
	padding-right: 1em;
}
.staff-box, .ctc-box, #follow, #searchbox {
	background: #fff;
	border: 1px solid #d9d9d9;
	padding: 5px;
}

.active {
  background: #000;
	color: #fece0b;
}

.active:hover{
	color:#fece0b;
	background: #555;
}


//ページ送り　始め
.page-nation {
	margin-bottom: 20px;
}
.page-nation li a,
.page-nation li a:hover,
.page-nation li.active a,
.page-nation li.disabled {
	color: #fff;
	text-decoration:none;
}

.page-nation li {
	display: inline;
}

.page-nation li a,
.page-nation li a:hover,
.page-nation li.active a,
.page-nation li.disabled {
	background-color: #130f30;
	border-radius: 1px;
	cursor: pointer;
	padding: 10px;
}

.page-nation li a:hover,
.page-nation li.active a {
	background-color: #795682;
}
//ページ送り　終わり



.staff-box p, .ctc-box p {
	font-size: 0.875em;
	margin: 0;
}
.ctc-box { padding: 5px; }
.event-info {
	ul {
		li {
		font-size: 0.875em;
		background: url(../images/purple-bullet.png) no-repeat 0 10px;
		padding-left: 9px;
		}//end li
	}
}
#follow, #searchbox {
	padding: 5px;
	overflow: hidden;
}
#follow ul li {
	float: left;
	padding-right: 5px;
}
#follow h1,#searchbox h1 {
	font-size: 1.125em;
	border-bottom: 1px solid #bebebe;
	margin-bottom: 7px;
	padding-bottom: 3px;
}
#searchbox h1 {
	background: none;
	padding-left: 0;
}

#footer-wrap {
	background: #c3c88f;
	padding: 13px 0;

	h1 {
		margin: 0 0 4px 0;
		padding: 0 0 4px 0;
		background: url(../images/footer-bg.png) repeat-x 0 bottom;
		font-size: 1em;
	}//end h1
	ul {
		li {
		font-size: 0.875em;
		background: url(../images/purple-bullet.png) no-repeat 0 10px;
		padding-left: 9px;
		  a {
			  text-decoration: none;
			  color: #444;
		  &:hover {
			text-decoration: underline;  
		  }
		  }//end a
		}//end li
	}//end ul
}//end footer-wrap


#takuma {
	padding-top: 22px;

	p {
		font-size: 0.688em;
		font-weight: bold;
		a {
			color: #444; 
		}//end a
	}//end p
}//end takuma


.breadcrumbs {
	color: #898686;
    margin-bottom: 20px;
}

#online-store, .go2shop {
	a {
	background-color: #ed9c39;
	display: block;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	color: #f9f9f9;
	font-weight: bold;
	&:hover {
		background-color: #795682;
		color: #fff;
	}
	}
}
.royalSlider {margin-bottom: 20px;}
.cat-list {
	h1 {
		background: none;
		padding: 0 0 3px 0;
		
		font-size: 1em;
		border-bottom: 1px solid #a5a5a5;	
	}
	ul {
		li {
			margin-bottom: 5px;
			a {
				text-decoration: none;
				color: #000;
				&:hover {
					text-decoration: underline;	
				}
			}
			ul.children {
			  	padding: 5px 0 0 10px;
				li {
					list-style: square;	
				}
				li.current_page_item{
					
					color: #795682;
					a {
						color: #795682;
					}
				}	
			}
		}
	}
}

/*.sub_navi > li.current_page_item {
	font-weight: bold;
}*/
.sub_navi > li.current_page_item > a {
	color: #795682;
	font-weight: bold;
}
.sub_navi > li.current_page_parent .current_page_item {
	font-weight: bold;
}

#atc-col {
	header {
		margin-bottom: 30px;
		h1 {
			background: url(../images/icn-sakura.png) no-repeat left 1px;
		    margin-bottom: 5px;
		    padding: 3px 0 8px 35px;
			border-bottom: 1px solid #a5a5a5;
		}//end h1
		ul {
			  li {
				  float: left;
				  font-size: 0.750em;
			  }	//end li
		}// end ul
		#social-bm {
			li {
				padding-right: 15px;	
			}
			li#tw-bm {
			  	width: 75px;
			}
			li#gp-bm {
				width: 60px;
			}
		}
	}//end header
	
	p {
		padding-bottom: 30px;
		
		img {
			max-width: 98%;
			padding: 1%;
			margin: 5px 0;
			border: 1px solid #d9d9d9;
			background: #fff;
		}
	}//end p
	.item-detail {
	  	padding-bottom: 5px;
	}
	h2 {
		margin-bottom: 15px;	
	}//end h2
	h3 {
		margin-bottom: 10px;
	}//end h3
}
#atc-col > ul, #relatedbox > ul {
	margin-bottom: 30px;
	padding-left: 10px;
}
#atc-col > ul > li, #relatedbox >ul >li {
	background: url(../images/sakura-bullet.png) no-repeat 0 5px;
	padding-left: 17px;
	margin-bottom: 5px;
}

#searchsubmit {
	float: right;
  	cursor: pointer;
	border: none;
	background: #222;
	color: #fff;
	padding: 4px 10px;
	margin: 5px 1px 0 0;
}
#searchsubmit:hover {
	background: #795682;
}

#atc-col {
	.child_pages {
		.child_page {
		border: 1px solid #d9d9d9;
		background: #fff;
		margin: 0 1% 15px 1%;
		padding: 1%;
	    max-width: 96%;
		 .post_thumb {
			margin-bottom: 5px;
			background: none; 
		 }
		  h1 {
			  background: none;
			  padding-left: 0;
			  border-bottom: 1px solid #c5c5c5;
			  font-size: 1.125em;
			  a {
				text-decoration: none;  
			  } &:hover {
				text-decoration: underline;  
			  }
		  }
		  p.post_excerpt {
			padding: 0 0 3px 0;	
		  }
		}
	}
}
#sharebox ul li {
    float: left;
    margin-right: 10px;
}
.atc-btm{
	margin-top: 30px;
	   h1 {
	  	border-bottom: 1px solid #A5A5A5;
	  	padding-bottom: 7px;
	  	margin-bottom: 15px;
	  }
}

//youtube responsive
.video-container {
    position: relative;
    padding-bottom: 56.25%;
    padding-top: 30px;
    height: 0;
    overflow: hidden;
	margin-bottom: 15px;
}
 
.video-container iframe, 
.video-container object, 
.video-container embed {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

dl {
	dt {
	  margin-bottom: 5px;
	  padding-bottom: 5px;
	  font-weight: bold;
	  border-bottom: 1px dashed #555;
	}
	dd {
	  margin-bottom: 20px;
	}
}

.wpcf7-form-control-wrap .wpcf7-quiz {
	max-width: 15%;
}
p .wpcf7-submit {
	background: #222;
	color: #fff;
	cursor: pointer;
	padding: 5px 10px;
	border: none;
	font-size: 1em;
}

p .wpcf7-submit:hover {
	background: #795682;
}
.adjacent_post_links li.next { text-align: right; }


// ==========================================================================
// -- Custom Website Styles
// ==========================================================================

// Your custom website styles go here...

// Delete anything after this as it's for the base docs //
@media only screen and (min-width: 720px) and (max-width: 959px) {

#nav-wrap {
.navigation {
  ul {
    li {
      margin-left: 5px;
	  padding: 0 8px;
    } // end li
  } // end ul
  } // end navigation
}

#online-store a {
	 padding-left: 5px;
}

#follow ul li {
	margin-bottom: 10px;
}
} // end tablet docs styling



@media only screen and (max-width: 719px) {
.container > .row {
	margin-bottom: 0;
}
.container .section .col {
	margin-bottom: 20px;
}
.header {
  padding-bottom: 0;
  text-align: center;
  .container {
    padding: 0;
  }
}

.logo {
  float: none;
  margin: 0 auto;
  display: inline-block;
  *zoom: 1;
  *display: inline;
  .small {
    font-size: 1em;
    position: static;
  }
}

.nav-toggle {
  display: block;
  background-color: #BBC17E;
  text-align: center;
  color: #222;
  padding: 10px;
  text-decoration: none;
  &:hover, &.active {
    background-color: #795682;
	color: #fff;
    } // end hover and active
} // end nav toggle
#nav-wrap {
.navigation {
  float: none;
  ul {
    li {
      float: none;
      margin-left: 0;
	  padding: 0;
      a {
        color: #222;
        padding: 10px 0;
		margin-top: 10px;
        display: block;
        font-size: 1em;
        background-color: #ddd;
        border: 0;
        &:hover {
          background-color: #795682;
		  color: #fff;
		  text-decoration: none;
        } // end hover
      } // end a
    } // end li
  } // end ul
} // end navigation
}

.menu {
  list-style: none;
  padding: 0;
  margin: 0;
}

.showmobile.inline-block {
  display: inline-block;
  *zoom: 1;
  *display: inline;
}

#footer-wrap {
	nav {
		section {
			margin-bottom: 10px;	
		}	
	}
}
#sidebox {
	display: none;
}
} // end mobile docs styling


@media only screen and (max-width: 480px) {
#staff-blog {
  .staff-box {
  	.img-box {
  		float: none;
		margin: 0 0 5px 0;
		padding: 5px;
		border: 1px dotted #ddd;
		text-align: center;
  	}
  }
}
#searchform input[type=text] {
	font-size: 0.9em;
}
textarea { max-width: 94%; }
}