@charset "UTF-8";

/*
	カスタマイズ用クラス

	自由にCSSを設定してください。
	
	※このCSSで定義したクラスは、CMS管理画面でのページ編集においても利用できます。
	※編集後はブラウザリロードしてください。
*/


/*informationスクロールバー home */
.pdr_10{
  padding-right:10px;
}

.ScrollBlock_intext{
    display: inline-block;
    width: 90px;
}

#ScrollBlock_Home::-webkit-scrollbar {
  background: #fff;
  width:6px;
  border-radius:5px
}

#ScrollBlock_Home::-webkit-scrollbar-thumb {
  background: #000;
  border-radius:5px
}
#information_news{
  text-decoration:none;
  /*display: flex;*/
  position: relative;
  text-decoration: none;
  color: #333;
  text-align:left;
}
#information_news a:hover{
   color:#34B7C5;
}

/*.ScrollBlock li > a{
  display:flex;
  position:relative;
  gap:20px;
}*/

.ScrollBlock_arow2{
    display: inline-block;
    text-align: left;
    margin-left: 10px;
}

.subjectlink{
    width: 60px;
    height: auto;
    padding: 0 5px;
    text-align: center;
    background: #333;
    color: #FFF;
    margin-bottom: 5px;
}

#ScrollBlock_Home{
   	overflow-y: auto;
  	padding: 10px  0;
    height: 160px;
}

/*#ScrollBlock{
   	overflow: auto;
  	padding: 10px  0;
    height: 160px;
}*/
#information{
  text-decoration:none;
}

#information li{
  list-style: none;
  margin: 0.5em 0
}
.information_homelink{
    display: block;
    height: auto;
}
/*informationスクロールバー home*/
/*informationスクロールバー メーカー*/
/*.ScrollBlock_1{
  display:inline-block;

}*/

 #ScrollBlock::-webkit-scrollbar {
  background: #fff;
  width:3px;
}

#ScrollBlock::-webkit-scrollbar-thumb {
  background: #000;
}
#information{
    /*display: flex;*/
    position: relative;
    text-decoration: none;
    color: #333;
}
/*#information:hover{
    background:rgba(52, 183, 197,0.4);
}*/
.information_link {
    display: block;
    height: auto;
    padding-left:5px;
}
.information_link:hover{
    background:rgba(52, 183, 197,0.4);
}
.ScrollBlockdate{
   display:inline-block;
   width:70px;
    text-align:left;
}
.ScrollBlock_category{
  display:inline-block;
  padding:0 10px;
}
.ScrollBlock_arow{
  display:inline-block;
  padding-left:10px;
}
.mgl_20{
  margin-left:20px;
}
.mgl_15{
  margin-left:15px;
}
.mgl_10{
    margin-left:10px;
}
.ScrollBlock_text{
	display:inline-block;
}
/*informationスクロールバー メーカー*/
/*サイドメニュースクロールバーメニュー*/
#SubNaviScroller{
  overflow-y: auto;
  padding: 0px 10px 10px 0;
  height: 600px;
}
#SubNaviScroller::-webkit-scrollbar {
  width:3px;
}
#SubNaviScroller::-webkit-scrollbar-thumb {
  background: #000;
}
/*サイドメニュースクロールバーメニュー*/
#footer{
  text-align:center;
  margin:120px 0 20px 0;
}
.FooterLink_1{
  margin:0 0 0 10px;
  width:150px;
 display: inline-block;
}
.FooterLink_2{
  margin:0 0 0 10px;
  width:30px;
  display: inline-block;
}
.FooterLink_2 img{
  margin-bottom:10px;
}
/*20231130 animateElement*/
.animateElement {
	opacity : 0;
  transform: translateY(24px);
  transition: 1s;
}
/*20231130 animateElement*/
#HomeContents cms-img-height{
overflow: hidden;
width: 100%;
height: 100%;
}

/*20231116*/
.contact{
  margin-left:20px;
}

#HomeContents .cms-img{
 overflow: hidden;
width: 100%;
height: 100%;
}

#HomeContents{
  text-align:center;
}

.acd-check{
  display:none;
}
.acd-label{
  cursor: hand;
  cursor: pointer;
  display: block;
  margin-bottom: 1px;
  padding: 10px;
}
.acd-label h2{
  display: inline-block;
  font-size:100%;
  text-decoration:none;
  position: relative;
  transition: .3s;
}

