/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body {
		min-width: 320px;
	}

	body,input,textarea,select {
		font-size: 10.5pt;
		line-height: 2.4em;
		letter-spacing: 1px;
	}

	h1,h2 {
		font-size: 1.6em;
		letter-spacing: -1px;
	}
	
	h3 {
		font-size: 1.1em;
		letter-spacing: -1px;
	}
	
	h10 {
		font-size: 13pt;
		font-weight: 900;
		line-height: 1.5em;
		color: #ffffff;
	}
	
				h11 {
			content: url('../images/tatsu_mahoroba.jpg');
				position: center center;
				width: 100%;
				height: 100%;
				padding: 0 0 2em 0;
			}
			
			h12 {
			content: url('../images/haru_mahoroba.jpg');
				position: center center;
				width: 100%;
				height: 100%;
				padding: 0 0 2em 0;
			}
			
			h15 {
			content: url('../images/news.jpg');
				position: center center;
				width: 100%;
				height: 100%;
				padding: 0 0 2em 0;
			}
	
	/* Box */

		.box {
			padding: 1em;
		}

			.box.style2 {
				padding: 1.5em 1.25em 1.5em 1.25em;
				background-color: rgba(255,255,255,0.9);
			}
			

	/* Main */

		.main {
		}

			.main.style1 {
				padding: 4em 5px 4em 5px;
			}

				.main.style1 h2 {
					font-size: 3em;
					letter-spacing: -3px;
				}

			.main.style2 {
				padding: 6em 5px 6em 5px;
			}
			
				.main.style2 .button.anchored {
					display: none;
				}

				.main.style2 .content {
					width: 100%;
					left: 0% !important;
					text-align: left;
				}
				
				.main.style2 .tmp {
					width: 100%;
					height: 10em;
					background-size: cover;
				}

			.main.style3 {
				text-align: center;
				padding: 1.5em 5px 3em 5px;
			}
			
		
				/* Buttons */

			.button.down {
				display: none;
			}

/* br */
.br-sp:before {
	content: "\A" ;
	white-space: pre ;
}


/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header {
		height: 3.5em;
		line-height: 0em;
	}

	body {
		padding-top: 3.2em;
	}

	#logo {
		text-align: left;
		position: relative;
		left: 1em;
		top: 0em;
		height: 2.5em;
		line-height: 2.5em;
	}
	
		#logo a {
			font-size: 1em;
		}
	
	#nav {
		position: absolute;
		right: 1.2em;
		top: 0;
		height: 4em;
		line-height: 4em;
	}

		#nav ul {
			margin: 0;
		}

			#nav ul li {
				display: inline-block;
				margin-left: 1.1em;
				font-size: 0.9em;
			}
			
				#nav ul li a {
					display: block;
					color: inherit;
					text-decoration: none;
					height: 3em;
					line-height: 3em;
					padding: 0 0.2em 0 0.2em;
					outline: 0;
				}
	
	#nav2 {
		display: none;
	}
	
	h9 {
		display: none;
	}
	


/*********************************************************************************/
/* Intro                                                                         */
/*********************************************************************************/

	#intro {
		background: url('../images/mahoroba_logo_sma.jpg');
		background-size: cover;
		background-attachment: fixed, fixed;
		background-position: top left, bottom center;
		background-repeat: repeat, no-repeat;
		margin: 3em 0em 0em 0em;;
			padding: 23em 0em 10em 0em;
	}


/*********************************************************************************/
/* One                                                                           */
/*********************************************************************************/

	#one {
		background: url('images/overlay.png'), url('../images/thumbs/4_t.jpg');
		background-color: #efefef;
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}

/*********************************************************************************/
/* Two                                                                           */
/*********************************************************************************/

	#two {
		background: url('images/overlay.png'), url('../images/thumbs/3_t.jpg');
		background-color: #fff;
		background-size: 256px 256px, cover;
		background-attachment: fixed, fixed;
		background-position: top left, center center;
	}



