/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;}
ul{list-style:none;}
table{border-collapse:collapse;border-spacing:0;}
caption,th{text-align:left;}
q:before,q:after{content:'';}
object,embed{vertical-align:top;}
legend{display:none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
abbr,acronym,fieldset{border:0;}

body{
	font:14px/1.9;
	font-family:'Noto Sans JP', '游ゴシック', Arial, メイリオ;
	font-weight:300;
	letter-spacing: 0.13em;
	overflow-x: hidden;
	color: #333;
	background: #fff;
}

html{scroll-padding-top: 80px;}/* ページ内ジャンプ時の位置調整 */

a{
	color: #0066ff;
	text-decoration:underline;
	scroll-behavior: smooth;
}

a:hover, .active{
  text-decoration: none;
}

a:active, a:focus,input:active, input:focus{outline:0;}

@font-face {
	font-family: "Noto Sans JP";
	src: url("../font/NotoSansJP-Regular.otf") ;
}

p{font-size:1.1em;line-height: 1.8em;}
mark{background-color: #fffb91;}
span{color: #2070cd;}
.ac1{color: #c1003d;} /* アクセントカラー */
.ac2{color: #ec8005;} /* アクセントカラー */
.b{font-weight:bold;} /* 太字 */
.shadow{text-shadow: 3px 1px 5px #000000;}

.bg1{background-color: #e7f4ff;}
.bg2{background-color:rgb(254, 252, 240) ;}
.bg3{background-color: #f8f8f8;}
/* ヘッダー
------------------------------------------------------------*/
#header{
	position: relative;
    overflow:hidden;
	margin-top: 70px;
    width:100%;
    height:430px;
	background: url(../images/sky.png) no-repeat;
	background-position: center top;
	background-size: auto 500px;	
}
/* ロゴ */
#header img{
    width:280px;
	text-align: center;
}

#slogan{
	position: absolute;
  top: 50%;
	width: 100%;
	-webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
	color: rgb(255, 255, 255);
	line-height: 1.2;
	text-align: center;
}
/* ロゴ下　（小松基地爆音訴訟） */
#slogan h1{
	font-size: 32px;
	font-family: '游明朝'!important;
	margin: 10px 0;
	font-weight:bold;
	padding: 3px 0px;
	background-color: rgba(255, 255, 255, 0.589);
	color: #0053b3e0;
}
/* ロゴ下文字（静かで平和な） */
#slogan h2{
	font-size: 28px;
	font-family: '游明朝'!important;
	font-weight:400;
	padding: 2px !important;
	letter-spacing: 0.1em;
	text-shadow: 2px 2px 5px #004aaa;
}


/* お知らせ------------------------------------------------------------*/
.newsbox {
	margin: 0 auto -4px auto ; 
	padding: 0px 1.5em;
	max-width: 1050px;
	width: 95%;
	color: #1ea2fa;
	text-align: left;
	font-family:'Noto Sans JP',serif;
	font-weight: bold;
	font-size: 1.5em;
  }
  .newsbox2 {
	margin: 0px auto ; 
	padding: 5px 1em;
	max-width: 1050px;
	width: 95%;
	border: 3px #34adfe solid;
	border-radius: 5px;
	font-size: 1.1em;
  }
 .newsbox2 h1{
	text-align: left;
	font-weight: bold;
	border-bottom: none;
	margin: 5px 0 3px 0;
	font-size: larger;
}
.newsbox2 a{
	text-decoration: underline;
}

/* フッター
------------------------------------------------------------*/
#footer{
	clear: both;
	text-align: center;
	font-size: 12px;
	background: #3384e7;
	color: #fff;
	padding-top: 2em;
	height:6em;
}
#footer a{
	color: #fff;
}
/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(0,0,0,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.2rem;
	height: 3rem;
	width: 3rem;
	border-radius: 50%;
	text-align: center;
	cursor: pointer;
}
.pagetop:hover {
	color: #fff !important;
	background-color: #5db1ffdc;
	text-decoration: none;
}
.pagetop img{
	position: relative;
	top: 17%;
	width: 25px;}
	

/* ––––––––––––––––––––––––––––––––––––––––––––––––文字*/
h1, h2, h3, h4, h5, h6 {font-weight: 400;letter-spacing: 0.1em;}
h1 { font-size: 2.4rem; line-height: 1.2;  letter-spacing:1px;}
h2 { font-size: 2.0rem; line-height: 1.25; letter-spacing:1px; }
h3 { font-size: 1.8rem; line-height: 1.3;  letter-spacing: -.1rem; }
h4 { font-size: 1.5rem; line-height: 1.35; letter-spacing: -.08rem; }
h5 { font-size: 1.3rem; line-height: 1.5;  letter-spacing:1px; padding: 0.2em 0;}
h6 { font-size: 1.2rem; line-height: 1.3;  letter-spacing: 0;font-weight:normal; padding: 0.5em;}

h1, h2, h3 { font-family:  'Noto Sans JP','メイリオ','Josefin Sans',serif;}


section h1{
	margin-top: 2em;
	font-size: 2.0rem;
	font-weight:normal;
	text-align: center;
	padding-bottom: 0.15em;
	border-bottom: solid 2px #b3b3b3;
}
section h2{
	font-size: 1.8rem;
	font-weight:normal;
	text-align: center;
	padding: 1.2em 0px 0.5em 0px;
}
section h3{
	font-size: 1.5rem;
	font-weight:normal;
	text-align: center;
	padding: 0.5em 0em 0.6em 0px;
}

.pagetitle {
	background: linear-gradient(to right, rgb(60, 145, 255),rgb(116, 186, 255));
	color: #fff;
	font-size: 2em;
	line-height: 1.5em;
	font-weight:normal;
	text-shadow: 2px 1px 5px #004aaa;
	padding: 35px 0;
	width: 100%;
	margin-top: 70px;
	text-align: center;
  }
.btn1 {
	position: relative;
	display: inline-block;
	min-width: 250px;
	margin: 0.2em auto 0.5em auto;
	font-weight: bold;
	font-size: large;
	line-height: 2em;
	border-radius: 10px;
	padding: 0.25em 1em;
	text-decoration: none;
	text-align: center;
	transition: .4s;
	color: #fff;
	background-color: #f89500;
}
.btn1:hover {
	background-color: #ffd42a;
	text-decoration: none;
}
.btn2 {
	position: relative;
	display: inline-block;
	min-width: 250px;
	margin: 0.5em auto 0.5em auto;
	font-weight: bold;
	font-size: large;
	line-height: 2em;
	border-radius: 10px;
	padding: 0.25em 1em;
	text-decoration: none;
	text-align: center;
	transition: .4s;
	color: #fff;
	background-color: #329bf7;
}
.btn2:hover {
	background-color: #4fbeff;
	text-decoration: none;
}  
.btn3 {
	position: relative;
	display: inline-block;
	min-width: 270px;
	height: 55px;
	line-height: 55px;
	margin-top: 0.4em;
	margin-bottom: 0.2em;
	font-weight: bold;
	font-size: large;
	border-radius: 30px;
	text-decoration: none;
	text-align: center;
	color: #ffffff;
	box-shadow: 0 2px 4px rgba(0, 0, 0, 0.456);
	background: linear-gradient(to right, rgb(255, 191, 0), rgb(255, 135, 44));
	transition: .4s;
}
.btn3:hover {
	background: linear-gradient(to right, rgb(255, 198, 27), rgb(255, 174, 68));
	box-shadow: none;
	text-decoration: none;
}
.btnbl {
    color: #16a5f8;
	border: 1.5pt solid #21aeff;
    background: #fff;
	font-size: 2;
	height: 55px;
	line-height: 55px;
    padding: .4em .6em;
	margin: auto;
    margin-bottom: .3em;
    border-radius: 30px;
    text-align: center;
}
.btnbl:hover {
    cursor: pointer;    
    background: #16a5f882;
}
.btnbl-v {
	color: #fff;
	border: 1.5pt solid #16a5f8ae;
    background: #16a5f8ae;
	font-size: 2;
	height: 55px;
	line-height: 55px;
    padding: .4em .6em;
	margin: auto;
    margin-bottom: .3em;
    border-radius: 30px;
    text-align: center;
}
/* --------------------------------------------------------共通*/
img{height: auto;
	vertical-align: bottom;}


div.center {text-align: center;}
div.right {text-align: right;}
div.space {padding-top: 60px;}
section{clear:both;}


.inner{
	width: 96%;
	margin: 0 auto;
	padding-bottom: 50px;
}

.col2 li{
	display: inline-block;
	width: 100%;
  	margin: 20px 0 ;
}

.maintext{
	width: 90%;
	margin: 0 auto;
	padding-bottom: 30px;
}

.area{
	max-width: 910px;
	width: 100%;
	margin: 0px auto;
	padding-bottom: 2em;
}
.areatop{
	max-width: 1000px;
	width: 100%;
	margin: 0px auto;
}
.area2{
	max-width: 700px;
	width: 100%;
	margin: 0px auto;
	padding-top: 3em;
}


.txbox1 {
	margin: 1em auto; 
	padding: 26px 1.5em 10px 1.5em;
	max-width: 580px;
	width: 100%;
	text-align: center;
	background: url(../images/maru3.png) no-repeat ;
	background-size: cover;
	background-position:center top; 
	border-radius: 20px;  /** 角丸 **/
	color: #fff;
	font-size: large;
  }
  .txbox12 {
	margin: 0.5em auto; 
	padding: 20px 1.5em;
	max-width: 580px;
	width: 85%;
	text-align: center;
	background-color: #2a527f;
	border-radius: 30px;  /** 角丸 **/
	color: #fff;
	font-size: large;
  }


.txbox3 {
	position: relative;
	margin: 20px auto ; /* 上 | 右 | 下 | 左 */
	padding: 1.2em 0.5em;
	width:  85%;
	text-align: left;
	background-color:rgb(251, 251, 251);
	border: 3px solid #91bdfb;
	border-radius: 10px;  /** 角丸 **/
}
.triangle-bottom{
	border-style: solid;
	border-width: 20px 40px 0 40px;
	border-color: #91bdfb transparent transparent transparent;
	display: inline-block;
   margin: 0px auto;
	width: 0;
	height: 0;
}
.txbox4 {
  padding: 1.5em 0;
  margin: 10px auto;
  width: 100%;
  max-width: 900px;
  color: #fff;
  text-align: center;
  letter-spacing: 0.2em;
  background: url(../images/boxbg2.jpg) no-repeat 100% 100%;
  background-size: cover;
  border-radius: 5px; 
  }
  .txbox4 h2 {letter-spacing: 1px;
	padding-top: 0.2em;}
.txbox4 .ac2 {color: #ffd000;}

/* ブログ　　　--------------------------------------Blog*/
#b1{
	padding-top: 0em;
}
.blogarea{
	max-width: 1050px;
	width: 100%;
	margin: 0px auto;
	padding-top: 1em;
	padding-bottom: 2em;
}
.blogdate{
	text-align: right;
	font-style: italic;
	color: #3299ff;
	border-top: solid 2pt #aad4ff;
}
.blog {
	position: relative;
	margin: 20px auto 40px auto ;
	padding: 1.2em 1em;
	width:  90%;
	text-align: left;
	background-color:#ffffff;
	border: 1pt solid #cdd0d4;
	border-radius: 5px;  /** 角丸 **/
} 
.blog img {
	border: solid 2pt #fff;
}
.blog h3 {
	text-align: left;
	font-weight: 600;
	letter-spacing: 1px;
	margin-bottom: -10px;
}
.blogdate{
	text-align: right;
	font-style: italic;
	font-weight: bold;
	color: #3299ff;
	border-top: solid 3pt #aad4ff;
}
.blogpage{
	text-align: center;
	font-style: none;
	color: #3299ff;
}
/* クリックで表示・非表示--------------------------------------オンオフその１*/
.hidden_box {
	margin: 10px auto;
	padding: 0;
	text-align: center;
}

.hidden_box label {
	border-radius: 30px;
	cursor: pointer;
	font-weight: bold;
	font-size: large;
	margin: 0 auto 5 auto;
	padding: 10px 2em;
	min-width: 400px;
    color: #ffaa21;
	border: 2pt solid #ffaa21;
    background: #fff;
}

.hidden_box label:hover {
    opacity:  0.7; 
	transition: 0.5s;
}

.hidden_box label:after {
	content: "当日の持ち物▼";
}

.hidden_box input {
	display: none;
}
.hidden_box table {text-align: center;}

.hidden_box .hidden_show {
	height: 0;
	overflow: hidden;
	opacity: 0;
	padding: 0;
	text-align: center;
	transition: 0.8s;
}

.hidden_box input:checked + label:after {
	content: "閉じる";
}

.hidden_box input:checked ~ .hidden_show {
	height: auto;
	opacity: 1;
	padding: 0;
	padding-top: 2em;
}

/*  --------------------------------オンオフその２・３の共通設定*/
.btn {
    color: #ffaa21;
	border: 2pt solid #ffaa21;
    background: #fff;
	font-weight: bold;
	font-size: large;
    padding: .3em .5em;
	margin: auto;
    margin-bottom: .3em;
    border-radius: 30px;
    text-align: center;
    display: table; 
}
.btn:hover {
    cursor: pointer;    
    color: #21bcff;
	border: 2pt solid #21bcff;
}
.box {
    border-radius: .3em;
    height: auto;
}
table{border: solid 1px #ffaa21;}
table tr {
	padding: 10px;
  }
table th {
	padding: 10px;
	text-align: center;
	color: #fff;
	background-color: #ffaa21;
  }
table td {
	padding: 10px;
	text-align: center;
  }


/* -------------------------------------------------ふきだし*/

.balloon5 {
	width: 100%;
	margin: 1.5em 0 0.5em 0;
	overflow: hidden;
  }
  
  .balloon5 .faceicon {
	float: left;
	margin-right: -90px;
	width: 80px;
  }
  
  .balloon5 .faceicon img{
	width: 100%;
	height: auto;
	border: solid 3px #cde5fc;
	border-radius: 50%;
  }
  
  .balloon5 .chatting {
	width: 100%;
  }
  
  .says {
	display: inline-block;
	position: relative; 
	margin: 5px 0 0 105px;
	padding: 17px 13px 17px 15px;
	border-radius: 12px;
	background: #d7ebfe;
	color: #333;
  }
  
  .says:after {
	content: "";
	display: inline-block;
	position: absolute;
	top: 18px; 
	left: -24px;
	border: 12px solid transparent;
	border-right: 12px solid #d7ebfe;
  }
  
  .says p {
	margin: 0;
	padding: 0;
  }

  .comment{
	width: 81%;
	margin: 0 auto;
	padding-bottom: 30px;
}
.comment p{padding-bottom: 0.5em;}


/* -------------------------------------------------------SEC01 トップページ*/
.vision{
	width: 95%;
	margin: 0 auto;
	padding-bottom: 2.5em;
}
#sec01{
	background: linear-gradient(rgb(255, 255, 255), #e7f4ff);
}

#sec01 h5{
	padding-left: 1em;
}
#sec01 p{
	width: 95%;
	margin: 0 auto 1em auto;
}


