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

body	{max-width: 1000px;
		margin: 0 auto;
		padding: 0;
		text-align:center;}


body	{font-family:'メイリオ','Hiragino Kaku Gothic Pro',sans-serif;
}


.minaminawebiconyear	{float: left; width:100%
}

.header				{float: left; width:100%
}

.main-contents 		{float: left; width:100%
}

.bread	{display: block;
		text-align:left;
		padding:15px;
		color:#000;
		font-size: 12px;
		text-decoration:none}

.side { text-align:center;
		font-size: 14px;
		margin-top:5px;
}



#slide {
width:640px;
height:300px;
margin:0 auto;
position:relative;
}
#slide img {
position:absolute;
left:0;
top:0;
}


/*.main-contentsの設定　ブロックの設定*/

.main-contents ul	{margin: 0;
			padding: 0;
			list-style: none;}

.main-contents li	{display: block;
			padding-left:0px;
			color:#000;
			font-size: 14px;
			text-decoration:none;}

.main-contents li a:hover {background-color: #eeeeee;}

.main-contents ul:after	{content: "";
				display: block;
				clear: both}

.main-contents li		{float: left;
				width: auto}

.main-contents ul {
	background-color: #FFF;	/*背景色*/
	height: 80px;			/*高さ*/
}

/*メニュー１個ごとの設定*/
.main-contents ul li {
margin-top:20px;
float: left;
width: 33.3%;/*スマホ以外の時はリストを3列にする*/
 text-align:center;	
}

/*globalnavigationの設定　メニューブロックの設定*/

.globalnavi ul	{margin: 0;
			padding: 0;
			list-style: none;}

.globalnavi li	{display: block;
			padding-left:0px;
			color:#000;
			font-size: 14px;
			text-decoration:none;}

.globalnavi li a:hover {background-color: #eeeeee;}

.globalnavi ul:after	{/*content: "";*/
				display: block;
				clear: both}

.globalnavi li		{float: left;
				width: auto}

.globalnavi ul {
	background-color: #FFF;	/*背景色*/
	height: 60px;			/*高さ*/
}

/*メニュー１個ごとの設定*/
.globalnavi ul li {
  margin-top:10px;
  float: left;
  width:16.6%;	/*メニュー幅*/
	
}
.globalnavi ul li a {
	height: 40px;
	padding-top: 4px;
	text-decoration: none;
	display: block;
	font-size: 10px;	/*文字サイズ*/
	font-weight: bold;	/*文字を太字にする設定。通常がいいならこの１行削除。*/
	letter-spacing: 0.1em;		/*文字間隔を少し広めにとる設定。*/
	-webkit-transition: 0.5s;	/*マウスオン時の移り変わるまでの時間設定。0.5秒。*/
	transition: 0.5s;			/*同上*/
	background-color: #c01f4c;	/*背景色（古いブラウザだとここの色のみが出ます）*/
	text-align: center;	/*文字をセンタリング*/
	color: #FFF;		/*文字色*/
	border-bottom: 1px solid #FFF;	/*下側の線の幅、線種、色*/
	border-top: 1px solid #FFF;		/*上側の線の幅、線種、色*/
	border-left: 1px solid #FFF;	/*左側の線の幅、線種、色*/
}

/*マウスオン時と、current(表示中のメニュー)の設定*/
.globalnavi ul li a:hover
.globalnavi ul li#current a {
	background-color: #FF66CC;
	background-image:url(../images/nav_backimg.png)}



/*menu-naviの設定　メニューブロックの設定*/

.menu-navi ul	{margin: 0;
				padding: 0;
				list-style: none;}

.menu-navi li	{display: flex;
				padding-left:0px;
				color:#000;}


.menu-navi ul:after	{content: "";
				display: block;
				clear: both}

.menu-navi li		{float: left;
				width: auto}

.menu-navi ul {
	background-color: #FFF;	/*背景色*/
	height: 90px;			/*高さ*/
}

/*メニュー１個ごとの設定*/
.menu-navi ul li {
  margin-top:10px;
  border-radius: 10px;
  float: left;
  width:16.6%;	/*メニュー幅*/
	
}
.menu-navi ul li a {
	height: 90px;
	padding-top: 4px;
	border-radius: 10px;
	display: flex;
	flex-wrap: wrap;
}





div#footer ul	{margin: 0;
				padding: 0;
				list-style: none}

div#footer li	{display: block;
				float:left;
				padding:15px;
				color:#000;
				font-size: 12px;
				text-decoration:none}

div#footer li a:hover {
	background-color: #F90;}

div#footer ul:after	{content: "";
						display: block;
						clear: both}

img {max-width: 100%;
	 height: auto;
	 width :auto;}