/*********************************************************************************/
/* social                                                                        */
/*********************************************************************************/
	
	#social {
	height: 6em;
	}
		
		#social .menu {
			position: center;
			top: 1em;
			height: auto;
			line-height: inherit;
		}
		
			#social .menu li {
				border-left: 0;
				padding: 1em 0 0 0;
				margin: 0;
				display: block;
			}
			
				#social .menu li:first-child {
					padding-top: 0;
				}
				
				#social .menu li a {
					line-height: 1.5em;
				}
				
		
			#social .actions li {
				font-size: 1.9em;
				margin: 0;
			}
			
				#social .actions li a {
					padding: 0.3em;
					text-decoration: none;
				}
				
				
			#social .actions3 {
			position: center;
			top: 0.25em;
			height: 5em;
			line-height: 0em;
			margin: 0;
		}
		
			#social .actions3 li {
				font-size: 2.0em;
				margin: 0;
			}
			
				#social .actions3 li a {
					padding: 0.5em;
				}
				
				#social .actions2 {
			position: center;
			top: 59em;
			height: 5em;
			line-height: 2em;
			margin: 0;
		}
		
			#social .actions2 li {
				font-size: 2.0em;
				margin: 0;
			}
			
				#social .actions2 li a {
					padding: 0.5em;
				}



/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/
	
	#footer {
	height: 12em;
	}
		
		#footer .menu {
			position: center;
			top: 1em;
			height: auto;
			line-height: inherit;
		}
		
			#footer .menu li {
				border-left: 0;
				padding: 1em 0 0 0;
				margin: 0;
				display: block;
			}
			
				#footer .menu li:first-child {
					padding-top: 0;
				}
				
				#footer .menu li a {
					line-height: 1.5em;
				}
				
				
		
			#footer .actions li {
				font-size: 1.3em;
				margin: 0;
			}
			
				#footer .actions li a {
					padding: 0.4em;
					text-decoration: none;
				}
				
			#footer .actions3 {
			position: center;
			top: 0.25em;
			height: 5em;
			line-height: 0em;
			margin: 0;
		}
		
			#footer .actions3 li {
				font-size: 2.0em;
				margin: 0;
			}
			
				#footer .actions3 li a {
					padding: 0.5em;
				}
				
				.fb-like-box {
    background-color: #333333;
}
.fbcomments,
.fb_iframe_widget,
.fb_iframe_widget[style],
.fb_iframe_widget iframe[style],
.fbcomments iframe[style],
.fb_iframe_widget span{
	width: 100% !important;
}
				
				#footer .actions2 {
			position: center;
			top: 59em;
			height: 5em;
			line-height: 2em;
			margin: 0;
		}
		
			#footer .actions2 li {
				font-size: 2.0em;
				margin: 0;
			}
			
				#footer .actions2 li a {
					padding: 0.5em;
				}
				
/*********************************************************************************/
/* Poptrox                                                                       */
/*********************************************************************************/

	.poptrox-popup {
	}
	
		.poptrox-popup .nav-next,
		.poptrox-popup .nav-previous {
		}

			.poptrox-popup .nav-next:before,
			.poptrox-popup .nav-previous:before {
				width: 48px;
				height: 32px;
				background-size: contain;
				margin: -16px 0 0 0;
			}
			
		.poptrox-popup .closer {
		}
		
			.poptrox-popup .closer:before {
				right: 12px;
				top: 12px;
				width: 20px;
				height: 20px;
				box-shadow: inset 0 0 0 1px #fff;
				background-size: contain;
				opacity: 0.65;
			}
			
/*********************************************************************************/
/* youtube                                                                       */
/*********************************************************************************/		
			.youtube{
	    position:relative;
	    padding-bottom: 56.25%;
	    padding-top:0px;
	    height:0;
	    overflow:hidden;
	}
	.youtube iframe{
	    position:absolute;
	    top:20px;
	    left:0;
	    width:100%;
	    height:100%;
	}

/*********************************************************************************/
/* facebook                                                                       */
/*********************************************************************************/
.fb-page {
    width:100% !important;
  }
  
  
/*********************************************************************************/
/* snapwidget-widget                                                                       */
/*********************************************************************************/
.snapwidget-widget {
    width:100% !important;
	height:300px !important;
  }
  
/*********************************************************************************/
/* css3button                                                                       */
/*********************************************************************************/

button.css3button {
	width: 100%;
	}

			
button.css3button_2 {
	width: 100%;
	}

		
button.css3button_3 {
	width: 100%;
	}
	
	
button.css3button_insta {
	width: 100%;
	}