/* ボディー */

body {
  	background-color: #fff;
	text-size-adjust: 100%;
}

/* カラム */

.container {
	overflow: hidden;/*wrapperからはみ出る部分を非表示にする*/
}

/*******************************************検索ボックス************************************************/

input {
        max-width: 100%;
        border-radius: 4px ;      /* 角を丸くする */
        padding: 10px;            /* 内側の余白を追加 */
        border: 1px solid #ccc;  /* 枠線を薄いグレーに設定 */
        font-size: 16px;          /* フォントサイズを少し大きめに */
        margin-bottom: 0px; /* フィールド間の間隔 */
        width: 100%;              /* 横幅を100%にして親要素にフィットさせる */
        box-sizing: border-box;  /* パディングを含めた幅の計算 */
        color: #4d4d4d; /* 文字色を濃いグレーに変更 */
        }

/*******************************************日付、商品名************************************************************/

.date {
	color: #4d4d4d;
}

.item {
	color: #4d4d4d;
	
	/* 光る文字 */

  background-image: linear-gradient(
    70deg,
    rgb(30, 30, 30, 0.8) 45%, 
    #fff 50%, 
    rgb(30, 30, 30, 0.8) 55%
  );
  background-size: 500% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
　font-weight: bold;
  animation: shine 5s infinite;
}

@keyframes shine {
  0% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}

/*******************************************JAPANESE ENGLISH************************************************************/

/* ナビゲーションバー 言語 */
#language {
  list-style: none;
}

#language li {
  width: 90;
  text-align: center;
  background-color: #f0f5ff; /* ヘッダーの色 */
  display: inline-block;
}

#language li a {
  text-decoration: none;
  color: #4d4d4d;
}

#language li.lcurrent a{
color: #4d4d4d;
}

#language li a:hover{
color: #888888;
}

/* ナビゲーションバー 言語 アンダーライン */
.lunder{
text-decoration: underline;
}

/**********************************ボタンSOAKED WOMAN********************************************************/

/* homeに行く(SOAKEDWOMAN)*/
.home {
  display: inline-block;
  padding: 10px 31px;
  border-radius: 25px;
  text-decoration: none;
  color: whitesmoke;
  background-image: linear-gradient(45deg, skyblue 0%, darkviolet 100%);
  transition: .4s;
}

.home:hover {
  color: white;
  background-image: linear-gradient(45deg, lightskyblue 0%, darkorchid 100%);
}

/**********************************ボディーデザイン********************************************************/

hr  { border: 0; height: 0; border-top: 1px solid rgba(0, 0, 0, 0.1); border-bottom: 1px solid rgba(255, 255, 255, 0.3); }

/* ヘッダーを幅いっぱいにする為のボックス */

#headerbg {
width:100%;
background-repeat: repeat-x;
}

/* ヘッダー */

#my_header{
	clear: both;
	width: 100%;
	background-color: #f0f5ff; /* ヘッダーの色 */
	margin-top:00px;
}

/* メイン */

#my_main {
	width: 89%;
	margin :0 auto;
}

/***********************************画像、テキスト************************************************/

/* 画像自動縮小 */
#fade-viewer	{	max-width:100%;		}

img             {	max-width:100%; 	}

/* 動画自動縮小 */
.youtube		{	max-width:100%;		}

/* スマホ用のスタイル */
        @media (max-width: 768px) {
            .youtube {
                max-height: 230px; /* スマホでの高さを300pxに制限 */
                }
        }

video           {	max-width:100%;		}

/* スマホ用のスタイル */
        @media (max-width: 768px) {
            video {
                max-height: 230px; /* スマホでの高さを300pxに制限 */
                }
        }
                
iframe          {	max-width:100%;		}

/* スマホ用のスタイル */
        @media (max-width: 768px) {
            iframe {
                max-height: 230px; /* スマホでの高さを300pxに制限 */
                }
        }

/* テキスト */

h2	{	color:#998265;  font-size:20px;		text-align: left;	 	}

p	{	color:#4d4d4d;		font-size:18px;		height:auto;        }

#pfont	{	color:#4d4d4d;		font-size:18px;		} /* シリーズの商品名 */

.reserved {		color:#fff;	text-align: center;		font-size:10px;				} /* フッターの文字 */

/* リンク */

a       {
	color: #4d4d4d;
}
a:hover	{
	color: #777777;
}

/*******************************ヘッダーフッダーを幅いっぱい*********************************************/

#headerbg {
width:100%;
background-repeat: repeat-x;
}

/* フッター */

#my_footer{
	clear: both;
	width: 100%;
	background-color:#333631;
	margin-top:00px;
}

/*******************************光る画像*********************************************/

a:hover img{
opacity:0.75;
filter:alpha(opacity=70);
-ms-filter: “alpha( opacity=70 )”;
}

/*******************************ダウンロードのテーブル*********************************************/

/* テーブル(ダウンロード) */

table {
	border-collapse: collapse;
}

tr {
  	color: #4d4d4d;
}

td {
  	color: #4d4d4d;
	border: solid 1px;
	padding: 0.5em;
}

/*******************************上へ戻る*********************************************/

    #pageTop {
      position: fixed;
      z-index: 10000;
      bottom: 60px;
      right: 85px;
    }

    #pageTop i {
      padding-top: 3px
    }

    #pageTop a {
      display: block;
      width: 0px;
      height: 0px;
      color: #00ff7f;
      font-weight: bold;
      text-decoration: none;
      text-align: center;
      opacity: 0.6
    }

    #pageTop a:hover {
      text-decoration: none;
      opacity: 0.5
    }

/*******************************DVDormp4ボタン*********************************************/

a.dvdmp4 {
    display: inline-block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	width: 120px;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	transition: 0.5s;
	color: #f0f8ff ;
	background: #333631;
	border: 1px solid #8a2be2;
}
a.dvdmp4:hover {
	color: #f0f8ff ;
	background: #696969;
	border: 1px solid #9370db;
}

/*******************************ダウンロードのリンク3つ*********************************************/

        .navbar {
            display: flex;  /* 横並びにする */
            justify-content: center; /* アイテムを中央に配置 */
            background-color: #fff; /* ナビゲーションバーの背景色 */
            padding: 10px;
            color: #4d4d4d;
            text-align: center;
        }
        .navbar .product {
            padding: 10px 20px;
            cursor: pointer;
            border: 1px solid #ccc;
            border-radius: 5px;
            margin: 0 8px; /* アイテム間のスペース */
        }
        .navbar .active {
            background-color: #e6e6fa; /* アクティブなリンクの色 */
        }
        .product-list {
            display: flex;
            gap: 10px;
            justify-content: center;
            margin-top: 20px;
        }
        .details {
            margin-top: 20px;
            padding: 15px;
            border: 1px solid #ddd;
            border-radius: 5px;
            background-color: #fafafa;
        }