/*
Theme Name: nl
Theme URI: http://wordpress.org/themes/twentytwelve
Author: the WordPress team
Author URI: http://wordpress.org/
Description: The 2012 theme for WordPress is a fully responsive theme that looks great on any device. Features include a front page template with its own widgets, an optional display font, styling for post formats on both index and single views, and an optional no-sidebar page template. Make it yours with a custom menu, header image, and background.
Version: 1.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags: light, gray, white, one-column, two-columns, right-sidebar, fluid-layout, responsive-layout, custom-background, custom-header, custom-menu, editor-style, featured-images, flexible-header, full-width-template, microformats, post-formats, rtl-language-support, sticky-post, theme-options, translation-ready
Text Domain: twentytwelve

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/

/* =Notes
--------------------------------------------------------------
This stylesheet uses rem values with a pixel fallback. The rem
values (and line heights) are calculated using two variables:

$rembase:     14;
$line-height: 24;

---------- Examples

* Use a pixel value with a rem fallback for font-size, padding, margins, etc.
	padding: 5px 0;
	padding: 0.357142857rem 0; (5 / $rembase)

* Set a font-size and then set a line-height based on the font-size
	font-size: 16px
	font-size: 1.142857143rem; (16 / $rembase)
	line-height: 1.5; ($line-height / 16)

---------- Vertical spacing

Vertical spacing between most elements should use 24px or 48px
to maintain vertical rhythm:

.my-new-div {
	margin: 24px 0;
	margin: 1.714285714rem 0; ( 24 / $rembase )
}

---------- Further reading

http://snook.ca/archives/html_and_css/font-size-with-rem
http://blog.typekit.com/2011/11/09/type-study-sizing-the-legible-letter/


/* =Reset
-------------------------------------------------------------- */
@import url( "https://naturallounge.jp/css/default.css" );
@import url( "https://naturallounge.jp/css/common.css" );
@import url( "https://naturallounge.jp/css/menu.css" );
@import url( "https://naturallounge.jp/css/newitem.css" );
@import url( "https://naturallounge.jp/css/demo.css" );
@import url( "https://naturallounge.jp/css/detail_common.css" );
@import url( "https://naturallounge.jp/css/common02.css" );
@import url( "https://naturallounge.jp/css/jquery.accordion.css" );
@import url( "https://naturallounge.jp/css/guide.css" );
@import url( "https://naturallounge.jp/css/guide1.css" );



/* ==============================================
adds TN 2016 09〜
============================================== */

/* ログイン・カートアイコン_スマホ設定 */
@media(min-width:767px) {
	.onlySp { display:none !important; }
}
@media(max-width:767px) {
	.onlyPc { display:none !important; }
	#header_in #header_nav01 { width:auto; padding:0; position:absolute; top:10%; right:10%; }
	#header_in #header_nav01 li { width:50px; height:auto; padding:0; margin:0 .6em 0 0; border:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
	#header_in #header_nav01 li:last-child { margin:0 1.5em 0 0; }
	#header_in #header_nav01 li img { width:50%; padding:.6em; }
	#header_nav { margin-bottom:4%; }
}
@media(max-width:320px) {
	#header_in #header_nav01 { top:15%; right:10%; }
	#header_in #header_nav01 li { width:40px; height:auto; padding:0; margin:0 .4em 0 0; border:0; border-radius:4px; -webkit-border-radius:4px; -moz-border-radius:4px; }
	#header_in #header_nav01 li:last-child { margin:0 2em 0 0; }
}