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



/* smartphone - スマートフォン専用サイトへのリンク
-------------------------------------------------------------*/
#smartphone a{display:block; width:980px; height:150px; margin:auto; background:url("../images/button_smartphone.html") no-repeat; text-indent:-9999px;}

/* preview - プレビュー時に表示するエリア
-------------------------------------------------------------*/
#preview{ padding:5px; border-bottom:1px solid #CCC; background:#1C8600; color:#000000;font-size:80%; text-align:center;}
#preview table{width:800px; margin:auto;}
#preview .ico{width:20%; padding-right:10px; text-align:right;}
#preview .content{ color: #fff;  text-align:left;}

/* body - 共通
-------------------------------------s------------------------*/
body{color:#000000;
	background-color:#FFFFFF !important;
	background-repeat: repeat !important;
	font-family:"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ","Meiryo",verdana,Osaka,"ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
	word-wrap:break-word;
	padding: 65px 0 0;
}

a:link {color:#000000;}
/*a:visited {color:#FFFFFF!important;}*/
a:active {color:#000000!important;opacity: 0.5 !important;}	
#soon{margin:50%;color:#FFFFFF;width:100px;text-align:center;font-size:1.5em;}

/* header - ヘッダ　2016/08/16　STARDUST　STOREヘッダー
-------------------------------------------------------------*/

#top #slide1200 { width: 100%;  }
#slide1200{ width: 100%!important; margin:50px auto 15px auto;  }
#slide1200.colTop img {
	width: 100%;
	
  
}



#headerkeen{height:60px;background:#FFFFFF; border-bottom:#000000 0px solid;}
#headerkeen #header_main{margin-left:10px;/*margin-right:auto;margin-left:auto;*/}
#headerkeen #header_main .left{float:left;margin-top:0px!important;width:400px; height:60px; background:url("../ext/dx/pf2020img/logo_keen_20pf.html") no-repeat;background-size:300px 57px;}
#headerkeen #header_main .left a{display: block;}
#headerkeen #header_main .left li{float:left;margin:0 20px 0 0;}


#headerkeen #header_main .right{float:right;position: relative;list-style-type: none;margin-right:0;}
#headerkeen #header_main .right a{display:block;padding:0.5em 0  0;}
#headerkeen #header_main .right a:hover{opacity: 0.5;}



/*ヘッダー cart menu*/
#headerkeen #header_main .right li a{display:block;padding:0;text-decoration: none;color: #000000;font-size:11px;/* line-height: 1;*/text-decoration:none;width:80px; height:50px;}
#headerkeen #header_main .right li a:hover{opacity: 0.5;}


/*ここまでheader_artist.htmlドロップメニュータグ-----*/ 
#headerkeen .links{line-height: 25px;overflow: hidden;width: 970px;margin-top: 0;margin-right: auto;margin-bottom: 0;margin-left: auto;}
#headerkeen .links a{ color:#000000;}
#headerkeen .links li{float:left;}
#headerkeen .links li a{display:block;}
#headerkeen .links ul{ float:right;}
#headerkeen .links ul.txt {width: 280px;}
#headerkeen .links ul.icon{ width:390px;}
#headerkeen .links ul.txt li{ font-size:12px;padding:0 10px;}
#headerkeen .links ul.txt li.border{background:url(../images/border_header_wh.html) left center no-repeat;}
#headerkeen .links ul.icon li{ padding:0 5px;background:url(../images/border_header_bk.html) left top no-repeat;}

#breadcrumbs{width:100%; margin:10px auto 10px;font-size:80%;color:#7d6d5d;}
#breadcrumbs a{width:100%; margin:10px auto 10px;font-size:80%;color:#7d6d5d;}
#headerkeen h1 a{display:block; float:left; width:300px; height:115px; background:url("../images/top_logo2.html") no-repeat; text-indent:-9999px; margin-top:50px;}


/* フッター
使用ファイル：common/footer_kai.xhtml
=================================================================*/
#footer{clear:both; width:100%; margin-top:30px; padding:30px 0 10px; background:url("") left bottom repeat-x;}
#footer:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer .inner{ width:100%!important; margin:0 auto;}
#footer .inner:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#footer .backtotop{text-align:right;}
#footer .menu{ margin-top:20px;}
#footer .menu ul{ float:right;}
#footer .menu li{ float:left; font-size:80%; border-left: #CCC 1px solid; padding:0 10px;list-style:none;}
#footer .menu a{color:#CCC!important;}
#footer .menu a{display:block;color:#666666;text-decoration:none;}
#footer .menu a:link {color:#666666;}
#footer .menu a:visited {color:#666666;}
#footer .menu a:active {color:#666666!important;opacity: 0.5 !important;}

#footer .menu li.none{ border:none !important;} 
#footer .menu li.last{ padding:0 0 0 10px !important;} 
#footer .copyright{display:block;clear:both; padding:10px 0 20px; font-size:70%; color:#CCC; text-align: right;}


/*トップへ戻るボタン*/
.topBtn { z-index:100;
	position:fixed; /*固定*/
	bottom:20px; /*場所を右下に移動*/
	right:20px; /*場所を右下に移動*/
	display:block; /*aタグをblock要素に変更*/
	background-color:rgba(0,0,0,0.5); /*以下、デザインはご自由に！！*/
	color:#CCC;border:1px solid #CCC;background-color: #FFFFFF;opacity: 0.5;
	text-decoration:none;
	font-weight:bold;
	font-size:11px;
	width:60px;
	height:60px;
	text-align:center;
	line-height:22px;
	border-radius:30px;
	padding-top:30px;
	box-sizing:border-box;
}
.topBtn:before {
	content:'\25B2';
	position:absolute;
	top:10px;
	left:0;
	width:100%;
	text-align:center;
	font-size:20px;
}
.topBtn:hover {
	opacity:0.7;
}

.topBtn a{text-decoration: none!important;color:#CCC!important;}

/*layout*/
.wrapper {
	position:relative;
}


/* itemListDetail - 商品詳細一覧・プレゼント一覧
-------------------------------------------------------------*/
container_k{width:1200px; margin:0 auto;background:#000000;color:#000000!important;}



#breadcrumbs_keen{width:100%; margin:10px auto 10px;font-size:80%;color:#000000!important;}
#breadcrumbs_keen a{width:100%; margin:10px auto 10px;font-size:100%;color:#000000!important;}


#itemListDetailkeen{margin:10px 0px;}
.itemListDetail_bg{ background:#000000; padding:0 13px; border:#CCCCCC 0px solid;}
#itemListDetailkeen:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetailkeen .box_padding{zoom:1; padding:0 15px;}
#itemListDetailkeen .box{ zoom: 1; margin: 10px 30px 10px 0px; width: 380px; background:#000000; float: left; height: 550px;color:#000000!important;}
#itemListDetailkeen .box:nth-child(3n) {margin-right: 0;}}/*端揃え*/


#itemListDetailkeen .img{width:380px;}
/*artistListの画像切替2016/07/12追加*/
.img_box a .img{}
/*ここまで*/
#itemListDetailkeen .img_box{width:380px !important; height:456px !important; margin:0; text-align:center; position:relative; background-color:#000000;}
#itemListDetailkeen .img_box img{width:auto !important; max-width:380px !important; max-height:456px !important; display:block; position: relative; top:0; right:0; bottom:0; left:0;
	/*background:#000000 !important; 画像と同サイズの白背景 */}
#itemListDetailkeen .img_box:hover{
	opacity: 0.5 !important;/* 透過率50% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}
#itemListDetailkeen .img_box .icon{height:16px!important;width:100%!important;overflow:hidden!important;position:absolute;bottom:0px!important;float:left!important;}
#itemListDetailkeen .img_box .icon2{height:25px!important;width:100%!important;overflow:hidden!important;position:absolute;bottom:0px!important;float:left!important;}
#itemListDetailkeen .img_box .icon3{height:25px!important;width:100%!important;overflow:hidden!important;position:absolute;bottom:0px!important;float:left!important;}
#itemListDetailkeen .img_box .iconsale{height:16px!important;overflow:hidden!important;position:absolute;bottom:25px!important;float:left!important;}

#itemListDetailkeen .box .iconsale img{ margin:0 2px 0 0; padding:0; vertical-align:top; display:block; float:left;}
#itemListDetailkeen .box .iconsale:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}
#itemListDetailkeen .text{color:#000000;margin:5px;/*text-overflow:ellipsis!important;overflow:hidden;white-space: nowrap;*/}
#itemListDetailkeen .text2{color:#000000;font-weight:700; font-size:11px;}/*アーティスト名*/
#itemListDetailkeen .text2 a:link{color:#000000 !important;}
#itemListDetailkeen .text2 a:visited{color:#000000 !important;}
#itemListDetailkeen .text2 a:hover,a:active{color:#000000!important; text-decoration:underline;}
#itemListDetailkeen .text2 a{ text-decoration:underline;}
#itemListDetailkeen .text3{ font-weight:800; font-size:14px;color:#000000;font-style:arial unicode ms!important;}/*価格*/
#itemListDetailkeen .text4{ font-weight:800; font-size:16px;font-style:arial unicode ms!important;color:#000000;}/*価格(タイムセール時)*/
#itemListDetailkeen .text5{text-decoration:line-through!important;color:#000000;}/*価格2(タイムセール時)*/
#itemListDetailkeen .text5fon{font-size:90%;font-weight:800;color:#000000!important;}/*価格2(タイムセール時)*/
#itemListDetailkeen .saleto{font-size:70%;height:25px;padding:5px 0;background:rgba(255,11,80,0.8);color:#000000!important;}
#itemListDetailkeen .yoyakufrom{font-size:70%;height:25px;padding:5px 0;background:#ff0000;color:#000000!important;}



#itemListDetailkeen h3{display:block; font-size:12px; font-weight:normal; /*height:2em;*/ overflow:hidden;text-overflow:hidden;}
#itemListDetailkeen h3 a{color:#000000!important;}
#itemListDetailkeen .price{ display: block; margin: 5px 0 3px 0; }
#itemListDetailkeen .price .teika{ font-size:12px;color:#000000;}
#itemListDetailkeen .state{ text-align:center; color:#CCC; height:22px; overflow:hidden;}
#itemListDetailkeen .state .coming{ border:#fcac00 dotted 1px; font-size:12px; line-height:20px; font-weight:bold; height:20px;}
#itemListDetailkeen .state .sold{ border:#FF3300 dotted 1px; font-size:12px; line-height:20px; font-weight:bold; height:20px;}
#itemListDetailkeen .state .coming{ border:#fcac00 dotted 1px; font-size:12px; line-height:20px; font-weight:bold; color:#fcac00; /*height:20px;*/}/*****/
#itemListDetailkeen .state .sold{ border:#FF3300 dotted 1px; font-size:12px; line-height:20px; font-weight:bold; /*height:20px;*/}/*****/


/* itemDetail - SOLDOUT＆COMINGSOON表示2016/07/13追加*/
.Soldoutcomkeen {position: absolute;color:#000000!important;background: rgba(255,255,255,0.8)!important;width: 100%!important;height: 100%!important;top: 0px;}
.Soldoutcomkeen:hover{opacity: 1.0 !important;/* 透過率0% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.Soldoutcomkeen p {color:#424358;margin-top:190px!important;font-size: 150%!important;text-align: center;font-weight:400!important;font-size:xx-large!important;}
.commingsooncom {position: absolute;right:0px;top:0px;text-align:right;}



.linkheader{height:100px;background-color:#000000;}
.pagelink{clear:both; font-size:75%; margin-bottom:20px;background-color:#000000;}
.pagelink .current{
	width:40px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:5px 0;
	color:#000000;
	background-color:#000000;
	float:left;margin-right:5px;border: 1px solid #000000;
}
.pagelink .current2{
	width:40px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:5px 0;
	color:#000000;
	background-color:#696969;
	float:left;margin-right:5px;border: 1px solid #2c2c2c;
}
.pagelink .current:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.pagelink .current2:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.pagelink .current3{
	width:40px;
	font-size:15px;
	font-weight:bold;
	text-decoration:none;
	display:block;
	text-align:center;
	padding:5px 0;
	color:#000;
	background-color:#000000;
	float:left;margin-right:5px;border: 1px solid #000000;}
.pagelink .current4{width:40px;font-size:15px;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:5px 0;color:#000000;background-color:#000000;float:left;margin-right:5px;border: 0px solid #000000;}
.pagelink .current:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
#containerright .pagelink .current2:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
#list2 .pagelink .pagebtn a{color:#a08e80!important;width:50px!important;height:30px!important;display:block;float:left;border: 1px solid #000000!important;;background:#000000;}

/* list - 一覧画面共通のメニュー
-------------------------------------------------------------*/
#list{padding-bottom:20px;width:1010px; padding:0 13px;}
.pageguide{float:left; width:500px; font-size:75%;margin:10px 15px;}
.rearrange{float:left; width:194px; font-size:75%; text-align:right;}
.pagelink{clear:both; font-size:75%;}
.nolink{color:#999;}
.linkheader{height:85px;background:#000000;/*border-top:solid 2px #000000;*/}
#pagelink_margin{margin:0 15px;}
.pagelink{clear:both; font-size:75%; margin-bottom:20px;}
.pagelink .current{width:30px;font-size:10px;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:5px 0;color:#000000;background-color:#000000;float:left;margin-right:5px;}
.pagelink .current2{width:30px;font-size:10px;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:5px 0;color:#000000;background-color:#c8c8c8;float:left;margin-right:5px;}
.pagelink .current:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.pagelink .current2:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.pagelink .current3{width:40px;font-size:15px;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:5px 0;color:#000;background-color:#000000;float:left;margin-right:5px;border: 1px solid #000000;}
.pagelink .current4{width:40px;font-size:15px;font-weight:bold;text-decoration:none;display:block;text-align:center;padding:5px 0;color:#000000;background-color:#000000;float:left;margin-right:5px;border: 1px solid #000000;}
.pagelink .current:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.pagelink .current2:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
#list2 .pagelink .pagebtn a{color:#000000!important;width:50px!important;height:30px!important;display:block;float:left;border: 1px solid #000000!important;background:#000000;}
.discountH{float:left;width:200px;margin-left:50px;}
.discountH .suryou{float:left;font-size:100%;margin-top:5px;color:#000000;}
.discountH .rearrange{height:25px;float:left;position: relative;display: block;width:auto;background: #000000;vertical-align:top;border:1px solid #000000;}
.rearrange:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.rearrange:before{content: ""; position: absolute;top: 45%; right:10px;display: block;width: 0;height: 0;margin: -2px 0 0 0;border: 5px solid transparent;border-top: 7px solid #000;}
.rearrange select {/*デフォルトのデザイン無効化*/cursor: pointer;position: relative;-webkit-appearance: none;-moz-appearance: none;appearance:none;display: block;width:auto;padding:3px 10px;color:#000;border: none;font-size:12px;background: transparent;width:100%;width:100px;text-indent: .01px; /*Firefox用*/text-overflow: ""; /*Firefox用*/}
.rearrange ::-ms-expand {display: none;}
.discountS{float:left;width:250px;margin-left:5px;}
.discountS .suryou{float:left;font-size:100%;margin-top:5px;color:#000000;}
.discountS .rearrange2{float:left;position: relative;display: block;width:auto;background:#000000;vertical-align:top;border:1px solid #000000;}
.rearrange2:hover{opacity: 0.5 !important;/* 透過率50% */transition: 0.2s !important;/* 0.2秒アニメーション */-webkit-transition: 0.2s !important;}
.rearrange2:before{content: ""; position: absolute;top:45%; right: 10px;display: block;width: 0;height: 0;margin: -2px 0 0 0;border: 5px solid transparent;border-top: 7px solid #000000;}
.rearrange2 select {/*デフォルトのデザイン無効化*/cursor: pointer;position: relative;-webkit-appearance: none;-moz-appearance: none;appearance:none;display: block;width:auto;width:120px; padding:3px 10px;color:#000000;border: none;font-size:11px; background: transparent;text-indent: .01px; /*Firefox用*/text-overflow: ""; /*Firefox用*/}
.rearrange2 ::-ms-expand {display: none;}






/* main - コンテナ内メインコンテンツ
-------------------------------------------------------------*/
#main1200_header{width:1200px;}

#main1200{width:1200px;}
#main1200 h2{display:block; height:25px; padding:3px 10px 3px 3px; font-size:85%; border-bottom:#999999 1px solid; color:#000000;}
#main1200 p{margin:5px; font-size:80%; line-height:150%;}
#main1200 table{width:684px; margin:10px 5px; font-size:80%; border:1px solid #CCC; line-height:160%;}
#main1200 th{padding:15px; border:1px solid #CCC; background:#EEE; vertical-align:top; font-weight:normal;}
#main1200 th.title{width:160px; text-align:left;}
#main1200 th.address{width:150px;}
#main1200 td{padding:15px; border:1px solid #CCC; vertical-align:top;}
#main1200 .buttonarea{margin:10px; padding-top:20px; border-top:#CCC 1px dashed; text-align:center;}
#main1200 .buttonareaFR{margin:0 20px; float:right;}
#main1200 .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#main1200 .hissu{color:#C00; font-weight:bold;}
#main1200 #breadcrumbs{margin-bottom:10px; font-size:80%;}



table{border-collapse:collapse; border-spacing:0;}

#news_kai{width:100%;margin:5em auto 0 auto;color:#000000;text-align:center;}
#news_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#news{margin:0 auto;width:620px!important;list-style-type: none;}
#news .heading{text-align: center;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#news p{text-align: center;margin:20px; font-size:80%; line-height:150%;}
#news table{width:480px;font-size:80%; border:1px solid #CCC; line-height:160%;}
#news th{color:#000000;padding:20px 5px 0px 15px; border:1px solid #FFFFFF; background:#FFFFFF; vertical-align:top; font-weight:normal;}
#news th.title{width:190px!important; text-align:right;}
#news th.address{width:150px;}
#news td{padding:13px; border:1px solid #FFFFFF; vertical-align:top;}
#news td input[type='text'] {
	font: 15px/24px sans-serif;
	box-sizing: border-box;
	width: 100%;
	padding: 0.2em;
	transition: 0.3s;
	letter-spacing: 1px;
	color: #aaaaaa;
	border: none;
	border-bottom: 1px solid #000000;
	background: transparent;
}
#news td input[type='text']:focus {
	border-bottom: 1px solid #000000;
	outline: none;background-color: #FFFFFF!important;
}


#news .button {width:70px;border:1px solid #000000;
  display       : inline-block;
  font-size     : 10pt;text-align    : center;
  cursor        : pointer;     /* カーソル   */
  padding       : 12px 12px;   /* 余白       */
  background    : #FFFFFF;     /* 背景色     */
  color         :#000000!important;     /* 文字色     */
  line-height   : 0.5em;         /* 1行の高さ  */
  opacity       : 1;           /* 透明度     */
  transition    : .2s;         /* なめらか変化 */
}
#news .button:hover {
  opacity       : 0.8;         /* カーソル時透明度 */
}

#news .buttonarea{margin:10px; padding-top:20px; text-align:right;}
#news .buttonareaFR{margin:0 20px; float:right;}
#news .buttonareaFR:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#news .hissu{color:#C00; font-weight:bold;}
#breadcrumbs{margin-bottom:10px; font-size:80%;}

/*使用ファイル：common/messages.xhtml*/
#news #error{width:100%; padding-bottom:5px;}
#news #error table{ border:none !important; font-size:80%;}
#news #error li{text-align: left;color:#000000;border:none;background:#FFFFFF;list-style-type: none;}
#news #error td{padding:10px; border:none !important;list-style-type: none;}
#news #error .ico{width:40px; vertical-align:top; text-align:center;}
#news #error .content{padding:5px; color:#C00; font-weight:bold; vertical-align:middle; line-height:150%;}
#news #error .buttonarea{margin:10px; padding-top:10px; border-top:#CCC 1px dashed; text-align:center;}
#news #error ul{background:none;}


/* itemDetail - 商品詳細
-------------------------------------------------------------*/
#breadcrumbs_kai{width:100%; margin:10px auto 10px;font-size:80%;color:#000000!important;}
#breadcrumbs_kai a{width:100%; margin:10px auto 10px;font-size:100%;color:#000000!important;}


#itemDetail{margin-bottom:20px;}
#itemDetail .box{ width:1200px; padding:0 0px;zoom:1; background:#FFFFFF;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;color:#000000}
#itemDetail .box:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */

#itemDetail #imagesarea{padding:20px 0; margin:0 0 10px;width:660px;float:left;}
#itemDetail #imagesarea:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail #imagesarea .main{width:550px !important; height:660px !important; float:left; text-align:center; position:relative; background-color:#FFFFFF; margin-left:20px;}
#itemDetail #imagesarea .main img{width:auto !important; height:auto !important; max-width:550px !important; max-height:660px !important; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#itemDetail #imagesarea #tab14{margin-top:42px;}
#itemDetail #imagesarea ul.subimage{float:left; margin-left:20px;}
#itemDetail #imagesarea ul.subimage li{margin-bottom:3px; padding:0; border:1px solid #bbb;}
#itemDetail #imagesarea ul.subimage li.active{opacity:1 !important;}
#itemDetail #imagesarea ul.subimage li.last{margin-bottom:0;}
#itemDetail #imagesarea ul.subimage li a{width:46px; height:46px; display:block;}
#itemDetail #imagesarea ul.subimage img{width:46px; height:46px;}


/* itemDetail - 商品詳細 20170530横itemdetail.html-----*/
#itemDetail #imagesarea2{padding:20px 0; margin:0 0 10px;width:610px;float:left;}
#itemDetail #imagesarea2:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetail #imagesarea2 .main{width:550px !important; height:660px !important; float:left; text-align:center; position:relative; background-color:#FFFFFF; margin-left:20px;}
#itemDetail #imagesarea2 .main img{width:auto !important; height:auto !important; max-width:550px !important; max-height:660px !important; display:block; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto;}
#itemDetail #imagesarea2 #tab14{margin-top:42px;}
#itemDetail #imagesarea2 #item13{width:550px;}
#itemDetail #imagesarea2 ul.subimage{width:550px;float:left; margin-left:17px;margin-top:10px;}
#itemDetail #imagesarea2 ul.subimage li{margin:5px 3px; padding:0; border:1px solid #bbb;float:left;}
#itemDetail #imagesarea2 ul.subimage li.active{opacity:1 !important;}
#itemDetail #imagesarea2 ul.subimage li.last{margin-bottom:0;}
#itemDetail #imagesarea2 ul.subimage li a{width:70px; height:auto;height:84px; display:block;}
#itemDetail #imagesarea2 ul.subimage img{width:70px; height:auto;}

#imagesarea2 .impcat{margin-top:15px;float:left;margin-left:22px;width:300px;font-size:90%; line-height:150%;}


#Box_width1200{width:1200px;}
#itemDetail #Box_width1200 #right_detail{width:540px;float:left;background:#cc0000;}


#itemDetailBox{}
#itemDetailBox .state_coming{ text-align:center; color:#FF9600; margin-left:0px;}
#itemDetailBox .state_sold{ text-align:center; color:#FF3300; margin-left:0px;}
#itemDetailBox .state_coming .coming{ border:#FF9600 dotted 1px; margin:0 8px; font-size:120%; line-height:40px; font-weight:bold;}
#itemDetailBox .state_sold .sold{ border:#FF3300 dotted 1px; margin:0 8px;font-size:120%; line-height:40px; font-weight:bold;}

#itemDetailLeft{ float:left; width:590px; margin:0; padding-top:20px;}
#itemDetailLeft .leftBox{ border-bottom: #CCC 0px dotted; padding:0 0 10px 10px;}
#itemDetailLeft .detailTitle{font-size:115%; font-weight:bold; margin:5px 0;}
#itemDetailLeft .icon{}
#itemDetailLeft .appeal{display:block; margin:5px 0; color:#ff0000;}
#itemDetailLeft .price{}
#itemDetailLeft .price .teika{display:block; margin-bottom:5px;font-size:120%;}
#itemDetailLeft .price .other{display:block; font-size:90%;}
#itemDetailLeft .code{ font-size:84%;}
#itemDetailLeft .meyasu{color:#000000;}
.explanation2{display:block;padding:10px; font-size:90%; line-height:120%;height:auto;}
.explanation3{display:block;padding:10px; margin-bottom:10px;font-size:90%; line-height:120%;}
#itemDetailRight{ float:right; width:590px; margin:0 0 0px 0; padding:0;}
#itemDetailRight .boxBg{padding:10px; margin:13px 0 0 0px;}
#itemDetailRight .sns{margin:10px 0 0 0;float:right;}
#itemDetailRight .sns ul{}
#itemDetailRight .sns li{padding:0; margin:0; width:70px;}
#itemDetailRight .sns li .fb-like{vertical-align: top; position:relative; top:-3px;}
#itemDetailRightl .sns:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetailRight .boxTable{color:#000000;width:100%; margin:0 auto;font-size:85%;}
#itemDetailRight .boxTable tr{background:#FFFFFF;color:#000000;}
#itemDetailRight .boxTable th,
#itemDetailRight .boxTable td{padding:4px; margin:0; text-align:center;font-weight:400;border:1px solid #000000 !important;}
#itemDetailRight .boxTable td{background:#FFFFFF !important;}
#itemDetailRight .boxTableNone{ width:100%; margin:0 auto 5px;border: none !important;}
#itemDetailRight .boxTableNone th,
#itemDetailRight .boxTableNone td{ padding:4px; margin:0; text-align:center; background:none !important;border: none !important;}
#itemDetailRight .discount{ padding-top:5px;}
#itemDetailRight .discountL{float:left;width:130px;margin:5px 0 0 150px;}
#itemDetailRight .kazu:hover{
	opacity:0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}	
#itemDetailRight .suryou{float:left;font-size:95%;margin-top:18px;}
#itemDetailRight .kazu{float:left; margin:8px 0 0 5px;position:relative;display: block;width:70px;height:40px;border: 1px solid #000000;background: #FFFFFF;}
#itemDetailRight .kazu:before{
	content: ""; position: absolute;
	top: 50%; right: 10px;display: block;
	width: 0;height: 0;margin: -2px 0 0 0;
	border: 5px solid transparent;border-top: 7px solid #000000;}
#itemDetailRight .kazu select {/*デフォルトのデザイン無効化*/cursor: pointer;position: relative;-webkit-appearance: none;
	-moz-appearance: none;appearance:none;display: block;width:70px;height:40px;
	padding:0px 0 0 15px;font-size:120%;color:#000000;border: none;border-radius: 5px;background: transparent;text-indent: .01px; /*Firefox用*/
	text-overflow: ""; /*Firefox用*/}
#itemDetailRight .kazu ::-ms-expand {display: none;}






#itemDetailRight .discountR{ float:right; margin: 0; padding:0; width:270px;}
#itemDetailRight .discountR .button{display:block; text-align:center;}
#itemDetailRight .discountR .button:hover{cursor:pointer;filter: alpha(opacity=60);/* ie lt 8 */-ms-filter: "alpha(opacity=60)";/* ie 8 */-moz-opacity:0.6;/* FF lt 1.5, Netscape */-khtml-opacity: 0.6;/* Safari 1.x */opacity:0.6;zoom:1;}
#itemDetailRight .discount:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemDetailRight .txt{clear:both; padding:0 0 10px 0; font-size:75%;}
#itemDetailRight .saledate { width:96%; border:1px dotted #ff0000; background:#000000; text-align:center; padding:0px; margin:0 0 0px 0; color:#000000;}

#itemDetailRight .meyasu2{border-top:2px solid #000000;border-bottom:2px solid #000000;padding:10px 0;margin:10px 0;color:#000000;font-size:90%;font-weight:bold;font-size:90%;font-weight:700;}
#itemDetailRight .attention{ width:100%;text-align:left; color:#000000;font-size:90%;font-weight:500;}


#itemDetailRight .sizeguide { padding:5px 5px 4px 8px; margin:0; color:#000000; font-size:70%; font-weight:bold; background:#ffcc00; border-radius:7px; width:70px;}
#itemDetailRight .sizeguide a:link{text-decoration: none;  color:#000000 !important;  }
#itemDetailRight .sizeguide a:visited{color:#000000 !important;}
#itemDetailBox:after{content:"."; display:block; visibility:hidden; height:0.1px; font-size:0.1em; line-height:0; clear:both;}/* clearfix */
#itemListDetail h3.itemTitle{ width:650px; height:1.5em !important;font-size:100%; font-weight:bold; line-height:160%; margin:20px 0 10px; border-bottom:#000000 solid 2px;}

#itemDetail #yoyakutext{font-size:100%!important;height:35px;padding:5px;color:#FFFFFF;background:#000000;display:block;margin:0 0 20px 0;text-align:center;}

/*-----------タブメニューCSS20170531追加----------------------------*/
.tab{overflow:hidden;margin-top:30px;}
.tab li{background:#000000; padding:7px 25px 0px 25px;margin:0 5px 0 0;float:left;height:30px;margin-bottom:-1px;-webkit-border-radius: 6px 6px 0 0;
	border-radius: 6px 6px 0 0;cursor: pointer;
	cursor: hand;color:#FFFFFF}
.tab li.select{background:#FFFFFF;border:1px solid #000000;color:#000000;}
.content li{background:#FFFFFF; padding:15px 5px;color:#000000;border-top:1px solid #000000;margin-top:-1px;}
.hide {display:none;}
/*-----------/タブメニューCSS----------------------------*/

/*--------------------------------------------------------------------------------
LPページ
--------------------------------------------------------------------------------*/
#head_keen{width:100%;height:450px;background-color: #000000;}

#box_item{width:100%;height:auto;background-color: #000000;}



/* keenandintense.html---------- */
#youtube {
	position: relative;
	padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
	height: 0;overflow: hidden;margin-top:3em;}
#youtube iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}

.colorbox{position: relative;width: 100%;height: 0;}
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1;clear: both;}



#gotop{margin:2em;font-size:1.3em;}
#gotop a{text-decoration: none;display:block;text-align:center;color:#000000;padding:1em;}
#gotop a:link {color:#000000;}
#gotop a:visited{color:#000000;}
#gotop a:active{color:#000000!important;opacity: 0.5 !important;}	
#gotop:hover{
	opacity: 0.5 !important;/* 透過率50% */
	transition: 0.1s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.1s !important;}



#LP_bannar{margin:1em 0;}
#LP_bannar a{text-decoration: none;display:block;text-align:center;color:#000000;}
#LP_bannar:hover{
	opacity: 0.5 !important;/* 透過率50% */
	transition: 0.1s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.1s !important;}

/*LP_COLLECTION-----------------------------------------------
-------------------------------------------------------------*/
#container_kai{
	width:1200px; margin:0 auto;
	z-index:50!important;
	/*border: 1px solid #666; 確認用*/
	position:relative;
	padding:0px;
	margin-right:auto;
	margin-left:15px;
	margin-top: 20px;
	margin-bottom: 20px;
}


/* The Magnificent Clearfix: nicolasgallagher.com/micro-clearfix-hack/ */
.clearfix:before, .clearfix:after { content: ""; display: table; }
.clearfix:after { clear: both; }
.clearfix { zoom: 1;clear: both;}


#about_kai{width:90%;margin:9em auto 0 auto;padding:3em 1em;border:solid 1px #000000;text-align:center;color:#000000;}
#about_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin-bottom:50px;}
#about_kai p{margin:0 auto;}




#produce_privilege{width:100%;color:#000000;text-align:center;margin:200px 0;}
#produce_privilege .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#produce_privilege p{margin:10px;}


#produce_kai{width:100%;margin:3em auto 0 auto;color:#000000;text-align:center; }
#produce_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#produce_kai .Reservation{width:90%;padding:15px;text-align:left;color:#FFFFFF;}
#produce_kai ul.listtest3 {
	margin:0;display: flex;flex-wrap: wrap;width: 100%;height:auto!important;
	justify-content: flex-start;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;}

#produce_kai ul.listtest3 img{width:100%;transition-duration: 0.3s;vertical-align: bottom;}
#produce_kai ul .imgkeen{
	width:calc(100% / 3); /* 33.3333333…％ */
	width : 33.33333% ; /* 未対応ブラウザ用フォールバック */
	width: -moz-calc(100% / 3);
	width: -webkit-calc(100% / 3);
	height:auto;background:#CCC;list-style: none;position:relative;}



#message_kai{width:100%;margin:3em auto 0 auto;color:#000000;}
#message_kai #message_1200{width:500px;margin:80px auto 0 auto;}
#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}

#collection_kai{width:100%;margin:5em auto 0 auto;color:#000000;text-align:center;}
#collection_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
#collection_kai #main{margin-bottom:100px;}

#container2 .element.box183 {width:390px; height:183px;display:block!important;}
#container2 .element.box183 a{text-decoration: none!important;}
#container2 .element.box183 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box233 {width:390px; height:233px;display:block!important;}
#container2 .element.box233 a{text-decoration: none!important;}
#container2 .element.box233 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box260{width:390px; height:260px;display:block!important;}
#container2 .element.box260 a{text-decoration: none!important;}
#container2 .element.box260 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box300 {width:390px; height:300px;display:block!important;}
#container2 .element.box300 a{text-decoration: none!important;}
#container2 .element.box300 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box390 {width:390px; height:390px;display:block!important;}
#container2 .element.box390 a{text-decoration: none!important;}
#container2 .element.box390 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box413 {width:390px; height:413px;display:block!important;}
#container2 .element.box413 a{text-decoration: none!important;}
#container2 .element.box413 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}	

#container2 .element.box460 {width:390px; height:460px;display:block!important;}
#container2 .element.box460 a{text-decoration: none!important;}
#container2 .element.box460 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box480 {width:390px; height:480px;display:block!important;}
#container2 .element.box480 a{text-decoration: none!important;}
#container2 .element.box480 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box500 {width:390px; height:500px;display:block!important;}
#container2 .element.box500 a{text-decoration: none!important;}
#container2 .element.box500 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box563 {width:390px; height:563px;display:block!important;}
#container2 .element.box563 a{text-decoration: none!important;}
#container2 .element.box563 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box580 {width:390px; height:580px;display:block!important;}
#container2 .element.box580 a{text-decoration: none!important;}
#container2 .element.box580 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box593 {width:390px; height:593px;display:block!important;}
#container2 .element.box593 a{text-decoration: none!important;}
#container2 .element.box593 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}

#container2 .element.box600 {width:390px; height:600px;display:block!important;}
#container2 .element.box600 a{text-decoration: none!important;}
#container2 .element.box600 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}


#container2 .element.box700 {width:390px; height:700px;display:block!important;}
#container2 .element.box700 a{text-decoration: none!important;}
#container2 .element.box700 a:hover{
	opacity: 0.5 !important;/* 透過率0% */
	transition: 0.2s !important;/* 0.2秒アニメーション */
	-webkit-transition: 0.2s !important;}


@media screen and (min-width:800px) and (max-width:1199px) {
    #container2 .element.box593 {width:320px; height:auto;display:block!important;}
    #container2 .element.box500 {width:320px; height:auto;display:block!important;}
    #container2 .element.box390 {width:320px; height:auto;display:block!important;}
    #container2 .element.box563 {width:320px; height:auto;display:block!important;}
    #container2 .element.box254 {width:320px; height:auto;display:block!important;}
    #container2 .element.box600 {width:320px; height:auto;display:block!important;}
	#container2 .element.box260 {width:320px; height:auto;display:block!important;}
	#container2 .element.box580 {width:320px; height:auto;display:block!important;}
	#container2 .element.box460 {width:320px; height:auto;display:block!important;}
	#container2 .element.box233 {width:320px; height:auto;display:block!important;}
	#container2 .element.box183 {width:320px; height:auto;display:block!important;}
	#container2 .element.box413 {width:320px; height:auto;display:block!important;}
	#container2 .element.box300 {width:320px; height:auto;display:block!important;}
	#container2 .element.box700 {width:320px; height:auto;display:block!important;}
	#container2 .element.box480 {width:320px; height:auto;display:block!important;}
}

@media screen and (min-width:600px) and (max-width:799px) {
    #container2 .element.box593 {width:250px; height:auto;display:block!important;}
    #container2 .element.box500 {width:250px; height:auto;display:block!important;}
    #container2 .element.box390 {width:250px; height:auto;display:block!important;}
    #container2 .element.box563 {width:250px; height:auto;display:block!important;}
    #container2 .element.box254 {width:250px; height:auto;display:block!important;}
    #container2 .element.box600 {width:250px; height:auto;display:block!important;}
	#container2 .element.box260 {width:250px; height:auto;display:block!important;}
	#container2 .element.box580 {width:250px; height:auto;display:block!important;}
	#container2 .element.box460 {width:250px; height:auto;display:block!important;}
	#container2 .element.box233 {width:250px; height:auto;display:block!important;}
	#container2 .element.box183 {width:250px; height:auto;display:block!important;}
	#container2 .element.box413 {width:250px; height:auto;display:block!important;}
	#container2 .element.box300 {width:250px; height:auto;display:block!important;}
	#container2 .element.box700 {width:250px; height:auto;display:block!important;}
	#container2 .element.box480 {width:250px; height:auto;display:block!important;}
}

@media screen and (min-width:412px) and (max-width:599px) {
    #container2 .element.box593 {width:180px; height:auto;display:block!important;}
    #container2 .element.box500 {width:180px; height:auto;display:block!important;}
    #container2 .element.box390 {width:180px; height:auto;display:block!important;}
    #container2 .element.box563 {width:180px; height:auto;display:block!important;}
    #container2 .element.box254 {width:180px; height:auto;display:block!important;}
    #container2 .element.box600 {width:180px; height:auto;display:block!important;}
	#container2 .element.box260 {width:180px; height:auto;display:block!important;}
	#container2 .element.box580 {width:180px; height:auto;display:block!important;}
	#container2 .element.box460 {width:180px; height:auto;display:block!important;}
	#container2 .element.box233 {width:180px; height:auto;display:block!important;}
	#container2 .element.box183 {width:180px; height:auto;display:block!important;}
	#container2 .element.box413 {width:180px; height:auto;display:block!important;}
	#container2 .element.box300 {width:180px; height:auto;display:block!important;}
	#container2 .element.box700 {width:180px; height:auto;display:block!important;}
	#container2 .element.box480 {width:180px; height:auto;display:block!important;}
}

@media screen and (min-width:280px) and (max-width:411px) {
    #container2 {margin: 0px auto;}
    #container2 .element.box593 {width:48%; height:auto;display:block!important;}
    #container2 .element.box500 {width:48%; height:auto;display:block!important;}
    #container2 .element.box390 {width:48%; height:auto;display:block!important;}
    #container2 .element.box563 {width:48%; height:auto;display:block!important;}
    #container2 .element.box254 {width:48%; height:auto;display:block!important;}
    #container2 .element.box600 {width:48%; height:auto;display:block!important;}
	#container2 .element.box260 {width:48%; height:auto;display:block!important;}
	#container2 .element.box580 {width:48%; height:auto;display:block!important;}
	#container2 .element.box460 {width:48%; height:auto;display:block!important;}
	#container2 .element.box233 {width:48%; height:auto;display:block!important;}
	#container2 .element.box183 {width:48%; height:auto;display:block!important;}
	#container2 .element.box413 {width:48%; height:auto;display:block!important;}
	#container2 .element.box300 {width:48%; height:auto;display:block!important;}
	#container2 .element.box700 {width:48%; height:auto;display:block!important;}
	#container2 .element.box480 {width:48%; height:auto;display:block!important;}
}


*, *:before, *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box
}

/* 390x〜600px：
------------------------------ */
@media screen and (min-width:390px) and (max-width:600px) {



	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1em;position: relative;font-size:1em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

}

#message_kai{width:100%;margin:3em auto 0 auto;color:#000000;}
#message_kai #message_1200{width:90%;margin:80px auto 0 auto;}
#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}

/* 600x〜824px：
------------------------------ */
@media screen and (min-width:600px) and (max-width:824px) {
	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1.5em;position: relative;font-size:1.3em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}



}

#message_kai{width:100%;margin:3em auto 0 auto;color:#000000;}
#message_kai #message_1200{width:500px;margin:80px auto 0 auto;}
#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}


/* 390x〜824px：
------------------------------ */
@media screen and (min-width:390px) and (max-width:824px) {

	#slide1200{width:90%;margin:50px auto 15px auto;}

	#message_kai{width:100%;color:#000000;text-align:center;}
	#message_kai #message_1200{width:90%;margin:80px auto 0 auto;}
	#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
	#menubar{width:100%;height:auto;border-top:solid 0px #000000;border-bottom:solid 0px #000000;margin:30px 0;
		display: flex;flex-wrap: wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#menubar #menutainer{margin:0 auto;}

	#menubar .menu300{width:50%;height:auto;float:left;margin:0 auto;padding:10px 0;position: relative;font-size:1.1em;}
	#menubar .menu300 a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menu300 a:link {color:#000000;}
	#menubar .menu300 a:visited {color:#000000;}
	#menubar .menu300 a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menu_check{width:50%;height:auto;float:left;margin:0 auto;padding:10px 0;position: relative;font-size:1.3em;color:#000000;opacity: 0.5 !important;text-align:center;text-decoration:none;}
	#menubar .menu300:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

	#container2{
		/*border: 1px solid #666; 確認用*/
		position:relative;margin:0px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;
        margin: 0px auto;} /*width指定しない*/

	.element { margin:0px 5px 15px 5px;float: left;overflow: hidden;position: relative;}

	/* collection.html---------- */
	#headcol{width:234px;height:31px;margin:20px auto;background:url("../ext/dx/pf2020img/logo_keen_20pf.html") no-repeat; }



}


.standard_content {
  width:90%;
 
}
.standard_inner {
  padding-top: 10px;
  display: flex;
	 
  justify-content: space-evenly;
	  width:80%;
}

@media screen and (max-width:768px) {
    .standard_inner {
        padding-top: 0px;
        flex-direction: column;
        width: 70%;
    }

    .rollover-transparent img {
        margin-bottom: 4em;
    }
}


/* 825px〜1199px：
------------------------------ */
@media screen and (min-width:825px) and (max-width:1199px) {
	#slide1200{width: 90%;margin:50px auto;}

	#menubar{width:100%;height:auto;border-top:solid 0px #000000;border-bottom:solid 0px #000000;margin:30px 0;
		display: flex;flex-wrap: wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#menubar #menutainer{margin:0 auto;}

	#menubar .menu300{height:auto;float:left;margin:0 auto;padding:20px 20px;position: relative;font-size:1.1em;text-align:center;}
	/*#menubar .menu300 a{display:block;color:#000000;text-align:center;text-decoration:none;}*/
	#menubar .menu300 a:link {color:#000000;text-decoration: none;}
	#menubar .menu300 a:visited {color:#000000;}
	#menubar .menu300 a:active {color:#000000!important;opacity: 0.5 !important;}
	#menubar .menu300:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

	/* ドロップダウンメニュー------- */
	.nav {background:#FFF;margin: 0 auto;padding: 0;display: flex;}
	.nav li {position: relative;list-style: none;}
	.nav li a {padding:20px 30px;
		display: block;
		text-align: center;
		color:#000000;
		font-size:1.1em;
		text-decoration: none;
		box-sizing: border-box;
	}
	.nav > li:hover > a {/*layer-1*/color: #000000;background: #FFFFFF;}
	.nav > li li:hover > a {/*layer-2*/color: #CCC;background: #FFFFFF;}
	.nav li ul {top: 66px;left: -70px;position: absolute;margin:0 0 0 -70px;}
	.nav li ul li {overflow: hidden;height: 0;transition: 0.2s;}
	.nav li ul li a {width:120%;
		height: 0;border-top: 1px solid #000000;
		border-left: 1px solid #000000; 
		border-right: 1px solid #000000;
		font-size: 12px;line-height:2px;}
	.nav li ul li:last-child a{border-bottom: 1px solid #000000;}	
	.nav li:hover > ul > li {overflow: visible;height: 40px;}
	.nav li ul li ul {top: 0;left: 110px;}
	.nav li ul li ul:before {/*layer-2▷*/position: absolute;content: "";top: 15px;left: 30px;border: 5px solid transparent;border-left: 1px solid #fff;}
	.nav li ul li ul li:hover > a {/*layer-3*/color: #CCC;}
	.nav li ul li ul.left {top: 0;left: -190px;}
	.nav li ul li ul.left:before,/*layer-2-left▷*/
	.nav li ul li ul li ul.left:before {/*layer-3-left▷*/position: absolute;content: "";top: 15px;left: 190px;border: 5px solid transparent;border-right: 5px solid #fff;}
	.nav li ul li ul.left li:hover > a {/*layer-2-left*/color: #CCC;background: #FFFFFF;}
	.nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/color: purple;background: #FFFFFF;}
	/* ドロップダウンメニューここまで------- */

	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1.5em;position: relative;font-size:1.3em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}
	#menubar .menu_check{height:auto;float:left;margin:0 auto;padding:20px 30px;position: relative;font-size:1.3em;color:#000000;opacity: 0.5 !important;text-align:center;text-decoration:none;}


	#message_kai{width:100%;color:#000000;text-align:center;}
	#message_kai #message_1200{width:800px;margin:80px auto 0 auto;}
	#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}

	#container2{
		/*border: 1px solid #666; 確認用*/
		position:relative;margin:0px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;} /*width指定しない*/

	.element { margin:0px 5px 15px 5px;float: left;overflow: hidden;position: relative;}

	#ggmapcont{width:600px;margin:30px auto;}	
	#ggmapcont.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;margin:30px auto;height: 0;width:100%;overflow: hidden;}
	#ggmapcont.ggmap iframe,
	#ggmapcont.ggmap object,
	#ggmapcont.ggmap embed {
		position: absolute;
		top: 0;left: 0;width: 100%;height: 70%;}


	/* collection.html---------- */
	#headcol{width:605px;height:80px;margin:30px auto;background:url("../ext/dx/pf2020img/logo_keen_20pf.html") no-repeat; }


}

/* 1200px〜：
------------------------------ */
@media screen and (min-width:1200px) {

	/* ドロップダウンメニュー------- */
	.nav {background:#FFF;margin: 0 auto;padding: 0;display: flex;}
	.nav li {position: relative;list-style: none;}
	.nav li a {padding:20px 30px;
		display: block;
		text-align: center;
		color:#000000;
		font-size:1.3em;
		text-decoration: none;
		box-sizing: border-box;
	}

	.nav > li:hover > a {/*layer-1*/color: #000000;background: #FFFFFF;}
	.nav > li li:hover > a {/*layer-2*/color: #CCC;background: #FFFFFF;}
	.nav li ul {top: 70px;left: -40px;position: absolute;margin:0 0 0 -65px;}
	.nav li ul li {overflow: hidden;height: 0;transition: 0.2s;}
	.nav li ul li a {width:110%;
		height: 0;
		border-top: 1px solid #000000;
		border-left: 1px solid #000000; 
		border-right: 1px solid #000000;
		font-size: 12px;
		line-height:2px;}
	.nav li ul li:last-child a{border-bottom: 1px solid #000000;}	
	.nav li:hover > ul > li {overflow: visible;height: 40px;}
	.nav li ul li ul {top: 0;left: 110px;}
	.nav li ul li ul:before {/*layer-2▷*/position: absolute;content: "";top: 15px;left: 30px;border: 5px solid transparent;border-left: 1px solid #fff;}
	.nav li ul li ul li:hover > a {/*layer-3*/color: #CCC;}
	.nav li ul li ul.left {top: 0;left: -190px;}
	.nav li ul li ul.left:before,/*layer-2-left▷*/
	.nav li ul li ul li ul.left:before {/*layer-3-left▷*/position: absolute;content: "";top: 15px;left: 190px;border: 5px solid transparent;border-right: 5px solid #fff;}
	.nav li ul li ul.left li:hover > a {/*layer-2-left*/color: #CCC;background: #FFFFFF;}
	.nav li ul li ul li ul.left li:hover > a {/*layer-3-left*/color: purple;background: #FFFFFF;}
	/* ドロップダウンメニューここまで------- */



	#menubar{width:100%;height:auto;border-top:solid 0px #000000;border-bottom:solid 0px #000000;margin:30px 0;
		display: flex;flex-wrap: wrap;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#menubar #menutainer{margin:0 auto;}

	#menubar .menu300{height:auto;float:left;margin:0 auto;padding:20px 30px;position: relative;font-size:1.3em;text-align:center}
	/*#menubar .menu300 a{display:block;color:#000000;text-align:center;text-decoration:none;}*/
	#menubar .menu300 a:link {color:#000000;text-decoration: none;}
	#menubar .menu300 a:visited {color:#000000;}
	#menubar .menu300 a:active {color:#000000!important;opacity: 0.5 !important;}
	#menubar .menu300:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}

	#menubar .menu_check{height:auto;float:left;margin:0 auto;padding:20px 30px;position: relative;font-size:1.3em;color:#000000;opacity: 0.5 !important;text-align:center;text-decoration:none;}

	#menubar .menutop{height:auto;float:left;margin:0 auto;padding:1em 1.5em;position: relative;font-size:1.3em;}
	#menubar .menutop a{display:block;color:#000000;text-align:center;text-decoration:none;}
	#menubar .menutop a:link {color:#000000;}
	#menubar .menutop a:visited {color:#000000;}
	#menubar .menutop a:active {color:#000000!important;opacity: 0.5 !important;}	
	#menubar .menutop:hover{
		opacity: 0.5 !important;/* 透過率50% */
		transition: 0.1s !important;/* 0.2秒アニメーション */
		-webkit-transition: 0.1s !important;}




	#container2{
		/*border: 1px solid #666; 確認用*/
		position:relative;margin:0px auto;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;} /*width指定しない*/

	#container2 #collect{margin-left:-45px;}
	#container2 #collect a:hover,
	#container2 #collect a:focus { outline: none; }
	#container2 .element {margin:0px 7.5px 15px 7.5px;float: left;overflow: hidden;position: relative;}

	#about_kai{width:1100px;margin:150px auto 0 auto;padding:50px 15px;border:solid 1px #000000;text-align:center;color:#000000;}
	#about_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin-bottom:50px;}
	#about_kai p{margin:0 auto;}


	#produce_privilege{width:100%;color:#000000;text-align:center;margin:200px 0;}
	#produce_privilege .heading{display: inline-block;font-size:1.3em!important;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
	#produce_privilege p{margin:10px;}


	#produce_kai{width:100%;color:#000000;text-align:center;}
	#produce_kai #produce_1200{width:1200px;margin:80px auto 50px auto;}
	#produce_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}
	#produce_kai .Reservation{width:100%;padding:15px;text-align:left;  }
	
	

	#produce_kai ul.listtest3 {
		margin:0;display: flex;flex-wrap: wrap;width: 100%;height:auto!important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		-o-box-sizing: border-box;
		-ms-box-sizing: border-box;
		box-sizing: border-box;}

	#produce_kai ul.listtest3 img{width:100%;transition-duration: 0.3s;vertical-align: bottom;}
	#produce_kai ul .imgkeen{
		width:calc(100% / 3);
		width : 33.33333% ;
		width: -moz-calc(100% / 3);
		width: -webkit-calc(100% / 3);
		height:auto;background:#CCC;list-style: none;position:relative;}

	

	
	#message_kai{width:100%;color:#000000;text-align:center;}
	#message_kai #message_1200{width:800px;margin:80px auto 0 auto;}
	#message_kai .heading{display: inline-block;font-size:1.3em;font-weight:300!important;border-bottom: 1px solid #000000;padding:0 15px 2px 15px;margin:1em auto 2em auto;}


	#ggmapcont{width:600px;margin:30px auto;}
	#ggmapcont.ggmap {position: relative;padding-bottom: 56.25%;padding-top: 30px;margin:30px auto;height: 0;width:100%;overflow: hidden;}
	#ggmapcont.ggmap iframe,
	#ggmapcont.ggmap object,
	#ggmapcont.ggmap embed {
		position: absolute;
		top: 0;left: 0;width:100%;height: 70%;}

	/* collection.html---------- */
	#headcol{width:605px;height:80px;margin:30px auto;background:url("../ext/dx/pf2020img/logo_keen_20pf.html")no-repeat; }


}





/**** Transitions ****/

.transitions-enabled.masonry,
.transitions-enabled.masonry .masonry-brick {
	-webkit-transition-duration: 0.7s;
	-moz-transition-duration: 0.7s;
	-o-transition-duration: 0.7s;
	transition-duration: 0.7s;
}

.transitions-enabled.masonry {
	-webkit-transition-property: height, width;
	-moz-transition-property: height, width;
	-o-transition-property: height, width;
	transition-property: height, width;
}

.transitions-enabled.masonry  .masonry-brick {
	-webkit-transition-property: left, right, top;
	-moz-transition-property: left, right, top;
	-o-transition-property: left, right, top;
	transition-property: left, right, top;
}


/* disable transitions on container */
.transitions-enabled.infinite-scroll.masonry {
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
	transition-property: none;
}