@charset "utf-8";


/* CSS Document */

@media screen and (min-width:320px){
audio{ pointer-events: auto; }		
.inst span :hover {
    color: #FF0004;
}
.area .price a :hover  {
    color: #FF0004;
}




/* 基本CSS */

html {
	padding: 0px 0px 0px 0px ;
	margin:  0px 0px 0px 0px ;
	box-sizing: border-box;
	text-decoration: none;
	font-family: 'Hiragino Sans', 'Hiragino Kaku Gothic ProN', Meiryo, 'sans-serif', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'ＭＳ Ｐ明朝', 'MS UI Gothic', 'ＭＳ ゴシック', 'ＭＳ 明朝', 'ヒラギノ明朝 Pro W3', 'Meiryo UI', Osaka;
	color: #000000;
	background-color: #FFFFFF;
}

body {
    padding: 30px 0px 0px 0px;
	margin:  0px 0px 0px 0px ;
    color: #000000;
}
	

	
header {
	color: #000000;
	margin: 0px;
	padding: 0px 0px 0px 0px ;
	background-color: #FFFFFF;
}

li a {
    text-align: left;
    margin-left: 0px;
    padding-left: 0px;
	}

	ul {
	    text-align: left;
	    margin-left: 0px;	
		
		
	}
	
#menu > li {
    float: left;
    margin-top: 0;
    margin-right: 25px;
    margin-left: 0px;
    margin-bottom: 0;
    line-height: 60px;
    font-size: 14px;
    font-weight: bold;
    padding-bottom: 0px;
    padding-right: 0px;
}	
	
	ul li a {
	    text-align: left;
	    margin-left: 0px;	
		
		
	}	
	
	
main {
    margin-top: 0px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 0px;
    color: #000000;
}	



	
.col {
	margin-left: 0px;
	margin-right: 0px;
	text-decoration: none;
	width: 100%;
	heigh-max: 100%;
	box-sizing: content-box;
	background-size: cover;
}
	
	
.row:before, .row:after {
	content: "";
	display: table;
}

.row:after {
	clear: both;
}

	
.kazari{
    margin-top: 80px;
    box-sizing: content-box;
    background-image: url( "../assets/image/toi_hac.jpg");
    background-size: cover;
    padding-top: 160px;
    padding-right: auto;
    padding-left: auto;
    padding-bottom: 28px;
    max-width: 100%;
    max-height: 100%;
    margin-bottom: 20px;
    margin-left: auto;
    margin-right: auto;
}


.angletoggle:before {
    content: "\f107";
  }
	
	
.btntextchange {
    font-size:17px;		
		
	}	


.area {
    position: relative;
    width: calc(100% - 400px);
    height: calc(100% - 400px);
    margin-bottom: 0px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 10px;
    padding-right: auto;
    padding-left: auto;
    padding-bottom: 10px;
    margin-top: 15px;
    min-width: 290px;
    box-sizing: content-box;
    opacity: 1;
    display: inline-block;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "MS UI Gothic", "ＭＳ ゴシック", "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "Meiryo UI", Osaka;
    font-weight: 200;
    font-size: 15px;
}

.price {
    padding-top: 0px;
    color: #000000;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
    text-align: center;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "MS UI Gothic", "ＭＳ ゴシック", "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "Meiryo UI", Osaka;
    font-size: 15px;
    padding-left: 10px;
    border-radius: 6px;
    background-color: #ECECD6;
    box-sizing: content-box;
    background-size: cover;
    line-height: 41px;
    display: block;
    border: 1px solid #000000;
	}
	
	
.price a {
    font-size: 15px;
    font-weight: normal;
	}
.o_hougaku {
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "MS UI Gothic", "ＭＳ ゴシック", "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "Meiryo UI", Osaka;	
    text-align: justify;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;
    width: calc(100% - 30px);
    height: calc(100% - 50px);
    font-weight: 200;
    font-size: calc(100vw / 30);
    line-height: 20px;	
	}
.o_hougaku hr {
    margin-top: 20px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 0px;	
	}		
	
	

.vo {
    margin-top: 10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -50px;
    width: calc(100% - 20px);
    font-size: calc(13pt);
    text-align: center;
    display: inline-block;
	}
.hoiugaku {
    width: calc(100%);
    height: calc(100% - 50px);	
    position: relative;
    font-family: "Hiragino Sans", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "ＭＳ Ｐ明朝", "MS UI Gothic", "ＭＳ ゴシック", "ＭＳ 明朝", "ヒラギノ明朝 Pro W3", "Meiryo UI", Osaka;
    margin-top: -10px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 10px;
    text-align: center;
    text-decoration: none;
    font-size: calc(100vw / 50);
    min-width: 250px;  /*親要素小さめ*/
    max-width: 700px;	  /*親要素大きめ*/


	}	
.hougaku table {
    width: calc(100% - 0px);
    margin-left: auto;
    margin-right: auto;
    font-size: calc(100vw / 30);
    margin-top: 0px;
	margin-bottom: 0px;
    border: 1px solid #000000;
    border-collapse: collapse;
    line-height: 12px;
    text-align: center;
	}	
.hougaku th {
    width: calc(100% - 5px);
    border: 1px solid #000000;
    height: calc(100vw / 20);
    font-size: calc(100vw / 30);
    line-height: auto;

	}
.hougaku td {
    width: calc(100% - 5px);
    border: 1px solid #000000;
    height: calc(20px);
    font-size: calc(100vw / 30);
    line-height: calc(100vw / 20);
    padding-top: 7px;	
	}	
	
	
	
.section-a {
    margin-top: 0px;
    margin-left: 5;
    margin-right: auto;
    margin-bottom: 30px;
    font-size: calc(15pt);
    text-align: center;
    padding-top: 30px;
    font-weight: bold;	
	}	


	
}



/*スマホ用*/	
@media (max-width: 620px) {	



@media (min-width: 619px) {
a[href*="tel:"] {
pointer-events: none;
cursor: default;
text-decoration: none;
}	}
	
	
}

/*スマホ用*/
@media (max-width: 768px){



	
	}

/*タブレット用*/
@media (max-width: 1000px){

}
	

/*デスクトップ用*/
@media (max-width: 1300px){


	

	
	}

/*デスクトップ用*/
@media (max-width: 1550px){
}
	

@media screen and (min-width:437px){
}



@media screen and (min-width:620px){
}

@media screen and (min-width:768px){
}

@media screen and (min-width:1000px){
}

@media screen and (min-width:1300px){
}


.photo-img{
	margin-left: auto;
	margin-right: auto;
    min-width: 250px;  /*親要素小さめ*/
    max-width: 500px;	  /*親要素大きめ*/
	}