/* -------------------------------------------------SECin　インラインフレーム　新着情報*/
#secin{
	padding: 1.5em;
}
.btnin {
	position: relative;
	display: inline-block;
	min-width: 30px;
	margin-left: 3px;
	font-size: 0.8em;
	line-height: 1.5em;
	padding: 0.25em 1em;
	text-decoration: none !important;
	text-align: center;
	transition: .4s;
	color: #fff;
	background-color: #f89500;
	border: #f89500 solid 1.5pt;
	border-radius: 20px;
}
.btnin:hover {
	color: #f89500;
	background-color: #ffffff;
	text-decoration: none;
}
iframe{
	margin-top: 1em;
	width: 100%;
	height: 300px;
	border: solid 0px;
}
.bgsecin{background: ;}
#secin h1{
	margin-bottom: 0.5em !important;
	border-bottom: #5abbf3 solid;
}

#secin .news-list{
	list-style: none outside;
	margin: 0;
	padding: 0;
  }
 .news-list .item{
	display: flex;
	flex-wrap: wrap;
	flex-wrap: nowrap;
	text-decoration: none;
	color: #333;
	border-bottom: 1px solid #CCC;
	padding: 15px 20px;
  }
  .news-list .item:first-child{
	border-top: 1px solid #CCC;
  }
  .news-list .item .date{
	margin: 0;
	min-width: 150px;
	font-size: 16px;
	color: #555555;
	padding: 0 20px 0 0;
  }
  .news-list .item .title{
	margin: 0;
	width: 100%;
  }
  .news-list .item a:hover .title{
	text-decoration:underline;
  }
  
  @media screen and (max-width: 767px){
  .news-list .item{
	flex-wrap: wrap;
  }
  .news-list .item .date{
	min-width: 100px;
  }
  .news-list .item .title{
	margin-top: 10px;
  }
  }
  
  /* 装飾 */
  *{box-sizing: border-box; }
  a{text-decoration: none; }

