@charset "utf-8";
/*--------------------------------------------------------------------
   index
---------------------------------------------------------------------*/
.boxBrandIndex01{ overflow:hidden;}
.boxBrandIndex01 .boxL{
    width:415px;
    float:left;    
}
.boxBrandIndex01 .boxL h3{text-align:left;}
.boxBrandIndex01 .boxR{
    width:520px;
    float:right;
    padding-top:95px;
    position:relative;
}
.boxBrandIndex01 .boxR a{
    display:block;
    width:100%;
    position:absolute;
    top:95px;
    left:0;
    z-index:9000;
}
.player {
position: relative;
margin:0;
padding-bottom: 56.25%;
overflow: hidden;
max-width: 100%;
height: auto;
}
.player iframe, .player object, .player embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media (min-width: 768px) and (max-width: 979px){
    .boxBrandIndex01 .boxL{width:42%;}
    .boxBrandIndex01 .boxR{width:53%;}
    .boxBrandIndex01 .boxR a img{width:100%; height:auto;}
}

@media all and (max-width: 767px){
    .boxBrandIndex01 .boxL,
    .boxBrandIndex01 .boxR{width:auto; float:none;}  
    .boxBrandIndex01 .boxR{padding-top:25px;}
    .boxBrandIndex01 .boxR a{top:25px;}
    .boxBrandIndex01 .boxR a img{width:100%; height:auto;}
}

/*indexBtn*/
ul.brandIndexBtn{
    overflow:hidden;
    padding-bottom:50px;
}

 ul.brandIndexBtn li{
    width:33.3%;
    float:left;
    line-height:0;
    font-size:0.1em;
}

ul.brandIndexBtn li img{width:100%;}

@media all and (max-width: 767px){
    ul.brandIndexBtn li{
        width:100%;
        float:none;
    }  
    ul.brandIndexBtn li img{vertical-align:bottom;} 
}

/*--追加------------------------------------------------------*/

.Attention{
	float:right;
	font-size:0.929em;
}
/*--追加おわり------------------------------------------------*/


/*--------------------------------------------------------------------
   second
---------------------------------------------------------------------*/
.brandImg{padding-bottom:46px;}
#container section .brandTxt h4,
#container section .brandTxt p{text-align:center;}

#container section .brandTxt h4{
    font-weight:bold;
    font-size:1.286em;
    line-height:1.5;
    margin-bottom:20px;
}

#container section .brandTxt p{
    font-size:1.143em;
    line-height:2.125;
    padding-bottom:15px;    
}

@media all and (max-width: 767px){
    .brandImg{padding-bottom:25px;}
	#container section .brandTxt h4,
	#container section .brandTxt p{text-align:left;}
    }

/* 2columns
-------------------------*/
.materialBox{ overflow:hidden ;}
.materialBox .boxL{width:50%; float:left;}
.materialBox .boxR{width:50%; float:right;}

@media all and (max-width: 767px){
	.materialBox .boxL,
	.materialBox .boxR  {width:auto; float:none;}
    .materialBox .boxL{ padding-bottom:25px;}
    .materialBox .brandImg img{ width:100%;}
    .materialBox .brandTxt{
        padding-left:10px;
        padding-right:10px;
    }
}


/* ==============================================
   SITE MAP ページ用CSS
   ============================================== */

/* 全体の囲み */
.sitemap-wrapper {
  padding: 10px 0;
  text-align: left; /* 文字は左寄せ */
}

/* ページタイトル */
.sitemap-main-title {
  font-size: 24px;
  margin-bottom: 40px;
  text-align: center; /* タイトルは中央 */
  font-family: 'Lato', sans-serif;
  letter-spacing: 0.1em;
}

/* Flexboxでレイアウト（PC用） */
.sitemap-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between; /* 均等配置 */
}

/* 各セクション（塊） */
.sitemap-section {
  width: 30%; /* PCでは3列 (約30%ずつ) */
  margin-bottom: 40px;
  box-sizing: border-box;
}

/* カテゴリ見出し */
.sitemap-section h3 {
  font-size: 18px;
  border-bottom: 2px solid #000; /* 下線 */
  padding-bottom: 10px;
  margin-bottom: 15px;
  font-family: 'Lato', sans-serif; /* 英語フォント */
  font-weight: bold;
}
.sitemap-section h3 a {
  color: #000;
  text-decoration: none;
}

/* リスト部分 */
.sitemap-section ul li {
  font-size: 14px;
  line-height: 2.2; /* 行間を広めに */
  border-bottom: 1px dotted #ccc; /* 薄い点線区切り */
  list-style: none; /* 点を消す */
}

.sitemap-section ul li a {
  display: block;
  color: #333;
  text-decoration: none;
  transition: color 0.2s;
}
.sitemap-section ul li a:hover {
  color: #c28c8c; /* ホバー色（ブランドカラーに合わせる） */
  text-decoration: underline;
}

/* --- スマホ用レスポンシブ --- */
@media all and (max-width: 767px) {
  .sitemap-wrapper {
    padding: 30px 15px; /* スマホ用の余白 */
  }
  
  .sitemap-list {
    display: block; /* Flexbox解除 */
  }

  .sitemap-section {
    width: 100%; /* 幅いっぱい */
    margin-bottom: 30px;
  }
  
  .sitemap-section h3 {
    font-size: 16px;
  }
}


/* サイトマップ：アイコン付きリンクの位置修正 */
.sitemap-section a.newwin2 {
  display: inline-block; /* 幅を文字の長さに合わせる */
  width: auto;           /* 幅の固定を解除 */
}

/*--------------------------------------------------------------------
   for responsive
---------------------------------------------------------------------*/
@media (min-width: 768px) and (max-width: 979px){}
@media all and (max-width: 767px){}