@charset "UTF-8";
/* CSS Document */

/*フォントサイズを変えない*/
body {
    -webkit-text-size-adjust: 100%;
}
#anazawa{
    font-family:"Hiragino Mincho ProN",
	YuMincho,
	serif;
}

#anazawa *{
	box-sizing:border-box;
}
/*clearfix-----------*/
.cf:before, .cf:after {content: "";display: table;}
.cf:after {clear: both;}
.cf {zoom: 1;}

/*汎用Class -----------*/
.mt0{margin-top:0px !important;}
.mt5{margin-top:5px !important;}
.mt10{margin-top:10px !important;}
.mt20{margin-top:20px !important;}
.mt30{margin-top:30px !important;}
.mt40{margin-top:40px !important;}
.mt50{margin-top:50px !important;}
.mt60{margin-top:60px !important;}
.mb5{margin-bottom:5px !important;}
.mb10{margin-bottom:10px !important;}
.mb20{margin-bottom:20px !important;}
.mb40{margin-bottom:40px !important;}
.mb80{margin-bottom:80px !important;}
.mr10{margin-right:10px; !important;}
.ml20{margin-left:20px !important;}
.mlr5{margin-left:5px;margin-right:5px; !important;}
.pt0{padding-top:0px !important;}
.pt20{padding-top:20px !important;}
.pt30{padding-top:30px !important;}
.pt40{padding-top:40px !important;}
.pt60{padding-top:60px !important;}
.pb20{padding-bottom: 20px !important;}
.pb30{padding-bottom: 30px !important;}
.pb40{padding-bottom: 40px !important;}
.pb60{padding-bottom: 60px !important;}
.pb100{padding-bottom: 100px !important;}
.center{text-align:center !important;}
.right{text-align: right !important;}
.left{text-align: left !important;}
.fSmall{font-size: 0.7em;!important;}
.fSmallL{font-size: 0.8em;!important;}
.fBig{font-size: 1.2em;!important;}
.fRed{color:#a72126;}
.fBlue{color:#0e1e6c}
.fPink{color:#cb6878}
.fGlay{color:#666666}
.fGlay2{color:#969696}
.fBold{font-weight: bold;}
.inde1 {padding-left:1em;text-indent:-1em;}
.letter {letter-spacing:-0.1em;}


#anazawa img{
max-width:100%;
vertical-align:bottom;
}

/*PCのみ表示*--------------------*/
@media screen and (min-width: 768px){	
.pc { display:block!important; }
.sp { display:none!important; }
}
/*SPのみのみ表示*--------------------*/
@media screen and (max-width: 767px){	
.pc { display:none!important;}
.sp { display:block!important;}

}

/*PCのみ表示（inline）*--------------------*/
@media screen and (min-width: 768px){	
.pcIn { display:inline!important; }
.spIn { display:none!important; }
}

/*SPのみ表示（左揃え）*--------------------*/
@media screen and (max-width: 767px){	
.spLeft {text-align: left !important;}

}
/*PCのみ文字を大きく*--------------------*/
@media screen and  (min-width: 768px){	
.pcBig {font-size: 1.2em;!important;}

}

/*header*--------------------*/
#header{
  background-color: rgb(255 255 255 / 60%);
  padding: 10px 0;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 60px;
  display: flex;
  flex-direction: column;
  align-items: center; 
  z-index:100

}
#header .header_inner{
  max-width: 1080px;
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: flex-start;
  padding: 10px 25px;
  align-items: center;

}

#header #h1{
    margin: 0;
	line-height: 0;

}

/*767pix以下の時のヘッダーの天地*/
@media screen and  (max-width: 767px) {
#header{height: 54px;}
.logo {margin: 0 auto;}
}
/*メイン画像*--------------------*/
#anazawa #mainImgPc{
	background-position: top center;
	background-repeat: no-repeat;
	text-align: center;
	position: relative;
	padding-top:60px;
}
#anazawa #mainImgSp{
	padding-top:60px;
}


/*コンテンツ--------------------*/

#anazawa main{
	margin:0px auto;
	text-align:center;
}
#anazawa main .inner{
	width:100%;
	max-width:1080px;
	margin-left:auto;
	margin-right:auto;
}
#anazawa main .inner .con{
	text-align:left;

}