/* -------------------------------------------------secAB 爆音訴訟とは*/
#secAB{
	padding-bottom: 1.5em;
}

.txt h2{
	padding: 0 0 20px !important;
}
#secAB h1{
	margin-bottom: 0.5em !important;
	border-bottom: #5abbf3 solid;
}

/* ---------------------------------------------SEC02　２カラム　飛行差止と賠償金*/
#sec02{
	padding-top: 3em;
}
#sec02 h2{
	font-weight: bold;
}
#sec02 p{
	margin-bottom: 0.5em;
	text-align: left;
}

/* -------------------------------　３カラム　団体の強み*/
.col3 li{
	margin-bottom: 50px;
}

.col3 img{
	max-width: 85%;
	display: block;
	margin: -5px auto 20px;
}

/* ---------------------------------------------SEC07　原告について*/
#sec07 {
	scroll-behavior: smooth;
}
#sec07 img{
	width:100% ;
	max-width:500px;
}
#sec07 h1{
	margin-bottom: 0.5em !important;
	border-bottom: #ffb82a solid;
}
#sec07 tr{margin-bottom: 30px;
	border-bottom: #ffc926 1px solid;}
#sec07 th{
	min-width: 4em;
	min-height: 3em;
	padding-bottom: 0.2em;
	color: #ffffff;
	text-align: center;
}
#sec07 td{text-align: left;
	width:100%;
	table-layout: fixed}
	#sec07 #toggle {
	display: none;
	}
	#sec07 #menu {
	display: none;
	margin-top: -1px;
	margin-bottom: 30px;
	border: #ff9500 1px solid;
	background-color: #fff;
	padding: 1em;
	border-radius: 10px;
	}
 #toggle:checked + #menu {
	display: block;
	}

