*{
 margin: 0;
 padding: 0;
font-family: 'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W5', Meiryo, メイリオ, sans-serif;
}



h1{font-size:1.2rem; color:#090;}
h3{font-size:18px;}

#cover{background-color:#fff; margin:5px; padding:0; }
#cover_top{
margin:0 0px;
padding:0;
line-height:1.4;
background-color:#fff;
color:#024;
}

#cover_top ul{margin-left:1%;}
#cover_top li{margin:5px 0;}
#cover_top p{padding:0 10px;}

#contants_ume{background-color:#234;}
#contants_umeyoko{background-color:#432;}
#contants_yoko{background-color:#534;}
#contants_kisho{background-color:#244;}

#chui{
margin:5px; 
padding:10px 0 5px 10px; 
color:#c00; 
border-bottom:solid 3px #c00;
}
ul.chui{font-size:0.9rem !important;}
ul.chui2{font-size:1rem !important; list-style:square;}

.uchi_en{
border:dotted 5px #c9c; 
border-radius:30px;
padding:2px 18px;
background-color:#fff;
}
.soto_en{
border:dotted 5px #c9c; 
border-radius:40px; 
 padding:8px !important; 
background-color:#ffc;
 width:84%; 
 margin:15px 8%;
 }
 
.uchi_en2{ 
width:90%; 
margin:10px auto !important; 
padding:10px 20px !important;
border:dotted 2px #c9c; 
border-radius:10px; 
background-color:#ffc;
 }
 
 .uchi_en3{ margin:20px auto; width:80%;
border:dotted 5px #c9c; 
border-radius:40px; 
 padding:8px !important; 
background-color:#ffc;
 width:84%; 
 margin:15px 8%;}
 
 .uchi_en3 h4{border-bottom:solid 4px #c00; font-size:1.1rem;}
 
 img{vertical-align:middle;}
 
 /*--　折りたたみ　--*/


details:not(:last-child) {
  margin-bottom: 20px;
}

/**
 * list-style: none; ←デフォルト三角削除（Chrome非対応）
 * cursor: pointer; ←カーソルをポインターに
**/
details summary {
margin:20px 0px 10px 0;
border-top:dotted 4px #6c9; 
border-bottom:dotted 4px #6c9; 
  list-style: none;
  cursor: pointer;
  padding: 10px 20px;
  background: #fff;
  color: #125689;
  font-size: 1.1rem; /** rem 倍　**/
  font-weight: bold;
}
/**
 * Chrome用のデフォルト三角削除
**/
details summary::-webkit-details-marker {
  display: none;
}
/**
 * Font Awesomeのプラスアイコン使用
**/
details summary::before {
  font-family: FontAwesome;
  content: '\f067';
  margin-right: 20px;
}
/**
 * アコーディオンがオープン時はマイナスアイコンに変更
**/
details[open] summary::before {
  content: '\f068';
}

details p {
  margin: 0;
  padding: 20px;
}

/** **/
details.kyoku summary.kyoku {
margin: 0;
border:none;
  list-style: none;
  cursor: pointer;
  padding: 10px 0px;
  background: #eee;
  color: #003399;
  font-size: 0.9rem; /** rem 倍　**/
  font-weight: bold;
}
/**
 * Chrome用のデフォルト三角削除
**/
details.kyoku summary::-webkit-details-marker {
  display: none;
}
/**
 * Font Awesomeのプラスアイコン使用
**/
details.kyoku summary::before {
  font-family: FontAwesome;
  content: '\f067';
  margin-right: 10px;
}
/**
 * アコーディオンがオープン時はマイナスアイコンに変更
**/
details.kyoku[open] summary::before {
  content: '\f068';
}

details.kyoku ol {
  margin: 0;
  padding: 20px;
}
  /*-----------------------------------------------
文字修飾
-----------------------------------------------*/
 .red{color:red; font-weight:600;}
 .futo{font-weight:600;}
 .sma{font-size:90%; font-weight:500;}
 .kanbai{color:#c00; background-color:#ff9;font-size:120%; padding:2px 5px}

  /*-----------------------------------------------
 新製品
-----------------------------------------------*/
h2.newitem{
	text-align:center;
	font-size:1.3rem;}
	
#cover_top ul.gallery{
 width:99%;
	margin:0 !important;
	padding:0 !important;
	text-align:center;
	background-color:#fee;
border:solid 5px #c66; 
border-radius:40px 0 70px 0; 
	}
  ul.gallery li{ display: inline-block;
	font-size:0.9rem;
	width:120px;
	margin:0;
	padding:0;
	vertical-align:top;}
 ul.gallery li dt{height：20px；}
	ul.gallery a{text-decoration:none;} 
	ul.gallery a:hover{color:red;} 
 
 ul.gallery img{width:50px !important; height:50px !important;}
 
 /*-----------------------------------------------
 アイテム
-----------------------------------------------*/
div.item{
display: inline-block; /* インラインブロック化 */
vertical-align: top;   /* 上端を揃える */
width:45%;
margin:0 2% 1% 1%;
background-color:#eee;
border:solid 5px #999; 
border-radius:10px;
} 
	 /* Micro Clearfix（※floatのあとに必須）
div.item:after {

    content: "";
    clear: both;
    display: block;
}
 */
.item h2.umedvd{margin:0; padding:4px 20px; background-color:#39f; font-size:18px; color:#fff;}
.item h2.ume{margin:0; padding:4px 20px; background-color:#56c; font-size:18px; color:#fff;}
.item h2.umeyoko{margin:0; padding:4px 20px; background-color:#c52; font-size:18px; color:#fff;}
.item h2.koma{margin:0; padding:4px 20px; background-color:#9c2; font-size:18px; color:#fff;}
.item h2.yoko{margin:0; padding:4px 20px; background-color:#c06; font-size:18px; color:#fff;}


h2.kisho{border-bottom:double 6px #cff; border-top:double 6px #cff; text-align:center; font-size:18px;  background-color:#000; color:#fff;}

h2.junle{border-bottom:double 6px #c99; border-top:double 6px #c99; text-align:center; font-size:18px;  background-color:#000; color:#fff;}
h2.junle2{border-bottom:solid 6px #ccc; border-top:solid 6px #ccc; text-align:center; font-size:18px; background-color:#fff;}

h2.haiban{margin:0; padding:4px 20px; background-color:#aaa; font-size:18px; color:#333;}

.item p.chubo{margin:40px 10px 10px 10px; font-size:16px; text-align:center; }
.item p.copy{margin:10px; font-size:16px; font-weight:600;}
.item p{margin:10px; font-size:15px; line-height:1.4;}
.item ol{margin-left:5px;}
.item ul{list-style-type:square; margin:10px 0;}


p.cdichiran{text-align:center; }
p.cdichiran img{margin-bottom:10px; }


img.cdjacket{width:40%; height:auto; display:block; margin:0px 10px 10px 4px;}

img.cdjacket_tate{width:25%; height:auto; display:block; margin:0px 10px 10px 4px;}

li.kakaku{font-size:110%; font-weight:600; list-style:none; margin-left:-20px;}
li.joho{font-size:100%; margin:10px 0;}

.disc01{color:#600; font-weight:600; text-decoration:underline;}
.disc02{color:#060; font-weight:600;text-decoration:underline;}
.disc03{color:#006; font-weight:600;text-decoration:underline;}

 
/*-----------------------------------------------
 ボタン
-----------------------------------------------*/


a.btn{
    padding:4px 15px;
  font-size:16px;  
	font-weight:600;
  text-decoration:none; 
  background:linear-gradient(#eff, #cdd);
background: -prefix-linear-gradient(top, #eff, #cdd);

/*  グラデーション */
	      background:-webkit-linear-gradient(top, #eff, #cdd);
	      background:-webkit-gradient(linear,top, bottom, from(#eff), to(#cdd));
 border-radius:5px;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
    border:solid 2px #999;
    white-space: nowrap;
  } 
a.btn:visited, a.btn:link{
color:#0033ff; 
  }
a.btn:hover{
  background:linear-gradient(#fff, #999);
   background: -prefix-linear-gradient(top, #fff, #999);
/*  グラデーション */
	    background:-webkit-linear-gradient(top, #fff, #999);
	      background:-webkit-gradient(linear,top, bottom, from(#fff), to(#999));
  color:#f00;
}

/*  視聴ボタン*/
a.btn2{
    padding:2px 6px;
  font-size:14px;  
	font-weight:600;
  text-decoration:none; 
  background:linear-gradient(#fff, #999);
background: -prefix-linear-gradient(top, #fff, #999);

/*  グラデーション */
	      background:-webkit-linear-gradient(top, #fff, #999);
	      background:-webkit-gradient(linear,top, bottom, from(#fff), to(#999));
 border-radius:10px;
 -moz-border-radius:10px;
 -webkit-border-radius:10px;
    border:solid 2px #999;
    white-space: nowrap;
  } 
a.btn2:visited, a.btn2:link{
color:#009933; 
  }
a.btn2:hover{
  background:linear-gradient(#fff, #999);
   background: -prefix-linear-gradient(top, #fff, #999);
/*  グラデーション */
	    background:-webkit-linear-gradient(top, #fff, #999);
	      background:-webkit-gradient(linear,top, bottom, from(#fff), to(#999));
  color:#f00;
}
////* *////

/*フッター*/
#footer{background-color:#dee; margin:0; padding:0;}
#footer h2{margin:0; padding:0 20px; background-color:#006; color:#fff;}
#footer h3{margin-top:30px; background-color:#fff; border-bottom:solid 5px #006; padding:10px 10px 3px 15px;}
#footer h4{margin:0; padding:0; text-align:center; color:red;}
#footer h5{border-bottom:solid 5px #96f; padding:20px 10px 3px 15px; margin-left:10px; font-size:18px; color:#96c;}
#footer p{margin:10px; padding:10px 20px;}
#footer ul{margin:20px 10px;}

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

.ionly{display:none;}
}

@media screen and (max-width: 700px) {
div.item{font-size:14px; width:98%; margin:5px auto;}
.item li.kakaku{font-size:110%; font-weight:600; padding:10px 20px;}
.item ul{list-style:none; margin:0; padding:10px;}
.item img{max-width:200px; height:auto;}

}