@charset "utf-8";

/*
	Theme Name: Studio-REGGINA
	Description: まつげエクステ・ネイル・ボディジュエリーサロン　Studio REGGINA
	Version: 1.0
*/

/* layout =============================================================

	-- ブレイクポイント --------------------------------
		
		769px = 48.0625em
		768px = 48em
		
	----------------------------------------------------

		#950000		ベースカラー（赤）
		#A93232		メニューカラー
		
	----------------------------------------------------
		
	1. Container
	2. Footer
	3. Main Contents
	*. Print CSS
	
======================================================================== */

	html {
		-ms-text-size-adjust: 100%;
		-webkit-text-size-adjust: 100%;
		}

	body {		
		font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "Open Sans", "Helvetica Neue", Helvetica, "Arial", "游ゴシック", YuGothic, sans-serif;
		
		line-height: 1.7 !important;
		color: #222;
		font-size: 90% !important;
		word-wrap: break-word;
		}

	img {
		max-width: 100%;
		height: auto;
		width /***/:auto;
		vertical-align: top !important;
		}
	img { -ms-interpolation-mode: bicubic; }

	a:link, a:visited {
		color: #660066;
		text-decoration: underline;
		}
	a:hover {
		text-decoration: none;
		}
		
	.u-alpha a {
		-webkit-transition: all .2s ease-in-out;
		-moz-transition: all .2s ease-in-out;
		-o-transition: all .2s ease-in-out;
		-ms-transition: all .2s ease-in-out;
		transition: all .2s ease-in-out;
		}
	.u-alpha a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: "alpha(opacity=70)";
		}
	



/* =====================================================================

	1. Container
	
======================================================================== */
	


	@media print, screen and (min-width: 48.0625em) {
		/*TB,PC*/

		.l-wrap {
			margin: 0 auto;
			width: 1100px;
			clear: both;
			}

	}

	@media screen and (max-width: 48em) {
		/*SP*/
		
		.l-wrap {
			margin-left: 5%;
			margin-right: 5%;
			}
				
	}




/* =====================================================================

	2. Footer
	
======================================================================== */

	.l-footer {
		clear: both;
		padding: 25px 0 10px;
		color: #FFF;
		}




/* =====================================================================

	3. Main Contents
	
======================================================================== */

	.l-contents {
		padding-bottom: 30px;
		}

	@media screen and (max-width: 48em) {
		/*SP*/
		
		.l-contents {
			padding-top: 66px; /*固定ヘッダー分の上余白*/
			}
			
	}




/* =====================================================================

	*. Print CSS
	
======================================================================== */

@media print {
	
	.is-hidden-large {
		display: none;
		}
	/*.is-hidden-sp {
	 	display: none;
		}*/

}