/* -----------------------------------------------------secTEL インフォメーション電話番号*/
#secTEL{
	padding: 2em 2em 4em 2em;
}

/* ------------------------------------------secAC アクセス*/

#secAC dl{
	line-height: 1.2;
}
/*テーブル項目*/
#secAC dt{
	clear: left;
	float: left;
	display: block;
	width: 30%;
	margin-right: 10%;
	margin-bottom: 20px;
	text-align: right;
	line-height: 1.6em;
}
/*テーブル内容*/
#secAC dd{
	width: 60%;
	float: left;
	text-align: left;
	margin-bottom: 15px;
	line-height: 1.6em;
}

#secAC header{
	display: none;
}

#map{
	position: relative;
	padding-bottom: 75%;
	height: 0;
	overflow: hidden;
}

#map iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
	border: 0;
}

/** -----------------------------------------             QandA **/
.topic {
	margin: 1.5em auto 0 auto; /* 上 | 右 | 下 | 左 */
	height: 1.5em;
	text-align: left;
	padding-left: 1em;
	font-size: 1.3em;
	color: #ffffff;
	font-weight:bold;
	background-color: #3181d2;
  }

summary {
	cursor: pointer;
	margin: 10px 1em 0 1em;
	padding: 5px 1em;
	border-bottom: 0px solid #bfd1dd;
	color: #333;
	font-size: 1.2em;
	line-height: 1.3em;
}
details[open] summary{
	margin: auto;
	border-bottom: 2px solid #9fdeff;
}
details[open] {
	margin: 10px 1em 13px 1em;
	background-color:rgb(255, 255, 255);
	border: solid 1pt #c3c3c3;
	box-shadow: 2px 2px 4px rgba(96, 96, 96, 0.486);
}
.abox {
	position: relative;
	margin: 0 auto;
	padding: 5px 10px;
	border-radius: 10px;
	font-size: 1em;
	line-height: 1.8em;
  }
