@charset "UTF-8";
* {-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
html {-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,input,p,th,td,img{margin:0;padding:0;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
table {border-collapse:collapse;border-spacing:0;}
ol,ul {list-style:none;}
li {display: inline-block;*display: inline;*zoom: 1;} 
a img {border-style:none;//IE8}
img{max-width: 100%;}
a {color:#004A98;text-decoration:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0);outline:none;}
a:link{color:#004A98;}
a:visited{color:#808080;}
a:hover{color:#079724;}
a:focus{outline:0}
a:hover,a.selected,a:link{text-decoration:none;}
a,img{vertical-align:top}
.clrfx:before,.clrfx:after {content: " ";display: table;clear: both;}
.clrfx {*zoom: 1;}
.fl {float: left;}
.fr {float: right;}
.vh{visibility: hidden;}
.tac{text-align: center;}
.ml_05 {margin-left: -0.5em;}
.hoverOp:hover{filter: alpha(opacity=50);opacity: 0.5;}

/* Common
 * --------------------------------------------------------------------------- */
body {
	letter-spacing: 1px;
	font-size: 15px;
	line-height: 1.9;
	font-family: "YuGothic", "Yu Gothic","游ゴシック","ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", "Osaka", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	/*font-family: "A1明朝", "A1 Mincho", "Georgia", "Times New Roman", "Times","ヒラギノ明朝 ProN W3", "HiraMinProN-W3", "HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;*/
	color: #333333;
}
	
.wrapper{
	margin: 0 auto;
	background-attachment: fixed;
	background-image:url(../images/common/base.jpg) ;
	background-repeat: repeat-y;
	background-position: center bottom;
	text-align:center;
}
	
.wrap{
	width: 920px;
	margin: 0 auto;
}

#hdNav {
	padding: 10px 15px 10px 15px;
}

#hdNav ul.hdNav_btn li{
	vertical-align: middle;
	display: inline-block;
	padding: 0 10px;
	border-right: 1px solid #000;
}

#hdNav ul.hdNav_btn li a {
	display: inline-block;
}
#hdNav ul.hdNav_btn li.nav04{
	padding-right: 0;
	border-right: none;
}
#footer {
	width: 750px;
	margin: 20px auto;
}
.redcap{font-size:12px; line-height:1.2; color:#FD0105; padding-top:10px;}
.sizecap{color:#004e38; font-size:12px; line-height:1.2;}

/* PC
 * --------------------------------------------------------------------------- */
.contents {
	width: 880px;
	margin: 0 auto;
	padding: 14px 0 30px 0;
	text-align: left;
}

.contents .itemNm {
	font-family: "A1明朝", "A1 Mincho", serif;
	font-size: 40px;
	margin-bottom: -20px;
}

.contents .yodogawa #btn_yodogawa {
	display: none;
}
.contents .yodogawa #y_inner {
	display: block;
}
.contents .yodogawa p,
.contents .yodogawa p.mid {
	padding-top: 20px;
}

/* zoomArea */
.zoomArea {
	padding-top: 10px;
}
.zoom_pc{display: inline-table;}
.zoom_pc .iframe_pc {
	width: 100%;
	height: 100%;
}

#cboxWrapper {
	width: 880px;
	height: 560px;
}

.zoom_sp{display: none;}
.zoom_sp .zoom_sp_iframe{display: none;}
.zoom_sp .z_sp{
	display: inline-table;
}
.photo{margin-left:-75px; width:650px;}
.gallery{width:920px; margin-left:-75px; padding-top:80px;}
.gallery0{width:920px; margin-left:-75px; }

/* zuan */
.zuan_pc{
	display: inline-table;
	padding: 12px 0 0 10px;
}
.zuan_sp{display: none;}
#zuan{display: none;}

.zuan_sp{display: none;}
.zuan_sp .zuan_sp_inner{display: none;padding-top: 20px;}
/* itemsArea */
#itemsArea {
	padding: 10px 0 0 10px;
}
#itemsArea .cartInfo {
	display: table;
	padding-bottom: 5px;
	width: 100%;
}
.cartbtn{padding:5px 0px 5px 0px;}
#itemsArea .cartInfo:before, #itemsArea .cartInfo:after {content: " ";display: table;}
#itemsArea .cartInfo:after {clear: both;}
#itemsArea .cartInfo {*zoom: 1;}
#itemsArea .cartInfo .cartIn {
	display: inline-table;
	vertical-align: bottom;
	padding-bottom: 5px;
	float: left;
}
#itemsArea .cartInfo .shipDate {
	font-size: 11px;
	line-height: 1.4;
	font-family:Georgia, "Times New Roman", Times, serif;
	letter-spacing:0px;
	color: #CC3333;
	width: 170px;
	display: inline-table;
	vertical-align: bottom;
	text-align: left;
	float: right;
}