@media screen and (max-width: 767px){	
#anazawa main{
	margin: 0 auto ;
}
#anazawa main .con{
	margin-left:auto;
	margin-right:auto;
	padding:0 20px;
}
}

.book{
width:25%;	
}
@media screen and (max-width: 767px){
.book{
width:75%;		
}
}
.mapG{
width:20%;	
}

/*フォント指定*--------------------*/
#anazawa p{
	color: #1e1e1e;	
 	font-size:16px;
	line-height: 2.0em;
}

#anazawa h2{
    font-family:'Zen Antique Soft', serif;
    color: #1e1e1e;	
	font-size: 32px;
	line-height: 1.4em;
	letter-spacing: 0.1em;
	padding:40px 0 20px 0;
}


@media screen and (max-width: 767px){	
#anazawa h2{
 	font-size:24px;
	}
}

#anazawa h3 {
    font-family:'Zen Antique Soft', serif;
    color: #1e1e1e;
	letter-spacing: 0.1em;
	font-size: 28px;
	margin:40px 0 20px 0;
    padding: 0.2rem 0;
    background-image: linear-gradient(
      90deg, 
      #004ea2 0 25%, 
      #b9b9b9 20%
    );
    background-repeat: no-repeat;
    background-size: 100% 1px;
    background-position: bottom;
	
}


@media screen and (max-width: 767px){	
#anazawa h3{
 	font-size:22px;
background-image: linear-gradient(
      90deg, 
      #004ea2 0 45%, 
      #b9b9b9 20%
    );	
}
}

#anazawa  .keireki {
  list-style-type: disc;
  padding-left: 20px;
  color: #1e1e1e;	
  font-size:16px;
  line-height: 2.0em;
}



#anazawa  .menuList .ad li{
list-style-type: disc;
  margin-left: 10px;
  color: #1e1e1e;	
  font-size:16px;
  line-height: 2.0em;
}	

/*続きを読む*--------------------*/
#anazawa  .readmore {
  position: relative;
  margin: 10px auto 0;
  padding: 0 0 25px;
}

#anazawa  .readmore label {
  position: absolute;
  display: table;
  left: 5%;
  bottom: 0;
  margin: 0 auto;
  color: #646464;
	font-size: 1.2em;
  transform: translateX(-50%);
  cursor: pointer;
  z-index: 1;
}
@media screen and (max-width: 768px) {
  #anazawa  .readmore label{
left: 10%;
}
}
#anazawa  .readmore label::before{
  content: '[続きを見る]';
}

#anazawa  .readmore input[type="checkbox"]:checked ~ label::before {
  content: '[閉じる]';
}

#anazawa  .readmore input[type="checkbox"]{
  display: none;
}

#anazawa  .readmore-content {
  position: relative;
  height: 200px;
  overflow: hidden;
}

#anazawa  .readmore input[type="checkbox"]:checked ~ .readmore-content {
  height: auto;
}



/*横2つのBOX*--------------------*/
#anazawa  .menuList{
 display: flex;
}


#anazawa  .menuList li{
	list-style: none;
    width: 100%;
	margin:0 auto 0;
	max-width:540px;
	text-align:left;
}
@media screen and (max-width: 768px) {
 #anazawa  .menuList{
  flex-direction: column;
 }
}
@media screen and (max-width: 767px) {
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
}
@media screen and (max-width: 768px) {
.order1 {
  order: 1;
}
.order2 {
  order: 2;
}
}



/*Googleマップ*--------------------*/
#anazawa  .map {
    position: relative;
    width: 100%;
    padding-top: 56.25%;
    /* 16:9のアスペクト比 */
    height: 0;
}

#anazawa  .map iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
	filter: grayscale(1);
}

/*＋で開く----------------------------------------------- */
#anazawa  .accordion {
margin: 0em auto;
max-width: ;
}
#anazawa  .toggle {
display: none;
}
#anazawa  .option {
position: relative;
margin-bottom: 1em;
}
#anazawa  .title,
#anazawa  .content {
-webkit-backface-visibility: hidden;
backface-visibility: hidden;
transform: translateZ(0);
transition: all 0.3s;
}
#anazawa  .title {

}
#anazawa  .title::after,
#anazawa  .title::before {
content: "";
position: absolute;
right: 1.25em;
top: 1.25em;
width: 2px;
height: 1.8em;