.abox img{
	max-width: 600px;
	width: 100%;
	margin: 1em auto;}

  /* Firefox用 */
  details summary {
	  list-style: none; /* デフォルト矢印削除 */
	  cursor: pointer;
  } 
  /* Chrome, Safari用 */
  details summary::-webkit-details-marker {
	  display: none; /* デフォルト矢印削除 */
  }
   
  /* 閉じている時のアイコン */
  details summary::before {
	  content: '●';
	  margin-right: 5px;
	  color: #bfd1dd;
  }
   
  /* 開いている時のアイコン */
  details[open] summary::before {
	content: '▶';
	color: #69c5f7;
}

.txbox {
	position: relative;
	margin: 10px auto ;
	padding: 10px;
	width:  90%;
	background-color:#fff;
	border: 1.5px solid #ccc;
	border-radius: 10px;
  }

  
/*  -------------------------------------------------RESPONSIVE 設定*/

@media only screen and (min-width: 1200px){
	.inner{
		width: 1024px;
	}
	
	.txt h2{
		padding: 0 0 20px !important;
	}
}

@media only screen and (min-width: 800px){

  a#menu{display:none;}	
  .panel{display:block !important;}

/*　PC用メニュー　スクロール前*/
	#mainnav{
		position:fixed;
		background: #1a5296;
		height:70px;
		text-align: center;
		top: 0;
		width:100%;
		z-index:500;
	}
	#mainnav img{height: 50px;}

	#mainnav ul{
		padding-right: 30px;
	}

	#mainnav li{
		display: inline-block;
		padding: 20px 10px 20px;
		font-size: 15px;
		font-weight: 300;
	}
	
  #mainnav a{
		color: #ffffff;
		text-decoration: none;
	}