#itemsArea .cartInfo .shipDate span{
	display: inline-table;
    padding-bottom: 5px;
}
#itemsArea .cartInfo .shipDate span img{
	display: inline-block;
	padding-right: 2px;
	vertical-align: bottom;
}
#itemsArea .item {
	border-top: 1px solid #D4D5D2;
	padding : 10px 0 10px 0;
	text-align: left;
}
#itemsArea .item h3{
	font-size: 21px;
	line-height: 1.4;
	font-family: "A1明朝", "A1 Mincho", serif;
}
#itemsArea .item ul{
	display: table;
	margin: 0 auto;
}
#itemsArea .item li{
	text-align: center;
	display: inline-table;
}

#itemsArea .item .cart{
    width: 70px;
    margin: 0 auto;
}
#itemsArea .item .lug .cart{
    width: 150px;
    margin: 0 auto;
}

#itemsArea .item .price{
	font-size: 13px;
	line-height: 1.4;
	color:#009ECC;
	padding-top:10px;
}
#itemsArea .item .rest{
	font-size: 12px;
	letter-spacing:0px;
	display: block;
	color:#808080;
}

#itemsArea .about_price {
	font-size: 10px;
	line-height: 1.4;
	letter-spacing:1px;
	text-align: right;
	padding: 0 0 5px 0;
	margin-top: -20px;
}
#itemsArea .about_price_lug {
	font-size: 10px;
	line-height: 1.4;
	letter-spacing:1px;
	text-align: right;
	padding: 0 0 5px 0;
	margin-top: 0px;
}
#itemsArea .about_size {
	border-top: 1px solid #D4D5D2;
	padding: 10px 0 0 5px;
}

#itemsArea .banner {
	text-align: center;
	padding-top: 10px;
}
#itemsArea .banner .cap {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing:1px;
	padding-bottom: 10px;
	padding-top: 20px;
}

/* archive */
#archive {
	padding: 30px 0 30px 0;
}
#archive .btn_items li{
	vertical-align: middle;
}
#archive .btn_items a:hover {
	filter: alpha(opacity=50);opacity: 0.5;
}
#archive .pc{display: block;}
#archive .sp{display: none;}

#archive .line{
	padding-bottom: 10px;
}
.cap{font-size:11px; color:#ADADAD;}

/* GUEST & Me */
#guestandme .contents {
	width: 766px;
	padding: 30px 0 10px 0;
}
#guestandme .contents #explainArea {
	padding: 0 10px;
	margin-bottom: 30px;
}
#guestandme .contents #explainArea .itemNm {
	margin: 0 0 20px 0; 
}
/* itemsArea */
#guestandme #itemsArea {
	 padding-left: 0; 
}
#guestandme #itemsArea .item {
	border-top: none;
	width: 500px;
	margin: 0 auto;
	padding: 40px 0 30px 0;
}
#guestandme #itemsArea .item h3{
   font-size: 28px;
}
#guestandme #itemsArea .item h4{
   font-size: 20px;
   font-family: "A1明朝", "A1 Mincho", serif;
}
#guestandme #itemsArea #soap .volume {
	padding: 5px 0 0 112px;
}
#guestandme .item .price{
	font-size: 15px;
	text-align: center;
	padding-top: 20px;
}
#guestandme .item .price p {
	padding-top: 2px;
}
#guestandme .item .capA {
	font-size: 10px;
	line-height: 1.4;
	letter-spacing:1px;
}
#guestandme .item .capB {
	font-size: 12px;
	line-height: 1.4;
	letter-spacing:1px;
	padding-top:15px;
}
#guestandme .item .capC {
	font-size: 15px;
	padding-left: 10px;
}
#guestandme #itemsArea .txt{
   padding: 30px 0;
}
#guestandme #itemsArea .item .cart{
    width: 180px;
    padding: 20px 0;
}

/* ソープ */
#guestandme #itemsArea #soap h3{
   text-align: left;
   padding-bottom: 28px;
}
#guestandme #itemsArea #soap .capA{
   padding-bottom: 30px;
}
#guestandme #itemsArea .txt{
    padding: 8px 0 28px 0; 
}

/* リネンウォーター, フレグランスバー */
#guestandme .gi_up {
	padding-bottom: 40px;
}

#guestandme .gi_btm li:first-child {
	padding-right: 80px;
}

/* sp
 * --------------------------------------------------------------------------- */