.contents	{width: 100%;
    		max-width: 1000px;
			margin: 0 auto;
			padding: 0 5px;
			box-sizing: border-box;
			text-align: left;}

.contents2	{width: 100%;
    		max-width: 1000px;
			margin: 0 auto;
			padding: 0 5px;
			box-sizing: border-box;
			text-align: center;}

.contents3	{width: 50%;
    		max-width: 100px;
			margin: 0 auto;
			padding: 0 5px;
		    box-sizing: border-box;
			text-align: center;}

.contents4	{width: 100%;
    		max-width: 1000px;
			margin: 0 auto;
			padding: 0 5px;
		    box-sizing: border-box;
			text-align: center;}

h1 {text-align:center;
	font-size:10px}
	
h2 {text-align:center;}

h3 {text-align:center;
	font-size:20px}

/* SNSシェアボタン */
.share			{margin-top:32px}

.share ul		{margin:0px;
				padding:0;
				list-style:none}

.share li a 	{display:block;
				padding:10px 5px;
				color:#fff;
				font-size:12px;
				text-align:center;
				text-decoration:none}

.share-tw		{background-color:#55acee}
.share-fb		{background-color:#3b5998}
.share-gp		{background-color:#dd4b39}

.share li a:hober	{opacity:0.8}

.share li		{float:left;
				width: 33.3333%}
				
.btn  {
 font-family: FontAwesome;
 content: "\f0c9";
}
			
small	{font-size:0.75em;
		font-style:normal;
		text-align:center;
		display:block}

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

#img	{
    max-width: 100%;
	height: auto;
	width /***/:auto;
    text-align:center;
}

#container {width:100%}
}

.menu  {
    padding:  30px 10px 60px;
    color: #5a5c5f;
}
.menu-card {
    width: 50%;
    margin-top: 35px;
	text-align: center;
}
.menu-card2 {
	width: 16%;
	margin-top: 10px;
	margin-right: 5px;
	border-radius: 10px;
}
.menu-card-inner {
	padding: 25px 30px;
	background-color: #dbe0e4;
	border-radius: 7px;
	box-shadow: 1px 1px 4px #d2d4d6;
	text-align: center;
	margin:0  20px;
}
.menu-card-inner2 {
	padding: 25px 30px;
	background-color: #f5deb3;
	border-radius: 7px;
	box-shadow: 1px 1px 4px #ffa500;
	text-align: center;
	margin:0  20px;
}
.menu-card-inner3 {
	padding: 25px 30px;
	background-color: #b0c4de;
	border-radius: 7px;
	box-shadow: 1px 1px 4px #4169e1;
	text-align: center;
	margin:0  20px;
}
.menu-card-inner4 {
	padding: 25px 30px;
	background-color: #dcdcdc;
	border-radius: 7px;
	box-shadow: 1px 1px 4px #000000;
	text-align: center;
	margin:0  20px;
}
.menu-card-inner5 {
	padding: 25px 30px;
	background-color: #90ee90;
	border-radius: 7px;
	box-shadow: 1px 1px 4px #228b22;
	text-align: center;
	margin:0  20px;
}
.menu-image {
    width:  20%;
    margin-bottom:  20px;
    border-radius:  5px;
}
.menu-image2 {
    width:  100%;
	margin-right:   10px;
    margin-bottom:  20px;
    border-radius:  5px;
}
.menu-image3 {
	width:  100%;
	margin-bottom: 20px;
    border-radius:  5px;
	text-align:  center;
}
.menu-image4 {
    width:  100%;
    margin-bottom:  10px;
    border-radius:  10px;
}
.menu-image5 {
    width:  80%;
	margin-right:   10px;
    margin-bottom:  10px;
    border-radius:  5px;
}
.menu-image6 {
    width:  90%;
	margin-right:   10px;
    margin-bottom:  10px;
    border-radius:  5px;
}
.menu-text {
    font-size:  16px;
	text-align:  left;
}
.menu-text2  {
	font-size:   12px;
	text-align:  center;
}
.menu-card-wrapper {
    display: flex;
	flex-wrap: wrap;
}
.header-left  {
	float: left;
}
.header-right {
	float: right;
}
.header-right a {
	line-height:  56px;
	color: #5a5c5f;
	margin-left: 5px;
	font-size:  16px;
	padding:  16px  5px;
}
.header-right a:hover {
	background-color: #e2f1ff;
}
.clear {
	clear:both;
}
.main {
    padding: 80px 0;
    color: #5a5c5f;
    text-align: center;
}
.main-image {
    width:  450px
    margin-bottom:  25px;
    box-shadow: 2px 2px 4px #b7b7b7;
    border-radius: 5px;
}
.akapen {
    color: #ff0000;
}