
a:link{
	color:#4c4c4c;
}
a:visited{
	color:#4c4c4c;
}
a:active{
	color:#4c4c4c;
}


    img{
	max-width: 100%;
        height:auto;
}



table.yohaku{
	padding :10px ;
}


.wide900{
  max-width: 900px;
  margin : 10px ;
}

p.img_center{
  text-align: center;
  margin : 10px ;

}





@charset "utf-8";

*{
	margin: 0;
padding: 0;
}

.hss{
  font-size: 30px;
  font-family:'Arial black','メイリオ', Meiryo, 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic' ;
  margin: 10px 0;
  text-align: center;
  word-break: keep-all;
}

.wbr{
    margin: 30px 0;
  text-align: center;
  word-break: keep-all;
}

.news{
  font-size: 15px;
  font-family:'Arial black','メイリオ', Meiryo, 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic' ;
  margin: 10px 0;
  text-align: left;
  word-break: keep-all;
}

.kaisya{
  font-size: 12px;
  font-family:'Arial black','メイリオ', Meiryo, 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic' ;
  color:#885a3c;
  margin: 10px 0;
  text-align: center;
  word-break: keep-all;
}

.shop{
  font-size: 17px;
  font-family:'Arial black','メイリオ', Meiryo, 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic' ;
  color:#cc1237;
  margin: 10px 0;
  text-align: center;
  word-break: keep-all;
}


.atama{
	margin: 20px 0;
font-weight: bold;
font-size: 22px;
text-align: center;
word-break: keep-all;
}

.atama2{
	margin: 30px 0;
font-weight: bold;
font-size: 20px;
text-align: center;
word-break: keep-all;
}





/*元々の設定
.h1{
	margin: 30px 0;
text-align: center;
word-break: keep-all;
}*/


.h2{
	margin: 30px 0;
text-align: center;
word-break: keep-all;
}

.h3{
	margin:20px 0;
font-size: 13px;
text-align: center;
word-break: keep-all;
}


.h4{
	margin:20px 0;
text-align: center;
word-break: keep-all;
}

.h5{
	margin:20px 0;
text-align: center;
word-break: keep-all;
}



/*元々の設定
justify-content: space-between;

------------------------------------*/

.container{
	margin: 0 auto 20px;
max-width: 950px;
display: flex;
flex-wrap: wrap;
justify-content: space-evenly;
background-color: #ffffff;
}

.box{
	width: calc(25% - 2px);
border: solid 1px #ffffff;
}



.box h2{
	padding: 2vh 0;
color: #fff;
text-align: center;
}

/*画面幅600pxまでの設定
------------------------------------*/
@media screen and (max-width:600px){
.container{
	width :80%;
}
.box {
width: calc(50% - 2px);
}
}




body{
	font-family:'メイリオ', Meiryo, 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic'  
;
}



table{
  margin : 10px auto;
}

.tbl-r02 td{
  font-size:  15px;    /* 文字サイズ指定 */	　
  padding: 5px;
}


img.gazo17445{
	width:174px;
height: 45px;
}

 
@media screen and (max-width:600px) {
  .last td:last-child{
    border-bottom:none;
    width: 100%;
  }
  .tbl-r02{
    width: 100%;
  }
  .tbl-r02 th,
  .tbl-r02 td{
	　　border-bottom: none;
    display: block;
    width: 100%;
  }
}





.full{
  position: relative;
  width: 100%;
  min-height: 100vh;
  background: url("https://hss-pro.com/kokuban-zen1275-n.webp")
    center / cover;
}

.h1{
  margin: 0;
  position: absolute;
  top: calc(50% - 0.5em);
  width: 100%;
  text-align: center;
  line-height: 1;
  font-size: 4vw;
  color: #710000; 
  font-family:'メイリオ', Meiryo, 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','ＭＳ Ｐゴシック','MS PGothic' ;
  text-shadow: 2px 2px 0 #fff;
}

section{
  padding:0.5rem 0;
  text-align: center;
}
section h2{
  margin: 30px 0;
  font-weight: bold;
  font-size: 24px;
  word-break: keep-all;
  }


/*パンクズ*/

.breadcrumb{
  margin: 0;
  padding: 0;
  list-style: none;
}

.breadcrumb li{
  display: inline;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
}

.breadcrumb li::after{
	/* >を表示*/
  content: '>';
  padding: 0 0.2em;
  color: #555;
}

.breadcrumb li:last-child::after{
  content: '';
}

.breadcrumb li a{
  text-decoration: none;
  color: #663300;/*色*/
}

.breadcrumb li a:hover{
  text-decoration: underline;
}

/* 動画全体の横幅を指定するためのdiv */
 .video-wrap{
  max-width: 900px; /* ここに動画の横幅を指定 */
  margin-left: auto;
  margin-right: auto;
  }

.video{
  position: relative;
  width:100%;
  height:0;
  padding-top: 56.25%;
}

.video iframe{
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

/* 角13R */   
.box2 img{
      border-radius: 13px;
    }