@media screen and (max-width: 1000px) {
}
@media screen and (max-width: 760px) {
	body {width: 95%;margin: 0 auto;}
	img{max-width:100%;height:auto;}
	a.hoverOp:hover{filter: alpha(opacity=1);opacity: 1;}
	.wrap{width: 100%;}
	.fl,.fr {float: none;}

	/* [sp] footer */
	#footer {
		width: 100%;
		margin: 20px auto;
	}
	
	#footer .fl {
		padding-bottom: 10px;
	}
	
	/* [sp] contents */
	.contents {
		width: 100%;
		padding: 10px 0;
		
	}
	.contents .yodogawa #btn_yodogawa {
		margin-top: 10px;
		display: block;
	}
	.contents .yodogawa #y_inner {
		display: none;
	}
	.contents .yodogawa p {
		padding-top: 20px;
	}
	.contents .yodogawa p.mid {
		padding-top: 0;
	}

	/* [sp] zoomArea */
	.zoom_pc{display: block;}
	.zoom_sp{display: none;}
	.zoom_sp_iframe{
		margin: 0 auto;
		text-align: center;
		overflow: hidden;
		position: relative;
	    width: 100%;
	    padding: calc(600 / 850 * 100%) 0 0;
	}	
	.iframe {
	    position: absolute;
	    top: 0;
	    left: 0;
	    width: 100%;
	    height: 100%;
	}	
	
	/* [sp] zuan */
	.zuan_pc{display: none;}
	.zuan_sp{
		display: block;
		padding: 12px 0 0 10px;
	}
	.zuan_sp .zu_sp{
		display: inline-table;
		padding-right: 25px;
	}
	
	/* [sp] itemsArea */
	#itemsArea {
		padding: 10px 0 0 0;
	}
	
	#itemsArea .cartInfo {
		padding: 0 5px 0 10px;
		margin-top: 20px;
	}

	/* [sp] archive */
	#archive .btn_items {
		display: none;
	}
	#archive .btn_index{
		padding-top: 20px;
	}
	#archive .pc{display: none;}
	#archive .sp{display: inline-block;}
		
	/* [sp] GUEST & Me */
	#guestandme .contents {
		width: 100%;
		padding: 30px 0 10px 0;
	}
	#guestandme .contents #explainArea {
		padding: 0 10px;
		margin-bottom: 30px;
	}
	#guestandme .contents #explainArea .itemNm {
		margin: 0 0 20px 0; 
	}
	/* itemsArea */
	#guestandme #itemsArea {
		 padding-left: 0; 
	}
	#guestandme #itemsArea .item {
		width: 90%;
		margin: 0 auto;
		padding: 40px 0 30px 0;
	}
	#guestandme #itemsArea .item h3{
	   font-size: 28px;
	}
	#guestandme #itemsArea .item h4{
	   font-size: 20px;
	}
	#guestandme .item .price{
		padding-top: 10px;
	}
	#guestandme .item .price p {
		padding-top: 2px;
	}
	#guestandme #itemsArea .txt{
	   padding: 20px 0;
	}
	#guestandme #itemsArea .item .cart{
	    padding: 15px 0;
	}
	
	/* ソープ */	
	#guestandme #itemsArea #soap h3{
	   text-align: left;
	   padding-bottom: 0;
	}
	#guestandme #itemsArea #soap .capA{
	   padding-bottom: 10px;
	}
	#guestandme #itemsArea #soap .volume {
		padding: 5px 0 20px 0;
	}
	
	/* リネンウォーター, フレグランスバー */
	#guestandme .gi_up {
		padding-bottom: 40px;
	}
	
	#guestandme .gi_btm {
		text-align: center;
	}
	#guestandme .gi_btm li:first-child {
		padding-right: 0;
		padding-bottom: 40px;
	}

}

@media only screen and (max-width: 479px) {

    
	/* [sp]#hdNav */
	.contents .itemNm {
	font-size: 26px;
}
	#hdNav {
		padding: 20px 0 10px 0;
	}
	#hdNav ul.hdNav_btn {
		padding-top: 20px;
		display: table;
	}
	#hdNav ul.hdNav_btn li {
		width: 164px;
		min-height: 35px;
		box-sizing: border-box;
		padding: 0;
		border-right: none;
		display: inline-table;
		border-bottom: 1px solid #000;
		vertical-align: middle;
	}
	#hdNav ul.hdNav_btn li a{
    	display: block;
    	padding: 8px 5px;
    }
    
	#hdNav ul.hdNav_btn li.nav01,
	#hdNav ul.hdNav_btn li.nav03{
		border-right: 1px solid #000;
	}
	
	#hdNav ul.hdNav_btn li.nav03,
	#hdNav ul.hdNav_btn li.nav04{
		border-bottom: none;
	}
	#guestandme #itemsArea .item h3{
	   padding-bottom: 15px;
	}
	.photo{margin:0 auto; width:100%;}
	.gallery{margin:0 auto; width:100%; padding-top:40px;}
	.gallery0{margin:0 auto; width:100%; }
	
	#gallery{
    	margin: 0 0 60px 0;
    }
    
    .galleria-theme-classic{ overflow: visible !important;}
    .galleria-thumbnails-container{ bottom: -60px !important;}

	.galleria-stage{ bottom: 0 !important;}
}

@media only screen and (max-width: 321px) {
	#hdNav ul.hdNav_btn li {
			width: 145px;
	}
	.contents .itemNm {
	font-size: 26px;
}
}