@charset "utf-8";

/*
-----------------------------
For 1600px or less
-----------------------------
*/
@media screen and (max-width: 1600px) {

/* Elements */
.hero-slider .flickity-prev-next-button 		{ display:none; }

.carousel .flickity-prev-next-button,
.carousel-block .flickity-prev-next-button		{ display:none; }
	
.tag-list										{ margin:30px 0 35px 0; padding-bottom:27px; }	

.foldable-wrapper .title 						{ font-size:1.24em; padding:.95em 30px .95em 5px; }

.title-list li									{ font-size:1.24em; padding:.95em 30px .95em 5px; }

.image-viewer-wrapper.full .image-viewer .item	{ height:540px; }

/* Main */
#main-wrapper > .inner							{ padding-top:10px; }
#main-header.border								{ margin-bottom:30px; }

#main-aside	h4									{ font-size:1.33em; margin-bottom:15px; }
#main-aside .set								{ padding-bottom:20px; margin-bottom:20px;  }

/* shop.php */
#new-product-slider .thumb						{ padding-top:42%; }	
#new-product-slider .data						{ padding:35px; }									
#new-product-slider .category					{ margin-bottom:20px; }	
#new-product-slider .summary					{ margin-bottom:30px; }	
	
}


/*
-----------------------------
For 1280px or less
-----------------------------
*/
@media screen and (max-width: 1280px) {

/*
========================
Global
========================
*/
#container										{ padding-top:132px; }

/* Elements */
.content-section								{ padding:40px 0 10px 0; }
.content-section:first-child					{ padding-top:10px; }

.carousel-section .header						{ padding:30px 0; }
.carousel-section .header h2					{ font-size:2em; }

.carousel .item									{ width:33%; padding:0 20px 20px 20px; }

.block-list	.item .title 						{ font-size:1.4em; line-height:1.3em; margin-bottom:12px;}
.block-list .item .time, 
.block-list .item .location, 
.block-list .item .price 						{ font-size:1.1em; }

.tag-list										{ margin:20px 0 30px 0; padding-bottom:15px; }	

.image-viewer-wrapper.full .image-viewer .item	{ height:500px; }

.no-result										{  font-size:1.25em; padding:1em 5px; }


/* Header */
#header-top										{ height:42px; padding-top:12px; }

#header-bottom									{ height:90px; padding-top:14px; }
#header-bottom .logo							{ height:58px; margin-right:4px; }
#header-bottom h1								{ width:242px; height:52px; }								
#header-nav										{ margin-top:32px; }
#header-nav li									{ margin-left:25px; font-size:1.05em;  }

#header-search									{ padding-top:15px; }
#header-search.show								{ height:72px; }
#header-search-form input 						{ font-size:1em; padding:.6em 1em; height:40px; }
#header-search-form button 						{ font-size:1em; padding:.6em 1em; height:40px; width:40px; }

#header-wrapper.headroom--unpinned 				{ top:-42px; }

/* Main */
#main-wrapper									{ min-height:480px; }
#main-wrapper h3								{ font-size:1.6em; margin-bottom:1.6em;  }

#breadcrumb										{ padding:30px 0 20px 0; font-size:1.06em; }
#main-header.border								{ margin-bottom:25px; }
#main-header h1,
#main-header h2									{ font-size:2em; margin:20px 0; }
#main-header .link 								{ margin-bottom: 20px;}
#main-aside .aside-group:first-child 			{ margin-top:10px; }
#main-aside h2									{ font-size:1.8em; }
#main-aside	h3									{ font-size:1.6em; padding-bottom:.7em; margin-bottom:1em; }

#main-search-form input 						{ font-size:1em; padding:.6em .8em; height:40px; }
#main-search-form button 						{ font-size:1em; padding:.6em .8em; height:40px; width:40px; }

/* Footer */
#footer-top				  						{ height:80px; padding-top:20px; }
#footer-newsletter-form input 					{ font-size:1em; padding:.6em 1em; max-width:280px; height:40px; }
#footer-newsletter-form button 					{ font-size:1em; padding:0 1em; height:40px; }	
											
#footer-bottom									{ padding:50px 0; }		
#footer-contact									{ width:100%; float:none; overflow:hidden; zoom:1; }
#footer-contact .set							{ float:left; }
#footer-contact .set:nth-child(1) 				{ width:60%; }
#footer-contact .set:nth-child(2) 				{ width:30%; margin-left:10%; }
#footer-contact .title							{ max-width:none; margin-bottom:.8em; font-size:1.33em; }
#footer-contact .opening-hours					{ max-width:none; }
#footer-nav										{ margin-left:0; margin-bottom:50px; }
#footer-nav .title								{ margin-bottom:1.2em; font-size:1.33em; }		
#footer-nav .set								{ width:35%; }
#footer-nav .set:nth-child(3)					{ width:30%; }

/* index.php */
#homepage-info .inner	 						{ padding:30px 0; overflow:hidden; zoom:1; }	
#homepage-info .summary	 						{ width:54%; padding:10px 4% 10px 0; font-size:1.4em; line-height:1.6em; }	
#homepage-info .set	 	 						{ width:23%; padding:15px 20px; height:160px; border-left:1px solid #dfdfdf; }	

#surroundings-wrapper							{ height:360px; }
#surroundings-cover .inner h2					{ font-size:2em; }	

/* collection-detail.php */
#collection-summary 							{ padding-bottom:40px; margin-bottom:30px; }

/* shop.php */
#new-product-slider .thumb						{ width:64%; padding-top:46%; }		
#new-product-slider .thumb img					{ left:5%; top:5%; right:5%; bottom:5%; max-width:90%; max-height:90%; }	
#new-product-slider .data						{ right:2.5%; top:5%; bottom:5%; width:29%; padding:30px; }								
#new-product-slider .category					{ display:none; }	
#new-product-slider .title 						{ font-size:1.5em; line-height:1.2em; margin-bottom:18px;}
#new-product-slider .summary					{ font-size:1.02em; }
#new-product-slider .price	 					{ left:30px; bottom:9%; }
#new-product-slider .price .symbol 				{ font-size:1em; }	
#new-product-slider .price .amt 				{ font-size:1.8em; }
#new-product-slider .original-price				{ display:block; margin-left:0; margin-top:1em; }
#new-product-slider .flickity-prev-next-button 	{ width:36px; height:36px; }
#new-product-slider .flickity-prev-next-button.previous { left:3%; margin:0; }
#new-product-slider .flickity-prev-next-button.next 	{ right:3%; margin:0;}	


/* shop-detail.php */
#shop-item-info .price  						{ margin-bottom:20px; }
#shop-item-info dl								{ padding:22px 0 10px 0; }
#shop-item-info .fr-view						{ font-size:1em; }
#shop-item-info .price .symbol					{ font-size:1em; }
#shop-item-info .price .amt						{ font-size:1.7em; }

/* search.php */
#main-search.bottom-room						{ margin-bottom:25px; }

}