.acd-label h2::after{
  position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #34B7C5;
	transition: .3s;
	transform: translateX(-50%);
  	margin-bottom:-10px;
}
.acd-label h2:hover::after{
  width:100%;
}
.acd-label h2::before{
	content:'';
	position:absolute;
	width:0;
	height:2px;
	background-color:#34B7C5;
	bottom:0;
	left:0;
	transition:width 0.3s ease-out;
  	margin-bottom:-10px;
}
.acd-label :hover{
	color:#34B7C5;
  	text-decoration: none;
  	font-weight:bold;
}
.acd-content p:hover{
	color:#34B7C5;
  	text-decoration: none;
}

.acd-content{
  height: 0;
  opacity: 0;
  padding: 0 10px;
  transition: .5s;
  visibility: hidden;
}
.acd-check:checked + .acd-label + .acd-content{
  height: auto;
  opacity: 1;
  padding: 0 10px;
  visibility: visible;
  white-space:nowrap;
}

/*20231204*/
.contents{
  margin-top:50px;
}
.pageterms{
  padding:20px 0;
}

.SubNavititle{
  margin-bottom:15px;
}
/*メーカーページの詳細の文字を非表示*/
.clearText {
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}

/*メーカーページのpagetophoverアクション20231201*/
.pagetop{
    text-decoration:none;
  	border-bottom:2px solid transparent;
  	transition:border-bottom 0.3s ease;
  	width:150px;
  
}
.pagetop:hover{
  border-bottom:2px solid #000000;
}

.SubNavititle h2{
  display: inline-block;
  font-size:100%;
  text-decoration:none;
  position: relative;
  transition: .3s;
}

.SubNavititle h2::after{
  position: absolute;
	bottom: 0;
	left: 50%;
	content: '';
	width: 0;
	height: 2px;
	background-color: #34B7C5;
	transition: .3s;
	transform: translateX(-50%);
  	margin-bottom:-10px;
}
.SubNavititle h2:hover::after{
  width:100%;
}
.SubNavititle h2::before{
	content:'';
	position:absolute;
	width:0;
	height:2px;
	background-color:#34B7C5;
	bottom:0;
	left:0;
	transition:width 0.3s ease-out;
  	margin-bottom:-10px;
}
/*メーカーページのpagetophoverアクション20231201*/

/*ポップアップ*/
.modal{
  display: none;
  position: fixed;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index:9999;
  background-color: rgba(0, 0, 0, 0.9);
}

.modal-content{
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  background-color: #fff;
  padding: 20px;
  text-align: center;
  width:575px;/*60%*/
  line-height: normal;
  border-radius:15px;
}

.subject{
  margin:20px;
}

.title{
  margin:10px;
  font-size:15px;
}

.inn{
  margin:10px;
  text-align:left;
}

.obelisk{
  margin:30px 10px;
  text-align:left;
}

#InnLink{
  font-weight:bold;
}

.buttons-container{
  /*display: flex;*/
  /*justify-content: center;*/
  margin: 20px auto;
  width:150px;
  height:auto;
}

.button{
  cursor: pointer;
  padding: 15px;
  margin: 40px auto 20px auto;
  text-align: center;
  letter-spacing:5px;
  font-size:15px;
  font-weight:900;
}

.agree-button{
  border: 1px solid #34B7C5;
  background: #34B7C5;
  border-radius:15px;
  color: #fff;
  font-weight: bold;
  letter-spacing: 5px;
 
}

.disagree-button{
  border-bottom: 1px solid #000;
  margin-top:0px;
}

#TermsLink{
  text-decoration:underline;
  
}

@media screen and (max-width: 760px){
/*informationスクロールバー*/
  .ScrollBlock::-webkit-scrollbar{
	display:none;
  }
  .ScrollBlock{
	overflow: hidden;
  }
.ScrollBlock_2 li > a{
	flex-wrap:wrap;
	gap:1vw;	
  }
  .ScrollBlock{
    padding:0px;
    overflow: unset;
    height: auto;
}
  .ScrollBlock_1{
	padding:0px;
    overflow: unset;
    height: auto;
  }
  .ScrollBlockdate{
	width:50px;
  }
 .ScrollBlock_arow{
   padding:0 0 0 0;
   display:block;
  }
  #information li{
	margin:0;
  }
  .mgl_20{
  margin-left:5px;
}
.mgl_10{
    margin-left:5px;
}
 .mgl_15{
  margin-left:5px;
}
  .ScrollBlock_arow2{
	display:block;
	width:auto;
	margin:0;
  }
  #information_news{
	text-align:left;
  }
  .pdr_10{
	padding:0;
  }
  .ScrollBlock_intext{
	width:auto;
  }
  #ScrollBlock_Home{
	text-align:left;
  }
 /* #information:hover{
    background:transparent;;
}*/
.information_link:hover{
    background:transparent;
}
/*informationスクロールバー*/

  .modal-content{
 width:80%;
}

.inn{
  margin:20px;
}

.obelisk{
  margin:20px;
}

}