/*スマホ用CSS*/


@media (max-width: 480px) {

main {
 overflow-x: hidden;
 overflow-y: scroll; -webkit-overflow-scrolling: touch
box-sizing:border-box;
 }

  .jjnavili01 ul li a:hover{

    background-color: #FF0000;

  }

  .jjnavili01 ul li{
    width: 100%;
    margin-left: 2em;
    border-top: solid  1px #666;

  }

.accordion {
margin: 0.8em auto;
max-width: 100%;
}

.w-85 {width:100%;}

.w-90 {width:100%;}

.w-75 {width:100%;}

.w-10 {width:20%;}

.araisp {width:100%;}

.araisp2 {width:100%;}

.clinic ul {width:100%;}

.copyright {font-size:0.6rem;}

h1 {font-size:0.8rem;}

    .pc-only{
        display: none;
    }
    .sp-only{
        display: block;
    } 

.Smaller{
transform: scale(0.95);
}

.effect02 {
	width: 100%;
	overflow:		hidden;
	margin:			0;
	position:		relative;
}

.effect02 .caption p {
	font-size:		130%;
	padding-top:		28vh;
    } 

h2 {font-size: 1.5rem;}

.fontStyle01{font-size: 1.5rem;}

.center {
  top: 70%;
  left: 21%;
}

/*背景画像を擬似要素で固定*/
.jjbgimg { 
background:none;
}

.jjbgimg::before {
  background: url('https://arai-takeshi.jpmusic.net/img/arai06.jpg') no-repeat center;
  background-size: cover;/* cover指定 */
  content: "";/* 画像を表示させる為に必要*/
  display: block;/*ブロックボックスで表示*/
  position: fixed;/* 擬似要素全体を固定 */
  width: 100%;/* 横幅を画面全体 */
  height: 100vh;/* 縦幅を画面全体 */
  top: 0;/* 上からの配置を0 */
  left: 0;/* 左からの配置を0 */
  z-index: -1;/*背景画像になるように重ね順を-1*/
}


}


/*-- スマホ版表示CSS  --*/
@media screen and (max-width: 768px){
.pc-only{
    display: none !important;
}
.sp-only{
    display: block !important;
}
}