/*
-----------------------------
For 1024px or less
-----------------------------
*/
@media screen and (max-width: 1024px) {

/* Global */
#container										{ padding-top:72px; }

/* Elements */
.block-list	.item		 						{ padding:25px 0; }

.block-list	.item .time,
.block-list	.item .location,
.block-list	.item .price	 					{ font-size:1em; margin-top:6px; }

.block-list.col-4 .item 						{ width:30%; margin-right:5%; }
.block-list.col-4 .item:nth-child(4n) 			{ margin-right:5%; }
.block-list.col-4 .item:nth-child(3n) 			{ margin-right:0; }
.block-list.col-4 .item:nth-child(1),
.block-list.col-4 .item:nth-child(2),
.block-list.col-4 .item:nth-child(3)  			{ padding-top:0; border-top:none; }
.block-list.col-4 .item:nth-child(4)  			{ border-top:1px solid #cacaca; padding:25px 0; }
.block-list.col-4 .item-sizer					{ width:30%; }
.block-list.col-4 .gutter-sizer					{ width:5%; }

.block-list.col-4 .title						{ font-size:1.25em; }

.block-list.col-4 #grid-line-1 					{ left:32.5%; }
.block-list.col-4 #grid-line-2 					{ left:67.5%; }
.block-list.col-4 #grid-line-3 					{ display:none; }

.block-list.image-block .item					{ margin-bottom:0; }
.block-list.image-block .item .title			{ font-size:1.15em; }

.image-viewer .item								{ height:450px; }
.image-viewer .flickity-prev-next-button 		{ width:36px; height:36px; }

.image-viewer-wrapper.full .image-viewer .item	{ height:480px; }

.filter-btn										{ display:block; margin-top:10px; margin-bottom:20px; padding-bottom:20px; 
													border-bottom:1px solid #cacaca; }
.filter-btn	a									{ color:#888; cursor:pointer;  }
.tag-list.filter								{ display:none; border:none; margin-bottom:0; padding-bottom:0; }
.tag-list.filter.show							{ display:block; }

/* Header */
#header-top,
#header-nav,
#header-search,
#mobile-menu-close								{ display:none; }

.mobile-menu-show								{ width:100%; height:100%; overflow:hidden; }
.mobile-menu-show #header-top,
.mobile-menu-show #header-nav,
.mobile-menu-show #header-search,
.mobile-menu-show #mobile-menu-close 			{ display:block; }

#header-top										{ position:fixed; left:0; top:0; width:100%; height:50px; padding-top:16px; 
													background:#fff; z-index:1000; }
#header-top .title-en							{ display:none; }
#header-toolbar									{ float:none; }
#header-toolbar li								{ margin-left:0; padding-left:0; border:none; display:none; }
#header-toolbar li:last-child 					{ display:block; }
#header-toolbar li:last-child > a 				{ display:none; }
#header-toolbar #language-menu					{ display:block; position:static; box-shadow:none; width:auto; padding:0; background:none; }
#header-toolbar #language-menu a 				{ display:inline-block; width:auto; font-size:.95em; padding:0; margin-right:14px;  }

#header-bottom									{ height:72px; padding-top:8px; }
#header-bottom .logo							{ height:50px; margin-right:4px; }
#header-bottom h1								{ width:202px; height:43px; margin-top:7px;  }	
	
#header-nav 									{ position:fixed; left:0; top:0; width:100%; height:100%; background:#fff; 
													z-index:999; margin-top:0; padding-top:112px; overflow:auto; /*display:none;*/ }
#header-nav li									{ display:block; margin-left:0; border-bottom:1px solid #cacaca;  }
#header-nav li:first-child 						{ display:block; }
#header-nav li:last-child 						{ display:none; }
#header-nav li a								{ display:block; padding:15px 4%; }
#header-nav li.active a							{ border-bottom:none; }

#header-search									{ position:fixed; left:0; top:50px; width:100%; height:auto; padding:10px 0; 
													border-bottom:1px solid #cbcbcb; opacity:1; visibility:visible; background:#fff; z-index:999; }
#header-search-form input 						{ padding:.6em .8em; }


#mobile-menu-btn								{ width:24px; height:30px; position:absolute; right:0; top:50%; transform:translateY(-50%); 
													display:block; cursor:pointer; }
#mobile-menu-btn .bar							{ position:absolute; left:0; top:50%; width:100%; height:3px; background:#1a1a1a; }
#mobile-menu-btn .bar:nth-child(1) 				{ margin-top:-8px; }
#mobile-menu-btn .bar:nth-child(3) 				{ margin-top:8px; }

#mobile-menu-close								{ position:fixed; right:4%; top:12px; z-index:1001; font-size:1.8em; color:#666; cursor:pointer; }

#header-wrapper.headroom--unpinned 						{ top:-72px; }
#header-wrapper.headroom--unpinned #header-bottom 		{ height:72px; padding-top:8px; }
#header-wrapper.headroom--unpinned #header-bottom .logo { height:50px; margin-right:4px; }
#header-wrapper.headroom--unpinned #header-bottom h1 	{ width:202px; height:45px; }
#header-wrapper.headroom--unpinned #header-bottom h1 a 	{ background:url(../image/title.png) no-repeat 0 0;background-size:100%; }
#header-wrapper.headroom--unpinned #header-nav 			{ margin-top:0; }

/* Main */
#breadcrumb  									{ display:none; }

#main-wrapper									{ min-height:400px; }
#main-wrapper h3								{ font-size:1.5em; line-height:1.2em;  margin-bottom:30px; }
#main-wrapper h3.no-top							{ margin-top:30px; padding-bottom:20px; }
#main-header h1,
#main-header h2									{ font-size:1.8em; }
#main-wrapper h4								{ font-size:1.33em; }
#main-wrapper h4.bold-number 					{ font-size:1.6em; margin-bottom:.6em; }

}

/*
-----------------------------
For 960px or less
-----------------------------
*/
@media screen and (max-width: 960px) {

/* Elements */
.hero-slider									{ height:calc(100vw * .4); }
.hero-slider .inner								{ height:auto; width:100%; max-width:none; }
.hero-slider .data 								{ position:static; width:100%; padding:30px 25px; background:#333; opacity:1; }
.hero-slider .category							{ color:#bbb; }								
.hero-slider .title 							{ font-size:1.6em; margin-bottom:.3em; color:#fff; }
.hero-slider .contents							{ min-height:0; color:#ddd; }
.hero-slider .box-btn  							{ position:relative; left:0; right:0; bottom:0; margin-top:30px; display:inline-block; color:#fff; }
.hero-slider .flickity-prev-next-button 		{ width:36px; height:36px; display:block; }
.hero-slider .flickity-prev-next-button.previous 	{ margin-left:25px; }
.hero-slider .flickity-prev-next-button.next 		{ margin-right:25px; }

.calendar-nav									{ margin:0 0 15px 0; }
.calendar-nav .current-year-month 				{ font-size:1.6em; }
.calendar-nav a									{ width:24px; height:24px; }
.calendar-body table th							{ font-size:1em; }	

.carousel-section .header h2					{ font-size:1.8em; }

.carousel .item									{ width:49%; }

.carousel-block .item							{ width:48%; }
.carousel-block .item .data						{ left:20px; bottom:20px; }	
.carousel-block .item .title					{ font-size:1.2em; }
	
.image-viewer-wrapper							{ margin-bottom:30px; }	
.image-viewer .item								{ height:380px; }
.image-viewer img								{ left:0; top:0; right:0; bottom:0; max-width:100%; max-height:100%; }
.image-viewer .flickity-prev-next-button 		{ width:30px; height:30px; }
.image-viewer .flickity-prev-next-button.previous 	{ left:3%; }
.image-viewer .flickity-prev-next-button.next		{ right:3%; }

.foldable-wrapper .title 						{ font-size:1.1em; }
.foldable-wrapper .content-inner				{ padding:20px 3% 40px 3%; }

.title-list li									{ font-size:1.1em; }

/* Main */
#main-nav										{ padding:18px 0; }
#main-nav .item 								{ margin-right:30px; font-size:1.1em; }

#main-wrapper > .inner:last-child 				{ padding-bottom:25px; }
#main-wrapper > .inner.headroom	  				{ padding-top:30px; }
#main-content-aside-wrapper:after 				{ display:none; }
#main-content									{ width:100%; float:none; padding-right:0; margin-bottom:30px; }
#main-aside										{ width:100%; float:none; padding-bottom:20px; padding-top:15px; }
#main-aside-inner								{ margin-left:0; }
#main-aside	h4									{ margin-bottom:6px; }
#main-aside h3									{ margin-bottom:20px; }

/* Footer */
#footer-top										{ height:105px; padding-top:16px; }
#footer-top .link								{ display:none; }
#footer-newsletter-form p 						{ float:none; display:block; margin-right:0; margin-top:0; margin-bottom:.5em; }
#footer-newsletter-form input 					{ width:80%; max-width:none; }
#footer-newsletter-form button 					{ width:20%; }	
		
#footer-nav li									{ font-size:1em; }							
#footer-toolbar .ref-link 						{ display:none; }
#footer-toolbar ul		  						{ float:none; }
#footer-toolbar li		  						{ margin:0; padding:0; border:none; border-left:1px solid #666; margin-right:12px; 
													padding-right:12px; font-size:.95em; }
#footer-toolbar li:first-child  				{ border:none; }
#footer-copyright								{ display:none; }

/* index.php */
#homepage-info .summary	 						{ width:100%; padding:0 4% 30px 0; }	
#homepage-info .set	 	 						{ width:50%; padding:10px 20px; }	
#homepage-info .title	 						{ font-size:1.33em; margin-bottom:.8em; }	

#surroundings-wrapper							{ height:320px; }
#surroundings-cover .inner h2					{ font-size:1.8em; }					
#surroundings-cover .button						{ width:72px; height:72px; }

/* tour-reservation.php */
#reservation-calendar							{ margin-bottom:30px; }

/* shop.php */
#new-product-slider								{ margin-bottom:10px; }
#new-product-slider .thumb						{ width:100%; padding-top:50%; }
#new-product-slider .data						{ position:static; right:auto; top:auto; left:0; bottom:0; width:100%; height:100px; 
													padding:15px 0 0 0; }
#new-product-slider .title 						{ font-size:1.4em; margin-bottom:10px;}
#new-product-slider .summary					{ display:none; }
#new-product-slider .price	 					{ position:relative; left:0; text-align:right; }
#new-product-slider .original-price				{ display:inline-block; margin-left:12px; }	
#new-product-slider .flickity-prev-next-button.previous, 
#new-product-slider .flickity-prev-next-button.next { margin-top:-50px; }

#item-category-wrapper							{ margin-top:30px; margin-bottom:30px; padding-bottom:20px; }

/* shop-detail.php */
#shop-item-info									{ padding-top:0; }
}

/*
-----------------------------
For 768px or less
-----------------------------
*/
@media screen and (max-width: 768px) {	

/* Elements */
.form-wrapper select 							{ min-width:110px; }
					
.carousel .item .title							{ font-size:1.22em; height: 50px; }

.column-1 .col									{ margin-bottom:30px; }
.column-2 .col									{ width:100%; margin-right:0; margin-bottom:40px; float:none; }
.column-3 .col									{ width:47.5%; margin-right:5%; margin-bottom:30px; }
.column-3 .col:nth-child(3n)					{ margin-right:5%; }						
.column-3 .col:nth-child(2n)					{ margin-right:0; }	

.column .col .btn								{ margin-top:20px; }

.block-list	.item		 						{ padding:25px 0; } 

.block-list.col-2 .title						{ font-size:1.33em; }

.block-list.col-3 .item 						{ width:47%; margin-right:6%; }
.block-list.col-3 .item:nth-child(3n) 			{ margin-right:6%; }
.block-list.col-3 .item:nth-child(2n)		 	{ margin-right:0; }
.block-list.col-3 .item:nth-child(1),
.block-list.col-3 .item:nth-child(2) 			{ padding-top:0; border-top:none; }
.block-list.col-3 .item:nth-child(3) 			{ border-top:1px solid #cacaca; padding:25px 0; }
.block-list.col-3 .item-sizer					{ width:47%; }
.block-list.col-3 .gutter-sizer					{ width:6%; }
.block-list.col-3 .title						{ font-size:1.33em; }

.block-list.col-4 .item 			  			{ width:47%; margin-right:6%; }
.block-list.col-4 .item:nth-child(4n),
.block-list.col-4 .item:nth-child(3n) 			{ margin-right:6%; }
.block-list.col-4 .item:nth-child(2n) 			{ margin-right:0; }
.block-list.col-4 .item:nth-child(1),
.block-list.col-4 .item:nth-child(2) 			{ padding-top:0; border-top:none; }
.block-list.col-4 .item:nth-child(3),
.block-list.col-4 .item:nth-child(4) 			{ border-top:1px solid #cacaca; padding:25px 0; }
.block-list.col-4 .item-sizer					{ width:47%; }
.block-list.col-4 .gutter-sizer					{ width:6%; }

.block-list.col-3 #grid-line-1 					{ left:50%; }
.block-list.col-3 #grid-line-2 					{ display:none; }

.block-list.col-4 #grid-line-1 					{ left:50%; }
.block-list.col-4 #grid-line-2,
.block-list.col-4 #grid-line-3 					{ display:none; }
.block-list.col-4 .title						{ font-size:1.33em; }

.block-list.image-block .item					{ margin-bottom:0; }

.image-viewer-wrapper.full .image-viewer .item	{ height:450px; }

/* Footer */
#footer-contact .title							{ font-size:1.22em; }
#footer-nav .title								{ font-size:1.22em; }	

/* tour-reservation */
#reservation-calendar td						{ height:100px; }					
}


/*
-----------------------------
For 640px or less
-----------------------------
*/
@media screen and (max-width: 640px) {

/* Elements */
dl												{ overflow:visible; }
dt												{ width:100%; float:none; margin-bottom:4px; }
dd												{ margin-left:0; margin-bottom:12px; }

.form-wrapper									{ padding:25px 4%; margin-bottom:20px; }
.form-wrapper fieldset							{ margin-bottom:15px; padding-bottom:15px; }												
.form-wrapper .form-item  		 				{ width:100%; margin-right:0; margin-bottom:10px;  float:none;}
.form-wrapper label			   	  				{ margin-bottom:8px; font-size:1.02em; }
.form-wrapper .option-list						{ margin-top:5px; margin-bottom:15px; }
.form-wrapper .option-list li	 				{ width:100%; float:none; }
.form-wrapper input[type="text"],
.form-wrapper input[type="password"] 			{ padding:8px; }

.calendar-body table td 						{ padding:10px; text-align:center; vertical-align:middle; }

.btn											{ font-size:1.02em; }

.column-3 .col									{ width:100%; margin-right:0; margin-bottom:15px; }

.carousel-section .header h2					{ font-size:1.6em; }

.content-section								{ padding:30px 0 10px 0; }

.tag-list li									{ margin-right:3px; margin-bottom:5px; }	
.tag-list li a									{ padding:.8em .65em; font-size:1em; }	

.block-list .item					 			{ padding:20px 0; }
.block-list	.item .thumb 			 			{ margin-bottom:15px; }

.block-list.col-2 .item 						{ width:100%; margin-right:0; }
.block-list.col-2 .item:nth-child(1)			{ padding-top:0; border-top:none; }
.block-list.col-2 .item:nth-child(2) 			{ border-top:1px solid #cacaca; padding:20px 0; }
.block-list.col-2 .item-sizer					{ width:100%; }
.block-list.col-2 .gutter-sizer					{ width:0; }

.block-list.col-2 #grid-line-1 					{ display:none; }

.image-viewer-wrapper.has-media					{ margin-bottom:25px; }
.image-viewer .item								{ height:320px; }
.image-viewer-btn								{ width:30px; height:30px; }															
.image-viewer-btn i								{ font-size:1.1em; }
.image-viewer .zoom-btn	 						{ top:10px; right:10px;  }
.image-viewer .thumb-btn 						{ top:10px; right:45px; }
.image-viewer .play-btn	 						{ width:48px; height:48px; }

.image-viewer-pager								{ left:22px; top:18px; }

.image-viewer-wrapper.full .image-viewer .item	{ height:400px; }

.media-icons									{ margin-top:12px; }
.media-icons a									{ width:36px; height:36px; line-height:36px; }

/* Footer */
#footer-newsletter-form p						{ font-size:1.08em; }
#footer-newsletter-form input 					{ width:66%; font-size:1em; padding:.6em .7em; }
#footer-newsletter-form button 					{ width:34%; }	

#footer-bottom					  				{ padding:30px 0 25px 0; }	

#footer-contact .set			  				{ float:none; margin-bottom:35px; }
#footer-contact .set:nth-child(1) 				{ width:100%; }
#footer-contact .set:nth-child(2) 				{ width:100%; margin-left:0; }
		
#footer-nav .set:nth-child(1)	  				{ display:none; }
#footer-nav .set:nth-child(2)	  				{ width:60%; }
#footer-nav .set:nth-child(3)	  				{ width:40%; }
#footer-nav li					  				{ margin-top:1.15em; }

#footer-toolbar					  				{ padding-bottom:0; }

/* Main */
#main-header 									{ }
#main-header .link								{ font-size: 1em; }
#main-wrapper .form-wrapper h3					{ font-size:1.4em; }

/* index.php */
#homepage-info .inner	 						{ padding-bottom:15px; }	
#homepage-info .set	 	 						{ width:100%; padding:20px 0; border-left:none; border-top:1px solid #dfdfdf; height:auto; }
#homepage-info.no-summary .inner				{ padding-top:10px; }
#homepage-info.no-summary .set					{ width:100%; }
#homepage-info.no-summary .set:first-child		{ border:none; }
				
#surroundings-cover .inner h2					{ font-size:1.6em; }	
#surroundings-cover .button						{ width:64px; height:64px; }		

/* tour-reservation.php */
#reservation-calendar td						{ height:80px; }
#reservation-calendar td .reserve-button  		{ display:none; }
#reservation-calendar td .note					{ }
#reservation-calendar td .exception-icon		{ position:absolute; left:50%; top:50%; right:auto;
													transform:translate(-50%,-50%); width:24px; height:24px; }
#reservation-calendar td .exception-icon .close { display:none; }
#reservation-calendar td .exception-icon .bar	{ position:absolute; left:50%; top:50%; width:18px; height:1px; background:#777; 
													transform:translate(-50%,-50%) rotate(-45deg); }


/* collection.php */
#collection-summary 							{ padding-bottom:30px; margin-bottom:25px; }

/* shop.php */
#new-product-slider .thumb						{ padding-top:64%; }
#new-product-slider .price .amt 				{ font-size:1.6em; }

/* shop-detail.php */
#shop-item-info .price .amt						{ font-size:1.6em; }
#shop-item-info .guide							{ margin-top:25px; }	
}

/*
-----------------------------
For 480px or less
-----------------------------
*/
@media screen and (max-width: 480px) {

html, body 										{ font-size:13px; }

/* Elements */
.hero-slider .data								{ padding:25px 20px 20px 20px; }
.hero-slider .category							{ font-size:.96em; }
.hero-slider .contents							{ font-size:1em; line-height:1.4em; }

.carousel-section .link							{ display:none; }

.carousel .item									{ width:94%; padding:0 15px 20px 15px; }
.carousel .item .title							{ font-size:1.15em; height: 46px; }
	
.carousel-block .item							{ width:94%; }

.carousel-image .flickity-prev-next-button 				{ width:32px; height:32px; }
.carousel-image .flickity-prev-next-button.previous 	{ left:2%; }
.carousel-image .flickity-prev-next-button.next			{ right:2%; }

.ext-content									{ top:10%; bottom:0; padding:25px 15px; }
.ext-close										{ right:10px; top:10px; font-size:1.6em; }	

.block-list.col-3 .item 						{ width:100%; margin-right:0; }
.block-list.col-3 .item:nth-child(3n) 			{ margin-right:0; }
.block-list.col-3 .item:nth-child(2n) 			{ margin-right:0; }
.block-list.col-3 .item:nth-child(1)  			{ padding-top:0; border-top:none; }
.block-list.col-3 .item:nth-child(2),
.block-list.col-3 .item:nth-child(3) 			{ border-top:1px solid #cacaca; padding:25px 0; }
.block-list.col-3 .item-sizer					{ width:100%; }
.block-list.col-3 .gutter-sizer					{ width:0; }

.block-list.col-4 .item 			  			{ width:100%; margin-right:0; }
.block-list.col-4 .item:nth-child(4n),
.block-list.col-4 .item:nth-child(3n),
.block-list.col-4 .item:nth-child(2n) 			{ margin-right:0; }
.block-list.col-4 .item:nth-child(1)  			{ padding-top:0; border-top:none; }
.block-list.col-4 .item:nth-child(2), 
.block-list.col-4 .item:nth-child(3),
.block-list.col-4 .item:nth-child(4) 			{ border-top:1px solid #cacaca; padding:20px 0; }
.block-list.col-4 .item-sizer					{ width:100%; }
.block-list.col-4 .gutter-sizer					{ width:0; }

.block-list.col-3 #grid-line-1,
.block-list.col-3 #grid-line-2 					{ display:none; }

.block-list.col-4 #grid-line-1,
.block-list.col-4 #grid-line-2,
.block-list.col-4 #grid-line-3 					{ display:none; }

.image-viewer-wrapper							{ margin-bottom:15px; }
.image-viewer .item								{ height:280px; }

.image-viewer-wrapper.full .image-viewer .item	{ height:320px; }

.media-icons									{ margin-top:10px; }
.media-icons a									{ width:32px; height:32px; line-height:32px; }

/* Main */
#main-header h1,
#main-header h2									{ font-size:1.6em; margin:15px 0; }
#main-content									{ margin-bottom:15px; }

#main-wrapper									{ min-height:360px; }
#main-wrapper > .inner.headroom					{ padding-top:20px; }
#main-wrapper h3								{ margin-bottom:20px; }		
#main-wrapper h3.no-top							{ margin-top:20px; padding-bottom:15px; }
#main-wrapper h4								{ font-size:1.28em; }

#main-nav										{ padding:16px 0; }

#main-aside .aside-group						{ margin-top:30px; }
#main-aside .set								{ padding-bottom:15px; margin-bottom:15px; }
#main-aside h2									{ font-size:1.6em; }
#main-aside h3									{ font-size:1.4em; margin-bottom:15px; }
	
/* index.php */							
#homepage-info .summary	 						{ font-size:1.25em; line-height:1.6em; }
	
/* tour-reservation.php */
#reservation-calendar td						{ height:60px; }

/* shop.php */
#new-product-slider .price .amt 				{ font-size:1.4em; }
#new-product-slider .original-price				{ display:none; }
}

/*
-----------------------------
For 360px or less
-----------------------------
*/
@media screen and (max-width: 360px) {

/* Global */
#container										{ padding-top:64px; }
	
/* Elements */
.image-viewer .item								{ height:240px; }

/* Header */
#header-bottom									{ height:64px; }
#header-bottom .logo							{ height:45px; margin-right:3px; }
#header-bottom h1								{ width:180px; height:39px; }	

#header-wrapper.headroom--unpinned 						{ top:-64px; }
#header-wrapper.headroom--unpinned #header-bottom 		{ height:64px; }
#header-wrapper.headroom--unpinned #header-bottom .logo { height:45px; margin-right:3px; }
#header-wrapper.headroom--unpinned #header-bottom h1 	{ width:179px; height:40px; }

/* Main */
#main-header.border								{ margin-bottom:20px; }
#main-header h1,
#main-header h2									{ font-size:1.6em; }

#main-wrapper .fr-view							{ font-size:1em; }

/* tour-reservation.php */
#reservation-calendar td						{ height:48px; }
}