/*　PC用メニュー　スクロール後*/
	#mainnav.changeNav{
		background: #368ce9ee;
		backdrop-filter: blur(5px);
		border-bottom: 1pt solid #ffffff90;
		height:70px;
	}
	
	#mainnav.changeNav li{
		padding: 20px 10px;
	}
	#mainnav.changeNav a{
		color: #ffffff;
		text-decoration: none;
	}	
	#mainnav a:hover, .active{
		border-bottom:3px solid #a5d2ff;
		transition: .1s;
	  }
	#mainnav li.visit a{
		border-bottom:3px solid #a5d2ff;
		}
	/* secAB ２カラム-----------------*/
	.txt, .bg{
		width: 50%;
		float: left;
		display: table;
	}

	#secAB_02 .txt, #secAB_02 .bg{
		float: right;
	}

	.vMid{
		display: table-cell;
		padding: 0px 6em 2em 6em;
		vertical-align: middle;
	}
	
	/*  ３カラム-----------------*/
	.col3{
		text-align: center;
	}

	.col3 li{
		display: inline-block;
		width: 28%;
		padding: 0 1.5%;
		margin-bottom: 0;
		vertical-align: top;
		text-align: left;
	}
	

	
 
}/* レスポンシブ　画面サイズ800px以上　*/

@media only screen and (min-width: 641px){
	.col2{text-align: center;}
	.col2 li{
		width: 44%;
		padding: 0 3%;
		vertical-align: top;
	}
}/* レスポンシブ　画面サイズ641px以上　*/