background-color: #999;
transition: all 0.3s;
}
#anazawa  .title::after {
transform: rotate(90deg);
}
#anazawa  .content {
max-height: 0;
overflow: hidden;
}
#anazawa  .content p {
margin: 0;
padding: 0.5em 1em 1em;
font-size: 0.9em;
line-height: 1.5;
}
#anazawa  .toggle:checked + .title + .content {
max-height: 1500px;
transition: all 1.5s;
}
#anazawa  .toggle:checked + .title::before {
transform: rotate(90deg) !important;
}

/*お知らせ（開く）----------------------------------------------- */

#anazawa  .infoBox {
font-size: 16px;

}
#anazawa  .summary {
cursor: pointer;
padding: 20px; 10;
border-collapse: collapse;
border-bottom: dotted 1px #004ea2;
}
#anazawa  .summary::-webkit-details-marker {

}
#anazawa  .answer {
  overflow: hidden;
  /* padding・marginはここでは設定しない */	
}
#anazawa  .answerInner {
  padding:  20px;
}

/*お知らせ（開かない）----------------------------------------------- */

#anazawa  .infoTbox {
padding: 10px;
border-collapse: collapse;
border-bottom: dotted 1px #004ea2;

}

/*foam ----------------------------------------------- */
#anazawa table {
  border-collapse: collapse;
}
 
#anazawa table p {
  font-size: 16px;
  font-weight: bold;
  text-align: center;
  margin: 60px auto 40px;
}
 
#anazawa input[type="submit"],
#anazawa input[type="reset"],
#anazawa input[type="text"],
#anazawa select,
#anazawa textarea,
#anazawa  button {
  -moz-appearance: none;
  -webkit-appearance: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  outline: none;
  border: none;
 font-family:"Hiragino Mincho ProN",
	YuMincho,
	serif;

}
 
 
#anazawa input[type="text"],
#anazawa textarea {
  background: #ebebeb;
  display: block;
  font-size: 16px;
  padding: 12px 15px;
  width: 480px;
  transition: 0.8s;
  border-radius: 0;
}
 
#anazawa input[type="text"]:focus,
#anazawa textarea:focus {
  background: #b9b9b9;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
}
 
#anazawa textarea[name="content"] {
  display: inline-block;
  width: 100%;
  height: 200px;
}
 
#anazawa input::placeholder,
#anazawa textarea::placeholder {
  color: #ccc;
}
 
#anazawa ::-webkit-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
#anazawa ::-moz-placeholder {
  color: #ccc;
  opacity: 1;
}
 
#anazawa :-ms-input-placeholder {
  color: #ccc;
  opacity: 1;
}
 
#anazawa .form-table {
  margin-left: -20px;
  width: -webkit-calc(100% + 40px);
  width: calc(100% + 40px);
}
 
#anazawa .form-table th,
#anazawa .form-table td {
  border-top: 1px solid #d7d7d7;
  border-bottom: 1px solid #d7d7d7;
  padding: 10px;
}
 
#anazawa .form-table th {
  background: #e9f0fd;
font-size: 14px;
  padding-left: 50px;
  position: relative;
  text-align: left;
  width: 300px;
}


@media screen and (max-width: 767px) { 
#anazawa .form-table th,
#anazawa .form-table td {
  display: block;
  width: 100%;
  border-bottom: none;
}
}

/*Topへ戻る*--------------------*/
#gotoTop{
font: 20px;
	position: fixed;
	bottom:80px;
	right:10px;
	width:50px;
	height:50px;
	z-index:999;
}


#gotoTop a{
	display:block;
	width:40px;
	height:40px;
	text-align:center;
	background:rgba(0,78,162,0.4);
	border-radius:5px;
}
#gotoTop img{
	width:30px;
	height:30px;
	margin:5px;
}

/*Fotter*--------------------*/
#anazawa  .footer{
background-image:url(../images/bg_glay.png);
padding: 20px 0 30px;
text-align: center;	
}

#anazawa  .footer p{
font-size: 12px;
}