@charset "UTF-8";

h3.gallery{color:#fff}

/*----------------------------------------------------------------- 
ギャラリーボタン
----------------------------------------------------------------- */
@media only screen and (min-width: 751px){
.btn_gallery{margin: 15px auto 15px auto; float: left; }
.btn_gallery a{color:#062c87; margin-left:5px; margin-right:5px; padding:10px 30px; text-decoration:none; border:solid 1px #062c87; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-size:80%; font-weight:bold;}
.btn_gallery a:hover{color: #FFF;  text-decoration: none; background: #062c87; cursor:pointer; }

}
@media only screen and (max-width:750px){
.btn_gallery{width:90%; text-align: center; margin:20px auto; }
.btn_gallery a{ width:90%; color:#062c87; float: left; margin:5px; padding:10px; text-decoration:none; border:solid 1px #062c87; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px;}
.btn_gallery a:hover{color: #FFF;  text-decoration: none; background: #062c87; cursor:pointer; }
}

/*********************************************************************

PC-Layout

**********************************************************************/
@media only screen and (min-width: 751px){
/*----------------------------------------------------------------- 
GALLERY　ギャラリー
----------------------------------------------------------------- */
.galleryMainWrap{}
.galleryMainWrap  img{margin-bottom:10px;}
.galleryMainWrap p{margin-bottom:10px;}
.galleryListWrap{}
.galleryListWrap ul.galleryList li{ float:left; margin-right:15px; margin-bottom:15px;}
.galleryListWrap ul.galleryList li img{ max-width:100px; max-height:100px;}
.gal_caption{float:right; width:48%;}

/*----------------------------------------------------------------- 
PRODUCT　商品詳細
----------------------------------------------------------------- */
.productpicItem{ width:450px; float:left; }
.productpicWrap{ margin-right:-10px;}
.productpicWrap ul.productpic{margin-top:10px;}

.bxslider img{ max-width:450px; max-height:450px; margin:0 auto;  }
#bx-pager a{ display:block; float:left; margin-right:10px; margin-bottom:10px;}
#bx-pager img{ max-width:82px; max-height:82px;}
#bx-pager a:hover,
#bx-pager a.active {-moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}

.productlistWrap{ /*background:#FFF;float: left;*/ margin-bottom: 5px;}
.productlistWrap ul.productList{/*padding:20px;*/}
.productlistWrap .productList li{ padding:20px 0; border-bottom: 1px solid #EADFC8; -webkit-box-shadow: 0 1px 0 #FFF;-moz-box-shadow: 0 1px 0 #FFF;box-shadow: 0 1px 0 #FFF;padding: 15px 0;}
.productlistWrap .productList li span.txt01{color:#062c87; width: 20%; float: left; display:block; font-weight:bold; }
.productlistWrap .productList li span.price_tit {color:#062c87; width: 20%; float: left; display:block; line-height: 40px; font-weight:bold; }
.productlistWrap .productList li span.txt02{color:#000; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text {color:#062c87; font-weight: bold; font-size: 250%; line-height: 40px; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text:after{content:"円（税込）"; font-size:50%;}
.soldout{ font-weight:bold; color:#FFF; background:#ccc; padding:5px; display: block; margin-bottom: 25px; width: 25%; text-align: center; line-height: 2em;}
.soldout span{font-size:140%; font-weight:bold; }

.actText{margin-bottom:10px;}
.actText a{color:#062c87; text-decoration:none; font-size:80%; }
.actText a:hover{color:#9E6138; text-decoration:underline;}

/*----------------------------------------------------------------- 
GALLERY2　ギャラリー2
----------------------------------------------------------------- */
.photospace{margin-top:30px; margin-bottom:40px; position:relative; overflow:visible; width:100%; max-width:960px;
}
.photospace_clear{clear:both;}
.photospace .thumnail_col{ float:right; opacity:1;}
.photospace .gal_content {width:100%; max-width:960px; margin-bottom:40px; /* The display of content is enabled using jQuery so that the slideshow content won't display unless javascript is enabled. */display: none; /*float: right;*/ float: left;}
.photospace .caption-container{
	position:absolute;
	top:0;
	right:0;
}
.photospace .gal_content a, 
.photospace .thumnail_col a {text-decoration: none; color: #8E8E8E;}
.photospace .gal_content a:hover{text-decoration: underline;}
.photospace .controls {margin-top: -20px; height: 20px;}
.photospace .controls a.next {margin-left:10px;}
.photospace .ss-controls {float: left;}
.photospace .nav-controls {float: right;}
.photospace .slideshow-container {position: relative; clear: both; height: 450px; width:450px; /* This should be set to be at least the height of the largest image in the slideshow */}
.photospace .loader {position: absolute; top: 0; left: 0; background-image: url('/wp-content/plugins/photospace/loader.gif'); background-repeat: no-repeat; background-position: center; width: 400px; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow */}
.photospace .slideshow span.image-wrapper {display: block; display: inline-block; position: absolute; top: 0; left: 0; line-height:0px; /* line space in webkit */font-size:0px; /* line space in webkit */white-space:nowrap; /* line space in webkit */letter-spacing:-1px; /* line space in webkit */}
.photospace .slideshow a.advance-link {display: block; width: 400px; height: 450px; /* This should be set to be at least the height of the largest image in the slideshow *//* line-height: 502px;  This should be set to be at least the height of the largest image in the slideshow */text-align: center; }
.photospace .slideshow a.advance-link:hover, 
.photospace .slideshow a.advance-link:active, 
.photospace .slideshow a.advance-link:visited {text-decoration: none;}
.photospace .slideshow img {vertical-align: top; float:left;}
.photospace .download {float: right; padding-top: 12px;}
.photospace .caption-container{}
/*.photospace span.image-caption {display: block; position: absolute; color:#444444; font-size:120%; padding-bottom:10px; text-align:left; margin:10px 0 0 0; font-family:Century Gothic,Hiragino Kaku Gothic Pro,sans-serif; font-weight:normal; letter-spacing:0.2em; }  
.photospace .caption {color: #240B0B; text-align:left; padding-right:0; padding-top:10px;}
*/
.photospace span .image-caption {display: block; color:#062c87; font-size:120%; padding:10px; text-align:left; font-weight:bold; margin:10px 0 0 0; font-weight:normal; letter-spacing:0.2em; border-bottom:1px #062c87 dashed;}  
.photospace .caption{color: #8e8e8e; text-align:left; padding-right:0; padding-top:10px; float:right; width:460px; display:block; }


.photospace li .caption{display:none;}
.photospace .caption a {}
.photospace .image-desc {line-height: 1.3em; padding-top: 12px; margin-bottom:30px; font-size:14px;}
.photospace .thumnail_col {/* The thumnail_col style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
.photospace ul.thumbs {margin: 0; padding: 0; list-style: none  !important;}
.photospace ul.thumbs li {float: left; padding: 0; margin: 0; margin-right: 15px; margin-bottom: 15px; list-style: none  !important; }
.photospace a.thumb {display: block; height:auto; padding: 0; margin: 0; opacity: 0.67; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}
.photospace li a:hover,
.photospace li.selected a{opacity: 1;}
.photospace a.thumb:focus {outline: none;}
.photospace ul.thumbs img {display: block;	}
.photospace .thumnail_col div.top {}
.photospace .thumnail_col div.bottom {}
.photospace .pagination {position:absolute; left:0; top:-38px; width:100%; height:30px;}
.photospace .pagination a, 
.photospace .pagination span.current, 
.photospace .pagination span.ellipsis {display: block; float: left; margin-right: 5px; padding:6px; padding-left:10px; padding-right:10px; border: 1px solid #ddd; color:#a9a9a9; line-height:14px;}
.photospace .pagination a:hover {background-color: #eee; text-decoration: none;}
.photospace .pagination span.current {font-weight: bold; background-color: #000; border-color: #000; color: #fff;}
.photospace .pagination span.ellipsis {border: none; padding: 5px 0 3px 2px;}
.photospace #captionToggle a {float: right; display: block; background-image: url('/wp-content/plugins/photospace/caption.png'); background-repeat: no-repeat; background-position: right; margin-top: 5px; padding: 5px 30px 5px 5px;}
.photospace .thumnail_col a.pageLink {height: 50px; line-height: 50px; background-color:#FFF; opacity: 0.67; display: block; position: relative; float: left; background-position:center center; background-repeat:no-repeat; margin-right:10px; border:solid 1px #CCC; 
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.photospace .thumnail_col a.pageLink:focus {outline: none;}
.photospace .thumnail_col a.pageLink:hover {opacity: 1;}
.photospace .thumnail_col a.prev {background-image: url('/wp-content/plugins/photospace/arrow-left.png');}
.photospace .thumnail_col a.next {background-image: url('/wp-content/plugins/photospace/arrow-right.png');}
.photospace .hide_me{display:none !important;}

}

/*********************************************************************

SP-Layout

**********************************************************************/
@media only screen and (max-width:750px){
/*----------------------------------------------------------------- 
GALLERY　ギャラリー
----------------------------------------------------------------- */
.galleryMainWrap{ width:90%; margin:0 auto; padding-bottom:30px; }
.galleryMainWrap  img{margin-bottom:10px; max-width:100%;}
.galleryMainWrap p{margin-bottom:10px;}
.galleryListWrap{ width:90%; margin:0 auto; padding:10px;}
.galleryListWrap ul.galleryList{margin-top:30px; margin-right:-12px;}
.galleryListWrap ul.galleryList li{ float:left; margin-right:12px; margin-bottom:12px;}
.galleryListWrap ul.galleryList li img{ max-width:50px; max-height:50px;}

/*----------------------------------------------------------------- 
PRODUCT　商品詳細
----------------------------------------------------------------- */
.productpicItem{ width:100%; }
.productpicWrap{ margin-right:-10px;}
.productpicWrap ul.productpic{margin-top:10px; width:100%;}
.bx-wrapper{margin-bottom:10px;}
.bxslider img{ max-width:100%; max-height:300px; margin:0 auto;  }
#bx-pager{ margin:0 auto; text-align:center; !important}
#bx-pager a{ /*float:left; */ text-align:center; margin-right:10px; margin-bottom:10px;}
#bx-pager img{max-width:52px; max-height:52px;}
#bx-pager a:hover,
#bx-pager a.active {-moz-opacity:0.5; opacity:0.5; filter:alpha(opacity=50);}

.productlistWrap{ width:100%; /*margin-bottom: 40px;*/}
.productlistWrap ul.productList{/*padding:20px;*/}
.productlistWrap .productList li{ border-bottom: 1px solid #EADFC8; -webkit-box-shadow: 0 1px 0 #FFF;-moz-box-shadow: 0 1px 0 #FFF;box-shadow: 0 1px 0 #FFF;padding: 15px 0;}
.productlistWrap .productList li span.txt01{color:#062c87; width: 20%; float: left; display:block; font-weight: bold; }
.productlistWrap .productList li span.price_tit {color:#062c87; width: 20%; float: left; display:block; line-height: 40px; font-weight:bold; }
.productlistWrap .productList li span.txt02{color:#000; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text {color:#062c87; font-weight: bold; font-size: 250%; line-height: 40px; display: block; overflow: hidden;}
.productlistWrap .productList li span.price_text:after{content:"円（税込）"; font-size:50%;}
.soldout{ font-weight:bold; color:#FFF; background:#ccc; padding:10px; width: 70%;
display: block;
text-align: center; clear: both; margin: 0 auto;}
.soldout span{font-size:140%; font-weight:bold; }

.actText{margin-bottom:10px;}
.actText a{color:#062c87; text-decoration:none; font-size:80%; }
.actText a:hover{color:#9E6138; text-decoration:underline;}

/*----------------------------------------------------------------- 
GALLERY2　ギャラリー2
----------------------------------------------------------------- */
.wp_social_bookmarking_light{ clear:both;}

.photospace{width:100% !important; height:auto !important;}
.photospace_clear{clear:both;}
.photospace .thumnail_col{ opacity:1; width:100% !important; }
.photospace .gal_content {display: none; width:100% !important; }
.photospace .gal_content a, 
.photospace .thumnail_col a {text-decoration: none; color: #8E8E8E;}
.photospace .gal_content a:hover{text-decoration: underline;}
.photospace .controls {margin-top: -20px; height: 20px;}
.photospace .controls a.next {margin-left:10px;}
.photospace .ss-controls {float: left;}
.photospace .nav-controls {float: right;}
.photospace .slideshow-container {clear: both; height:auto !important;}
.photospace .loader {position: absolute; top: 0; left: 0; background-image: url('/wp-content/plugins/photospace/loader.gif'); background-repeat: no-repeat; background-position: center; width:100% !important; height:auto !important;}
.photospace .slideshow span.image-wrapper {display: block; display: inline-block; top: 0; left: 0; 
	line-height:0px; /* line space in webkit */
	font-size:0px; /* line space in webkit */
	white-space:nowrap; /* line space in webkit */
	letter-spacing:-1px; /* line space in webkit */
   width:100% !important; height:auto !important;}
.photospace .slideshow a.advance-link {display: block; /* line-height: 502px;  This should be set to be at least the height of the largest image in the slideshow */ text-align: center; width:100% !important; height:auto !important; }

.photospace .slideshow a.advance-link:hover, 
.photospace .slideshow a.advance-link:active, 
.photospace .slideshow a.advance-link:visited {text-decoration: none;}
.photospace .slideshow img {vertical-align: top; width:100% !important; height:auto !important;}
.photospace .download {float: right; padding-top: 12px;}
.photospace .caption-container { width: 100% !important; }
/*.photospace span .image-caption {display: block; color:#444444; font-size:120%; padding-bottom:10px; text-align:center; font-weight:bold; margin:10px 0 0 0; font-weight:normal; letter-spacing:0.2em; border-bottom: 1px solid #EADFC8; -webkit-box-shadow: 0 1px 0 #FFF;-moz-box-shadow: 0 1px 0 #FFF;box-shadow: 0 1px 0 #FFF;}  
.photospace .caption {color: #8e8e8e; text-align:left; padding-right:0; padding-top:10px; }
*/
.photospace span .image-caption {display: block; color:#062c87; font-size:120%; padding:10px; text-align:left; font-weight:bold; margin:10px 0 10px; font-weight:normal; letter-spacing:0.2em; border-bottom:1px #062c87 dashed;}  
.photospace .caption {color: #8e8e8e; text-align:left; padding-right:0; padding-top:10px; }


.photospace li .caption{display:none;}

.photospace .caption a {}

.photospace .image-desc {line-height: 1.3em; padding-top: 12px; margin-bottom:20px;}
.photospace .thumnail_col {/* The thumnail_col style is set using jQuery so that the javascript specific styles won't be applied unless javascript is enabled. */}
.photospace ul.thumbs {margin: 0; padding: 0; list-style: none  !important;}
.photospace ul.thumbs li {float: left; padding: 0; margin: 0; margin-right: 0px  !important; margin-bottom: 10px; list-style: none  !important; width:33%  !important; display:block;}

.photospace a.thumb {display: block; text-align:center  !important; height:auto; padding: 0; margin:0 auto 0 auto; width:95%  !important; opacity: 0.67; -webkit-transition: all 0.4s ease-in-out; -moz-transition: all 0.4s ease; -o-transition: all 0.4s ease; transition: all 0.4s ease;}

.photospace li a:hover,
.photospace li.selected a{opacity: 1;}


.photospace a.thumb:focus {outline: none;}
.photospace ul.thumbs img {display: block;	
  width:100%  !important;}

.photospace .thumnail_col div.top {}
.photospace .thumnail_col div.bottom {}

.photospace .pagination {position:absolute; left:0; top:-38px; width:100%; height:30px;}
.photospace .pagination a, 
.photospace .pagination span.current, 
.photospace .pagination span.ellipsis {display: block; float: left; margin-right: 5px; padding:6px; padding-left:10px; padding-right:10px; border: 1px solid #ddd; color:#a9a9a9; line-height:14px;}
.photospace .pagination a:hover {background-color: #eee; text-decoration: none;}
.photospace .pagination span.current {font-weight: bold; background-color: #000; border-color: #000; color: #fff;}
.photospace .pagination span.ellipsis {border: none; padding: 5px 0 3px 2px;}

.photospace #captionToggle a {float: right; display: block; background-image: url('/wp-content/plugins/photospace/caption.png'); background-repeat: no-repeat; background-position: right; margin-top: 5px; padding: 5px 30px 5px 5px;}

.photospace .thumnail_col a.pageLink {height: 50px; line-height: 50px; background-color:#FFF; opacity: 0.67; display: block; position: relative; float: left; background-position:center center; background-repeat:no-repeat; margin-right:10px; border:solid 1px #CCC; 
	-webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease; -o-transition: all 0.2s ease; transition: all 0.2s ease;}
.photospace .thumnail_col a.pageLink:focus {outline: none;}
.photospace .thumnail_col a.pageLink:hover {opacity: 1;}

.photospace .thumnail_col a.prev {background-image: url('/wp-content/plugins/photospace/arrow-left.png');}
.photospace .thumnail_col a.next {background-image: url('/wp-content/plugins/photospace/arrow-right.png');}

.photospace .hide_me{display:none !important;}


}