@media only screen and (max-width: 640px){
	#map iframe{
	  width: 96% !important;
		left: 2%;
	}
}/* レスポンシブ　画面サイズ640px以下　*/

@media only screen and (max-width: 799px){
	body{font-size:0.9em;}
	html{scroll-padding-top: 60px;}
	#header{
		margin-top: 58px;
		height:380px;
		background-size: auto 500px;	
	}
	#header img{
		width: 250px;
	}
	#slogan h1{
		font-size: 25px;
	}
	#slogan h2{
		font-size: 22px;
	}
	div.space {padding-top: 10px;}
	#sec02{padding: 0 1em;}
	.pagetitle{margin-top: 58px;}
	.maintext{width: 86%;}
	.blog img{width: 100%;}

/* ------------------------------------------------スマホ用 メニューアイコン */
  a#menu{
  	display: inline-block;
  	position: relative;
  	width: 100%;
  	height: 58px;
  	margin: 0;
	text-decoration: none;
	background: #ffffffe2;
	backdrop-filter: blur(8px);
	border-bottom: 1pt solid #53b7ff;
	}
/* ▼メニュー 三の真ん中線 */
	#menuBtn{
  	display: block;
  	position: absolute;
  	top: 50%;
  	left: 90%;
  	width: 18px;
  	height: 2px;
  	margin: -1px 0 0 -9px;
  	background: #53b7ff;
  	transition: .2s;
	}
/* ▼メニュー 三の上下線と× */
	#menuBtn:before, #menuBtn:after{
  	display: block;
  	content: "";
  	position: absolute;
  	top: 50%;
  	left: 0;
  	width: 18px;
  	height: 2px;
  	background: #53b7ff;
  	transition: .3s;
	}
	#menuBtn:before{margin-top: -7px;}

	#menuBtn:after{margin-top: 5px;}

	a#menu .close{background: transparent;}

	a#menu .close:before, 
	a#menu .close:after{margin-top: 0;}

	a#menu .close:before{
  	transform: rotate(-45deg);
  	-webkit-transform: rotate(-45deg);
	}
	a#menu .close:after{
  	transform: rotate(-135deg);
  	-webkit-transform: rotate(-135deg);
	}
 /* スマホメニュー 開いたところ(項目)*/
	.panel{
		width: 100%;
		display: none;
		overflow: hidden;
		position: relative;
		padding: 20px 0;
		z-index: 1;
		top: -7px;
		background: #fff;
		border-bottom: 1pt solid #53b7ff;
		box-shadow: -1px 8px 8px #263e6e53;
	}
 /* スマホメニュー アイコンのあるメニューバー上固定*/
	#mainnav{
		position: fixed;
		height: 60px;
		top: 0;
		right: 0;
		width: 100%;
		text-align: right;
		z-index:2;
	}
	#mainnav img{
		height: 55px;
		padding-top: 8px;
		padding-bottom: 5px;
		margin: 0 auto;
		display: block;
	}
	#mainnav .panel img{display: none;}/* ピースマーク非表示 */

	#mainnav ul{
		text-align: left;
		padding: 0px 0;
	}

	#mainnav li a{
		position: relative;
		display:block;
		padding:14px 40px;
		color: #333;
		font-weight: 400;
		font-size: 1.3em;
		text-decoration: none;
	}

	#mainnav a:hover, .active{
		text-decoration:underline;
	  }
	#mainnav li.visit a{
		background-color:#d1ecfff1;
		}

	.col3 li{
		margin: 0 auto;
		display: block;
	max-width: 288px;
	}
}/* レスポンシブ　画面サイズ799px以下　*/

@media only screen and (max-width: 1199px){

	.vMid{
		padding: 0px 5em;
	}
}/* レスポンシブ　画面サイズ1199px以下　*/

/*  スマホ用改行br設定   */
@media screen and (min-width: 768px){
	.br-sp {display: none; }
	}

@media only screen and (max-width: 640px){
	.br-p {display: none; }/* PC画面用改行 */
	}