@charset "UTF-8";
/* CSS Document */


/*---------------------------------------------------------------
　　　contents
---------------------------------------------------------------*/
#contents {padding-top:30px;}

h1{ color:#686868; padding:0; margin:0; font-size:20px; text-align:center;}
h1 span{font-size:16px;}
p.txt02{padding-bottom:20px; text-align:left; line-height:1.6em;}

#contents h2{background:url(../images/common/tit_bgLine.png) repeat-x left center; color:#a9902b;}
#contents h2 span {display:inline-block; background:#FFF; letter-spacing:0.1em; font-size:16px;}


/*---------------------------------------------------------------
　　　column
---------------------------------------------------------------*/


/*---------------------　TOPページ用　２つ横並び　---------------------*/

ul.column2{ margin:0; padding:0; text-align:left;}
ul.column2 li{ margin:0 0.6% 20px; padding:0; display:inline-table; width:48%;}
ul.column2 li img{width:100%;}
ul.column2 li span {display:inline-block; padding:8px 18px 5px 0; text-align:left; background:url(../images/common/arrowbrown_r_s.png) no-repeat right 8px; line-height:18px; font-size:12px; line-height:1.4em;}
ul.column2 li a{display:block;}
ul.column2 li a:link,
ul.column2 li a:visited,
ul.column2 li a:active { color:#000;}
ul.column2 li a:hover { color:#b70808; 
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

/*---------------------　TOPページ用　３つ横並び　---------------------*/
ul.column3{ margin:0; padding:0; text-align:left;}
ul.column3 li{ margin:0 0.6% 20px; padding:0; display:inline-table; width:31%;}
ul.column3 li img{width:100%;}
ul.column3 li span {display:inline-block; padding:8px 18px 5px 0; text-align:left; background:url(../images/common/arrowbrown_r_s.png) no-repeat right 8px; line-height:18px; font-size:12px; line-height:1.4em;}
ul.column3 li a{display:block;}
ul.column3 li a:link,
ul.column3 li a:visited,
ul.column3 li a:active { color:#000;}
ul.column3 li a:hover { color:#b70808;
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}



/*---------------------　下層コンテンツ用　１つ横並び　---------------------*/

.block1 {margin:0; padding:0; text-align:center; overflow:hidden;}
.block1 section{ clear:both; margin:0 0.7%; padding:0 0 20px 0; display:inline-table; width:auto; }
.block1 img{float:left; width:100%;}
.block1 .imgLeft{float:left; width:140px; margin-right:5%; margin-bottom:10px;}
.block1 section h3 { clear:both; font-size:14px; line-height:1.4em; border-bottom:2px solid #dccb70; padding:15px 0 10px 0; color:#a9902b; margin-left:0; text-align:left;}
.block1 section .description p{ text-align:left; font-size:12px; line-height:1.8em; display:block; margin:0 0 10px 0;}
.block1 section p.price{ text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; border-bottom:2px solid #dccb70;
padding:5px 0; margin-left:0; overflow:hidden;}

.block1 .naiyou p{ text-align:left;}


/*---------------------　下層コンテンツ用　２つ横並び　---------------------*/

.block2 {margin:0; padding:0; text-align:left;}
.block2 section{ margin:0 0.6% 30px; padding:0 0 7px 0; display:inline-table; width:48%;border-bottom:2px solid #dccb70;}
.block2 img{width:100%;}
.block2 .imgLeft{ width:40%; margin-right:5%; margin-bottom:10px; display:block;}
.block2 section h3 { font-size:14px; border-bottom:2px solid #dccb70; padding:0 0 10px 0; color:#a9902b;}
.block2 section .description p{ text-align:left; font-size:12px; line-height:1.8em; display:block; margin:0; padding:0 0 10px 0;}
.block2 section p.price{clear:both; text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; padding:7px 0 0; margin:0;}

/*---------------------　下層コンテンツ用　３つ横並び　---------------------*/

.block3 {margin:0; padding:0; text-align:left;}
.block3 section{ margin:0 0.6% 30px; padding:0 0 7px 0; display:inline-table; width:48%;
border-bottom:2px solid #dccb70;}
.block3 img{width:100%;}
.block3 .imgLeft{ width:40%; margin-right:5%; margin-bottom:10px; display:block;}
.block3 section h3 { font-size:14px; border-bottom:2px solid #dccb70; padding:0 0 10px 0; color:#a9902b;}
.block3 section .description p{ text-align:left; font-size:12px; line-height:1.8em;  margin:0; padding:0 0 10px 0;}
.block3 section p.price{clear:both; text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; 
padding:7px 0 0; margin:0; display:block;}

/*---------------------　下層コンテンツ用　4つ横並び　---------------------*/

.block4 {margin:0; padding:0; text-align:left;}
.block4 section{ margin:0 0.6% 30px; padding:0 0 7px 0; display:inline-table; width:48%; border-bottom:2px solid #dccb70;}
.block4 img{width:100%;}
.block4 .imgLeft{ width:40%; margin-right:5%; margin-bottom:10px; display:block;}
.block4 section h3 { font-size:14px; border-bottom:2px solid #dccb70; padding:0 0 10px 0; color:#a9902b; text-align:center;}
.block4 section .description p{ text-align:left; font-size:12px; line-height:1.8em; display:block;  margin:0; padding:0 0 10px 0;}
.block4 section p.price{clear:both; text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; padding:7px 0 0; margin:0;}

.borderBtm{border-bottom:2px solid #dccb70;}


/*---------------------　内容　---------------------*/
.naiyou {clear:both; overflow:hidden; }
.naiyou table {min-height:90px;}
.naiyou td.imgBlock {width:40%; margin-right:5%; margin:0;}
.naiyou td.imgBlock img{width:95%; margin-bottom:10px;}
.naiyou td.txt{width:55%; padding:0 0 0 5%;}
.naiyou p{margin:5px 0 10px; padding:0; font-size:0.8em; line-height:1.6em; color:#a9902b;}

.description table {min-height:90px;}
.description table td.imgBlock {width:40%; margin-right:5%; margin:0;}
.description table td.imgBlock img{width:95%; margin-bottom:10px;}
.description table td.txt {width:55%; padding:0 0 5%; font-size:12px; line-height:1.8em;}


/*---------------------　内容 dl　---------------------*/
.nayouList{ clear:both; font-size:12px; margin:0;
background:#f2f0e9; padding:15px 10px; text-align:left; line-height:1.4em;}
.nayouList dt{ margin:0 0 5px 0; color:#a9902b; font-weight:bold;}
.nayouList dd{ margin:0 0 15px 0;}


/*---------------------　写真横並び　---------------------*/
.photoList { text-align:center; margin:30px auto;}
.photoList img { width:30%; margin:1.3%;}

.photoList02{ margin:30px auto; padding:0; text-align:center;}
.photoList02 li{
	display:inline-block;
    width: 150px;
    height: 150px;
    position: relative;
    overflow: hidden;
	margin:10px;
}
.photoList02 li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	
}
.photoList02 li a img{
    width: 180px;
    vertical-align: middle;
}


/*---------------------　オンラインで購入　---------------------*/
.buyBtn{ margin:0 auto; text-align:center; display:block;}
.buyBtn a{ display:block; color:#fff; padding:10px 0; font-size:11px;}
.buyBtn a:link,
.buyBtn a:visited,
.buyBtn a:active{background:#a9902b;}
.buyBtn a:hover{background:#88731c;}

.block1 .buyBtn{width:48%; float:right; display:block; margin:0 0 30px 0;}
.block1 .buyBtn a{ display:block; color:#fff; padding:10px 0; font-size:11px; text-align:center;}



/*---------------------------------------------------------------
　　　ページ内リンク
---------------------------------------------------------------*/


/*---------------------　横１〜３つまで　---------------------*/

ul.category{ clear:both; margin:30px 0 0 0; padding:0 0 40px 0; text-align:center;}
ul.category li{ margin:0 0.7% 2%; padding:0; display:inline-table; width:100%; line-height:40px;}
ul.category li span {display:block; padding:5px 0 30px; text-align:left;}
ul.category li a{display:block; width:100%; border:1px solid #dccb70; }
ul.category li a:link,
ul.category li a:visited,
ul.category li a:active { color:#000; background:#fff url(../images/common/navi_arrow.png) no-repeat 90% center; background-size:14px;}
ul.category li a:hover { color:#000; background:#f5f0d7 url(../images/common/navi_arrow.png) no-repeat 90% center; background-size:14px;}

/*---------------------　横4つ　---------------------*/

ul.category2{ margin:0; padding:0 0 40px 0; text-align:center;}
ul.category2 li{ margin:0 0.7% 2%; padding:0; display:inline-table; width:100%; line-height:40px;}
ul.category2 li span {display:block; padding:5px 0 30px; text-align:left;}
ul.category2 li a{display:block; width:100%; border:1px solid #dccb70; }
ul.category2 li a:link,
ul.category2 li a:visited,
ul.category2 li a:active { color:#000; background:#fff url(../images/common/navi_arrow.png) no-repeat 90% center; background-size:14px;}
ul.category2 li a:hover { color:#000; background:#f5f0d7 url(../images/common/navi_arrow.png) no-repeat 90% center; background-size:14px;}



/*---------------------------------------------------------------
　　　特設ページ共通部分
---------------------------------------------------------------*/
.info{ font-size:14px; border-top:2px solid #dccb70; border-bottom:2px solid #dccb70; padding:10px 0; margin:20px 10px;}

.info dl{ margin:0; padding:5px 0;}
.info dl dt {margin:0 0 5px 0; padding:2px 5px; float:none; background:#b70808; color:#fff; width:7em; text-align:center;}
.info dl dd {margin:0 0 8px 0; padding:2px 5px;}
.info p {margin:0; padding:5px 0;}


#cRight {float:none; width:100%; margin-bottom:40px;}
#cRight img{ width:100%; margin:0 0 10px 0;}
#cRight p{ font-size:0.85em; margin:0; padding:0 0 20px 0; text-align:center;}

#cLeft {float:none; width:100%; margin-bottom:40px;}



/*---------------------------------------------------------------
　　　common
---------------------------------------------------------------*/
.marB01 {margin-bottom:50px;}
.marB02 {margin-bottom:80px;}
.marB03 {margin-bottom:30px;}
.marB04 {margin-bottom:10px;}
.mar0{margin:0;}
.padB01{padding-bottom:5px;}
.padT20{padding-top:20px;}


.boderTop {border-top:2px solid #dccb70; padding:15px 0 0 0;}
.boderBtm {border-bottom:2px solid #dccb70;}



/* tablet */

@media only screen and (min-width: 481px) {

/*---------------------------------------------------------------
　　　contents
---------------------------------------------------------------*/
h1{ color:#686868; padding:0; margin:0; font-size:30px; text-align:center;}
h1 span{font-size:20px;}

#contents h2 span {font-size:20px;}


p.txt02{padding-bottom:30px; text-align:left; line-height:2em;}
p.txt02 br.forPC{display:none;}

/*---------------------------------------------------------------
　　　column
---------------------------------------------------------------*/


/*---------------------　TOPページ用　２つ横並び　---------------------*/

ul.column2{ margin:0; padding:0; text-align:left;}
ul.column2 li{ margin:0 0.7% 30px; padding:0; display:inline-table; width:48%; vertical-align:top;}
ul.column2 li span {display:inline-block; padding:8px 18px 5px 0; text-align:left; background:url(../images/common/arrowbrown_r_s.png) no-repeat right 8px; line-height:18px; font-size:14px; line-height:1.4em;}

ul.column2 li a{display:block;}
ul.column2 li a:link,
ul.column2 li a:visited,
ul.column2 li a:active { color:#000; }
ul.column2 li a:hover { color:#b70808; 
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}

/*---------------------　TOPページ用　３つ横並び　---------------------*/
ul.column3{ margin:0; padding:0; text-align:left;}
ul.column3 li{ margin:0 0.8% 30px; padding:0; display:inline-table; width:31%; vertical-align:top;}
ul.column3 li span {display:inline-block; padding:8px 18px 5px 0; text-align:left; background:url(../images/common/arrowbrown_r_s.png) no-repeat right 8px; line-height:18px; font-size:14px; line-height:1.4em;}
ul.column3 li a{display:block;}
ul.column3 li a:link,
ul.column3 li a:visited,
ul.column3 li a:active { color:#000; }
ul.column3 li a:hover { color:#b70808;
opacity:0.7;
filter: alpha(opacity=70);        /* ie lt 8 */
-ms-filter: "alpha(opacity=70)";  /* ie 8 */
-moz-opacity:0.7;                 /* FF lt 1.5, Netscape */
-khtml-opacity: 0.7;              /* Safari 1.x */}



/*---------------------　下層コンテンツ用　１つ横並び　---------------------*/

.block1 {margin:0; padding:0; text-align:left;}
.block1 section{ clear:both; margin:0 0.7%; padding:0 0 50px 0; display:inline-table; width:100%; vertical-align:top;}
.block1 img{float:left; width:40%; max-width:400px;}
.block1 section h3 { clear:none; font-size:16px; border-bottom:2px solid #dccb70; padding:0 0 10px 0; color:#a9902b; margin-top:0; margin-left:42%; text-align:left;}
.block1 section .description{ margin-left:42%;}
.block1 section .description p{ text-align:left; font-size:12px; line-height:1.8em; margin:0 5px 10px 0;}
.block1 section p.price{ text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; border-bottom:2px solid #dccb70;
padding:5px 0; margin-left:42%;}

.block1 .naiyou { clear:none; overflow:hidden; border-top:1px solid #dccb70; margin-left:42%;}
.block1 .naiyou img {float:left; width:30%; margin-right:5%; margin:10px 5% 0 0;}
.block1 .naiyou p{margin:10px 0; font-size:0.8em; line-height:1.6em; color:#a9902b;}

.block1 .nayouList{ clear:none; padding:20px 20px 10px;}


/*---------------------　下層コンテンツ用　２つ横並び　---------------------*/

.block2 {margin:0; padding:0; text-align:left;}
.block2 section{ margin:0 0.6% 30px; padding:0 0 7px 0; display:inline-table; width:48%;border-bottom:2px solid #dccb70;}
.block2 img{width:100%;}
.block2 .imgLeft{ width:40%; margin-right:5%; margin-bottom:10px; display:block;}
.block2 section h3 { font-size:14px; border-bottom:2px solid #dccb70; padding:0 0 10px 0; color:#a9902b; text-align:center;}
.block2 section .description p{ text-align:left; font-size:12px; line-height:1.8em; display:block; margin:0;}
.block2 section p.price{clear:both; text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; 
padding:7px 0 0; margin:0;}


/*---------------------　下層コンテンツ用　３つ横並び　---------------------*/

.block3 {margin:0; padding:0; text-align:left; }
.block3 section{ margin:0 0.6% 30px; padding:0 0 7px 0; display:inline-table; width:31%; vertical-align:top; border-bottom:2px solid #dccb70;}
.block3 img{width:100%;}
.block3 .imgLeft{width:40%; margin-right:5%; margin-bottom:10px; display:block;}
.block3 section h3 { font-size:14px; border-bottom:2px solid #dccb70; padding:0 0 10px 0; color:#a9902b; text-align:center; }
.block3 section .description p{ text-align:left; font-size:12px; line-height:1.8em; display:block; margin:0;}
.block3 section p.price{ text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; 
padding:7px 0 0; margin:0;}


/*---------------------　下層コンテンツ用　4つ横並び　---------------------*/

.block4 {margin:0; padding:0; text-align:left;}
.block4 section{ margin:0 0.6% 30px; padding:0 0 7px 0; display:inline-table; width:23%; vertical-align:top; border-bottom:2px solid #dccb70;}
.block4 img{width:100%;}
.block4 .imgLeft{width:40%; margin-right:5%; margin-bottom:10px; display:block;}
.block4 section h3 { font-size:14px; border-bottom:2px solid #dccb70; padding:0 0 10px 0; color:#a9902b; text-align:center;}
.block4 section .description p{ text-align:left; font-size:12px; line-height:1.8em; display:block; margin:0;}
.block4 section p.price{clear:both; text-align:left; font-size:12px; line-height:1.8em; border-top:1px solid #dccb70; 
padding:7px 0 0; margin:0;}

.borderBtm{border-bottom:2px solid #dccb70;}



/*---------------------　オンラインで購入　---------------------*/
.block1 .buyBtn{width:30%; float:right; display:block; margin:0;}
.block1 .buyBtn a{ display:block; color:#fff; padding:10px 0; font-size:11px; text-align:center;}




/*---------------------　内容　---------------------*/



.photoList02{ margin:30px auto; padding:0; text-align:center;}
.photoList02 li{
	display:inline-block;
    width: 215px;
    height: 215px;
    position: relative;
    overflow: hidden;
	margin:10px;
}
.photoList02 li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	
}
.photoList02 li a img{
    width: 180px;
    vertical-align: middle;
}



/*---------------------------------------------------------------
　　　ページ内リンク
---------------------------------------------------------------*/

/*---------------------　横１〜３つまで　---------------------*/
ul.category{ clear:both; margin:50px 0 0 0;  padding:0 0 40px 0; text-align:center;}
ul.category li{ margin:0 0.7% 10px; padding:0; display:inline-table; width:48%; line-height:40px;}
ul.category li span {display:block; padding:5px 0 30px; text-align:left;}
ul.category li a{display:block; width:100%; border:1px solid #dccb70; }
ul.category li a:link,
ul.category li a:visited,
ul.category li a:active { color:#000; background:#fff url(../images/common/navi_arrow_s.png) no-repeat 90% center;}
ul.category li a:hover { color:#000; background:#f5f0d7 url(../images/common/navi_arrow_s.png) no-repeat 90% center;}

/*---------------------　横４つ　---------------------*/
ul.category2{ margin:0; padding:0 0 40px 0; text-align:center;}
ul.category2 li{ margin:0 0.7% 10px; padding:0; display:inline-table; width:48%; line-height:40px;}
ul.category2 li span {display:block; padding:5px 0 30px; text-align:left;}
ul.category2 li a{display:block; width:100%; border:1px solid #dccb70; }
ul.category2 li a:link,
ul.category2 li a:visited,
ul.category2 li a:active { color:#000; background:#fff url(../images/common/navi_arrow_s.png) no-repeat 95% center;}
ul.category2 li a:hover { color:#000; background:#f5f0d7 url(../images/common/navi_arrow_s.png) no-repeat 95% center;}

/*---------------------　内容　---------------------*/
.naiyou table {min-height:95px;}
.description table {min-height:95px;}


/*---------------------------------------------------------------
　　　特設ページ共通部分
---------------------------------------------------------------*/
.info{ font-size:14px; border-top:2px solid #dccb70; border-bottom:2px solid #dccb70; padding:10px 0; margin:20px 10px;}

.info dl{ margin:0; padding:5px 0;}
.info dl dt {margin:0 0 8px 0; padding:2px 5px; float:left; background:#b70808; color:#fff; width:7em; text-align:center;}
.info dl dd {margin:0 0 8px 8.5em; padding:2px 5px;}
.info p {margin:0; padding:5px 0;}


#cRight {float:right; width:35%; margin-bottom:40px;}
#cRight img{ width:100%; margin:0 0 10px 0;}
#cRight p{ font-size:0.85em; margin:0; padding:0 0 20px 0; text-align:center;}

#cLeft {float:left; width:60%; margin-bottom:40px;}


/*---------------------------------------------------------------
　　　common
---------------------------------------------------------------*/
.marB01 {margin-bottom:50px;}
.marB02 {margin-bottom:80px;}
.marB03 {margin-bottom:30px;}

}



/* desktop */

@media only screen and (min-width: 769px) {
	
	
/*---------------------------------------------------------------
　　　ページ内リンク
---------------------------------------------------------------*/

/*---------------------　横１〜３つまで　---------------------*/
ul.category{ clear:both; margin:50px 0 0 0;  padding:0 0 40px 0; text-align:center;}
ul.category li{ margin:0 0.7%; padding:0; display:inline-table; width:30%; line-height:40px;}
ul.category li span {display:block; padding:5px 0 30px; text-align:left;}
ul.category li a{display:block; width:100%; border:1px solid #dccb70; }
ul.category li a:link,
ul.category li a:visited,
ul.category li a:active { color:#000; background:#fff url(../images/common/navi_arrow_s.png) no-repeat 90% center;}
ul.category li a:hover { color:#000; background:#f5f0d7 url(../images/common/navi_arrow_s.png) no-repeat 90% center;}

/*---------------------　横４つ　---------------------*/
ul.category2{ margin:0; padding:0 0 40px 0; text-align:center;}
ul.category2 li{ margin:0 0.7%; padding:0; display:inline-table; width:23%; line-height:40px;}
ul.category2 li span {display:block; padding:5px 0 30px; text-align:left;}
ul.category2 li a{display:block; width:100%; border:1px solid #dccb70; }
ul.category2 li a:link,
ul.category2 li a:visited,
ul.category2 li a:active { color:#000; background:#fff url(../images/common/navi_arrow_s.png) no-repeat 95% center;}
ul.category2 li a:hover { color:#000; background:#f5f0d7 url(../images/common/navi_arrow_s.png) no-repeat 95% center;}

p.txt02{padding-bottom:30px; text-align:center; line-height:2em;}
p.txt02 br.forPC{display:block;}

	
.photoList02{ margin:30px auto; padding:0; text-align:center;}
.photoList02 li{
	display:inline-block;
    width: 215px;
    height: 215px;
    position: relative;
    overflow: hidden;
	margin:10px;
}
.photoList02 li a {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    text-align: center;
	
}
.photoList02 li a img{
    width: 180px;
    vertical-align: middle;
}

/*---------------------　内容　---------------------*/
.naiyou table {min-height:100px;}
.description table {min-height:100px;}

}

/* desktop テーブル高さ指定用 */
@media only screen and (min-width: 835px) {
.naiyou table {min-height:107px;}
.description table {min-height:107px;}
}

@media only screen and (min-width: 900px) {
.naiyou table {min-height:115px;}
.description table {min-height:115px;}
}

@media only screen and (min-width: 940px) {
.naiyou table {min-height:125px;}
.description table {min-height:125px; }
}

@media only screen and (min-width: 960px) {
.naiyou table {min-height:130px;}
.description table {min-height:130px;}

}

/*-------追加スタイル---------*/
/*注釈用*/
.el_noteTxt {
color: #666;
font-size: 0.9em;
}