@charset "utf-8";

/* CSS Document */

* {
	margin: 0;
	padding: 0;
/*	font-size: 100.01%;*/
	line-height: 1.4;
	 /* 20200514 */
	-webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
	box-sizing: border-box;
}




html,body {
	margin: 0;         /* 余白の削除 */
    padding: 0;        /* 余白の削除 */
    width: 100%;
   /*  height: 100%;
	min-height: 100%;  */
}



html {
font-size: 62.5%;  /* 200422 */
}

body {
	/*font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;  */
	font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif; 
	letter-spacing: 1px;
	color: #333;
	text-align: left;
/*	font-size: 1.6rem;*/
	background-color: #e2e2e2;
	line-height: 1; /*riset 130217追加 */
	font-size: 1.4em;  /* 200422 */
}

#wrapper {
	margin: 0px auto;
	width: 100vw;
	max-width: 960px;
	position: relative;
	background-color: #FFF;
	overflow-x: hidden;
	min-height: 100vh;
}

/*  @media (max-width 959px) {
    #wrapper {
    height: 100%;
	min-height: 100%; 20200419 
}
} */
p {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 1.26rem;
	line-height: 1.5; /* 130216追加 */

}

h2, h3, h4 {
	line-height: 1.5; /* after riset130216追加 */
}
.alignleft {
	text-align: left;
}
.aligncenter {
	text-align: center;
}
.alignright {
	text-align: right;
}
img {
	border:none;
	}

.leftimg {
	border:none;
	float: left;
}

.clearfix:after {
  content: ""; 
  display: block; 
  clear: both;
}

.navi {
	display: block;
	width: 22.91vw;
	max-width: 220px;
	float: left;
	margin-right: 25px;
	margin-right: 2.604%;
	
}
.navi .list1 {
	list-style: none;
	background-image: url(../img/cercle12.gif);
	background-repeat: no-repeat;
	background-position: left 10px;
	/* margin-left: 20px; */
	margin-left: 9.09%;
	display: block;
	padding: 0px;
	line-height: 1.4;   /* after riset130216追加 */
}
.navi .blog-banner {
	margin-left: 9.09%;
	list-style: none;
}
.navi .blog-banner a {
	display: block;
    margin-top: 10px;
}
.navi .blog-banner img {
	width: 100%;
	max-width: 175px;
}
/*.navi .home {
	list-style: none;
	background-image: none;
	height: 150px;
	margin-top: 30px;
	width: 14.58vw;
	max-width: 140px;
	margin-left: 35px;
} */


/* .navi .blog {
	list-style-type: none;
}
.navi .blog a {
	height: 80px;
	width: 79.545%;
	font-size: 1.26rem;
	margin-left: 15.9%;
	display: block;
	list-style-type: none;
	background-image: url(../img/dekashelbanner.jpg);
	background-repeat: no-repeat;
	background-position: center bottom;
	background-size: contain;
	text-decoration: none;
	color: #333;
} */

　　

main {
	margin-bottom: 20px;
    background-color: #FFF;
}

main  h3{
	padding-top: 2px;
	padding-bottom: 2px;
	margin-left: 80px;
	width: auto;
	border-left-width: 1px;
	font-size: 100%; /* 130216追加 */
	font-size: 1.4rem;
}
main .box-main-notice {
	background-color: #C1272D;
	margin-bottom: 20px;
}
.h2-main-notice{
	color: #FFFFFF;
	padding: 1.5rem;
	font-weight: 800;
	font-size: 2.2rem;
}

footer {
	position: fixed; /*  20200419  固定フッター */
	bottom: 0;
	color: #ffffff;
	text-align: center;

	font-size: 80%;
	background-color: #336633;
	padding-top: 7px;
	padding-bottom: 5px;
	width: 100vw;
	z-index: 1000;
	max-width: 960px;
}


footer p { /*  20200419 */
	line-height: 0.8;
	text-align: center;
}

.copyrightmark { 
	font-size: 1.5rem;
	vertical-align: -1px;
} 

aside {
	margin-bottom: 30px;
}


aside h3 {
	padding-top: 0px;
	margin-bottom: 20px;
	text-align: center;
	color: #FFF;
	background-color: #999;
	width: 141px;
	width: 72%;
	margin-right: auto;
	margin-left: auto;
	line-height: 1.75;
	font-size: 1.6rem;
}


/* 画像に影をつける */

.shadow {
	display: block;
	box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4); /*ベンダープレフィックス無し（標準） */　
	
	
	/* 以下ベンダープレフィックス */　
	-moz-box-shadow: 3px 3px 3px 3px rgba(0,0,0,0.4); /* Firefox向け */　
	-webkit-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4); /*GoogleChrome、safari向け */
    -o-box-shadow: 15px 5px 5px 5px rgba(0,0,0,0.4); /*Opera向け */
    -ms-box-shadow: 5px 5px 5px 5px rgba(0,0,0,0.4);  /*IE向け */
}

/*Safariでヒラギノ角ゴシックをきれいに表示させるCSS*/
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: sans-serif;
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↓2017.02.14追加*/
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'Hiragino Kaku Gothic Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
/*↑2017.02.14追加*/
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ Pro W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ヒラギノ角ゴ ProN W3';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'ＭＳ Ｐゴシック';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS P Gothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W3);
font-weight: normal;
}
@font-face {
font-family: 'MS PGothic';
src: local(HiraginoSans-W6);
font-weight: bold;
}

.for-phone_l {
	display: none;
}
.for-tablet {
	display: none;
}
.for-phone	{
	display: none;
}
aside .w-small {
	margin-left: 9%;
	margin-bottom: 20px;
}
aside p {
	width: 85%;
}
/* 固定フッターのため　*/
@media screen and (min-width:960px){
#wrapper {
	height: 100vh;
	min-height: 100vh;
}
}
/* スマートフォンmenu微調整　
@media screen and (max-width:720px){
	.navi {
		width: 24vw;
	}	
}*/